smoothly 1.0.0-alpha.21 → 1.0.0-alpha.211

package/dist/collection/components/theme/color/variant/index.js

@@ -0,0 +1,66 @@
+export class SmoothlyThemeColorVariant {
+  constructor() {
+    this.color = undefined;
+    this.variant = "color";
+  }
+  render() {
+    return "Aa";
+  }
+  static get is() { return "smoothly-theme-color-variant"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Color",
+          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+          "references": {
+            "Color": {
+              "location": "import",
+              "path": "../../../../model"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": true
+      },
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"shade\" | \"tint\" | \"color\"",
+          "resolved": "\"color\" | \"shade\" | \"tint\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": true,
+        "defaultValue": "\"color\""
+      }
+    };
+  }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/theme/color/variant/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/theme/color/variant/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAQ/C,MAAM,OAAO,yBAAyB;;;mBAE0B,OAAO;;EACtE,MAAM;IACL,OAAO,IAAI,CAAA;EACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Prop } from \"@stencil/core\"\nimport { Color } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-theme-color-variant\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColorVariant {\n\t@Prop({ reflect: true }) color: Color\n\t@Prop({ reflect: true }) variant: \"shade\" | \"tint\" | \"color\" = \"color\"\n\trender() {\n\t\treturn \"Aa\"\n\t}\n}\n"]}

package/dist/collection/components/theme/color/variant/style.css

@@ -0,0 +1,18 @@
+:host {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 3em;
+	height: 3em;
+	font-weight: 900;
+}
+
+:host[color][variant=color] {
+	background: rgb(var(--smoothly-color));
+}
+:host[color][variant=tint] {
+	background: rgb(var(--smoothly-color-tint));
+}
+:host[color][variant=shade] {
+	background: rgb(var(--smoothly-color-shade));
+}

package/dist/collection/components/theme/colors/index.js

@@ -0,0 +1,30 @@
+import { h } from "@stencil/core";
+export class SmoothlyThemeColors {
+  render() {
+    return [
+      "primary",
+      "secondary",
+      "tertiary",
+      "success",
+      "warning",
+      "danger",
+      "light",
+      "medium",
+      "dark",
+      "default",
+    ].map(color => h("smoothly-theme-color", { color: color }));
+  }
+  static get is() { return "smoothly-theme-colors"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/theme/colors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/theme/colors/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO5C,MAAM,OAAO,mBAAmB;EAC/B,MAAM;IACL,OACC;MACC,SAAS;MACT,WAAW;MACX,UAAU;MACV,SAAS;MACT,SAAS;MACT,QAAQ;MACR,OAAO;MACP,QAAQ;MACR,MAAM;MACN,SAAS;KAEV,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,4BAAsB,KAAK,EAAE,KAAK,GAAyB,CAAC,CAAA;EAC5E,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-colors\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColors {\n\trender() {\n\t\treturn (\n\t\t\t[\n\t\t\t\t\"primary\",\n\t\t\t\t\"secondary\",\n\t\t\t\t\"tertiary\",\n\t\t\t\t\"success\",\n\t\t\t\t\"warning\",\n\t\t\t\t\"danger\",\n\t\t\t\t\"light\",\n\t\t\t\t\"medium\",\n\t\t\t\t\"dark\",\n\t\t\t\t\"default\",\n\t\t\t] as const\n\t\t).map(color => <smoothly-theme-color color={color}></smoothly-theme-color>)\n\t}\n}\n"]}

package/dist/collection/components/theme/colors/style.css

@@ -0,0 +1,7 @@
+:host {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	row-gap: 1em;
+	column-gap: 1em;
+	width: fit-content;
+}

package/dist/collection/components/theme/picker/index.js

@@ -0,0 +1,48 @@
+import { h, Host } from "@stencil/core";
+export class SmoothlyThemePicker {
+  constructor() {
+    this.element = "smoothly-css";
+  }
+  render() {
+    return (h(Host, null, h("smoothly-input-select", { name: "theme", onSmoothlyInput: e => {
+        const element = document.querySelector(`#${this.element}`);
+        if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
+          element.href = e.detail.theme;
+      } }, h("slot", null))));
+  }
+  static get is() { return "smoothly-theme-picker"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "element": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "element",
+        "reflect": false,
+        "defaultValue": "\"smoothly-css\""
+      }
+    };
+  }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/theme/picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/theme/picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,mBAAmB;;mBACb,cAAc;;EAChC,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,6BACC,IAAI,EAAC,OAAO,EACZ,eAAe,EAAE,CAAC,CAAC,EAAE;UACpB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;UAC1D,IAAI,OAAO,YAAY,eAAe,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ;YAC1E,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/B,CAAC;QACD,eAAa,CACU,CAClB,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-picker\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemePicker {\n\t@Prop() element = \"smoothly-css\"\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tname=\"theme\"\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\tconst element = document.querySelector(`#${this.element}`)\n\t\t\t\t\t\tif (element instanceof HTMLLinkElement && typeof e.detail.theme == \"string\")\n\t\t\t\t\t\t\telement.href = e.detail.theme\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</smoothly-input-select>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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, id: "toggleBtn", 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,EAAE,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC9F,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} id=\"toggleBtn\" 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/components/trigger-source/index.js

@@ -9,7 +9,7 @@ export class SmoothlyTriggerSource {
       if (Trigger.is(content))
         this.trigger.emit(content);
       else
-        this.message.emit({ destination, content });
+        this.smoothlyMessage.emit({ destination, content });
     }, window);
   }
   render() {
@@ -70,8 +70,8 @@ export class SmoothlyTriggerSource {
           }
         }
       }, {
-        "method": "message",
-        "name": "message",
+        "method": "smoothlyMessage",
+        "name": "smoothlyMessage",
         "bubbles": true,
         "cancelable": true,
         "composed": true,

package/dist/collection/components/trigger-source/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/trigger-source/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAO9C,MAAM,OAAO,qBAAqB;;;;EAKjC,gBAAgB;IACf,OAAO,CAAC,MAAM,CACb,IAAI,CAAC,MAAM,EACX,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE;MACxB,IAAI,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;;QAE1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAA;IAC7C,CAAC,EACD,MAAM,CACN,CAAA;EACF,CAAC;EACD,MAAM;IACL,OAAO,eAAa,CAAA;EACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { Message, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger-source\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTriggerSource {\n\t@Prop() listen: string\n\t@Event() trigger: EventEmitter<Trigger>\n\t@Event() message: EventEmitter<Message<any>>\n\t@Element() element?: HTMLElement\n\tcomponentDidLoad() {\n\t\tMessage.listen(\n\t\t\tthis.listen,\n\t\t\t(destination, content) => {\n\t\t\t\tif (Trigger.is(content))\n\t\t\t\t\tthis.trigger.emit(content)\n\t\t\t\telse\n\t\t\t\t\tthis.message.emit({ destination, content })\n\t\t\t},\n\t\t\twindow\n\t\t)\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/trigger-source/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAO9C,MAAM,OAAO,qBAAqB;;;;EAKjC,gBAAgB;IACf,OAAO,CAAC,MAAM,CACb,IAAI,CAAC,MAAM,EACX,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE;MACxB,IAAI,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;;QAE1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAA;IACrD,CAAC,EACD,MAAM,CACN,CAAA;EACF,CAAC;EACD,MAAM;IACL,OAAO,eAAa,CAAA;EACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { Message, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger-source\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTriggerSource {\n\t@Prop() listen: string\n\t@Event() trigger: EventEmitter<Trigger>\n\t@Event() smoothlyMessage: EventEmitter<Message<any>>\n\t@Element() element?: HTMLElement\n\tcomponentDidLoad() {\n\t\tMessage.listen(\n\t\t\tthis.listen,\n\t\t\t(destination, content) => {\n\t\t\t\tif (Trigger.is(content))\n\t\t\t\t\tthis.trigger.emit(content)\n\t\t\t\telse\n\t\t\t\t\tthis.smoothlyMessage.emit({ destination, content })\n\t\t\t},\n\t\t\twindow\n\t\t)\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"]}

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/index.js

@@ -1,3 +1,3 @@
-export { ClientIdentifier, GoogleFont, Message, Notice, Trigger, Listenable, StateBase, } from "./model";
-export { Cosmetic } from "./utilities";
+import * as smoothly_1 from "./smoothly";
+export { smoothly_1 as smoothly };
 //# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,gBAAgB,EAGhB,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,EAEP,UAAU,EAIV,SAAS,GACT,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} from \"./model\"\nexport { Cosmetic } from \"./utilities\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA","sourcesContent":["export * as smoothly from \"./smoothly\"\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/{components/form → 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

@@ -0,0 +1 @@
+{"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"]}