smoothly 1.2.1-alpha.34 → 1.2.1-alpha.36

package/dist/components/{p-a1f3fde9.js → p-bb959ca6.js}

@@ -1,18 +1,18 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$e } from './p-be6d380e.js';
-import { d as defineCustomElement$d } from './p-e5bd19b5.js';
-import { d as defineCustomElement$c } from './p-76514c29.js';
-import { d as defineCustomElement$b } from './p-061353e6.js';
-import { d as defineCustomElement$a } from './p-b5bca419.js';
-import { d as defineCustomElement$9 } from './p-51d51732.js';
-import { d as defineCustomElement$8 } from './p-bfb63e71.js';
-import { d as defineCustomElement$7 } from './p-0c9d0809.js';
-import { d as defineCustomElement$6 } from './p-be430d3b.js';
-import { d as defineCustomElement$5 } from './p-4380feb9.js';
-import { d as defineCustomElement$4 } from './p-f47eb337.js';
-import { d as defineCustomElement$3 } from './p-9702b067.js';
-import { d as defineCustomElement$2 } from './p-5bbf4b7e.js';
-import { d as defineCustomElement$1 } from './p-0cfd31a4.js';
+import { d as defineCustomElement$e } from './p-306f9cb3.js';
+import { d as defineCustomElement$d } from './p-686ec006.js';
+import { d as defineCustomElement$c } from './p-5b16ff97.js';
+import { d as defineCustomElement$b } from './p-ca69a0ef.js';
+import { d as defineCustomElement$a } from './p-c63db1c1.js';
+import { d as defineCustomElement$9 } from './p-0b16cab5.js';
+import { d as defineCustomElement$8 } from './p-f2fc107c.js';
+import { d as defineCustomElement$7 } from './p-9b4a2430.js';
+import { d as defineCustomElement$6 } from './p-498755ab.js';
+import { d as defineCustomElement$5 } from './p-b20e3206.js';
+import { d as defineCustomElement$4 } from './p-083143a9.js';
+import { d as defineCustomElement$3 } from './p-631148b4.js';
+import { d as defineCustomElement$2 } from './p-edcdcc51.js';
+import { d as defineCustomElement$1 } from './p-c77944e7.js';
 
 const SmoothlyFormDemoTransparent = proxyCustomElement(class SmoothlyFormDemoTransparent extends H {
     constructor() {
@@ -20,7 +20,7 @@ const SmoothlyFormDemoTransparent = proxyCustomElement(class SmoothlyFormDemoTra
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '2a3c829987f29e2742b2f97c40d1d457a5662593' }, h("h2", { key: '0398f1f6160457523b7cc6bb961b379c4bd72de2' }, "Transparent"), h("smoothly-form", { key: '6fdbb834ec4d2b5164caeda9844c00dd89fe8961', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: 'aa18ec0bca6ad6690f977c90dc0ea2f9f7694584', name: "file" }, h("span", { key: 'e3e12dab1d7fc728dc832a92891f4e01b8815731', slot: "label" }, "File"), h("smoothly-icon", { key: '9d722201acd8387998abd749f97d6687a6d4a582', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: 'e7c8fd001cd2bafcdd278d68b94facff5c4657da', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '58fe64d7d6b86462941ca3e0f9809665b8710ef7' }, "Date"), h("smoothly-input-date-range", { key: '07f79ef4b0a59b274e5b1fe29b422f2f75df1776' }, "Date Range"), h("smoothly-input-select", { key: '7bcd6ef09acb71a337ac4d38da8c130ec7cca2e1', name: "transport" }, h("smoothly-item", { key: '3676bb01a25a231986547562168c627740fe3a57', value: "plane" }, h("smoothly-icon", { key: '440d469dac65923bd6940d2f6496f8cbeaee1a34', name: "airplane-outline" })), h("smoothly-item", { key: '4a048c4568942f155ec75c07e402206604ad1eb7', value: "car" }, h("smoothly-icon", { key: '155c562d80fa4115b47517d95e88b9d867bcc132', name: "car-outline" })), h("smoothly-item", { key: '2cfdbd43faf98fe1a96455e2ac4e7437069b4fa1', value: "bus", selected: true }, h("smoothly-icon", { key: '3efe583b4ec8500cd4270039cccfe495c31b84f1', name: "bus-outline" }))), h("smoothly-input-submit", { key: 'c3350f6ad21a636e9b79f04ba1d419ac4c7720da', icon: "checkbox-outline" }))));
+        return (h(Host, { key: '04a9b341275b0e795c4eb76aaacd3fb87df733d9' }, h("h2", { key: 'e91d5932abf4ccf5004b55fcbf112796654bd787' }, "Transparent"), h("smoothly-form", { key: 'e8e57518dbc350268b30c66283687d06ad269ac1', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '9f550901327e83cc39cc8d4ff35374eaba49637a', name: "file" }, h("span", { key: '15b9a81653d0786929b179ff2ab84ec0ff2fc534', slot: "label" }, "File"), h("smoothly-icon", { key: 'f1c27d7dfeccd0cb9e2138ec9c41ecfedc4bf65e', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '0997d66db8a8a8e3e1a6efcfd0a93179dab690a8', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: 'd8e809c2304d60c231a8cab78d5dc7aa5afdc218' }, "Date"), h("smoothly-input-date-range", { key: '0739bbdd6fe540e8b1a8a722632d614d35fd0d1c' }, "Date Range"), h("smoothly-input-select", { key: 'be68afbc1bb355a9f8e220fb50a55ff7337fb162', name: "transport" }, h("smoothly-item", { key: '694c5daca6cc3b1ca62e3483418951705cf3d2b1', value: "plane" }, h("smoothly-icon", { key: '1620bcd508ce6edd6e39056c04a36c2ba96ce94e', name: "airplane-outline" })), h("smoothly-item", { key: '06a6bca3d2ff01577a12dde4aaaaee4d0c635f51', value: "car" }, h("smoothly-icon", { key: '9e593b841666d8aa7afbe3c59f3da2848f3e4e1a', name: "car-outline" })), h("smoothly-item", { key: '35dc7d4d75ae3c9006567800c5d1029042746a53', value: "bus", selected: true }, h("smoothly-icon", { key: 'f22dfee878b8bec5950229e5baf0abe2e18207c6', name: "bus-outline" }))), h("smoothly-input-submit", { key: '71c442650bfb27d4ecf0556b1f4b917bc7033a8b', icon: "checkbox-outline" }))));
     }
 }, [2, "smoothly-form-demo-transparent"]);
 function defineCustomElement() {
@@ -110,4 +110,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoTransparent as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-a1f3fde9.js.map
+//# sourceMappingURL=p-bb959ca6.js.map

package/dist/components/{p-a1f3fde9.js.map → p-bb959ca6.js.map}

@@ -1 +1 @@
-{"file":"p-a1f3fde9.js","mappings":";;;;;;;;;;;;;;;;MAMa,2BAA2B;;;;;IACvC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,2EAAoB,EACpB,sEAAe,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAC1F,4EAAqB,IAAI,EAAE,MAAM,IAChC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,GAAI,CACxD,EACtB,uEAAgB,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAE1D,EACjB,qFAA+C,EAC/C,iGAAiE,EACjE,8EAAuB,IAAI,EAAE,WAAW,IACvC,sEAAe,KAAK,EAAE,OAAO,IAC5B,sEAAe,IAAI,EAAE,kBAAkB,GAAI,CAC5B,EAChB,sEAAe,KAAK,EAAE,KAAK,IAC1B,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,QAAQ,UACpC,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,CACO,EACxB,8EAAuB,IAAI,EAAE,kBAAkB,GAAI,CACpC,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/transparent/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-transparent\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTransparent {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Transparent</h2>\n\t\t\t\t<smoothly-form looks={\"transparent\"} onSmoothlyFormSubmit={e => console.log(e.detail.value)}>\n\t\t\t\t\t<smoothly-input-file name={\"file\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>File</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"folder-open-outline\"} size={\"small\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type={\"duration\"} looks={\"transparent\"} placeholder={\"h:mm\"}>\n\t\t\t\t\t\tInput\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-range>Date Range</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-select name={\"transport\"}>\n\t\t\t\t\t\t<smoothly-item value={\"plane\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"airplane-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"car\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"car-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"bus\"} selected>\n\t\t\t\t\t\t\t<smoothly-icon name={\"bus-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-submit icon={\"checkbox-outline\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-bb959ca6.js","mappings":";;;;;;;;;;;;;;;;MAMa,2BAA2B;;;;;IACvC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,2EAAoB,EACpB,sEAAe,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAC1F,4EAAqB,IAAI,EAAE,MAAM,IAChC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,GAAI,CACxD,EACtB,uEAAgB,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAE1D,EACjB,qFAA+C,EAC/C,iGAAiE,EACjE,8EAAuB,IAAI,EAAE,WAAW,IACvC,sEAAe,KAAK,EAAE,OAAO,IAC5B,sEAAe,IAAI,EAAE,kBAAkB,GAAI,CAC5B,EAChB,sEAAe,KAAK,EAAE,KAAK,IAC1B,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,QAAQ,UACpC,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,CACO,EACxB,8EAAuB,IAAI,EAAE,kBAAkB,GAAI,CACpC,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/transparent/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-transparent\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTransparent {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Transparent</h2>\n\t\t\t\t<smoothly-form looks={\"transparent\"} onSmoothlyFormSubmit={e => console.log(e.detail.value)}>\n\t\t\t\t\t<smoothly-input-file name={\"file\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>File</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"folder-open-outline\"} size={\"small\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type={\"duration\"} looks={\"transparent\"} placeholder={\"h:mm\"}>\n\t\t\t\t\t\tInput\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-range>Date Range</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-select name={\"transport\"}>\n\t\t\t\t\t\t<smoothly-item value={\"plane\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"airplane-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"car\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"car-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"bus\"} selected>\n\t\t\t\t\t\t\t<smoothly-icon name={\"bus-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-submit icon={\"checkbox-outline\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-9658ae2c.js → p-bfd34443.js}

@@ -27,7 +27,7 @@ const SmoothlyTrigger = proxyCustomElement(class SmoothlyTrigger extends H {
                 result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
                 break;
             case "button":
-                result = (h("button", { key: '60d7037fc7bddb5954b2391c9f0062a72b38a030', disabled: this.disabled, name: this.name }, h("slot", { key: '2650651355e3f422337fa3712111d0c73f07693f' })));
+                result = (h("button", { key: 'd15f2a85ef75c7ff5e3c79b2a2c0fb26389532b1', disabled: this.disabled, name: this.name }, h("slot", { key: 'dabc32f8e23ccd3b63a3afe2acf4b828bc116032' })));
                 break;
         }
         return result;
@@ -58,4 +58,4 @@ defineCustomElement();
 
 export { SmoothlyTrigger as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-9658ae2c.js.map
+//# sourceMappingURL=p-bfd34443.js.map

package/dist/components/{p-9658ae2c.js.map → p-bfd34443.js.map}

@@ -1 +1 @@
-{"file":"p-9658ae2c.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,stBAAstB,CAAC;AACxuB,8BAAe,QAAQ;;MCOV,eAAe;;;;;;;wBAGS,KAAK;oBACU,QAAQ;;;;IAM3D,OAAO,CAAC,CAAU;QACjB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;QACzD,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,CAAC,CAAC,cAAc,EAAE,CAAA;KAClB;IACD,MAAM;QACL,IAAI,MAAmB,CAAA;QACvB,QAAQ,IAAI,CAAC,IAAI;YAChB,KAAK,MAAM;gBACV,MAAM,GAAG,IAAI,CAAC,QAAQ,IACrB,eAAa,KAEb,SAAG,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAC/B,eAAa,CACV,CACJ,CAAA;gBACD,MAAK;YACN,KAAK,QAAQ;gBACZ,MAAM,IACL,+DAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC/C,8DAAa,CACL,CACT,CAAA;gBACD,MAAK;SACN;QACD,OAAO,MAAM,CAAA;KACb;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/trigger/style.css?tag=smoothly-trigger&encapsulation=scoped","src/components/trigger/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-radius: 3px;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host[disabled] {\n\topacity: 0.5;\n}\n:host > button {\n\tborder-color: transparent;\n\tbackground-color: transparent;\n\tpadding: 0.2em 0.3em;\n\tfont-size: 110%;\n\tfont-weight: 400;\n}\n:host:not([disabled]):hover,\n:host:not([disabled]):focus,\n:host:not([disabled]):active {\n\tborder-color: var(--smoothly-trigger-border);\n}\n:host[expand=full] > button,\n:host[expand=block] > button {\n\twidth: 100%;\n}\n:host[expand=full] {\n\tborder-left: none;\n\tborder-right: none;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTrigger {\n\t@Prop({ reflect: true }) color: Color | undefined\n\t@Prop({ reflect: true }) fill: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: \"link\" | \"button\" = \"button\"\n\t@Prop() name: string\n\t@Prop() value?: any\n\t@Event() trigger: EventEmitter<Trigger>\n\n\t@Listen(\"click\")\n\tonClick(e: UIEvent) {\n\t\tthis.trigger.emit({ name: this.name, value: this.value })\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t}\n\trender() {\n\t\tlet result: HTMLElement\n\t\tswitch (this.type) {\n\t\t\tcase \"link\":\n\t\t\t\tresult = this.disabled ? (\n\t\t\t\t\t<slot></slot>\n\t\t\t\t) : (\n\t\t\t\t\t<a onClick={e => this.onClick(e)}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</a>\n\t\t\t\t)\n\t\t\t\tbreak\n\t\t\tcase \"button\":\n\t\t\t\tresult = (\n\t\t\t\t\t<button disabled={this.disabled} name={this.name}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</button>\n\t\t\t\t)\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n}\n"],"version":3}
+{"file":"p-bfd34443.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,stBAAstB,CAAC;AACxuB,8BAAe,QAAQ;;MCOV,eAAe;;;;;;;wBAGS,KAAK;oBACU,QAAQ;;;;IAM3D,OAAO,CAAC,CAAU;QACjB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;QACzD,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,CAAC,CAAC,cAAc,EAAE,CAAA;KAClB;IACD,MAAM;QACL,IAAI,MAAmB,CAAA;QACvB,QAAQ,IAAI,CAAC,IAAI;YAChB,KAAK,MAAM;gBACV,MAAM,GAAG,IAAI,CAAC,QAAQ,IACrB,eAAa,KAEb,SAAG,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAC/B,eAAa,CACV,CACJ,CAAA;gBACD,MAAK;YACN,KAAK,QAAQ;gBACZ,MAAM,IACL,+DAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC/C,8DAAa,CACL,CACT,CAAA;gBACD,MAAK;SACN;QACD,OAAO,MAAM,CAAA;KACb;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/trigger/style.css?tag=smoothly-trigger&encapsulation=scoped","src/components/trigger/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-radius: 3px;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host[disabled] {\n\topacity: 0.5;\n}\n:host > button {\n\tborder-color: transparent;\n\tbackground-color: transparent;\n\tpadding: 0.2em 0.3em;\n\tfont-size: 110%;\n\tfont-weight: 400;\n}\n:host:not([disabled]):hover,\n:host:not([disabled]):focus,\n:host:not([disabled]):active {\n\tborder-color: var(--smoothly-trigger-border);\n}\n:host[expand=full] > button,\n:host[expand=block] > button {\n\twidth: 100%;\n}\n:host[expand=full] {\n\tborder-left: none;\n\tborder-right: none;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTrigger {\n\t@Prop({ reflect: true }) color: Color | undefined\n\t@Prop({ reflect: true }) fill: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: \"link\" | \"button\" = \"button\"\n\t@Prop() name: string\n\t@Prop() value?: any\n\t@Event() trigger: EventEmitter<Trigger>\n\n\t@Listen(\"click\")\n\tonClick(e: UIEvent) {\n\t\tthis.trigger.emit({ name: this.name, value: this.value })\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t}\n\trender() {\n\t\tlet result: HTMLElement\n\t\tswitch (this.type) {\n\t\t\tcase \"link\":\n\t\t\t\tresult = this.disabled ? (\n\t\t\t\t\t<slot></slot>\n\t\t\t\t) : (\n\t\t\t\t\t<a onClick={e => this.onClick(e)}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</a>\n\t\t\t\t)\n\t\t\t\tbreak\n\t\t\tcase \"button\":\n\t\t\t\tresult = (\n\t\t\t\t\t<button disabled={this.disabled} name={this.name}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</button>\n\t\t\t\t)\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n}\n"],"version":3}

package/dist/components/{p-b5bca419.js → p-c63db1c1.js}

@@ -49,7 +49,7 @@ const SmoothlyIcon = proxyCustomElement(class SmoothlyIcon extends H {
     }
     render() {
         var _a;
-        return h(Host, { key: '61cc062ccd91964eead610a03cf88160052b9ab3', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
+        return h(Host, { key: 'ea8f2550f4cd026b7840ca65b05fa6fffe9d0a8e', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
     }
     static get watchers() { return {
         "name": ["nameChanged"]
@@ -85,4 +85,4 @@ defineCustomElement();
 
 export { SmoothlyIcon as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-b5bca419.js.map
+//# sourceMappingURL=p-c63db1c1.js.map

package/dist/components/{p-b5bca419.js.map → p-c63db1c1.js.map}

@@ -1 +1 @@
-{"file":"p-b5bca419.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,wxBAAwxB,CAAC;AAC1yB,2BAAe,QAAQ;;MCQV,YAAY;;;;;oBAEc,OAAO;oBACG,OAAO;oBACgB,QAAQ;;;;;;;IAO/E,MAAM,iBAAiB;QACtB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;KACxB;IAED,MAAM,WAAW;QAChB,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE;YACzB,MAAM,OAAO,IAAI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YAC3D,IAAI,MAAM,GAAG,MAAM,OAAO,CAAA;YAC1B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE;gBAClC,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CACZ,OAAO,CAAC,eAAe,EAAE,eAAe,EACzC,OAAO,CAAC,2BAA2B,EAAE,EAAE,EACvC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;gBAC/B,IAAI,CAAC,IAAI,CAAC,OAAO;oBAChB,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;qBAC9C,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,SAAS,CAAC;oBACnC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,wBAAwB,EAAE,UAAU,IAAI,CAAC,OAAO,UAAU,CAAC,CAAA;;oBAEnF,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,iBAAiB,EAAE,YAAY,IAAI,CAAC,OAAO,YAAY,CAAC,CAAA;gBAClF,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;aAC3B;SACD;;YACA,IAAI,CAAC,cAAc,EAAE,CAAA;KACtB;IACD,cAAc,CAAC,QAAiB;QAC/B,IAAI,CAAC,QAAQ;YACZ,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACR;;SAEM,CAAA;KACP;IAED,MAAM;;QACL,OAAO,EAAC,IAAI,qDAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,GAAG,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,CAAC,KAAK,EAAE,GAAI,CAAA;KAC9F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/icon/style.css?tag=smoothly-icon&encapsulation=scoped","src/components/icon/index.tsx"],"sourcesContent":[":host[size] {\n\tbackground: none;\n}\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n:host[rotate] {\n\t--rotate: rotate(var(--rotation, 0deg));\n\ttransform: var(--rotate);\n}\n:host[flip=x] {\n\t--flip: scaleX(-1);\n\ttransform: var(--flip);\n}\n:host[flip=y] {\n\t--flip: scaleY(-1);\n\ttransform: var(--flip);\n}\n:host[rotate][flip] {\n\ttransform:var(--rotate)var(--flip);\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host[size=tiny] {\n\twidth: 1.2em;\n\theight: 1.2em;\n}\n:host[size=small] {\n\twidth: 1.4em;\n\theight: 1.4em;\n}\n:host[size=medium] {\n\twidth: 1.8em;\n\theight: 1.8em;\n}\n:host[size=large] {\n\twidth: 2.8em;\n\theight: 2.8em;\n}\n:host[size=xlarge] {\n\twidth: 4em;\n\theight: 4em;\n}\n:host::slotted(svg) {\n\t/* this is needed for svg to work on safari */\n\twidth: 100%;\n}\n","import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-icon\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIcon {\n\t@Prop({ reflect: true }) color: Color\n\t@Prop({ reflect: true }) fill: Fill = \"solid\"\n\t@Prop({ reflect: true }) name: Icon | \"empty\" = \"empty\"\n\t@Prop({ reflect: true }) size: \"tiny\" | \"small\" | \"medium\" | \"large\" = \"medium\"\n\t@Prop({ reflect: true }) rotate?: number\n\t@Prop({ reflect: true }) flip?: \"x\" | \"y\"\n\t@Prop() toolTip?: string\n\t@State() latestPromise: Promise<string | undefined>\n\t@State() document?: string\n\n\tasync componentWillLoad() {\n\t\tawait this.nameChanged()\n\t}\n\t@Watch(\"name\")\n\tasync nameChanged() {\n\t\tif (this.name != \"empty\") {\n\t\t\tconst promise = (this.latestPromise = Icon.load(this.name))\n\t\t\tlet result = await promise\n\t\t\tif (promise == this.latestPromise) {\n\t\t\t\tresult = result\n\t\t\t\t\t?.replace(/(?<=^<svg\\s?)/, `$& role=\"img\"`)\n\t\t\t\t\t.replace(` width=\"512\" height=\"512\"`, \"\")\n\t\t\t\t\t.replace(/stroke:#000;/gi, \"\")\n\t\t\t\tif (!this.toolTip)\n\t\t\t\t\tresult = result?.replace(/<title>.*<\\/title>/, \"\")\n\t\t\t\telse if (result?.includes(\"<title>\"))\n\t\t\t\t\tresult = result.replace(/(<title>).*(<\\/title>)/, `<title>${this.toolTip}</title>`)\n\t\t\t\telse\n\t\t\t\t\tresult = result?.replace(/(.*>)(<\\/svg>$)/, `$1<title>${this.toolTip}</title>$2`)\n\t\t\t\tthis.updateDocument(result)\n\t\t\t}\n\t\t} else\n\t\t\tthis.updateDocument()\n\t}\n\tupdateDocument(document?: string) {\n\t\tthis.document =\n\t\t\tdocument ??\n\t\t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n\t\t<title>Empty</title>\n\t\t</svg>`\n\t}\n\n\trender() {\n\t\treturn <Host innerHTML={this.document} style={{ [\"--rotation\"]: `${this.rotate ?? 0}deg` }} />\n\t}\n}\n"],"version":3}
+{"file":"p-c63db1c1.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,wxBAAwxB,CAAC;AAC1yB,2BAAe,QAAQ;;MCQV,YAAY;;;;;oBAEc,OAAO;oBACG,OAAO;oBACgB,QAAQ;;;;;;;IAO/E,MAAM,iBAAiB;QACtB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;KACxB;IAED,MAAM,WAAW;QAChB,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE;YACzB,MAAM,OAAO,IAAI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YAC3D,IAAI,MAAM,GAAG,MAAM,OAAO,CAAA;YAC1B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE;gBAClC,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CACZ,OAAO,CAAC,eAAe,EAAE,eAAe,EACzC,OAAO,CAAC,2BAA2B,EAAE,EAAE,EACvC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;gBAC/B,IAAI,CAAC,IAAI,CAAC,OAAO;oBAChB,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;qBAC9C,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,SAAS,CAAC;oBACnC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,wBAAwB,EAAE,UAAU,IAAI,CAAC,OAAO,UAAU,CAAC,CAAA;;oBAEnF,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,iBAAiB,EAAE,YAAY,IAAI,CAAC,OAAO,YAAY,CAAC,CAAA;gBAClF,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;aAC3B;SACD;;YACA,IAAI,CAAC,cAAc,EAAE,CAAA;KACtB;IACD,cAAc,CAAC,QAAiB;QAC/B,IAAI,CAAC,QAAQ;YACZ,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACR;;SAEM,CAAA;KACP;IAED,MAAM;;QACL,OAAO,EAAC,IAAI,qDAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,GAAG,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,CAAC,KAAK,EAAE,GAAI,CAAA;KAC9F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/icon/style.css?tag=smoothly-icon&encapsulation=scoped","src/components/icon/index.tsx"],"sourcesContent":[":host[size] {\n\tbackground: none;\n}\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n:host[rotate] {\n\t--rotate: rotate(var(--rotation, 0deg));\n\ttransform: var(--rotate);\n}\n:host[flip=x] {\n\t--flip: scaleX(-1);\n\ttransform: var(--flip);\n}\n:host[flip=y] {\n\t--flip: scaleY(-1);\n\ttransform: var(--flip);\n}\n:host[rotate][flip] {\n\ttransform:var(--rotate)var(--flip);\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host[size=tiny] {\n\twidth: 1.2em;\n\theight: 1.2em;\n}\n:host[size=small] {\n\twidth: 1.4em;\n\theight: 1.4em;\n}\n:host[size=medium] {\n\twidth: 1.8em;\n\theight: 1.8em;\n}\n:host[size=large] {\n\twidth: 2.8em;\n\theight: 2.8em;\n}\n:host[size=xlarge] {\n\twidth: 4em;\n\theight: 4em;\n}\n:host::slotted(svg) {\n\t/* this is needed for svg to work on safari */\n\twidth: 100%;\n}\n","import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-icon\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIcon {\n\t@Prop({ reflect: true }) color: Color\n\t@Prop({ reflect: true }) fill: Fill = \"solid\"\n\t@Prop({ reflect: true }) name: Icon | \"empty\" = \"empty\"\n\t@Prop({ reflect: true }) size: \"tiny\" | \"small\" | \"medium\" | \"large\" = \"medium\"\n\t@Prop({ reflect: true }) rotate?: number\n\t@Prop({ reflect: true }) flip?: \"x\" | \"y\"\n\t@Prop() toolTip?: string\n\t@State() latestPromise: Promise<string | undefined>\n\t@State() document?: string\n\n\tasync componentWillLoad() {\n\t\tawait this.nameChanged()\n\t}\n\t@Watch(\"name\")\n\tasync nameChanged() {\n\t\tif (this.name != \"empty\") {\n\t\t\tconst promise = (this.latestPromise = Icon.load(this.name))\n\t\t\tlet result = await promise\n\t\t\tif (promise == this.latestPromise) {\n\t\t\t\tresult = result\n\t\t\t\t\t?.replace(/(?<=^<svg\\s?)/, `$& role=\"img\"`)\n\t\t\t\t\t.replace(` width=\"512\" height=\"512\"`, \"\")\n\t\t\t\t\t.replace(/stroke:#000;/gi, \"\")\n\t\t\t\tif (!this.toolTip)\n\t\t\t\t\tresult = result?.replace(/<title>.*<\\/title>/, \"\")\n\t\t\t\telse if (result?.includes(\"<title>\"))\n\t\t\t\t\tresult = result.replace(/(<title>).*(<\\/title>)/, `<title>${this.toolTip}</title>`)\n\t\t\t\telse\n\t\t\t\t\tresult = result?.replace(/(.*>)(<\\/svg>$)/, `$1<title>${this.toolTip}</title>$2`)\n\t\t\t\tthis.updateDocument(result)\n\t\t\t}\n\t\t} else\n\t\t\tthis.updateDocument()\n\t}\n\tupdateDocument(document?: string) {\n\t\tthis.document =\n\t\t\tdocument ??\n\t\t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n\t\t<title>Empty</title>\n\t\t</svg>`\n\t}\n\n\trender() {\n\t\treturn <Host innerHTML={this.document} style={{ [\"--rotation\"]: `${this.rotate ?? 0}deg` }} />\n\t}\n}\n"],"version":3}

package/dist/components/{p-0cfd31a4.js → p-c77944e7.js}

@@ -12,9 +12,9 @@ const SmoothlySpinner = proxyCustomElement(class SmoothlySpinner extends H {
     }
     render() {
         const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
-        return (h(Host, { key: 'f8f87e9c4b24c3a8cbd3619c0f769622e0959144', style: {
+        return (h(Host, { key: '63eb430e6fab4330e9819884645455867633ff48', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: 'f8c14a860e35ef649866549dbfcd0f2eac198e8b', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '8a0422fa7a21feefbe541c9bd8a95e9c6a190921', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, h("svg", { key: 'abc002cff5906b3c882d908382d41028dfa69dc8', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'ff47ae8ca20d0912e4faf98aa13b506ba5813232', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
     }
     static get style() { return SmoothlySpinnerStyle0; }
 }, [2, "smoothly-spinner", {
@@ -38,4 +38,4 @@ defineCustomElement();
 
 export { SmoothlySpinner as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-0cfd31a4.js.map
+//# sourceMappingURL=p-c77944e7.js.map

package/dist/components/{p-0cfd31a4.js.map → p-c77944e7.js.map}

@@ -1 +1 @@
-{"file":"p-0cfd31a4.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,miDAAmiD,CAAC;AACrjD,8BAAe,QAAQ;;MCMV,eAAe;;;;oBAC4C,OAAO;;;IAG9E,MAAM;QACL,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE,CAAA;QACvG,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE;gBACN,gBAAgB,EACf,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,OAAO,GAAG,OAAO;aACvG,IACD,4DAAK,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B,IAC9G,+DACC,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,MAAM,kBACG,WAAW,oBACV,OAAO,EACtB,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,GAAG,CAAC,EAAE,EAC7B,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,GAAG,CAAC,EAAE,EAC7B,CAAC,EAAC,IAAI,GAAU,CACZ,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spinner/style.css?tag=smoothly-spinner&encapsulation=scoped","src/components/spinner/index.tsx"],"sourcesContent":[":host[hidden] {\n\tdisplay: none;\n}\n\n:host {\n\tcursor: wait;\n\t--spinner-time: 1.4s;\n\t--spinner-color: var(--smoothly-color-contrast);\n\t--spinner-background: var(--smoothly-color);\n\t--spinner-background-opacity: var(--smoothly-semitransparent, 0.8);\n\tdisplay: block;\n\tstroke: rgb(var(--spinner-color));\n\tbackground-color: rgba(var(--spinner-background), var(--spinner-background-opacity));\n}\n\n:host:not([overlay]) {\n\twidth: var(--spinner-size);\n\theight: var(--spinner-size);\n}\n\n:host[overlay] {\n\tposition: absolute;\n\tinset: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 4;\n\tbackground-color: rgba(var(--spinner-background), var(--spinner-background-opacity));\n}\n\n:host[color]:not([overlay]),\n:host[color][overlay] {\n\tbackground-color: rgba(var(--spinner-background), var(--spinner-background-opacity));\n\tstroke: rgb(var(--spinner-color));\n}\n\n:host[overlay]>svg {\n\tposition: absolute;\n\twidth: var(--spinner-size);\n\tleft: calc(50% - var(--spinner-size) / 2);\n\ttop: calc(50% - var(--spinner-size) / 2);\n}\n\n:host>svg {\n\tanimation: SPIN-SVG var(--spinner-time) linear infinite;\n}\n\n:host>svg>circle {\n\ttransform-origin: center;\n\tanimation: SPIN-CIRCLE var(--spinner-time) ease-in-out infinite;\n\tstroke-dasharray: 187;\n\tstroke-dashoffset: 0;\n}\n\n@keyframes SPIN-SVG {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t100% {\n\t\ttransform: rotate(270deg);\n\t}\n}\n\n@keyframes SPIN-CIRCLE {\n\t0% {\n\t\tstroke-dashoffset: 187;\n\t}\n\n\t50% {\n\t\tstroke-dashoffset: 46.75;\n\t\ttransform: rotate(135deg);\n\t}\n\n\t100% {\n\t\tstroke-dashoffset: 187;\n\t\ttransform: rotate(450deg);\n\t}\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-spinner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySpinner {\n\t@Prop({ reflect: true }) size: \"small\" | \"icon\" | \"medium\" | \"large\" = \"large\"\n\t@Prop({ reflect: true }) overlay: boolean\n\n\trender() {\n\t\tconst strokeWidth = this.size == \"large\" ? 6 : this.size == \"medium\" ? 8 : this.size == \"icon\" ? 8 : 12\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--spinner-size\":\n\t\t\t\t\t\tthis.size == \"large\" ? \"5em\" : this.size == \"medium\" ? \"3em\" : this.size == \"icon\" ? \"1.8em\" : \"1.2em\",\n\t\t\t\t}}>\n\t\t\t\t<svg class=\"spinner\" viewBox={`0 0 ${60 + strokeWidth} ${60 + strokeWidth}`} xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<circle\n\t\t\t\t\t\tclass=\"path\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke-width={strokeWidth}\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tcx={`${30 + strokeWidth / 2}`}\n\t\t\t\t\t\tcy={`${30 + strokeWidth / 2}`}\n\t\t\t\t\t\tr=\"30\"></circle>\n\t\t\t\t</svg>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-c77944e7.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,miDAAmiD,CAAC;AACrjD,8BAAe,QAAQ;;MCMV,eAAe;;;;oBAC4C,OAAO;;;IAG9E,MAAM;QACL,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE,CAAA;QACvG,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE;gBACN,gBAAgB,EACf,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,OAAO,GAAG,OAAO;aACvG,IACD,4DAAK,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B,IAC9G,+DACC,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,MAAM,kBACG,WAAW,oBACV,OAAO,EACtB,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,GAAG,CAAC,EAAE,EAC7B,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,GAAG,CAAC,EAAE,EAC7B,CAAC,EAAC,IAAI,GAAU,CACZ,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spinner/style.css?tag=smoothly-spinner&encapsulation=scoped","src/components/spinner/index.tsx"],"sourcesContent":[":host[hidden] {\n\tdisplay: none;\n}\n\n:host {\n\tcursor: wait;\n\t--spinner-time: 1.4s;\n\t--spinner-color: var(--smoothly-color-contrast);\n\t--spinner-background: var(--smoothly-color);\n\t--spinner-background-opacity: var(--smoothly-semitransparent, 0.8);\n\tdisplay: block;\n\tstroke: rgb(var(--spinner-color));\n\tbackground-color: rgba(var(--spinner-background), var(--spinner-background-opacity));\n}\n\n:host:not([overlay]) {\n\twidth: var(--spinner-size);\n\theight: var(--spinner-size);\n}\n\n:host[overlay] {\n\tposition: absolute;\n\tinset: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 4;\n\tbackground-color: rgba(var(--spinner-background), var(--spinner-background-opacity));\n}\n\n:host[color]:not([overlay]),\n:host[color][overlay] {\n\tbackground-color: rgba(var(--spinner-background), var(--spinner-background-opacity));\n\tstroke: rgb(var(--spinner-color));\n}\n\n:host[overlay]>svg {\n\tposition: absolute;\n\twidth: var(--spinner-size);\n\tleft: calc(50% - var(--spinner-size) / 2);\n\ttop: calc(50% - var(--spinner-size) / 2);\n}\n\n:host>svg {\n\tanimation: SPIN-SVG var(--spinner-time) linear infinite;\n}\n\n:host>svg>circle {\n\ttransform-origin: center;\n\tanimation: SPIN-CIRCLE var(--spinner-time) ease-in-out infinite;\n\tstroke-dasharray: 187;\n\tstroke-dashoffset: 0;\n}\n\n@keyframes SPIN-SVG {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t100% {\n\t\ttransform: rotate(270deg);\n\t}\n}\n\n@keyframes SPIN-CIRCLE {\n\t0% {\n\t\tstroke-dashoffset: 187;\n\t}\n\n\t50% {\n\t\tstroke-dashoffset: 46.75;\n\t\ttransform: rotate(135deg);\n\t}\n\n\t100% {\n\t\tstroke-dashoffset: 187;\n\t\ttransform: rotate(450deg);\n\t}\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-spinner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySpinner {\n\t@Prop({ reflect: true }) size: \"small\" | \"icon\" | \"medium\" | \"large\" = \"large\"\n\t@Prop({ reflect: true }) overlay: boolean\n\n\trender() {\n\t\tconst strokeWidth = this.size == \"large\" ? 6 : this.size == \"medium\" ? 8 : this.size == \"icon\" ? 8 : 12\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--spinner-size\":\n\t\t\t\t\t\tthis.size == \"large\" ? \"5em\" : this.size == \"medium\" ? \"3em\" : this.size == \"icon\" ? \"1.8em\" : \"1.2em\",\n\t\t\t\t}}>\n\t\t\t\t<svg class=\"spinner\" viewBox={`0 0 ${60 + strokeWidth} ${60 + strokeWidth}`} xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<circle\n\t\t\t\t\t\tclass=\"path\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke-width={strokeWidth}\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tcx={`${30 + strokeWidth / 2}`}\n\t\t\t\t\t\tcy={`${30 + strokeWidth / 2}`}\n\t\t\t\t\t\tr=\"30\"></circle>\n\t\t\t\t</svg>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-061353e6.js → p-ca69a0ef.js}

@@ -5,7 +5,7 @@ import './p-47ea6b68.js';
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { N as Notice } from './p-ef01331e.js';
 import { E as Editable } from './p-b0d7a2e6.js';
-import { d as defineCustomElement$1 } from './p-0cfd31a4.js';
+import { d as defineCustomElement$1 } from './p-c77944e7.js';
 
 var Method;
 (function (Method) {
@@ -937,7 +937,7 @@ const SmoothlyForm = proxyCustomElement(class SmoothlyForm extends H {
         await Promise.all([...this.inputs.values()].map(input => Editable.Element.type.is(input) && input.setInitialValue()));
     }
     render() {
-        return (h(Host, { key: 'eb4403b534ae7629c459e69bbed7c58a992b071c' }, h("smoothly-spinner", { key: '7eb8bfba00f9bf4e95fe4662f67f81374e38d7b9', overlay: true, hidden: !this.processing }), h("form", { key: '887c85d997e05934396093909b77e54de3d02d27', onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, h("fieldset", { key: '452b818d209ae7785b40fd06b718325a49dacdb3' }, h("slot", { key: '689bb37245a0c4261a08330f4b72ad33b7c3393b' })), h("div", { key: 'd04270e156ed642fc38e3d55ca29b461d1337857' }, h("slot", { key: '11b1f505e69b521adac65781a8a0ec37d12b85fb', name: "clear" }), h("slot", { key: '43bbeff85b06a7729c857cd9108482fb01a9b924', name: "edit" }), h("slot", { key: '3a3add89ab58ad53cf32e9c717aeb8afd0cf66ed', name: "reset" }), h("slot", { key: 'dbf0cc018156aa28d052d6045c8768ad1ff40245', name: "delete" }), h("slot", { key: '1c0f3d61f4b650ef35745b5dac3294696831ced4', name: "submit" })))));
+        return (h(Host, { key: '1b5a8589adeaa9ce2e0bc5ad5f9385f3c725461d' }, h("smoothly-spinner", { key: '4b10b16462c627a3e804243d3b48a96a53a5e575', overlay: true, hidden: !this.processing }), h("form", { key: '40b864912ad52f0617289a15edbd6c9345bc7e65', onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, h("fieldset", { key: '9099df052261a9151d2c93feb8e6fa21ff575fb8' }, h("slot", { key: '8bf3863b233cb54433b315dc4073ba7ac73dc68c' })), h("div", { key: 'c43d6fe3ea79dd724aeeb538dfed049814ec8d05' }, h("slot", { key: '08050f524f3e2ff8fe2e6da95035ecc1ad989a4e', name: "clear" }), h("slot", { key: 'c819468427a92c7e9714592d4636f3b7fce06cbd', name: "edit" }), h("slot", { key: 'd2617f64c3015da52af33f31752df078d481b226', name: "reset" }), h("slot", { key: '787f88e7ea092d7778dc7dc0347a0f6cd49329f4', name: "delete" }), h("slot", { key: '9623c0eeec07d511055172b016a5d34d9d963ad6', name: "submit" })))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -1041,4 +1041,4 @@ var Input;
 
 export { Clearable as C, Input as I, Looks as L, SmoothlyForm as S, defineCustomElement as d, fetch as f };
 
-//# sourceMappingURL=p-061353e6.js.map
+//# sourceMappingURL=p-ca69a0ef.js.map