smoothly 1.2.1-alpha.33 → 1.2.1-alpha.35

package/dist/components/{p-9bf13adb.js → p-c227ce6a.js}

@@ -31,7 +31,7 @@ const SmoothlySubmit = proxyCustomElement(class SmoothlySubmit extends H {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (h(Button, { key: 'e744ab24a03f09fcfce4126bf1c515cea3d3e58e', disabled: this.disabled, type: this.type }, h("slot", { key: '7170d7a7dcab90043a63464774b149cda9eaf5ea' })));
+        return (h(Button, { key: 'e626224ff9e4f244914f9de0ad48e4a73570a3fc', disabled: this.disabled, type: this.type }, h("slot", { key: 'd8bd3b258e250bfa191d0298f5aaa22aae8aaeeb' })));
     }
     static get style() { return SmoothlySubmitStyle0; }
 }, [6, "smoothly-submit", {
@@ -61,4 +61,4 @@ defineCustomElement();
 
 export { SmoothlySubmit as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-9bf13adb.js.map
+//# sourceMappingURL=p-c227ce6a.js.map

package/dist/components/{p-9bf13adb.js.map → p-c227ce6a.js.map}

@@ -1 +1 @@
-{"file":"p-9bf13adb.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,y5LAAy5L,CAAC;AAC36L,6BAAe,QAAQ;;MCUV,cAAc;;;;;qBACe,SAAS;;;wBAGd,KAAK;oBACU,QAAQ;;;uBAGzC,IAAI;;IAItB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;aACpB;SACD,CAAC,CAAA;KACF;IAGD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAA;KACrB;IAED,MAAM;QACL,QACC,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC/C,8DAAQ,CACA,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/submit/style.css?tag=smoothly-submit&encapsulation=scoped","src/components/submit/index.tsx"],"sourcesContent":["@import \"../button/style.css\";\n\n:host() {\n\tmargin: 1em 0em;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"../button/Button\"\nimport { Editable } from \"../input/Editable\"\nimport { Submittable } from \"../input/Submittable\"\n\n@Component({\n\ttag: \"smoothly-submit\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlySubmit {\n\t@Prop({ reflect: true }) color?: Color = \"success\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\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({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() prevent = true\n\tprivate parent?: Submittable\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t}\n\t\t})\n\t}\n\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.submit()\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-c227ce6a.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,y5LAAy5L,CAAC;AAC36L,6BAAe,QAAQ;;MCUV,cAAc;;;;;qBACe,SAAS;;;wBAGd,KAAK;oBACU,QAAQ;;;uBAGzC,IAAI;;IAItB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;aACpB;SACD,CAAC,CAAA;KACF;IAGD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAA;KACrB;IAED,MAAM;QACL,QACC,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC/C,8DAAQ,CACA,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/submit/style.css?tag=smoothly-submit&encapsulation=scoped","src/components/submit/index.tsx"],"sourcesContent":["@import \"../button/style.css\";\n\n:host() {\n\tmargin: 1em 0em;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"../button/Button\"\nimport { Editable } from \"../input/Editable\"\nimport { Submittable } from \"../input/Submittable\"\n\n@Component({\n\ttag: \"smoothly-submit\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlySubmit {\n\t@Prop({ reflect: true }) color?: Color = \"success\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\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({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() prevent = true\n\tprivate parent?: Submittable\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t}\n\t\t})\n\t}\n\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.submit()\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\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