From 3c61a411cd0b056c305c0f33f43a12e55d68ec29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cchrisshank=E2=80=9D?= <chris.shank.23@gmail.com>
Date: Sat, 30 Nov 2024 22:07:21 -0800
Subject: [PATCH] qr-code

---
 demo/qr-code.html   | 68 +++++++++++++++++++++++++++++++++++++++++++++
 src/folk-weather.ts |  1 +
 2 files changed, 69 insertions(+)
 create mode 100644 demo/qr-code.html
diff --git a/demo/qr-code.html b/demo/qr-code.html
new file mode 100644
index 0000000..58465b4
--- /dev/null
+++ b/demo/qr-code.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>QR Code</title>
+    <style>
+      html {
+        height: 100%;
+      }
+
+      body {
+        min-height: 100%;
+        position: relative;
+        margin: 0;
+      }
+
+      textarea {
+        resize: none;
+        field-sizing: content;
+        min-width: 10ch;
+      }
+
+      event-propagator {
+        display: block;
+        position: absolute;
+        inset: 0 0 0 0;
+        pointer-events: none;
+      }
+    </style>
+  </head>
+  <body>
+    <fc-geometry x="25" y="100">
+      <textarea>https://folk-canvas.github.io/folk-canvas/</textarea>
+    </fc-geometry>
+
+    <fc-geometry x="600" y="50">
+      <label>Radius: <input type="range" min="0" max="0.5" step="0.05" value="0" /></label>
+    </fc-geometry>
+
+    <fc-geometry x="400" y="100">
+      <sl-qr-code></sl-qr-code>
+    </fc-geometry>
+
+    <event-propagator
+      source="textarea"
+      target="sl-qr-code"
+      triggers="input"
+      expression="value: from.value"
+    ></event-propagator>
+
+    <event-propagator
+      source="input"
+      target="sl-qr-code"
+      triggers="input"
+      expression="radius: from.value"
+    ></event-propagator>
+
+    <script type="module">
+      import 'https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.18.0/cdn/components/qr-code/qr-code.js';
+      import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
+      import { EventPropagator } from '../src/arrows/event-propagator.ts';
+
+      FolkGeometry.define();
+      EventPropagator.define();
+    </script>
+  </body>
+</html>
diff --git a/src/folk-weather.ts b/src/folk-weather.ts
index ae0bdab..a9b279f 100644
--- a/src/folk-weather.ts
+++ b/src/folk-weather.ts
@@ -9,6 +9,7 @@ declare global {
   }
 }
 
+// https://open-meteo.com/
 export class FolkWeather extends HTMLElement {
   static tagName = 'folk-weather';
 
