smoothly 1.0.0-alpha.99 → 1.0.0

package/dist/collection/components/toggle-switch/index.js

@@ -1,14 +1,19 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyToggleSwitch {
   constructor() {
+    this.checkmark = true;
     this.selected = false;
     this.disabled = false;
     this.size = "default";
-    this.name = undefined;
-    this.value = undefined;
+    this.color = undefined;
+    this.fill = "clear";
+  }
+  handleClick() {
+    this.selected = !this.selected;
+    this.smoothlyToggleSwitchChange.emit(this.selected);
   }
   render() {
-    return (h(Host, null, h("button", { disabled: this.disabled, onClick: () => (this.selected = !this.selected) }, h("smoothly-icon", { name: "checkmark-circle", fill: "clear", style: { display: this.selected ? "" : "none" } }), h("smoothly-icon", { name: "close-circle", fill: "clear", style: { display: !this.selected ? "" : "none" } }))));
+    return (h(Host, null, h("button", { disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
   }
   static get is() { return "smoothly-toggle-switch"; }
   static get encapsulation() { return "shadow"; }
@@ -24,6 +29,24 @@ export class SmoothlyToggleSwitch {
   }
   static get properties() {
     return {
+      "checkmark": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "checkmark",
+        "reflect": true,
+        "defaultValue": "true"
+      },
       "selected": {
         "type": "boolean",
         "mutable": true,
@@ -78,13 +101,18 @@ export class SmoothlyToggleSwitch {
         "reflect": true,
         "defaultValue": "\"default\""
       },
-      "name": {
+      "color": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "Color",
+          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+          "references": {
+            "Color": {
+              "location": "import",
+              "path": "../../model"
+            }
+          }
         },
         "required": false,
         "optional": false,
@@ -92,27 +120,51 @@ export class SmoothlyToggleSwitch {
           "tags": [],
           "text": ""
         },
-        "attribute": "name",
-        "reflect": false
+        "attribute": "color",
+        "reflect": true
       },
-      "value": {
-        "type": "any",
+      "fill": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+          "original": "Fill",
+          "resolved": "\"clear\" | \"default\" | \"outline\" | \"solid\"",
+          "references": {
+            "Fill": {
+              "location": "import",
+              "path": "../../model"
+            }
+          }
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": ""
         },
-        "attribute": "value",
-        "reflect": false
+        "attribute": "fill",
+        "reflect": true,
+        "defaultValue": "\"clear\""
       }
     };
   }
+  static get events() {
+    return [{
+        "method": "smoothlyToggleSwitchChange",
+        "name": "smoothlyToggleSwitchChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
 }
 //# sourceMappingURL=index.js.map

package/dist/collection/components/toggle-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,oBAAoB;;oBACmB,KAAK;oBACpB,KAAK;gBACsB,SAAS;;;;EAGxE,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,cAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/E,qBACC,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAkB;QAClE,qBACC,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAkB,CAC3D,CACH,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch\",\n\tstyleUrl: \"style.css\",\n\tshadow: true,\n})\nexport class SmoothlyToggleSwitch {\n\t@Prop({ mutable: true, reflect: true }) selected = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"small\" | \"default\" | \"large\" = \"default\"\n\t@Prop() name: string\n\t@Prop() value?: any\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<button disabled={this.disabled} onClick={() => (this.selected = !this.selected)}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname=\"checkmark-circle\"\n\t\t\t\t\t\tfill=\"clear\"\n\t\t\t\t\t\tstyle={{ display: this.selected ? \"\" : \"none\" }}></smoothly-icon>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname=\"close-circle\"\n\t\t\t\t\t\tfill=\"clear\"\n\t\t\t\t\t\tstyle={{ display: !this.selected ? \"\" : \"none\" }}></smoothly-icon>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAQ7E,MAAM,OAAO,oBAAoB;;qBACK,IAAI;oBACU,KAAK;oBACpB,KAAK;gBACsB,SAAS;;gBAElC,OAAO;;EAG7C,WAAW;IACV,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;IAC9B,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;EACpD,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,cAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;QACjE,qBACC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,EACvF,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAkB,CAC7C,CACH,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch\",\n\tstyleUrl: \"style.css\",\n\tshadow: true,\n})\nexport class SmoothlyToggleSwitch {\n\t@Prop({ reflect: true }) checkmark = true\n\t@Prop({ mutable: true, reflect: true }) selected = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"small\" | \"default\" | \"large\" = \"default\"\n\t@Prop({ reflect: true }) color: Color\n\t@Prop({ reflect: true }) fill: Fill = \"clear\"\n\t@Event() smoothlyToggleSwitchChange: EventEmitter<boolean>\n\n\thandleClick() {\n\t\tthis.selected = !this.selected\n\t\tthis.smoothlyToggleSwitchChange.emit(this.selected)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<button disabled={this.disabled} onClick={() => this.handleClick()}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={!this.checkmark ? \"ellipse\" : this.selected ? \"checkmark-circle\" : \"close-circle\"}\n\t\t\t\t\t\tfill=\"clear\"\n\t\t\t\t\t\tclass={{ selected: this.selected }}></smoothly-icon>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/toggle-switch/style.css

@@ -5,7 +5,7 @@
 	height: 1.8em;
 }
 
-button {
+:host button {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -15,18 +15,33 @@ button {
 	cursor: pointer;
 	border: none;
 	border-radius: 3em;
+	background-color: rgb(var(--smoothly-light-tint));
+}
+:host button:hover {
 	background-color: rgb(var(--smoothly-light-color));
 }
-
 :host smoothly-icon {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	position: absolute;
 	left: 0;
-	fill: rgb(var(--smoothly-default-color));
-	stroke: rgb(var(--smoothly-default-color));
+	fill: rgb(var(--smoothly-color));
+	stroke: rgb(var(--smoothly-color));
 	font-size: 1.2em;
+	transition: 100ms ease-in-out;
+}
+
+:host[checkmark] smoothly-icon {
+	fill: rgb(var(--smoothly-success-color));
+	stroke: rgb(var(--smoothly-success-color));
+}
+:host([selected][checkmark]) button{
+	background-color: rgb(var(--smoothly-success-color));
+}
+
+:host([selected]) smoothly-icon{
+	transform: translateX(100%);
 }
 
 :host([size=small]){
@@ -46,11 +61,3 @@ button {
 :host([size=large]) smoothly-icon{
 	font-size: 1.75em;
 }
-
-:host([selected]) > button{
-	background-color: rgb(var(--smoothly-success-color));
-}
-
-:host([selected]) smoothly-icon{
-	transform: translateX(100%);
-}

package/dist/collection/global/Observers.js

@@ -0,0 +1,22 @@
+const observers = new WeakMap();
+export var Observers;
+(function (Observers) {
+  function get(...parameters) {
+    return observers.get(...parameters);
+  }
+  Observers.get = get;
+  function set(...parameters) {
+    observers.set(...parameters);
+    return Observers;
+  }
+  Observers.set = set;
+  function remove(...parameters) {
+    return observers.delete(...parameters);
+  }
+  Observers.remove = remove;
+  function has(...parameters) {
+    return observers.has(...parameters);
+  }
+  Observers.has = has;
+})(Observers || (Observers = {}));
+//# sourceMappingURL=Observers.js.map

package/dist/collection/global/Observers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Observers.js","sourceRoot":"","sources":["../../src/global/Observers.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,IAAI,OAAO,EAAqC,CAAA;AAClE,MAAM,KAAW,SAAS,CAczB;AAdD,WAAiB,SAAS;EACzB,SAAgB,GAAG,CAAC,GAAG,UAA4C;IAClE,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,CAAA;EACpC,CAAC;EAFe,aAAG,MAElB,CAAA;EACD,SAAgB,GAAG,CAAC,GAAG,UAA4C;IAClE,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,CAAA;IAC5B,OAAO,SAAS,CAAA;EACjB,CAAC;EAHe,aAAG,MAGlB,CAAA;EACD,SAAgB,MAAM,CAAC,GAAG,UAA+C;IACxE,OAAO,SAAS,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAA;EACvC,CAAC;EAFe,gBAAM,SAErB,CAAA;EACD,SAAgB,GAAG,CAAC,GAAG,UAA4C;IAClE,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,CAAA;EACpC,CAAC;EAFe,aAAG,MAElB,CAAA;AACF,CAAC,EAdgB,SAAS,KAAT,SAAS,QAczB","sourcesContent":["const observers = new WeakMap<HTMLElement, IntersectionObserver>()\nexport namespace Observers {\n\texport function get(...parameters: Parameters<typeof observers.get>): ReturnType<typeof observers.get> {\n\t\treturn observers.get(...parameters)\n\t}\n\texport function set(...parameters: Parameters<typeof observers.set>): typeof Observers {\n\t\tobservers.set(...parameters)\n\t\treturn Observers\n\t}\n\texport function remove(...parameters: Parameters<typeof observers.delete>): ReturnType<typeof observers.delete> {\n\t\treturn observers.delete(...parameters)\n\t}\n\texport function has(...parameters: Parameters<typeof observers.has>): ReturnType<typeof observers.has> {\n\t\treturn observers.has(...parameters)\n\t}\n}\n"]}

package/dist/collection/global/index.js

@@ -0,0 +1,5 @@
+import { Observers } from "./Observers";
+export default function () {
+  return { Observers };
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/global/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/global/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,MAAM,CAAC,OAAO;EACb,OAAO,EAAE,SAAS,EAAE,CAAA;AACrB,CAAC","sourcesContent":["import { Observers } from \"./Observers\"\nexport default function () {\n\treturn { Observers }\n}\n"]}

package/dist/collection/model/Color.js

@@ -1,2 +1,19 @@
-export {};
+import { isly } from "isly";
+export var Color;
+(function (Color) {
+  Color.types = [
+    "default",
+    "primary",
+    "secondary",
+    "tertiary",
+    "success",
+    "warning",
+    "danger",
+    "light",
+    "medium",
+    "dark",
+  ];
+  Color.type = isly.string(Color.types);
+  Color.is = Color.type.is;
+})(Color || (Color = {}));
 //# sourceMappingURL=Color.js.map

package/dist/collection/model/Color.js.map

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../src/model/Color.ts"],"names":[],"mappings":"","sourcesContent":["export type Color =\n\t| \"default\"\n\t| \"primary\"\n\t| \"secondary\"\n\t| \"tertiary\"\n\t| \"success\"\n\t| \"warning\"\n\t| \"danger\"\n\t| \"light\"\n\t| \"medium\"\n\t| \"dark\"\n"]}
+{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../src/model/Color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAI3B,MAAM,KAAW,KAAK,CAerB;AAfD,WAAiB,KAAK;EACR,WAAK,GAAG;IACpB,SAAS;IACT,SAAS;IACT,WAAW;IACX,UAAU;IACV,SAAS;IACT,SAAS;IACT,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,MAAM;GACG,CAAA;EACG,UAAI,GAAG,IAAI,CAAC,MAAM,CAAC,MAAA,KAAK,CAAC,CAAA;EACzB,QAAE,GAAG,MAAA,IAAI,CAAC,EAAE,CAAA;AAC1B,CAAC,EAfgB,KAAK,KAAL,KAAK,QAerB","sourcesContent":["import { isly } from \"isly\"\n\nexport type Color = typeof Color.types[number]\n\nexport namespace Color {\n\texport const types = [\n\t\t\"default\",\n\t\t\"primary\",\n\t\t\"secondary\",\n\t\t\"tertiary\",\n\t\t\"success\",\n\t\t\"warning\",\n\t\t\"danger\",\n\t\t\"light\",\n\t\t\"medium\",\n\t\t\"dark\",\n\t] as const\n\texport const type = isly.string(types)\n\texport const is = type.is\n}\n"]}

package/dist/collection/model/Data.js

@@ -1,5 +1,8 @@
+import { isly } from "isly";
 export var Data;
 (function (Data) {
+  Data.valueType = isly.union(isly.string(), isly.number(), isly.boolean(), isly.fromIs("Blob", value => value instanceof Blob), isly.undefined());
+  Data.type = isly.record(isly.string(), isly.union(isly.lazy(() => Data.type, "Data"), Data.valueType));
   function set(data, [head, ...tail], value) {
     const current = data[head !== null && head !== void 0 ? head : ""];
     return Object.assign(Object.assign({}, data), { [head !== null && head !== void 0 ? head : ""]: !tail.length
@@ -8,8 +11,12 @@ export var Data;
   }
   Data.set = set;
   function deepen(data) {
-    return Object.entries(data).reduce((result, [name, value]) => set(result, name.split("."), value), {});
+    return merge({}, data);
   }
   Data.deepen = deepen;
+  function merge(data, changes) {
+    return Object.entries(changes).reduce((r, [name, value]) => set(r, name.split("."), value), data);
+  }
+  Data.merge = merge;
 })(Data || (Data = {}));
 //# sourceMappingURL=Data.js.map

package/dist/collection/model/Data.js.map

@@ -1 +1 @@
-{"version":3,"file":"Data.js","sourceRoot":"","sources":["../../src/model/Data.ts"],"names":[],"mappings":"AAGA,MAAM,KAAW,IAAI,CAapB;AAbD,WAAiB,IAAI;EACpB,SAAgB,GAAG,CAAC,IAAU,EAAE,CAAC,IAAI,EAAE,GAAG,IAAI,CAAW,EAAE,KAAY;IACtE,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAA;IAChC,uCACI,IAAI,KACP,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM;QACzB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,GAAG,CAAC,OAAO,OAAO,IAAI,QAAQ,IAAI,CAAC,CAAC,OAAO,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAC5F;EACF,CAAC;EARe,QAAG,MAQlB,CAAA;EACD,SAAgB,MAAM,CAAC,IAA2B;IACjD,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;EACvG,CAAC;EAFe,WAAM,SAErB,CAAA;AACF,CAAC,EAbgB,IAAI,KAAJ,IAAI,QAapB","sourcesContent":["type Value = string | number | boolean | Blob | undefined\nexport type Data = { [name: string]: Data | Value }\n\nexport namespace Data {\n\texport function set(data: Data, [head, ...tail]: string[], value: Value): Data {\n\t\tconst current = data[head ?? \"\"]\n\t\treturn {\n\t\t\t...data,\n\t\t\t[head ?? \"\"]: !tail.length\n\t\t\t\t? value\n\t\t\t\t: set(typeof current == \"object\" && !(current instanceof Blob) ? current : {}, tail, value),\n\t\t}\n\t}\n\texport function deepen(data: Record<string, Value>): Data {\n\t\treturn Object.entries(data).reduce((result, [name, value]) => set(result, name.split(\".\"), value), {})\n\t}\n}\n"]}
+{"version":3,"file":"Data.js","sourceRoot":"","sources":["../../src/model/Data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAK3B,MAAM,KAAW,IAAI,CA+BpB;AA/BD,WAAiB,IAAI;EACP,cAAS,GAAG,IAAI,CAAC,KAAK,CAClC,IAAI,CAAC,MAAM,EAAE,EACb,IAAI,CAAC,MAAM,EAAE,EACb,IAAI,CAAC,OAAO,EAAE,EACd,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,YAAY,IAAI,CAAC,EACnD,IAAI,CAAC,SAAS,EAAE,CAChB,CAAA;EACY,SAAI,GAAoB,IAAI,CAAC,MAAM,CAC/C,IAAI,CAAC,MAAM,EAAE,EACb,IAAI,CAAC,KAAK,CACT,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAA,IAAI,EAAE,MAAM,CAAC,EAC7B,KAAA,SAAS,CACT,CACD,CAAA;EAED,SAAgB,GAAG,CAAC,IAAU,EAAE,CAAC,IAAI,EAAE,GAAG,IAAI,CAAW,EAAE,KAAY;IACtE,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAA;IAChC,uCACI,IAAI,KACP,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM;QACzB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,GAAG,CAAC,OAAO,OAAO,IAAI,QAAQ,IAAI,CAAC,CAAC,OAAO,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAC5F;EACF,CAAC;EARe,QAAG,MAQlB,CAAA;EACD,SAAgB,MAAM,CAAC,IAA2B;IACjD,OAAO,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;EACvB,CAAC;EAFe,WAAM,SAErB,CAAA;EACD,SAAgB,KAAK,CAAC,IAAU,EAAE,OAA4B;IAC7D,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;EAClG,CAAC;EAFe,UAAK,QAEpB,CAAA;AACF,CAAC,EA/BgB,IAAI,KAAJ,IAAI,QA+BpB","sourcesContent":["import { isly } from \"isly\"\n\ntype Value = string | number | boolean | Blob | undefined\nexport type Data = { [name: string]: Data | Value }\n\nexport namespace Data {\n\texport const valueType = isly.union<Value, string, number, boolean, Blob, undefined>(\n\t\tisly.string(),\n\t\tisly.number(),\n\t\tisly.boolean(),\n\t\tisly.fromIs(\"Blob\", value => value instanceof Blob),\n\t\tisly.undefined()\n\t)\n\texport const type: isly.Type<Data> = isly.record<Data>(\n\t\tisly.string(),\n\t\tisly.union(\n\t\t\tisly.lazy(() => type, \"Data\"),\n\t\t\tvalueType\n\t\t)\n\t)\n\n\texport function set(data: Data, [head, ...tail]: string[], value: Value): Data {\n\t\tconst current = data[head ?? \"\"]\n\t\treturn {\n\t\t\t...data,\n\t\t\t[head ?? \"\"]: !tail.length\n\t\t\t\t? value\n\t\t\t\t: set(typeof current == \"object\" && !(current instanceof Blob) ? current : {}, tail, value),\n\t\t}\n\t}\n\texport function deepen(data: Record<string, Value>): Data {\n\t\treturn merge({}, data)\n\t}\n\texport function merge(data: Data, changes: Record<string, any>): Data {\n\t\treturn Object.entries(changes).reduce((r, [name, value]) => set(r, name.split(\".\"), value), data)\n\t}\n}\n"]}

package/dist/collection/model/Icon.js

@@ -0,0 +1,23 @@
+export var Icon;
+(function (Icon) {
+  const names = {
+    "*": "https://ionicons.pages.dev/svg/${name}.svg",
+  };
+  const cache = {};
+  async function fetch(url) {
+    const response = await globalThis.fetch(url);
+    return response.ok ? response.text() : undefined;
+  }
+  async function load(name) {
+    var _a, _b;
+    const url = ((_a = names[name]) !== null && _a !== void 0 ? _a : names["*"]).replace("${name}", name);
+    return (_b = cache[url]) !== null && _b !== void 0 ? _b : (cache[url] = fetch(url));
+  }
+  Icon.load = load;
+  function add(url, ...name) {
+    for (const n of name)
+      names[n] = url;
+  }
+  Icon.add = add;
+})(Icon || (Icon = {}));
+//# sourceMappingURL=Icon.js.map

package/dist/collection/model/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/model/Icon.ts"],"names":[],"mappings":"AAyfA,MAAM,KAAW,IAAI,CAiBpB;AAjBD,WAAiB,IAAI;EACpB,MAAM,KAAK,GAAyD;IACnE,GAAG,EAAE,4CAA4C;GACjD,CAAA;EACD,MAAM,KAAK,GAA+D,EAAE,CAAA;EAC5E,KAAK,UAAU,KAAK,CAAC,GAAW;IAC/B,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC5C,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;EACjD,CAAC;EACM,KAAK,UAAU,IAAI,CAAC,IAAY;;IACtC,MAAM,GAAG,GAAG,CAAC,MAAA,KAAK,CAAC,IAAI,CAAC,mCAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;IAChE,OAAO,MAAA,KAAK,CAAC,GAAG,CAAC,mCAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;EAC/C,CAAC;EAHqB,SAAI,OAGzB,CAAA;EACD,SAAgB,GAAG,CAAC,GAAW,EAAE,GAAG,IAAc;IACjD,KAAK,MAAM,CAAC,IAAI,IAAI;MACnB,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;EAChB,CAAC;EAHe,QAAG,MAGlB,CAAA;AACF,CAAC,EAjBgB,IAAI,KAAJ,IAAI,QAiBpB","sourcesContent":["type Name =\n\t| \"accessibility\"\n\t| \"add-circle\"\n\t| \"add\"\n\t| \"airplane\"\n\t| \"alarm\"\n\t| \"albums\"\n\t| \"alert-circle\"\n\t| \"alert\"\n\t| \"american-football\"\n\t| \"analytics\"\n\t| \"aperture\"\n\t| \"apps\"\n\t| \"archive\"\n\t| \"arrow-back-circle\"\n\t| \"arrow-back\"\n\t| \"arrow-down-circle\"\n\t| \"arrow-down\"\n\t| \"arrow-forward-circle\"\n\t| \"arrow-forward\"\n\t| \"arrow-redo-circle\"\n\t| \"arrow-redo\"\n\t| \"arrow-undo-circle\"\n\t| \"arrow-undo\"\n\t| \"arrow-up-circle\"\n\t| \"arrow-up\"\n\t| \"at-circle\"\n\t| \"at\"\n\t| \"attach\"\n\t| \"backspace\"\n\t| \"bag\"\n\t| \"bag-add\"\n\t| \"bag-check\"\n\t| \"bag-handle\"\n\t| \"balloon\"\n\t| \"ban\"\n\t| \"bandage\"\n\t| \"barbell\"\n\t| \"bar-chart\"\n\t| \"barcode\"\n\t| \"baseball\"\n\t| \"basketball\"\n\t| \"basket\"\n\t| \"battery-charging\"\n\t| \"battery-dead\"\n\t| \"battery-full\"\n\t| \"battery-half\"\n\t| \"beaker\"\n\t| \"bed\"\n\t| \"beer\"\n\t| \"bicycle\"\n\t| \"bluetooth\"\n\t| \"boat\"\n\t| \"body\"\n\t| \"bonfire\"\n\t| \"bowling-ball\"\n\t| \"bookmarks\"\n\t| \"bookmark\"\n\t| \"book\"\n\t| \"briefcase\"\n\t| \"browsers\"\n\t| \"brush\"\n\t| \"bug\"\n\t| \"build\"\n\t| \"bulb\"\n\t| \"business\"\n\t| \"bus\"\n\t| \"cafe\"\n\t| \"calculator\"\n\t| \"calendar\"\n\t| \"calendar-clear\"\n\t| \"calendar-number\"\n\t| \"call\"\n\t| \"camera-reverse\"\n\t| \"camera\"\n\t| \"card\"\n\t| \"caret-back-circle\"\n\t| \"caret-back\"\n\t| \"caret-down-circle\"\n\t| \"caret-down\"\n\t| \"caret-forward-circle\"\n\t| \"caret-forward\"\n\t| \"caret-up-circle\"\n\t| \"caret-up\"\n\t| \"car-sport\"\n\t| \"car\"\n\t| \"cart\"\n\t| \"cash\"\n\t| \"cellular\"\n\t| \"chatbox-ellipses\"\n\t| \"chatbox\"\n\t| \"chatbubble-ellipses\"\n\t| \"chatbubbles\"\n\t| \"chatbubble\"\n\t| \"checkbox\"\n\t| \"checkmark-circle\"\n\t| \"checkmark-done-circle\"\n\t| \"checkmark-done\"\n\t| \"checkmark\"\n\t| \"chevron-back-circle\"\n\t| \"chevron-back\"\n\t| \"chevron-down-circle\"\n\t| \"chevron-down\"\n\t| \"chevron-forward-circle\"\n\t| \"chevron-forward\"\n\t| \"chevron-up-circle\"\n\t| \"chevron-up\"\n\t| \"clipboard\"\n\t| \"close-circle\"\n\t| \"close\"\n\t| \"cloud-circle\"\n\t| \"cloud-done\"\n\t| \"cloud-download\"\n\t| \"cloud-offline\"\n\t| \"cloud\"\n\t| \"cloud-upload\"\n\t| \"cloudy-night\"\n\t| \"cloudy\"\n\t| \"code-download\"\n\t| \"code-slash\"\n\t| \"code\"\n\t| \"code-working\"\n\t| \"cog\"\n\t| \"color-fill\"\n\t| \"color-filter\"\n\t| \"color-palette\"\n\t| \"color-wand\"\n\t| \"compass\"\n\t| \"construct\"\n\t| \"contract\"\n\t| \"contrast\"\n\t| \"copy\"\n\t| \"create\"\n\t| \"crop\"\n\t| \"cube\"\n\t| \"cut\"\n\t| \"desktop\"\n\t| \"diamond\"\n\t| \"dice\"\n\t| \"disc\"\n\t| \"document-attach\"\n\t| \"document-lock\"\n\t| \"documents\"\n\t| \"document\"\n\t| \"document-text\"\n\t| \"download\"\n\t| \"duplicate\"\n\t| \"ear\"\n\t| \"earth\"\n\t| \"easel\"\n\t| \"egg\"\n\t| \"ellipse\"\n\t| \"ellipsis-horizontal-circle\"\n\t| \"ellipsis-horizontal\"\n\t| \"ellipsis-vertical-circle\"\n\t| \"ellipsis-vertical\"\n\t| \"enter\"\n\t| \"exit\"\n\t| \"expand\"\n\t| \"eyedrop\"\n\t| \"eye-off\"\n\t| \"eye\"\n\t| \"fast-food\"\n\t| \"female\"\n\t| \"file-tray-full\"\n\t| \"file-tray-stacked\"\n\t| \"file-tray\"\n\t| \"film\"\n\t| \"filter\"\n\t| \"filter-circle\"\n\t| \"finger-print\"\n\t| \"fish\"\n\t| \"fitness\"\n\t| \"flag\"\n\t| \"flame\"\n\t| \"flashlight\"\n\t| \"flash-off\"\n\t| \"flash\"\n\t| \"flask\"\n\t| \"flower\"\n\t| \"folder-open\"\n\t| \"folder\"\n\t| \"football\"\n\t| \"footsteps\"\n\t| \"funnel\"\n\t| \"game-controller\"\n\t| \"gift\"\n\t| \"git-branch\"\n\t| \"git-commit\"\n\t| \"git-compare\"\n\t| \"git-merge\"\n\t| \"git-network\"\n\t| \"git-pull-request\"\n\t| \"glasses\"\n\t| \"globe\"\n\t| \"golf\"\n\t| \"grid\"\n\t| \"hammer\"\n\t| \"hand-left\"\n\t| \"hand-right\"\n\t| \"happy\"\n\t| \"hardware-chip\"\n\t| \"headset\"\n\t| \"heart-circle\"\n\t| \"heart-dislike-circle\"\n\t| \"heart-dislike\"\n\t| \"heart-half\"\n\t| \"heart\"\n\t| \"help-buoy\"\n\t| \"help-circle\"\n\t| \"help\"\n\t| \"home\"\n\t| \"hourglass\"\n\t| \"ice-cream\"\n\t| \"id-card\"\n\t| \"images\"\n\t| \"image\"\n\t| \"infinite\"\n\t| \"information-circle\"\n\t| \"information\"\n\t| \"journal\"\n\t| \"invert-mode\"\n\t| \"keypad\"\n\t| \"key\"\n\t| \"language\"\n\t| \"laptop\"\n\t| \"layers\"\n\t| \"leaf\"\n\t| \"library\"\n\t| \"link\"\n\t| \"list-circle\"\n\t| \"list\"\n\t| \"locate\"\n\t| \"location\"\n\t| \"lock-closed\"\n\t| \"lock-open\"\n\t| \"log-in\"\n\t| \"logo-alipay\"\n\t| \"logo-amazon\"\n\t| \"logo-amplify\"\n\t| \"logo-android\"\n\t| \"logo-angular\"\n\t| \"logo-apple-appstore\"\n\t| \"logo-apple\"\n\t| \"logo-apple-ar\"\n\t| \"logo-behance\"\n\t| \"logo-bitbucket\"\n\t| \"logo-bitcoin\"\n\t| \"logo-buffer\"\n\t| \"logo-capacitor\"\n\t| \"logo-chrome\"\n\t| \"logo-closed-captioning\"\n\t| \"logo-codepen\"\n\t| \"logo-css3\"\n\t| \"logo-designernews\"\n\t| \"logo-deviantart\"\n\t| \"logo-discord\"\n\t| \"logo-docker\"\n\t| \"logo-dribbble\"\n\t| \"logo-dropbox\"\n\t| \"logo-edge\"\n\t| \"logo-electron\"\n\t| \"logo-euro\"\n\t| \"logo-facebook\"\n\t| \"logo-firebase\"\n\t| \"logo-firefox\"\n\t| \"logo-flickr\"\n\t| \"logo-foursquare\"\n\t| \"logo-github\"\n\t| \"logo-gitlab\"\n\t| \"logo-google-playstore\"\n\t| \"logo-google\"\n\t| \"logo-hackernews\"\n\t| \"logo-html5\"\n\t| \"logo-instagram\"\n\t| \"logo-ionic\"\n\t| \"logo-ionitron\"\n\t| \"logo-javascript\"\n\t| \"logo-laravel\"\n\t| \"logo-linkedin\"\n\t| \"logo-markdown\"\n\t| \"logo-mastodon\"\n\t| \"logo-medium\"\n\t| \"logo-microsoft\"\n\t| \"logo-nodejs\"\n\t| \"logo-no-smoking\"\n\t| \"logo-npm\"\n\t| \"logo-octocat\"\n\t| \"logo-paypal\"\n\t| \"logo-pinterest\"\n\t| \"logo-playstation\"\n\t| \"logo-pwa\"\n\t| \"logo-python\"\n\t| \"logo-react\"\n\t| \"logo-reddit\"\n\t| \"logo-rss\"\n\t| \"logo-sass\"\n\t| \"logo-skype\"\n\t| \"logo-slack\"\n\t| \"logo-snapchat\"\n\t| \"logo-soundcloud\"\n\t| \"logo-stackoverflow\"\n\t| \"logo-steam\"\n\t| \"logo-stencil\"\n\t| \"logo-tableau\"\n\t| \"logo-tiktok\"\n\t| \"logo-tumblr\"\n\t| \"logo-tux\"\n\t| \"logo-twitch\"\n\t| \"logo-twitter\"\n\t| \"logo-usd\"\n\t| \"log-out\"\n\t| \"logo-web-component\"\n\t| \"logo-venmo\"\n\t| \"logo-whatsapp\"\n\t| \"logo-vercel\"\n\t| \"logo-vimeo\"\n\t| \"logo-windows\"\n\t| \"logo-vk\"\n\t| \"logo-wordpress\"\n\t| \"logo-vue\"\n\t| \"logo-xbox\"\n\t| \"logo-xing\"\n\t| \"logo-yahoo\"\n\t| \"logo-yen\"\n\t| \"logo-youtube\"\n\t| \"magnet\"\n\t| \"mail-open\"\n\t| \"mail\"\n\t| \"mail-unread\"\n\t| \"male-female\"\n\t| \"male\"\n\t| \"man\"\n\t| \"map\"\n\t| \"medal\"\n\t| \"medical\"\n\t| \"medkit\"\n\t| \"megaphone\"\n\t| \"menu\"\n\t| \"mic-circle\"\n\t| \"mic-off-circle\"\n\t| \"mic-off\"\n\t| \"mic\"\n\t| \"moon\"\n\t| \"move\"\n\t| \"musical-notes\"\n\t| \"musical-note\"\n\t| \"navigate-circle\"\n\t| \"navigate\"\n\t| \"newspaper\"\n\t| \"notifications-circle\"\n\t| \"notifications-off-circle\"\n\t| \"notifications-off\"\n\t| \"notifications\"\n\t| \"nuclear\"\n\t| \"nutrition\"\n\t| \"open\"\n\t| \"options\"\n\t| \"paper-plane\"\n\t| \"partly-sunny\"\n\t| \"pause-circle\"\n\t| \"pause\"\n\t| \"paw\"\n\t| \"pencil\"\n\t| \"people-circle\"\n\t| \"people\"\n\t| \"person-add\"\n\t| \"person-circle\"\n\t| \"person-remove\"\n\t| \"person\"\n\t| \"phone-landscape\"\n\t| \"phone-portrait\"\n\t| \"pie-chart\"\n\t| \"pin\"\n\t| \"pint\"\n\t| \"pizza\"\n\t| \"planet\"\n\t| \"play-back-circle\"\n\t| \"play-back\"\n\t| \"play-circle\"\n\t| \"play-forward-circle\"\n\t| \"play-forward\"\n\t| \"play-skip-back-circle\"\n\t| \"play-skip-back\"\n\t| \"play-skip-forward-circle\"\n\t| \"play-skip-forward\"\n\t| \"play\"\n\t| \"podium\"\n\t| \"power\"\n\t| \"pricetags\"\n\t| \"prism\"\n\t| \"pricetag\"\n\t| \"print\"\n\t| \"pulse\"\n\t| \"push\"\n\t| \"qr-code\"\n\t| \"radio-button-off\"\n\t| \"radio-button-on\"\n\t| \"radio\"\n\t| \"rainy\"\n\t| \"reader\"\n\t| \"receipt\"\n\t| \"recording\"\n\t| \"refresh-circle\"\n\t| \"refresh\"\n\t| \"reload-circle\"\n\t| \"reload\"\n\t| \"remove-circle\"\n\t| \"remove\"\n\t| \"reorder-four\"\n\t| \"reorder-three\"\n\t| \"reorder-two\"\n\t| \"repeat\"\n\t| \"resize\"\n\t| \"restaurant\"\n\t| \"return-down-back\"\n\t| \"return-down-forward\"\n\t| \"return-up-back\"\n\t| \"return-up-forward\"\n\t| \"ribbon\"\n\t| \"rocket\"\n\t| \"rose\"\n\t| \"sad\"\n\t| \"save\"\n\t| \"scan-circle\"\n\t| \"scale\"\n\t| \"scan\"\n\t| \"school\"\n\t| \"search-circle\"\n\t| \"search\"\n\t| \"send\"\n\t| \"server\"\n\t| \"settings\"\n\t| \"shapes\"\n\t| \"share-social\"\n\t| \"share\"\n\t| \"shield-checkmark\"\n\t| \"shield-half\"\n\t| \"shield\"\n\t| \"shirt\"\n\t| \"shuffle\"\n\t| \"skull\"\n\t| \"snow\"\n\t| \"sparkles\"\n\t| \"speedometer\"\n\t| \"square\"\n\t| \"star-half\"\n\t| \"star\"\n\t| \"stats-chart\"\n\t| \"stop-circle\"\n\t| \"stop\"\n\t| \"stopwatch\"\n\t| \"storefront\"\n\t| \"subway\"\n\t| \"sunny\"\n\t| \"swap-horizontal\"\n\t| \"swap-vertical\"\n\t| \"sync-circle\"\n\t| \"sync\"\n\t| \"tablet-landscape\"\n\t| \"tablet-portrait\"\n\t| \"telescope\"\n\t| \"tennisball\"\n\t| \"terminal\"\n\t| \"text\"\n\t| \"thermometer\"\n\t| \"thumbs-down\"\n\t| \"thumbs-up\"\n\t| \"thunderstorm\"\n\t| \"ticket\"\n\t| \"timer\"\n\t| \"time\"\n\t| \"today\"\n\t| \"toggle\"\n\t| \"trail-sign\"\n\t| \"train\"\n\t| \"transgender\"\n\t| \"trash-bin\"\n\t| \"trash\"\n\t| \"trending-down\"\n\t| \"trending-up\"\n\t| \"triangle\"\n\t| \"trophy\"\n\t| \"tv\"\n\t| \"umbrella\"\n\t| \"unlink\"\n\t| \"videocam-off\"\n\t| \"walk\"\n\t| \"wallet\"\n\t| \"warning\"\n\t| \"watch\"\n\t| \"water\"\n\t| \"videocam\"\n\t| \"wifi\"\n\t| \"wine\"\n\t| \"volume-high\"\n\t| \"volume-low\"\n\t| \"volume-medium\"\n\t| \"volume-mute\"\n\t| \"volume-off\"\n\t| \"woman\"\n\ntype Variants = \"outline\" | \"sharp\"\nexport type Icon = Name | `${Name}-${Variants}`\n\nexport namespace Icon {\n\tconst names: Record<string, string | undefined> & { \"*\": string } = {\n\t\t\"*\": \"https://ionicons.pages.dev/svg/${name}.svg\",\n\t}\n\tconst cache: { [url: string]: Promise<string | undefined> | undefined } = {}\n\tasync function fetch(url: string): Promise<string | undefined> {\n\t\tconst response = await globalThis.fetch(url)\n\t\treturn response.ok ? response.text() : undefined\n\t}\n\texport async function load(name: string): Promise<string | undefined> {\n\t\tconst url = (names[name] ?? names[\"*\"]).replace(\"${name}\", name)\n\t\treturn cache[url] ?? (cache[url] = fetch(url))\n\t}\n\texport function add(url: string, ...name: string[]): void {\n\t\tfor (const n of name)\n\t\t\tnames[n] = url\n\t}\n}\n"]}

package/dist/collection/model/Listenable.js

@@ -10,16 +10,29 @@ export class Listenable {
   constructor() {
     _Listenable_listeners.set(this, {});
   }
-  listen(property, listener) {
+  listen(property, listener, options) {
     var _a, _b;
     (_b = (_a = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _a === void 0 ? void 0 : _a.push(listener)) !== null && _b !== void 0 ? _b : (__classPrivateFieldGet(this, _Listenable_listeners, "f")[property] = [listener]);
-    listener(this[property]);
+    if (!(options === null || options === void 0 ? void 0 : options.lazy))
+      listener(this[property]);
   }
   unlisten(property, listener) {
     var _a, _b;
     const index = (_a = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _a === void 0 ? void 0 : _a.indexOf(listener);
     index != undefined && index >= 0 && ((_b = __classPrivateFieldGet(this, _Listenable_listeners, "f")[property]) === null || _b === void 0 ? void 0 : _b.splice(index, 1));
   }
+  batchListen(listeners, options) {
+    for (const key in listeners) {
+      const listener = listeners[key];
+      listener && this.listen(key, listener, options);
+    }
+  }
+  batchUnlisten(listeners) {
+    for (const key in listeners) {
+      const listener = listeners[key];
+      listener && this.unlisten(key, listener);
+    }
+  }
   static load(backend) {
     const result = backend.listenable;
     return Object.defineProperties(result, getProperties(backend));
@@ -40,7 +53,7 @@ export class Listenable {
               set(value) {
                 var _a;
                 backend[name] = value;
-                (_a = __classPrivateFieldGet(result, _Listenable_listeners, "f")[name]) === null || _a === void 0 ? void 0 : _a.forEach(listener => listener(value));
+                (_a = __classPrivateFieldGet(result, _Listenable_listeners, "f")[name]) === null || _a === void 0 ? void 0 : _a.forEach(listener => listener(backend[name]));
               },
             }
             : {

package/dist/collection/model/Listenable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listenable.js","sourceRoot":"","sources":["../../src/model/Listenable.ts"],"names":[],"mappings":";;;;;;AAQA,MAAM,OAAO,UAAU;EAAvB;IACC,gCAAiD,EAAE,EAAA;EAqDpD,CAAC;EApDA,MAAM,CAEL,QAAW,EACX,QAAwB;;IAExB,MAAA,MAAA,uBAAA,IAAI,6BAAW,CAAC,QAAQ,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,CAAC,uBAAA,IAAI,6BAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAA;IACrF,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;EACzB,CAAC;EACD,QAAQ,CAA0C,QAAW,EAAE,QAAwB;;IACtF,MAAM,KAAK,GAAG,MAAA,uBAAA,IAAI,6BAAW,CAAC,QAAQ,CAAC,0CAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC1D,KAAK,IAAI,SAAS,IAAI,KAAK,IAAI,CAAC,KAAI,MAAA,uBAAA,IAAI,6BAAW,CAAC,QAAQ,CAAC,0CAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA,CAAA;EAChF,CAAC;EAED,MAAM,CAAC,IAAI,CAA2C,OAAU;IAC/D,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAA;IAEjC,OAAO,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,CAAsB,CAAA;IAEnF,SAAS,aAAa,CAAC,OAAY;MAClC,OAAO,MAAM,CAAC,WAAW,CAEvB,MAAM,CAAC,OAAO,iCACV,MAAM,CAAC,yBAAyB,CAAC,OAAO,CAAC,GACzC,MAAM,CAAC,yBAAyB,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAEpE,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC;QAC7B,IAAI;QACJ,OAAO,UAAU,CAAC,KAAK,IAAI,UAAU;UACpC,CAAC,CAAC;YACA,GAAG;cACF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YACnC,CAAC;WACA;UACH,CAAC,CAAC,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,GAAG;YACvC,CAAC,CAAC;cACA,GAAG;gBACF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;cACrB,CAAC;cACD,GAAG,CAAC,KAAU;;gBACb,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;gBACrB,MAAA,uBAAA,MAAM,6BAAW,CAAC,IAAI,CAAC,0CAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;cAC9D,CAAC;aACA;YACH,CAAC,CAAC;cACA,GAAG;gBACF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;cACrB,CAAC;aACA;OACJ,CAAC,CACF,CAAA;IACF,CAAC;EACF,CAAC;CACD","sourcesContent":["export type WithListenable<T extends Record<string, any>> = T & Listenable<T>\n\nexport type CanBeListenable = Record<string, any>\n\nexport interface HasListenable<T extends CanBeListenable> {\n\treadonly listenable: WithListenable<T>\n}\n\nexport class Listenable<T extends CanBeListenable> {\n\t#listeners: Listeners<ListenableProperties<T>> = {}\n\tlisten<K extends keyof ListenableProperties<T>>(\n\t\tthis: T & Listenable<T>,\n\t\tproperty: K,\n\t\tlistener: Listener<T[K]>\n\t): void {\n\t\tthis.#listeners[property]?.push(listener) ?? (this.#listeners[property] = [listener])\n\t\tlistener(this[property])\n\t}\n\tunlisten<K extends keyof ListenableProperties<T>>(property: K, listener: Listener<T[K]>): void {\n\t\tconst index = this.#listeners[property]?.indexOf(listener)\n\t\tindex != undefined && index >= 0 && this.#listeners[property]?.splice(index, 1)\n\t}\n\n\tstatic load<T extends HasListenable<CanBeListenable>>(backend: T): WithListenable<T> {\n\t\tconst result = backend.listenable\n\n\t\treturn Object.defineProperties(result, getProperties(backend)) as WithListenable<T>\n\n\t\tfunction getProperties(backend: any) {\n\t\t\treturn Object.fromEntries(\n\t\t\t\t(\n\t\t\t\t\tObject.entries({\n\t\t\t\t\t\t...Object.getOwnPropertyDescriptors(backend),\n\t\t\t\t\t\t...Object.getOwnPropertyDescriptors(Object.getPrototypeOf(backend)),\n\t\t\t\t\t}) as [keyof T, PropertyDescriptor][]\n\t\t\t\t).map(([name, descriptor]) => [\n\t\t\t\t\tname,\n\t\t\t\t\ttypeof descriptor.value == \"function\"\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tget() {\n\t\t\t\t\t\t\t\t\treturn backend[name].bind(backend)\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: descriptor.writable || descriptor.set\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tget() {\n\t\t\t\t\t\t\t\t\treturn backend[name]\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tset(value: any) {\n\t\t\t\t\t\t\t\t\tbackend[name] = value\n\t\t\t\t\t\t\t\t\tresult.#listeners[name]?.forEach(listener => listener(value))\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tget() {\n\t\t\t\t\t\t\t\t\treturn backend[name]\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t  },\n\t\t\t\t])\n\t\t\t)\n\t\t}\n\t}\n}\ntype ListenableProperties<T> = {\n\t// eslint-disable-next-line @typescript-eslint/ban-types\n\t[P in keyof T as T[P] extends Function ? never : P]: T[P]\n}\n\nexport type Listener<V> = (value: V) => void\nexport type Listeners<T> = {\n\t[K in keyof T]?: Listener<T[K]>[]\n}\n"]}
+{"version":3,"file":"Listenable.js","sourceRoot":"","sources":["../../src/model/Listenable.ts"],"names":[],"mappings":"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","sourcesContent":["export type WithListenable<T extends Record<string, any>> = T & Listenable<T>\n\nexport type CanBeListenable = Record<string, any>\n\nexport interface HasListenable<T extends CanBeListenable> {\n\treadonly listenable: WithListenable<T>\n}\n\nexport class Listenable<T extends CanBeListenable> {\n\t#listeners: Listeners<ListenableProperties<T>> = {}\n\tlisten<K extends keyof ListenableProperties<T>>(\n\t\tthis: T & Listenable<T>,\n\t\tproperty: K,\n\t\tlistener: Listener<T[K]>,\n\t\toptions?: { lazy?: boolean }\n\t): void {\n\t\tthis.#listeners[property]?.push(listener) ?? (this.#listeners[property] = [listener])\n\t\tif (!options?.lazy)\n\t\t\tlistener(this[property])\n\t}\n\tunlisten<K extends keyof ListenableProperties<T>>(property: K, listener: Listener<T[K]>): void {\n\t\tconst index = this.#listeners[property]?.indexOf(listener)\n\t\tindex != undefined && index >= 0 && this.#listeners[property]?.splice(index, 1)\n\t}\n\tbatchListen(this: T & Listenable<T>, listeners: ListenerBatch<T>, options?: { lazy?: boolean }) {\n\t\tfor (const key in listeners) {\n\t\t\tconst listener = listeners[key]\n\t\t\tlistener && this.listen(key, listener, options)\n\t\t}\n\t}\n\tbatchUnlisten(listeners: ListenerBatch<T>) {\n\t\tfor (const key in listeners) {\n\t\t\tconst listener = listeners[key]\n\t\t\tlistener && this.unlisten(key, listener)\n\t\t}\n\t}\n\n\tstatic load<T extends HasListenable<CanBeListenable>>(backend: T): WithListenable<T> {\n\t\tconst result = backend.listenable\n\n\t\treturn Object.defineProperties(result, getProperties(backend)) as WithListenable<T>\n\n\t\tfunction getProperties(backend: any) {\n\t\t\treturn Object.fromEntries(\n\t\t\t\t(\n\t\t\t\t\tObject.entries({\n\t\t\t\t\t\t...Object.getOwnPropertyDescriptors(backend),\n\t\t\t\t\t\t...Object.getOwnPropertyDescriptors(Object.getPrototypeOf(backend)),\n\t\t\t\t\t}) as [keyof T, PropertyDescriptor][]\n\t\t\t\t).map(([name, descriptor]) => [\n\t\t\t\t\tname,\n\t\t\t\t\ttypeof descriptor.value == \"function\"\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tget() {\n\t\t\t\t\t\t\t\t\treturn backend[name].bind(backend)\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: descriptor.writable || descriptor.set\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tget() {\n\t\t\t\t\t\t\t\t\treturn backend[name]\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tset(value: any) {\n\t\t\t\t\t\t\t\t\tbackend[name] = value\n\t\t\t\t\t\t\t\t\tresult.#listeners[name]?.forEach(listener => listener(backend[name]))\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tget() {\n\t\t\t\t\t\t\t\t\treturn backend[name]\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t  },\n\t\t\t\t])\n\t\t\t)\n\t\t}\n\t}\n}\ntype ListenableProperties<T> = {\n\t// eslint-disable-next-line @typescript-eslint/ban-types\n\t[P in keyof T as T[P] extends Function ? never : P]: T[P]\n}\n\nexport type Listener<V> = (value: V) => void\nexport type Listeners<T> = {\n\t[K in keyof T]?: Listener<T[K]>[]\n}\n\nexport type ListenerBatch<T> = { [K in keyof ListenableProperties<T>]?: Listener<T[K]> }\n"]}

package/dist/collection/model/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../src/model/Option.ts"],"names":[],"mappings":"","sourcesContent":["export interface Option {\n\telement: HTMLSmoothlyPickerOptionElement\n\tselected: boolean\n\treadonly: boolean\n\tvisible: boolean\n\tsearch: string[]\n\tvalue: any\n\tslotted: Node[]\n\tset: {\n\t\tselected: (selected: boolean) => void\n\t\tvisible: (visible: boolean) => void\n\t\treadonly: (readonly: boolean) => void\n\t\tsearch: (search: string[]) => void\n\t\tvalue: (value: any) => void\n\t}\n}\nexport namespace Option {\n\texport type Load = Omit<Option, \"slotted\">\n\texport interface Created {\n\t\tvalue: string\n\t\tselected: boolean\n\t}\n}\n"]}
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../src/model/Option.ts"],"names":[],"mappings":"","sourcesContent":["export interface Option {\n\telement: HTMLSmoothlyPickerOptionElement\n\tselected: boolean\n\treadonly: boolean\n\trequired: boolean\n\tvisible: boolean\n\tsearch: string[]\n\tvalue: any\n\tslotted: Node[]\n\tposition: number\n\tset: {\n\t\tselected: (selected: boolean) => void\n\t\tvisible: (visible: boolean) => void\n\t\treadonly: (readonly: boolean) => void\n\t\tsearch: (search: string[]) => void\n\t\tvalue: (value: any) => void\n\t}\n}\nexport namespace Option {\n\texport type Load = Omit<Option, \"slotted\">\n\texport interface Created {\n\t\tvalue: string\n\t\tselected: boolean\n\t}\n}\n"]}

package/dist/collection/model/index.js

@@ -1,5 +1,6 @@
-export { ClientIdentifier } from "./ClientIdentifier";
+export { Color } from "./Color";
 export { GoogleFont } from "./GoogleFont";
+export { Icon } from "./Icon";
 export { Message } from "./Message";
 export { Notice } from "./Notice";
 export { Trigger } from "./Trigger";

package/dist/collection/model/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAkD,MAAM,cAAc,CAAA;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA","sourcesContent":["export { Autocomplete } from \"./Autocomplete\"\nexport { ClientIdentifier } from \"./ClientIdentifier\"\nexport { Color } from \"./Color\"\nexport { Fill } from \"./Fill\"\nexport { GoogleFont } from \"./GoogleFont\"\nexport { Message } from \"./Message\"\nexport { Notice } from \"./Notice\"\nexport { Option } from \"./Option\"\nexport { Trigger } from \"./Trigger\"\nexport { Listenable, HasListenable, WithListenable, CanBeListenable } from \"./Listenable\"\nexport { StateBase } from \"./StateBase\"\nexport { redirect } from \"./redirect\"\nexport { Data } from \"./Data\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAkD,MAAM,cAAc,CAAA;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA","sourcesContent":["export { Autocomplete } from \"./Autocomplete\"\nexport { Color } from \"./Color\"\nexport { Fill } from \"./Fill\"\nexport { GoogleFont } from \"./GoogleFont\"\nexport { Icon } from \"./Icon\"\nexport { Message } from \"./Message\"\nexport { Notice } from \"./Notice\"\nexport { Option } from \"./Option\"\nexport { Trigger } from \"./Trigger\"\nexport { Listenable, HasListenable, WithListenable, CanBeListenable } from \"./Listenable\"\nexport { StateBase } from \"./StateBase\"\nexport { redirect } from \"./redirect\"\nexport { Data } from \"./Data\"\n"]}

package/dist/collection/smoothly.js

@@ -1,3 +1,3 @@
-export { ClientIdentifier, GoogleFont, Message, Notice, Trigger, Listenable, StateBase, Data, redirect, } from "./model";
+export { Color, GoogleFont, Message, Notice, Trigger, Listenable, Icon, StateBase, Data, redirect, } from "./model";
 export { Cosmetic } from "./utilities";
 //# sourceMappingURL=smoothly.js.map

package/dist/collection/smoothly.js.map

@@ -1 +1 @@
-{"version":3,"file":"smoothly.js","sourceRoot":"","sources":["../src/smoothly.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,gBAAgB,EAGhB,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,EAEP,UAAU,EAIV,SAAS,EACT,IAAI,EACJ,QAAQ,GACR,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA","sourcesContent":["export { Components, JSX } from \"./components\"\nexport {\n\tAutocomplete,\n\tClientIdentifier,\n\tColor,\n\tFill,\n\tGoogleFont,\n\tMessage,\n\tNotice,\n\tTrigger,\n\tOption,\n\tListenable,\n\tHasListenable,\n\tWithListenable,\n\tCanBeListenable,\n\tStateBase,\n\tData,\n\tredirect,\n} from \"./model\"\nexport { Cosmetic } from \"./utilities\"\n"]}
+{"version":3,"file":"smoothly.js","sourceRoot":"","sources":["../src/smoothly.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,KAAK,EAEL,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,EAEP,UAAU,EAIV,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,QAAQ,GACR,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA","sourcesContent":["export { Components, JSX } from \"./components\"\nexport {\n\tAutocomplete,\n\tColor,\n\tFill,\n\tGoogleFont,\n\tMessage,\n\tNotice,\n\tTrigger,\n\tOption,\n\tListenable,\n\tHasListenable,\n\tWithListenable,\n\tCanBeListenable,\n\tIcon,\n\tStateBase,\n\tData,\n\tredirect,\n} from \"./model\"\nexport { Cosmetic } from \"./utilities\"\n"]}