sigmx 0.1.0

package/dist/plugins/directives/busy-flag.js

@@ -0,0 +1,21 @@
+import { attribute } from "../../kernel/index.js";
+const indicator = attribute({
+  name: "indicator",
+  mount({ el, key, value, cased, store, listen }) {
+    const path = key ? cased() : value.trim();
+    const mine = /* @__PURE__ */ new Set();
+    store.set(path, false);
+    listen(document, "sigmx-fetch", (e) => {
+      const { el: from, type, rid } = e.detail;
+      if (type === "started" && (from === el || el.contains(from))) mine.add(rid);
+      else if (type === "finished") mine.delete(rid);
+      else return;
+      store.set(path, mine.size > 0);
+    });
+    return () => store.set(path, false);
+  }
+});
+export {
+  indicator
+};
+//# sourceMappingURL=busy-flag.js.map

package/dist/plugins/directives/busy-flag.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/busy-flag.ts"],
+  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** A boolean signal that is true while a request started from this element (or one inside it) is in flight. */\nexport const indicator = attribute({\n  name: 'indicator',\n  mount({ el, key, value, cased, store, listen }) {\n    const path = key ? cased() : value.trim()\n    // Requests are remembered by id at `started`, because the element that made one may have been\n    // morphed away by the time it finishes.\n    const mine = new Set<number>()\n    store.set(path, false)\n    listen(document, 'sigmx-fetch', (e: CustomEvent<{ el: Element; type: string; rid: number }>) => {\n      const { el: from, type, rid } = e.detail\n      if (type === 'started' && (from === el || el.contains(from))) mine.add(rid)\n      else if (type === 'finished') mine.delete(rid)\n      else return\n      store.set(path, mine.size > 0)\n    })\n    return () => store.set(path, false)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,YAAY,UAAU;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,EAAE,IAAI,KAAK,OAAO,OAAO,OAAO,OAAO,GAAG;AAC9C,UAAM,OAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AAGxC,UAAM,OAAO,oBAAI,IAAY;AAC7B,UAAM,IAAI,MAAM,KAAK;AACrB,WAAO,UAAU,eAAe,CAAC,MAA+D;AAC9F,YAAM,EAAE,IAAI,MAAM,MAAM,IAAI,IAAI,EAAE;AAClC,UAAI,SAAS,cAAc,SAAS,MAAM,GAAG,SAAS,IAAI,GAAI,MAAK,IAAI,GAAG;AAAA,eACjE,SAAS,WAAY,MAAK,OAAO,GAAG;AAAA,UACxC;AACL,YAAM,IAAI,MAAM,KAAK,OAAO,CAAC;AAAA,IAC/B,CAAC;AACD,WAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,EACpC;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/class-toggle.d.ts

@@ -0,0 +1,2 @@
+/** `class:active="expr"` or `class="{ active: expr, 'a b': expr }"`. */
+export declare const className: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/class-toggle.js

@@ -0,0 +1,22 @@
+import { attribute } from "../../kernel/index.js";
+const className = attribute({
+  name: "class",
+  value: "required",
+  mount({ el, key, cased, evaluate, effect }) {
+    const applied = /* @__PURE__ */ new Set();
+    effect(() => {
+      const map = key ? { [cased("kebab")]: evaluate() } : evaluate();
+      for (const k in map) {
+        for (const name of k.split(/\s+/).filter(Boolean)) {
+          el.classList.toggle(name, !!map[k]);
+          map[k] ? applied.add(name) : applied.delete(name);
+        }
+      }
+    });
+    return () => el.classList.remove(...applied);
+  }
+});
+export {
+  className
+};
+//# sourceMappingURL=class-toggle.js.map

package/dist/plugins/directives/class-toggle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/class-toggle.ts"],
+  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** `class:active=\"expr\"` or `class=\"{ active: expr, 'a b': expr }\"`. */\nexport const className = attribute({\n  name: 'class',\n  value: 'required',\n  mount({ el, key, cased, evaluate, effect }) {\n    const applied = new Set<string>()\n    effect(() => {\n      const map: Record<string, unknown> = key ? { [cased('kebab')]: evaluate() } : evaluate()\n      for (const k in map) {\n        for (const name of k.split(/\\s+/).filter(Boolean)) {\n          el.classList.toggle(name, !!map[k])\n          map[k] ? applied.add(name) : applied.delete(name)\n        }\n      }\n    })\n    return () => el.classList.remove(...applied)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,YAAY,UAAU;AAAA,EACjC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,GAAG;AAC1C,UAAM,UAAU,oBAAI,IAAY;AAChC,WAAO,MAAM;AACX,YAAM,MAA+B,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,SAAS;AACvF,iBAAW,KAAK,KAAK;AACnB,mBAAW,QAAQ,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG;AACjD,aAAG,UAAU,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAClC,cAAI,CAAC,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,OAAO,IAAI;AAAA,QAClD;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO,MAAM,GAAG,UAAU,OAAO,GAAG,OAAO;AAAA,EAC7C;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/cloak.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Removed as soon as the element mounts. Pair it with CSS that hides cloaked markup until then:
+ * `[data-cloak] { display: none !important }`.
+ */
+export declare const cloak: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/cloak.js

@@ -0,0 +1,11 @@
+import { attribute } from "../../kernel/index.js";
+const cloak = attribute({
+  name: "cloak",
+  key: "forbidden",
+  value: "forbidden",
+  mount: ({ el, attr }) => el.removeAttribute(attr)
+});
+export {
+  cloak
+};
+//# sourceMappingURL=cloak.js.map

package/dist/plugins/directives/cloak.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/cloak.ts"],
+  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/**\n * Removed as soon as the element mounts. Pair it with CSS that hides cloaked markup until then:\n * `[data-cloak] { display: none !important }`.\n */\nexport const cloak = attribute({\n  name: 'cloak',\n  key: 'forbidden',\n  value: 'forbidden',\n  mount: ({ el, attr }) => el.removeAttribute(attr),\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAMnB,MAAM,QAAQ,UAAU;AAAA,EAC7B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,gBAAgB,IAAI;AAClD,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/collapse.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Animates the element's height open and closed: `collapse="$open"`.
+ * Modifiers: `__duration.250ms`, `__min.40px` (collapsed height, default 0).
+ */
+export declare const collapse: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/collapse.js

@@ -0,0 +1,42 @@
+import { attribute, toMs } from "../../kernel/index.js";
+const collapse = attribute({
+  name: "collapse",
+  key: "forbidden",
+  value: "required",
+  mount({ el, mods, evaluate, effect, cleanup }) {
+    const style = el.style;
+    const ms = toMs(mods.get("duration"), 250);
+    const min = mods.get("min")?.[0] ?? "0px";
+    const instant = matchMedia("(prefers-reduced-motion: reduce)").matches;
+    let timer;
+    let first = true;
+    let last;
+    const settle = (open) => {
+      style.transition = "";
+      style.overflow = open ? "" : "hidden";
+      style.height = open ? "" : min;
+    };
+    effect(() => {
+      const open = !!evaluate();
+      if (open === last) return;
+      last = open;
+      clearTimeout(timer);
+      if (first || instant) {
+        first = false;
+        return settle(open);
+      }
+      const from = `${el.getBoundingClientRect().height}px`;
+      style.overflow = "hidden";
+      style.height = open ? min : from;
+      void el.getBoundingClientRect();
+      style.transition = `height ${ms}ms ease`;
+      style.height = open ? `${el.scrollHeight}px` : min;
+      timer = setTimeout(() => settle(open), ms + 20);
+    });
+    cleanup(() => clearTimeout(timer));
+  }
+});
+export {
+  collapse
+};
+//# sourceMappingURL=collapse.js.map

package/dist/plugins/directives/collapse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/collapse.ts"],
+  "sourcesContent": ["import { attribute, toMs } from '../../kernel/index.js'\n\n/**\n * Animates the element's height open and closed: `collapse=\"$open\"`.\n * Modifiers: `__duration.250ms`, `__min.40px` (collapsed height, default 0).\n */\nexport const collapse = attribute({\n  name: 'collapse',\n  key: 'forbidden',\n  value: 'required',\n  mount({ el, mods, evaluate, effect, cleanup }) {\n    const style = (el as HTMLElement).style\n    const ms = toMs(mods.get('duration'), 250)\n    const min = mods.get('min')?.[0] ?? '0px'\n    const instant = matchMedia('(prefers-reduced-motion: reduce)').matches\n    let timer: ReturnType<typeof setTimeout> | undefined\n    let first = true\n    let last: boolean | undefined\n    const settle = (open: boolean) => {\n      style.transition = ''\n      style.overflow = open ? '' : 'hidden'\n      style.height = open ? '' : min\n    }\n    effect(() => {\n      const open = !!evaluate()\n      if (open === last) return\n      last = open\n      clearTimeout(timer)\n      if (first || instant) {\n        first = false\n        return settle(open)\n      }\n      const from = `${el.getBoundingClientRect().height}px`\n      style.overflow = 'hidden'\n      style.height = open ? min : from\n      void el.getBoundingClientRect() // commit the start height before transitioning\n      style.transition = `height ${ms}ms ease`\n      style.height = open ? `${el.scrollHeight}px` : min\n      timer = setTimeout(() => settle(open), ms + 20)\n    })\n    cleanup(() => clearTimeout(timer))\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY;AAMzB,MAAM,WAAW,UAAU;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,MAAM,UAAU,QAAQ,QAAQ,GAAG;AAC7C,UAAM,QAAS,GAAmB;AAClC,UAAM,KAAK,KAAK,KAAK,IAAI,UAAU,GAAG,GAAG;AACzC,UAAM,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC,KAAK;AACpC,UAAM,UAAU,WAAW,kCAAkC,EAAE;AAC/D,QAAI;AACJ,QAAI,QAAQ;AACZ,QAAI;AACJ,UAAM,SAAS,CAAC,SAAkB;AAChC,YAAM,aAAa;AACnB,YAAM,WAAW,OAAO,KAAK;AAC7B,YAAM,SAAS,OAAO,KAAK;AAAA,IAC7B;AACA,WAAO,MAAM;AACX,YAAM,OAAO,CAAC,CAAC,SAAS;AACxB,UAAI,SAAS,KAAM;AACnB,aAAO;AACP,mBAAa,KAAK;AAClB,UAAI,SAAS,SAAS;AACpB,gBAAQ;AACR,eAAO,OAAO,IAAI;AAAA,MACpB;AACA,YAAM,OAAO,GAAG,GAAG,sBAAsB,EAAE,MAAM;AACjD,YAAM,WAAW;AACjB,YAAM,SAAS,OAAO,MAAM;AAC5B,WAAK,GAAG,sBAAsB;AAC9B,YAAM,aAAa,UAAU,EAAE;AAC/B,YAAM,SAAS,OAAO,GAAG,GAAG,YAAY,OAAO;AAC/C,cAAQ,WAAW,MAAM,OAAO,IAAI,GAAG,KAAK,EAAE;AAAA,IAChD,CAAC;AACD,YAAQ,MAAM,aAAa,KAAK,CAAC;AAAA,EACnC;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/declare.d.ts

@@ -0,0 +1,2 @@
+/** `signals:name="expr"` or `signals="{ ... }"`. `__ifmissing` keeps existing values. */
+export declare const signals: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/declare.js

@@ -0,0 +1,13 @@
+import { attribute, expand } from "../../kernel/index.js";
+const signals = attribute({
+  name: "signals",
+  value: "required",
+  mount({ key, cased, evaluate, store, mods }) {
+    const v = evaluate();
+    store.merge(key ? expand({}, cased(), v) : v, { ifMissing: mods.has("ifmissing") });
+  }
+});
+export {
+  signals
+};
+//# sourceMappingURL=declare.js.map

package/dist/plugins/directives/declare.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/declare.ts"],
+  "sourcesContent": ["import { attribute, expand } from '../../kernel/index.js'\n\n/** `signals:name=\"expr\"` or `signals=\"{ ... }\"`. `__ifmissing` keeps existing values. */\nexport const signals = attribute({\n  name: 'signals',\n  value: 'required',\n  mount({ key, cased, evaluate, store, mods }) {\n    const v = evaluate()\n    store.merge(key ? expand({}, cased(), v) : v, { ifMissing: mods.has('ifmissing') })\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,cAAc;AAG3B,MAAM,UAAU,UAAU;AAAA,EAC/B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,KAAK,OAAO,UAAU,OAAO,KAAK,GAAG;AAC3C,UAAM,IAAI,SAAS;AACnB,UAAM,MAAM,MAAM,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,WAAW,KAAK,IAAI,WAAW,EAAE,CAAC;AAAA,EACpF;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/derive.d.ts

@@ -0,0 +1,2 @@
+/** `computed:name="expr"` or `computed="{ name: () => expr }"`. */
+export declare const computed: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/derive.js

@@ -0,0 +1,20 @@
+import { attribute, computed as makeComputed } from "../../kernel/index.js";
+const computed = attribute({
+  name: "computed",
+  value: "required",
+  mount({ key, cased, evaluate, store, error }) {
+    if (key) {
+      store.define(cased(), makeComputed(() => evaluate()));
+      return;
+    }
+    const obj = evaluate();
+    for (const k in obj) {
+      if (typeof obj[k] !== "function") throw error(`"${k}" must be a function`);
+      store.define(k, makeComputed(obj[k]));
+    }
+  }
+});
+export {
+  computed
+};
+//# sourceMappingURL=derive.js.map

package/dist/plugins/directives/derive.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/derive.ts"],
+  "sourcesContent": ["import { attribute, computed as makeComputed } from '../../kernel/index.js'\n\n/** `computed:name=\"expr\"` or `computed=\"{ name: () => expr }\"`. */\nexport const computed = attribute({\n  name: 'computed',\n  value: 'required',\n  mount({ key, cased, evaluate, store, error }) {\n    if (key) {\n      store.define(cased(), makeComputed(() => evaluate()))\n      return\n    }\n    const obj = evaluate()\n    for (const k in obj) {\n      if (typeof obj[k] !== 'function') throw error(`\"${k}\" must be a function`)\n      store.define(k, makeComputed(obj[k]))\n    }\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY,oBAAoB;AAG7C,MAAM,WAAW,UAAU;AAAA,EAChC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,KAAK,OAAO,UAAU,OAAO,MAAM,GAAG;AAC5C,QAAI,KAAK;AACP,YAAM,OAAO,MAAM,GAAG,aAAa,MAAM,SAAS,CAAC,CAAC;AACpD;AAAA,IACF;AACA,UAAM,MAAM,SAAS;AACrB,eAAW,KAAK,KAAK;AACnB,UAAI,OAAO,IAAI,CAAC,MAAM,WAAY,OAAM,MAAM,IAAI,CAAC,sBAAsB;AACzE,YAAM,OAAO,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC;AAAA,IACtC;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/element-ref.d.ts

@@ -0,0 +1,2 @@
+/** Stores the element in a signal: `ref:dialog` or `ref="dialog"`. */
+export declare const ref: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/element-ref.js

@@ -0,0 +1,13 @@
+import { attribute } from "../../kernel/index.js";
+const ref = attribute({
+  name: "ref",
+  mount({ el, key, value, cased, store }) {
+    const path = key ? cased() : value.trim();
+    store.set(path, el);
+    return () => store.remove(path);
+  }
+});
+export {
+  ref
+};
+//# sourceMappingURL=element-ref.js.map

package/dist/plugins/directives/element-ref.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/element-ref.ts"],
+  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** Stores the element in a signal: `ref:dialog` or `ref=\"dialog\"`. */\nexport const ref = attribute({\n  name: 'ref',\n  mount({ el, key, value, cased, store }) {\n    const path = key ? cased() : value.trim()\n    store.set(path, el)\n    return () => store.remove(path)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,MAAM,UAAU;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,EAAE,IAAI,KAAK,OAAO,OAAO,MAAM,GAAG;AACtC,UAAM,OAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AACxC,UAAM,IAAI,MAAM,EAAE;AAClB,WAAO,MAAM,MAAM,OAAO,IAAI;AAAA,EAChC;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/event-listener.d.ts

@@ -0,0 +1,5 @@
+/**
+ * `on:click="expr"`. Modifiers: window, document, outside, prevent, stop, capture, passive, once,
+ * delay/debounce/throttle, viewtransition, case.
+ */
+export declare const on: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/event-listener.js

@@ -0,0 +1,28 @@
+import { attribute, withTiming, withViewTransition } from "../../kernel/index.js";
+const on = attribute({
+  name: "on",
+  key: "required",
+  value: "required",
+  returns: false,
+  mount({ el, mods, cased, evaluate, listen }) {
+    const type = cased("kebab");
+    const outside = mods.has("outside");
+    const target = mods.has("window") ? window : mods.has("document") || outside || type.startsWith("sigmx-") ? document : el;
+    const run = withTiming(withViewTransition((e) => evaluate(e), mods), mods);
+    listen(
+      target,
+      type,
+      (e) => {
+        if (outside && el.contains(e.target)) return;
+        if (mods.has("prevent") || type === "submit" && el instanceof HTMLFormElement) e.preventDefault();
+        if (mods.has("stop")) e.stopPropagation();
+        run(e);
+      },
+      { capture: mods.has("capture"), passive: mods.has("passive"), once: mods.has("once") }
+    );
+  }
+});
+export {
+  on
+};
+//# sourceMappingURL=event-listener.js.map

package/dist/plugins/directives/event-listener.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/event-listener.ts"],
+  "sourcesContent": ["import { attribute, withTiming, withViewTransition } from '../../kernel/index.js'\n\n/**\n * `on:click=\"expr\"`. Modifiers: window, document, outside, prevent, stop, capture, passive, once,\n * delay/debounce/throttle, viewtransition, case.\n */\nexport const on = attribute({\n  name: 'on',\n  key: 'required',\n  value: 'required',\n  returns: false,\n  mount({ el, mods, cased, evaluate, listen }) {\n    const type = cased('kebab')\n    const outside = mods.has('outside')\n    const target: EventTarget =\n      mods.has('window') ? window : mods.has('document') || outside || type.startsWith('sigmx-') ? document : el\n    const run = withTiming(withViewTransition((e: Event) => evaluate(e), mods), mods)\n    listen(\n      target,\n      type,\n      (e: Event) => {\n        if (outside && el.contains(e.target as Node)) return\n        if (mods.has('prevent') || (type === 'submit' && el instanceof HTMLFormElement)) e.preventDefault()\n        if (mods.has('stop')) e.stopPropagation()\n        run(e)\n      },\n      { capture: mods.has('capture'), passive: mods.has('passive'), once: mods.has('once') },\n    )\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY,0BAA0B;AAMnD,MAAM,KAAK,UAAU;AAAA,EAC1B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,EAAE,IAAI,MAAM,OAAO,UAAU,OAAO,GAAG;AAC3C,UAAM,OAAO,MAAM,OAAO;AAC1B,UAAM,UAAU,KAAK,IAAI,SAAS;AAClC,UAAM,SACJ,KAAK,IAAI,QAAQ,IAAI,SAAS,KAAK,IAAI,UAAU,KAAK,WAAW,KAAK,WAAW,QAAQ,IAAI,WAAW;AAC1G,UAAM,MAAM,WAAW,mBAAmB,CAAC,MAAa,SAAS,CAAC,GAAG,IAAI,GAAG,IAAI;AAChF;AAAA,MACE;AAAA,MACA;AAAA,MACA,CAAC,MAAa;AACZ,YAAI,WAAW,GAAG,SAAS,EAAE,MAAc,EAAG;AAC9C,YAAI,KAAK,IAAI,SAAS,KAAM,SAAS,YAAY,cAAc,gBAAkB,GAAE,eAAe;AAClG,YAAI,KAAK,IAAI,MAAM,EAAG,GAAE,gBAAgB;AACxC,YAAI,CAAC;AAAA,MACP;AAAA,MACA,EAAE,SAAS,KAAK,IAAI,SAAS,GAAG,SAAS,KAAK,IAAI,SAAS,GAAG,MAAM,KAAK,IAAI,MAAM,EAAE;AAAA,IACvF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/frame-loop.d.ts

@@ -0,0 +1 @@
+export declare const onRaf: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/frame-loop.js

@@ -0,0 +1,19 @@
+import { attribute, withTiming } from "../../kernel/index.js";
+const onRaf = attribute({
+  name: "on-raf",
+  key: "forbidden",
+  value: "required",
+  returns: false,
+  mount({ mods, evaluate }) {
+    const run = withTiming(() => evaluate(), mods);
+    let id = requestAnimationFrame(function tick() {
+      run();
+      id = requestAnimationFrame(tick);
+    });
+    return () => cancelAnimationFrame(id);
+  }
+});
+export {
+  onRaf
+};
+//# sourceMappingURL=frame-loop.js.map

package/dist/plugins/directives/frame-loop.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/frame-loop.ts"],
+  "sourcesContent": ["import { attribute, withTiming } from '../../kernel/index.js'\n\nexport const onRaf = attribute({\n  name: 'on-raf',\n  key: 'forbidden',\n  value: 'required',\n  returns: false,\n  mount({ mods, evaluate }) {\n    const run = withTiming(() => evaluate(), mods)\n    let id = requestAnimationFrame(function tick() {\n      run()\n      id = requestAnimationFrame(tick)\n    })\n    return () => cancelAnimationFrame(id)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,kBAAkB;AAE/B,MAAM,QAAQ,UAAU;AAAA,EAC7B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,EAAE,MAAM,SAAS,GAAG;AACxB,UAAM,MAAM,WAAW,MAAM,SAAS,GAAG,IAAI;AAC7C,QAAI,KAAK,sBAAsB,SAAS,OAAO;AAC7C,UAAI;AACJ,WAAK,sBAAsB,IAAI;AAAA,IACjC,CAAC;AACD,WAAO,MAAM,qBAAqB,EAAE;AAAA,EACtC;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/html.d.ts

@@ -0,0 +1,2 @@
+/** Sets `innerHTML` from an expression: `html="$markup"`. Scripts inside are not executed. */
+export declare const html: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/html.js

@@ -0,0 +1,13 @@
+import { attribute } from "../../kernel/index.js";
+const html = attribute({
+  name: "html",
+  key: "forbidden",
+  value: "required",
+  mount: ({ el, evaluate, effect }) => effect(() => {
+    el.innerHTML = String(evaluate() ?? "");
+  })
+});
+export {
+  html
+};
+//# sourceMappingURL=html.js.map

package/dist/plugins/directives/html.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/html.ts"],
+  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** Sets `innerHTML` from an expression: `html=\"$markup\"`. Scripts inside are not executed. */\nexport const html = attribute({\n  name: 'html',\n  key: 'forbidden',\n  value: 'required',\n  mount: ({ el, evaluate, effect }) =>\n    effect(() => {\n      el.innerHTML = String(evaluate() ?? '')\n    }),\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO,CAAC,EAAE,IAAI,UAAU,OAAO,MAC7B,OAAO,MAAM;AACX,OAAG,YAAY,OAAO,SAAS,KAAK,EAAE;AAAA,EACxC,CAAC;AACL,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/inline-style.d.ts

@@ -0,0 +1,2 @@
+/** `style:color="expr"` or `style="{ color: expr }"`. Falsy values (except 0) restore the original. */
+export declare const style: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/inline-style.js

@@ -0,0 +1,25 @@
+import { attribute, kebab } from "../../kernel/index.js";
+const style = attribute({
+  name: "style",
+  value: "required",
+  mount({ el, key, cased, evaluate, effect }) {
+    const original = /* @__PURE__ */ new Map();
+    const put = (prop, v) => {
+      if (!original.has(prop)) original.set(prop, el.style.getPropertyValue(prop));
+      if (v || v === 0) el.style.setProperty(prop, String(v));
+      else el.style.setProperty(prop, original.get(prop));
+    };
+    effect(() => {
+      const map = key ? { [cased("kebab")]: evaluate() } : evaluate();
+      for (const prop of original.keys()) if (!(prop in map)) put(prop, "");
+      for (const prop in map) put(kebab(prop), map[prop]);
+    });
+    return () => {
+      for (const [prop, v] of original) el.style.setProperty(prop, v);
+    };
+  }
+});
+export {
+  style
+};
+//# sourceMappingURL=inline-style.js.map

package/dist/plugins/directives/inline-style.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/inline-style.ts"],
+  "sourcesContent": ["import { attribute, kebab } from '../../kernel/index.js'\n\n/** `style:color=\"expr\"` or `style=\"{ color: expr }\"`. Falsy values (except 0) restore the original. */\nexport const style = attribute({\n  name: 'style',\n  value: 'required',\n  mount({ el, key, cased, evaluate, effect }) {\n    const original = new Map<string, string>()\n    const put = (prop: string, v: unknown) => {\n      if (!original.has(prop)) original.set(prop, el.style.getPropertyValue(prop))\n      if (v || v === 0) el.style.setProperty(prop, String(v))\n      else el.style.setProperty(prop, original.get(prop)!)\n    }\n    effect(() => {\n      const map: Record<string, unknown> = key ? { [cased('kebab')]: evaluate() } : evaluate()\n      for (const prop of original.keys()) if (!(prop in map)) put(prop, '')\n      for (const prop in map) put(kebab(prop), map[prop])\n    })\n    return () => {\n      for (const [prop, v] of original) el.style.setProperty(prop, v)\n    }\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,aAAa;AAG1B,MAAM,QAAQ,UAAU;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,GAAG;AAC1C,UAAM,WAAW,oBAAI,IAAoB;AACzC,UAAM,MAAM,CAAC,MAAc,MAAe;AACxC,UAAI,CAAC,SAAS,IAAI,IAAI,EAAG,UAAS,IAAI,MAAM,GAAG,MAAM,iBAAiB,IAAI,CAAC;AAC3E,UAAI,KAAK,MAAM,EAAG,IAAG,MAAM,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA,UACjD,IAAG,MAAM,YAAY,MAAM,SAAS,IAAI,IAAI,CAAE;AAAA,IACrD;AACA,WAAO,MAAM;AACX,YAAM,MAA+B,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,SAAS;AACvF,iBAAW,QAAQ,SAAS,KAAK,EAAG,KAAI,EAAE,QAAQ,KAAM,KAAI,MAAM,EAAE;AACpE,iBAAW,QAAQ,IAAK,KAAI,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC;AAAA,IACpD,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,CAAC,MAAM,CAAC,KAAK,SAAU,IAAG,MAAM,YAAY,MAAM,CAAC;AAAA,IAChE;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/mask.d.ts

@@ -0,0 +1,7 @@
+/** Format raw input against a mask: `9` digit, `a` letter, `*` either, anything else literal. */
+export declare const applyMask: (mask: string, raw: string) => string;
+/**
+ * Formats the input as the user types: `mask="(999) 999-9999"`. The value is the mask itself;
+ * add `__dynamic` to evaluate it as an expression instead (`mask__dynamic="$isUS ? '999-999' : '9999'"`).
+ */
+export declare const mask: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/mask.js

@@ -0,0 +1,47 @@
+import { attribute } from "../../kernel/index.js";
+const slots = { "9": /\d/, a: /[a-zA-Z]/, "*": /[a-zA-Z0-9]/ };
+const applyMask = (mask2, raw) => {
+  let out = "";
+  let i = 0;
+  for (const m of mask2) {
+    if (i >= raw.length) break;
+    const slot = slots[m];
+    if (slot) {
+      while (i < raw.length && !slot.test(raw[i])) i++;
+      if (i >= raw.length) break;
+      out += raw[i++];
+    } else {
+      out += m;
+      if (raw[i] === m) i++;
+    }
+  }
+  return out;
+};
+const mask = attribute({
+  name: "mask",
+  key: "forbidden",
+  value: "required",
+  mount({ el, value, mods, evaluate, listen, effect }) {
+    const input = el;
+    let pattern = value;
+    const format = () => {
+      const next = applyMask(pattern, input.value);
+      if (next !== input.value) {
+        input.value = next;
+        input.dispatchEvent(new Event("input", { bubbles: true }));
+      }
+    };
+    listen(input, "input", format);
+    if (mods.has("dynamic")) {
+      effect(() => {
+        pattern = String(evaluate() ?? "");
+        format();
+      });
+    } else format();
+  }
+});
+export {
+  applyMask,
+  mask
+};
+//# sourceMappingURL=mask.js.map

package/dist/plugins/directives/mask.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/mask.ts"],
+  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\nconst slots: Record<string, RegExp> = { '9': /\\d/, a: /[a-zA-Z]/, '*': /[a-zA-Z0-9]/ }\n\n/** Format raw input against a mask: `9` digit, `a` letter, `*` either, anything else literal. */\nexport const applyMask = (mask: string, raw: string): string => {\n  let out = ''\n  let i = 0\n  for (const m of mask) {\n    if (i >= raw.length) break\n    const slot = slots[m]\n    if (slot) {\n      while (i < raw.length && !slot.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += raw[i++]\n    } else {\n      out += m\n      if (raw[i] === m) i++\n    }\n  }\n  return out\n}\n\n/**\n * Formats the input as the user types: `mask=\"(999) 999-9999\"`. The value is the mask itself;\n * add `__dynamic` to evaluate it as an expression instead (`mask__dynamic=\"$isUS ? '999-999' : '9999'\"`).\n */\nexport const mask = attribute({\n  name: 'mask',\n  key: 'forbidden',\n  value: 'required',\n  mount({ el, value, mods, evaluate, listen, effect }) {\n    const input = el as HTMLInputElement\n    let pattern = value\n    const format = () => {\n      const next = applyMask(pattern, input.value)\n      if (next !== input.value) {\n        input.value = next\n        input.dispatchEvent(new Event('input', { bubbles: true })) // let `bind` see the formatted value\n      }\n    }\n    listen(input, 'input', format)\n    if (mods.has('dynamic')) {\n      effect(() => {\n        pattern = String(evaluate() ?? '')\n        format()\n      })\n    } else format()\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,MAAM,QAAgC,EAAE,KAAK,MAAM,GAAG,YAAY,KAAK,cAAc;AAG9E,MAAM,YAAY,CAACA,OAAc,QAAwB;AAC9D,MAAI,MAAM;AACV,MAAI,IAAI;AACR,aAAW,KAAKA,OAAM;AACpB,QAAI,KAAK,IAAI,OAAQ;AACrB,UAAM,OAAO,MAAM,CAAC;AACpB,QAAI,MAAM;AACR,aAAO,IAAI,IAAI,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,EAAG;AAC7C,UAAI,KAAK,IAAI,OAAQ;AACrB,aAAO,IAAI,GAAG;AAAA,IAChB,OAAO;AACL,aAAO;AACP,UAAI,IAAI,CAAC,MAAM,EAAG;AAAA,IACpB;AAAA,EACF;AACA,SAAO;AACT;AAMO,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,OAAO,MAAM,UAAU,QAAQ,OAAO,GAAG;AACnD,UAAM,QAAQ;AACd,QAAI,UAAU;AACd,UAAM,SAAS,MAAM;AACnB,YAAM,OAAO,UAAU,SAAS,MAAM,KAAK;AAC3C,UAAI,SAAS,MAAM,OAAO;AACxB,cAAM,QAAQ;AACd,cAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,MAC3D;AAAA,IACF;AACA,WAAO,OAAO,SAAS,MAAM;AAC7B,QAAI,KAAK,IAAI,SAAS,GAAG;AACvB,aAAO,MAAM;AACX,kBAAU,OAAO,SAAS,KAAK,EAAE;AACjC,eAAO;AAAA,MACT,CAAC;AAAA,IACH,MAAO,QAAO;AAAA,EAChB;AACF,CAAC;",
+  "names": ["mask"]
+}

package/dist/plugins/directives/media-query.d.ts

@@ -0,0 +1,2 @@
+/** `match-media:is-dark="'prefers-color-scheme: dark'"` keeps a boolean signal in sync. */
+export declare const matchMedia: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/media-query.js

@@ -0,0 +1,19 @@
+import { attribute } from "../../kernel/index.js";
+const matchMedia = attribute({
+  name: "match-media",
+  key: "required",
+  value: "required",
+  mount({ cased, evaluate, store, listen }) {
+    let q = String(evaluate()).trim();
+    if (!/^[(a-z]/.test(q) || !q.startsWith("(") && q.includes(":") && !/^(not|only|all|screen|print)\b/.test(q)) q = `(${q})`;
+    const mql = window.matchMedia(q);
+    const path = cased();
+    const sync = () => store.set(path, mql.matches);
+    sync();
+    listen(mql, "change", sync);
+  }
+});
+export {
+  matchMedia
+};
+//# sourceMappingURL=media-query.js.map

package/dist/plugins/directives/media-query.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/media-query.ts"],
+  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** `match-media:is-dark=\"'prefers-color-scheme: dark'\"` keeps a boolean signal in sync. */\nexport const matchMedia = attribute({\n  name: 'match-media',\n  key: 'required',\n  value: 'required',\n  mount({ cased, evaluate, store, listen }) {\n    let q = String(evaluate()).trim()\n    if (!/^[(a-z]/.test(q) || (!q.startsWith('(') && q.includes(':') && !/^(not|only|all|screen|print)\\b/.test(q))) q = `(${q})`\n    const mql = window.matchMedia(q)\n    const path = cased()\n    const sync = () => store.set(path, mql.matches)\n    sync()\n    listen(mql, 'change', sync)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,aAAa,UAAU;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,OAAO,UAAU,OAAO,OAAO,GAAG;AACxC,QAAI,IAAI,OAAO,SAAS,CAAC,EAAE,KAAK;AAChC,QAAI,CAAC,UAAU,KAAK,CAAC,KAAM,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,iCAAiC,KAAK,CAAC,EAAI,KAAI,IAAI,CAAC;AACzH,UAAM,MAAM,OAAO,WAAW,CAAC;AAC/B,UAAM,OAAO,MAAM;AACnB,UAAM,OAAO,MAAM,MAAM,IAAI,MAAM,IAAI,OAAO;AAC9C,SAAK;AACL,WAAO,KAAK,UAAU,IAAI;AAAA,EAC5B;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/on-mount.d.ts

@@ -0,0 +1,2 @@
+/** Runs once when the element is mounted. Supports `__delay.500ms` and `__viewtransition`. */
+export declare const init: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/on-mount.js

@@ -0,0 +1,14 @@
+import { attribute, withTiming, withViewTransition } from "../../kernel/index.js";
+const init = attribute({
+  name: "init",
+  key: "forbidden",
+  value: "required",
+  returns: false,
+  mount({ mods, evaluate }) {
+    withTiming(withViewTransition(() => evaluate(), mods), mods)();
+  }
+});
+export {
+  init
+};
+//# sourceMappingURL=on-mount.js.map

package/dist/plugins/directives/on-mount.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/on-mount.ts"],
+  "sourcesContent": ["import { attribute, withTiming, withViewTransition } from '../../kernel/index.js'\n\n/** Runs once when the element is mounted. Supports `__delay.500ms` and `__viewtransition`. */\nexport const init = attribute({\n  name: 'init',\n  key: 'forbidden',\n  value: 'required',\n  returns: false,\n  mount({ mods, evaluate }) {\n    withTiming(withViewTransition(() => evaluate(), mods), mods)()\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY,0BAA0B;AAGnD,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,EAAE,MAAM,SAAS,GAAG;AACxB,eAAW,mBAAmB,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EAC/D;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/patch-listener.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Runs after signals change, with the patch as `patch`. A key narrows it to one path:
+ * `on-signal-patch:user.name="..."`.
+ */
+export declare const onSignalPatch: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/patch-listener.js

@@ -0,0 +1,35 @@
+import { attribute, withTiming } from "../../kernel/index.js";
+const touches = (patch, path) => {
+  let cur = patch;
+  for (const k of path.split(".")) {
+    if (cur == null || typeof cur !== "object" || !(k in cur)) return false;
+    cur = cur[k];
+  }
+  return true;
+};
+const onSignalPatch = attribute({
+  name: "on-signal-patch",
+  value: "required",
+  returns: false,
+  args: ["patch"],
+  mount({ key, cased, mods, evaluate, listen }) {
+    const path = key ? cased() : "";
+    let running = false;
+    const run = withTiming((patch) => {
+      if (running) return;
+      running = true;
+      try {
+        evaluate(void 0, patch);
+      } finally {
+        running = false;
+      }
+    }, mods);
+    listen(document, "sigmx-signal-patch", (e) => {
+      if (!path || touches(e.detail, path)) run(e.detail);
+    });
+  }
+});
+export {
+  onSignalPatch
+};
+//# sourceMappingURL=patch-listener.js.map

package/dist/plugins/directives/patch-listener.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/patch-listener.ts"],
+  "sourcesContent": ["import { attribute, withTiming } from '../../kernel/index.js'\n\nconst touches = (patch: Record<string, any>, path: string): boolean => {\n  let cur: any = patch\n  for (const k of path.split('.')) {\n    if (cur == null || typeof cur !== 'object' || !(k in cur)) return false\n    cur = cur[k]\n  }\n  return true\n}\n\n/**\n * Runs after signals change, with the patch as `patch`. A key narrows it to one path:\n * `on-signal-patch:user.name=\"...\"`.\n */\nexport const onSignalPatch = attribute({\n  name: 'on-signal-patch',\n  value: 'required',\n  returns: false,\n  args: ['patch'],\n  mount({ key, cased, mods, evaluate, listen }) {\n    const path = key ? cased() : ''\n    let running = false\n    const run = withTiming((patch: Record<string, any>) => {\n      if (running) return\n      running = true\n      try {\n        evaluate(undefined, patch)\n      } finally {\n        running = false\n      }\n    }, mods)\n    listen(document, 'sigmx-signal-patch', (e: CustomEvent) => {\n      if (!path || touches(e.detail, path)) run(e.detail)\n    })\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,kBAAkB;AAEtC,MAAM,UAAU,CAAC,OAA4B,SAA0B;AACrE,MAAI,MAAW;AACf,aAAW,KAAK,KAAK,MAAM,GAAG,GAAG;AAC/B,QAAI,OAAO,QAAQ,OAAO,QAAQ,YAAY,EAAE,KAAK,KAAM,QAAO;AAClE,UAAM,IAAI,CAAC;AAAA,EACb;AACA,SAAO;AACT;AAMO,MAAM,gBAAgB,UAAU;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,CAAC,OAAO;AAAA,EACd,MAAM,EAAE,KAAK,OAAO,MAAM,UAAU,OAAO,GAAG;AAC5C,UAAM,OAAO,MAAM,MAAM,IAAI;AAC7B,QAAI,UAAU;AACd,UAAM,MAAM,WAAW,CAAC,UAA+B;AACrD,UAAI,QAAS;AACb,gBAAU;AACV,UAAI;AACF,iBAAS,QAAW,KAAK;AAAA,MAC3B,UAAE;AACA,kBAAU;AAAA,MACZ;AAAA,IACF,GAAG,IAAI;AACP,WAAO,UAAU,sBAAsB,CAAC,MAAmB;AACzD,UAAI,CAAC,QAAQ,QAAQ,EAAE,QAAQ,IAAI,EAAG,KAAI,EAAE,MAAM;AAAA,IACpD,CAAC;AAAA,EACH;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/directives/remove-me.d.ts

@@ -0,0 +1,2 @@
+/** Removes the element after a delay: `remove-me="3s"` (default immediately). Handy for toasts. */
+export declare const removeMe: import("../../kernel/contracts.js").AttributePlugin;

package/dist/plugins/directives/remove-me.js

@@ -0,0 +1,13 @@
+import { attribute, toMs } from "../../kernel/index.js";
+const removeMe = attribute({
+  name: "remove-me",
+  key: "forbidden",
+  mount({ el, value, cleanup }) {
+    const t = setTimeout(() => el.remove(), toMs([value], 0));
+    cleanup(() => clearTimeout(t));
+  }
+});
+export {
+  removeMe
+};
+//# sourceMappingURL=remove-me.js.map

package/dist/plugins/directives/remove-me.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/directives/remove-me.ts"],
+  "sourcesContent": ["import { attribute, toMs } from '../../kernel/index.js'\n\n/** Removes the element after a delay: `remove-me=\"3s\"` (default immediately). Handy for toasts. */\nexport const removeMe = attribute({\n  name: 'remove-me',\n  key: 'forbidden',\n  mount({ el, value, cleanup }) {\n    const t = setTimeout(() => el.remove(), toMs([value], 0))\n    cleanup(() => clearTimeout(t))\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY;AAGzB,MAAM,WAAW,UAAU;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM,EAAE,IAAI,OAAO,QAAQ,GAAG;AAC5B,UAAM,IAAI,WAAW,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;AACxD,YAAQ,MAAM,aAAa,CAAC,CAAC;AAAA,EAC/B;AACF,CAAC;",
+  "names": []
+}