smoothly 1.1.1-alpha.76 → 1.1.1-alpha.78

package/dist/collection/components/trigger/index.js

@@ -20,7 +20,7 @@ export class SmoothlyTrigger {
                 result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
                 break;
             case "button":
-                result = (h("button", { key: '98d441d790390616a83f0a3117d910a80c359230', disabled: this.disabled, name: this.name }, h("slot", { key: '1ad3409d430d2ebf64164ea8e132ce56be0bb95c' })));
+                result = (h("button", { key: '65fdb4a7ecdd908ee84e40559fd19b358396f8ef', disabled: this.disabled, name: this.name }, h("slot", { key: '7d22b938d7e62bcb98f59dbeab0d5b402222b1d4' })));
                 break;
         }
         return result;

package/dist/collection/components/trigger/sink/index.js

@@ -19,7 +19,7 @@ export class SmoothlyTriggerSink {
         }
     }
     render() {
-        return h("slot", { key: '18492ba819f1d7555d2dfa616b7f6bc9ac4c8cb8' });
+        return h("slot", { key: 'eb3e10ab0da4bfb9c8bd755d0ca4e8f95752bf6a' });
     }
     static get is() { return "smoothly-trigger-sink"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class SmoothlyTriggerSource {
         }, window);
     }
     render() {
-        return h("slot", { key: 'f3aaee9271377b326d091a1c2fdb8990c26311e3' });
+        return h("slot", { key: 'ba4d2607954312a731a2479d4822304682d007fd' });
     }
     static get is() { return "smoothly-trigger-source"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/{p-47cae6aa.js → p-00176e8c.js}

@@ -21,7 +21,7 @@ const SmoothlySummary = proxyCustomElement(class SmoothlySummary extends H {
         }
     }
     render() {
-        return (h("details", { key: '161bb247a765f6c62fe2387ce06fe341412eacf8', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '8c3b0df1303f9d58b4415faa75f2cc556b2610f5' }, h("smoothly-icon", { key: '87f8084401da28da222f36cd1bae83b86d9bcc61', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '869bea7bec206a9bbf2aa731348746f38d5f61b5', name: "summary" })), h("slot", { key: 'a27e8cfed8ad4f829e90ad76306da27513eb7b9c', name: "content" })));
+        return (h("details", { key: 'e4fb548af7b162712d6c97d68a34a69c8fda5965', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '2671ce09e44e2d70d04fc456ba8f3748a48646c6' }, h("smoothly-icon", { key: '75ad205c685614cee0404fd6513aa5a5bd91b75c', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: 'c7d8b72baaf5a215eb620eb8154ad330e6c8534b', name: "summary" })), h("slot", { key: 'cfac2970eb567584729d06f3122a7ca312dae53c', name: "content" })));
     }
     static get style() { return SmoothlySummaryStyle0; }
 }, [6, "smoothly-summary", {
@@ -52,4 +52,4 @@ defineCustomElement();
 
 export { SmoothlySummary as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-47cae6aa.js.map
+//# sourceMappingURL=p-00176e8c.js.map

package/dist/components/{p-47cae6aa.js.map → p-00176e8c.js.map}

@@ -1 +1 @@
-{"file":"p-47cae6aa.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,09BAA09B,CAAC;AAC5+B,8BAAe,QAAQ;;MCMV,eAAe;;;;;oBACoB,KAAK;;oBAE/B,OAAO;oBAC0B,MAAM;;IAG5D,aAAa,CAAC,KAAY;QACzB,IAAI,KAAK,CAAC,MAAM,YAAY,kBAAkB,EAAE;YAC/C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;YAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACxC;KACD;IAED,MAAM;QACL,QACC,gEAAS,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC7D,kEACC,sEAAe,IAAI,EAAC,eAAe,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAkB,EACzG,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACnB,EACV,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACnB,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/summary/style.css?tag=smoothly-summary&encapsulation=scoped","src/components/summary/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr;\n\tcolumn-gap: 0.3rem;\n}\n\n:host>details {\n\tdisplay: contents;\n}\n\n:host>details>summary {\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-column: 1/-1;\n\tlist-style: none;\n\talign-items: center;\n}\n\n:host>details>summary>smoothly-icon {\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n\n:host:hover details>summary>smoothly-icon {\n\topacity: 1;\n}\n\n:host>details[open]>summary>smoothly-icon {\n\ttransform: rotate(90deg);\n}\n\n:host>details::slotted([slot=content]) {\n\tgrid-column: 2;\n}\n\n@media screen and (min-width: 900px) {\n\t:host>details>summary:hover {\n\t\tcursor: pointer;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\n@Component({\n\ttag: \"smoothly-summary\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySummary {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop() color: Color\n\t@Prop() fill: Fill = \"solid\"\n\t@Prop() size: \"tiny\" | \"small\" | \"medium\" | \"large\" = \"tiny\"\n\t@Event() smoothlySummaryOpen: EventEmitter<boolean>\n\n\ttoggleHandler(event: Event) {\n\t\tif (event.target instanceof HTMLDetailsElement) {\n\t\t\tthis.open = event.target.open\n\t\t\tthis.smoothlySummaryOpen.emit(this.open)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<details onToggle={e => this.toggleHandler(e)} open={this.open}>\n\t\t\t\t<summary>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward\" color={this.color} fill={this.fill} size={this.size}></smoothly-icon>\n\t\t\t\t\t<slot name=\"summary\"></slot>\n\t\t\t\t</summary>\n\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t</details>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-00176e8c.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,09BAA09B,CAAC;AAC5+B,8BAAe,QAAQ;;MCMV,eAAe;;;;;oBACoB,KAAK;;oBAE/B,OAAO;oBAC0B,MAAM;;IAG5D,aAAa,CAAC,KAAY;QACzB,IAAI,KAAK,CAAC,MAAM,YAAY,kBAAkB,EAAE;YAC/C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;YAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACxC;KACD;IAED,MAAM;QACL,QACC,gEAAS,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC7D,kEACC,sEAAe,IAAI,EAAC,eAAe,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAkB,EACzG,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACnB,EACV,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACnB,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/summary/style.css?tag=smoothly-summary&encapsulation=scoped","src/components/summary/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr;\n\tcolumn-gap: 0.3rem;\n}\n\n:host>details {\n\tdisplay: contents;\n}\n\n:host>details>summary {\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-column: 1/-1;\n\tlist-style: none;\n\talign-items: center;\n}\n\n:host>details>summary>smoothly-icon {\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n\n:host:hover details>summary>smoothly-icon {\n\topacity: 1;\n}\n\n:host>details[open]>summary>smoothly-icon {\n\ttransform: rotate(90deg);\n}\n\n:host>details::slotted([slot=content]) {\n\tgrid-column: 2;\n}\n\n@media screen and (min-width: 900px) {\n\t:host>details>summary:hover {\n\t\tcursor: pointer;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\n@Component({\n\ttag: \"smoothly-summary\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySummary {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop() color: Color\n\t@Prop() fill: Fill = \"solid\"\n\t@Prop() size: \"tiny\" | \"small\" | \"medium\" | \"large\" = \"tiny\"\n\t@Event() smoothlySummaryOpen: EventEmitter<boolean>\n\n\ttoggleHandler(event: Event) {\n\t\tif (event.target instanceof HTMLDetailsElement) {\n\t\t\tthis.open = event.target.open\n\t\t\tthis.smoothlySummaryOpen.emit(this.open)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<details onToggle={e => this.toggleHandler(e)} open={this.open}>\n\t\t\t\t<summary>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward\" color={this.color} fill={this.fill} size={this.size}></smoothly-icon>\n\t\t\t\t\t<slot name=\"summary\"></slot>\n\t\t\t\t</summary>\n\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t</details>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-f0d21c65.js → p-023a2e64.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-467d65e7.js';
 import { d as defineCustomElement$2 } from './p-a237d98f.js';
-import { d as defineCustomElement$1 } from './p-5f532bfe.js';
+import { d as defineCustomElement$1 } from './p-bb0b65dc.js';
 
 const styleCss = ".sc-smoothly-notification-h{display:block;position:relative;min-width:30em;min-height:3em;border-radius:5px;margin:0.5em}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin:0 2rem 0 1rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{font-size:0.7em;position:absolute;right:0}";
 const SmoothlyNotificationStyle0 = styleCss;
@@ -58,7 +58,7 @@ const Notification = proxyCustomElement(class Notification extends H {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: '874ce3aaa62fd7424e2c6629e13111b14649c7db', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '57057c09df734c4d359fd9952314032373c93828', fill: "clear", name: "close" }, h("smoothly-icon", { key: '1f65cdd01245cf02953e1b678a475a68d26b9d1d', name: "close-circle-outline" }))), h("span", { key: 'f13125e985453026c40bab0b8f37333b9dead517', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '823e57f43b0d4ee8f5b9965e0db265d45e99a991', name: this.properties[1] }), h("p", { key: 'c81f186da441031edcd1e9854fdfa0f420d161b0' }, this.notice.message))));
+        return (h(Host, { key: '8153ff768436e198e3328110a36db1b65f7f344e', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'b6d4f169fdb2682c8eb283c3a5d8af22ddb6aa78', fill: "clear", name: "close" }, h("smoothly-icon", { key: '8e1042ed81f728453201d837424a2eb1735e159c', name: "close-circle-outline" }))), h("span", { key: 'f8ba74b6b21744ba28258bb71de0f56f7d9b9444', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '5fb45ec4654054569b9350d939d70707cf12fbb7', name: this.properties[1] }), h("p", { key: 'a62236628dfc7991a7d1f00b96ce72bc7716fcd5' }, this.notice.message))));
     }
     static get watchers() { return {
         "notice": ["onUpdatedNotice"]
@@ -99,4 +99,4 @@ defineCustomElement();
 
 export { Notification as N, defineCustomElement as d };
 
-//# sourceMappingURL=p-f0d21c65.js.map
+//# sourceMappingURL=p-023a2e64.js.map

package/dist/components/{p-f0d21c65.js.map → p-023a2e64.js.map}

@@ -1 +1 @@
-{"file":"p-f0d21c65.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,4/BAA4/B,CAAC;AAC9gC,mCAAe,QAAQ;;MCSV,YAAY;;;;;QAMhB,aAAQ,GAAoB,MAAM;YACzC,IAAI,MAAM,CAAC,KAAK,IAAI,QAAQ;gBAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;;gBAExB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;SACf,CAAA;;wBATkB,IAAI;;oBAEP,EAAE;;IAQlB,IAAY,UAAU;QACrB,IAAI,MAAiC,CAAA;QACrC,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK;YACxB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;gBACxC,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,QAAQ;gBACZ,MAAM,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;gBACnC,MAAK;YACN;gBACC,MAAM,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;gBAC7B,MAAK;SACN;QACD,OAAO,MAAM,CAAA;KACb;IAGD,SAAS,CAAC,KAA2B;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;SACnB;KACD;IAGD,eAAe,CAAC,QAAgB,EAAE,QAAiB;QAClD,IAAI,QAAQ;YACX,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACjC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC9B;IACD,gBAAgB;QACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KACjC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,IAC3C,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,sBAAsB,GAAiB,CACzC,CACnB,EACD,6DAAM,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,IACvC,IAAI,CAAC,IAAI,IAAI,sEAAe,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAkB,EACvE,4DAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAK,CACtB,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notification/style.css?tag=smoothly-notification&encapsulation=scoped","src/components/notification/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: relative;\n\tmin-width: 30em;\n\tmin-height: 3em;\n\tborder-radius: 5px;\n\tmargin: 0.5em;\n}\n:host > span.icon > smoothly-icon,\n:host > span.clean {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-self: center;\n}\n:host > span {\n\tmargin: 0 2rem 0 1rem;\n}\n:host > span.icon {\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n}\n:host > span.icon > p {\n\tpadding-right: 1em;\n}\n:host > span > p {\n\ttext-align: left;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > span.icon > smoothly-icon {\n\tmargin: 0 0.5rem;\n}\n:host > smoothly-trigger {\n\tfont-size: 0.7em;\n\tposition: absolute;\n\tright: 0;\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Component, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Notice, Trigger } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notification\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notification {\n\t@Prop() notice: Notice\n\t@Prop() closable = true\n\t@Prop() icon: boolean\n\t@State() tick = {}\n\t@Event() remove: EventEmitter<Notice>\n\tprivate listener: Notice.Listener = notice => {\n\t\tif (notice.state == \"closed\")\n\t\t\tthis.remove.emit(notice)\n\t\telse\n\t\t\tthis.tick = {}\n\t}\n\tprivate get properties(): [Color, Icon | undefined] {\n\t\tlet result: [Color, Icon | undefined]\n\t\tswitch (this.notice.state) {\n\t\t\tcase \"delayed\":\n\t\t\tcase \"warning\":\n\t\t\t\tresult = [\"warning\", \"warning-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"success\":\n\t\t\t\tresult = [\"success\", \"checkmark-circle\"]\n\t\t\t\tbreak\n\t\t\tcase \"executing\":\n\t\t\t\tresult = [\"light\", \"hourglass-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"failed\":\n\t\t\t\tresult = [\"danger\", \"alert-circle\"]\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = [\"light\", undefined]\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n\n\t@Listen(\"trigger\")\n\tonTrigger(event: CustomEvent<Trigger>) {\n\t\tif (event.detail.name == \"close\") {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.notice.close()\n\t\t}\n\t}\n\n\t@Watch(\"notice\")\n\tonUpdatedNotice(newValue: Notice, oldValue?: Notice) {\n\t\tif (oldValue)\n\t\t\toldValue.unlisten(this.listener)\n\t\tnewValue.listen(this.listener)\n\t}\n\tcomponentDidLoad() {\n\t\tthis.onUpdatedNotice(this.notice)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host color={this.properties[0]} fill=\"solid\">\n\t\t\t\t{this.closable && (\n\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t<smoothly-icon name=\"close-circle-outline\"></smoothly-icon>\n\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t)}\n\t\t\t\t<span class={this.icon ? \"icon\" : \"clean\"}>\n\t\t\t\t\t{this.icon && <smoothly-icon name={this.properties[1]}></smoothly-icon>}\n\t\t\t\t\t<p>{this.notice.message}</p>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-023a2e64.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,4/BAA4/B,CAAC;AAC9gC,mCAAe,QAAQ;;MCSV,YAAY;;;;;QAMhB,aAAQ,GAAoB,MAAM;YACzC,IAAI,MAAM,CAAC,KAAK,IAAI,QAAQ;gBAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;;gBAExB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;SACf,CAAA;;wBATkB,IAAI;;oBAEP,EAAE;;IAQlB,IAAY,UAAU;QACrB,IAAI,MAAiC,CAAA;QACrC,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK;YACxB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;gBACxC,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,QAAQ;gBACZ,MAAM,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;gBACnC,MAAK;YACN;gBACC,MAAM,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;gBAC7B,MAAK;SACN;QACD,OAAO,MAAM,CAAA;KACb;IAGD,SAAS,CAAC,KAA2B;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;SACnB;KACD;IAGD,eAAe,CAAC,QAAgB,EAAE,QAAiB;QAClD,IAAI,QAAQ;YACX,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACjC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC9B;IACD,gBAAgB;QACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KACjC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,IAC3C,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,sBAAsB,GAAiB,CACzC,CACnB,EACD,6DAAM,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,IACvC,IAAI,CAAC,IAAI,IAAI,sEAAe,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAkB,EACvE,4DAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAK,CACtB,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notification/style.css?tag=smoothly-notification&encapsulation=scoped","src/components/notification/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: relative;\n\tmin-width: 30em;\n\tmin-height: 3em;\n\tborder-radius: 5px;\n\tmargin: 0.5em;\n}\n:host > span.icon > smoothly-icon,\n:host > span.clean {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-self: center;\n}\n:host > span {\n\tmargin: 0 2rem 0 1rem;\n}\n:host > span.icon {\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n}\n:host > span.icon > p {\n\tpadding-right: 1em;\n}\n:host > span > p {\n\ttext-align: left;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > span.icon > smoothly-icon {\n\tmargin: 0 0.5rem;\n}\n:host > smoothly-trigger {\n\tfont-size: 0.7em;\n\tposition: absolute;\n\tright: 0;\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Component, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Notice, Trigger } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notification\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notification {\n\t@Prop() notice: Notice\n\t@Prop() closable = true\n\t@Prop() icon: boolean\n\t@State() tick = {}\n\t@Event() remove: EventEmitter<Notice>\n\tprivate listener: Notice.Listener = notice => {\n\t\tif (notice.state == \"closed\")\n\t\t\tthis.remove.emit(notice)\n\t\telse\n\t\t\tthis.tick = {}\n\t}\n\tprivate get properties(): [Color, Icon | undefined] {\n\t\tlet result: [Color, Icon | undefined]\n\t\tswitch (this.notice.state) {\n\t\t\tcase \"delayed\":\n\t\t\tcase \"warning\":\n\t\t\t\tresult = [\"warning\", \"warning-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"success\":\n\t\t\t\tresult = [\"success\", \"checkmark-circle\"]\n\t\t\t\tbreak\n\t\t\tcase \"executing\":\n\t\t\t\tresult = [\"light\", \"hourglass-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"failed\":\n\t\t\t\tresult = [\"danger\", \"alert-circle\"]\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = [\"light\", undefined]\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n\n\t@Listen(\"trigger\")\n\tonTrigger(event: CustomEvent<Trigger>) {\n\t\tif (event.detail.name == \"close\") {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.notice.close()\n\t\t}\n\t}\n\n\t@Watch(\"notice\")\n\tonUpdatedNotice(newValue: Notice, oldValue?: Notice) {\n\t\tif (oldValue)\n\t\t\toldValue.unlisten(this.listener)\n\t\tnewValue.listen(this.listener)\n\t}\n\tcomponentDidLoad() {\n\t\tthis.onUpdatedNotice(this.notice)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host color={this.properties[0]} fill=\"solid\">\n\t\t\t\t{this.closable && (\n\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t<smoothly-icon name=\"close-circle-outline\"></smoothly-icon>\n\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t)}\n\t\t\t\t<span class={this.icon ? \"icon\" : \"clean\"}>\n\t\t\t\t\t{this.icon && <smoothly-icon name={this.properties[1]}></smoothly-icon>}\n\t\t\t\t\t<p>{this.notice.message}</p>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-13e45b6d.js → p-0c0fe9cf.js}

@@ -13,11 +13,11 @@ const SmoothlyThemePicker = proxyCustomElement(class SmoothlyThemePicker extends
         this.element = "smoothly-css";
     }
     render() {
-        return (h(Host, { key: 'cb0d9ee2364bcf9f29ee8902267482c0ae99f0c4' }, h("smoothly-input-select", { key: '307dd303506d6b0993ab3524efa0ec027b4e5019', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: '36416385ae64f1a9d18a4ee70cc7f7ae71a47b22' }, h("smoothly-input-select", { key: '9fb3ec7632408f163914ddc670b77973080081b6', name: "theme", looks: "border", onSmoothlyInput: e => {
                 const element = document.querySelector(`#${this.element}`);
                 if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
                     element.href = e.detail.theme;
-            } }, h("label", { key: 'd62e38d2d5b9ffafe34160f3ed5ffd5a233e533c', slot: "label" }, "Select theme"), h("slot", { key: '67c2698fe3224d7f2bb3871f6b54d9b016f20738' }))));
+            } }, h("label", { key: 'b49dc09788e385c8516ff721314a73bb866e710c', slot: "label" }, "Select theme"), h("slot", { key: '9d16b92efdd1b7c0188dd8cbf1864249bb176145' }))));
     }
     static get style() { return SmoothlyThemePickerStyle0; }
 }, [6, "smoothly-theme-picker", {
@@ -55,4 +55,4 @@ defineCustomElement();
 
 export { SmoothlyThemePicker as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-13e45b6d.js.map
+//# sourceMappingURL=p-0c0fe9cf.js.map

package/dist/components/{p-13e45b6d.js.map → p-0c0fe9cf.js.map}

@@ -1 +1 @@
-{"file":"p-13e45b6d.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,kCAAe,QAAQ;;MCMV,mBAAmB;;;;uBACb,cAAc;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8EACC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,eAAe,EAAE,CAAC;gBACjB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;gBAC1D,IAAI,OAAO,YAAY,eAAe,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ;oBAC1E,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;aAC9B,IACD,8DAAO,IAAI,EAAC,OAAO,mBAAqB,EACxC,8DAAa,CACU,CAClB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/picker/style.css?tag=smoothly-theme-picker&encapsulation=scoped","src/components/theme/picker/index.tsx"],"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\tlooks=\"border\"\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<label slot=\"label\">Select theme</label>\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"],"version":3}
+{"file":"p-0c0fe9cf.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,kCAAe,QAAQ;;MCMV,mBAAmB;;;;uBACb,cAAc;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8EACC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,eAAe,EAAE,CAAC;gBACjB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;gBAC1D,IAAI,OAAO,YAAY,eAAe,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ;oBAC1E,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;aAC9B,IACD,8DAAO,IAAI,EAAC,OAAO,mBAAqB,EACxC,8DAAa,CACU,CAClB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/picker/style.css?tag=smoothly-theme-picker&encapsulation=scoped","src/components/theme/picker/index.tsx"],"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\tlooks=\"border\"\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<label slot=\"label\">Select theme</label>\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"],"version":3}

package/dist/components/{p-e163931c.js → p-0e976832.js}

@@ -10,7 +10,7 @@ const SmoothlyNextTable = proxyCustomElement(class SmoothlyNextTable extends H {
         this.columns = 1;
     }
     render() {
-        return (h(Host, { key: 'c9f2708bc032419c17c2f0b0c30f80dc46bdf810', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'e3fcf1adc4a2ac5869ae085871f3c6b34cd19192' })));
+        return (h(Host, { key: '1edbf4bf33b50ba8bef76e4b01c3d42e7621cfe2', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'e819837a7c6ca268916b7ab73f20ada90c4c880d' })));
     }
     static get style() { return SmoothlyNextTableStyle0; }
 }, [6, "smoothly-next-table", {
@@ -33,4 +33,4 @@ defineCustomElement();
 
 export { SmoothlyNextTable as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-e163931c.js.map
+//# sourceMappingURL=p-0e976832.js.map

package/dist/components/{p-e163931c.js.map → p-0e976832.js.map}

@@ -1 +1 @@
-{"file":"p-e163931c.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,gOAAgO,CAAC;AAClP,gCAAe,QAAQ;;MCMV,iBAAiB;;;;uBACX,CAAC;;IACnB,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,IACpD,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/table/style.css?tag=smoothly-next-table&encapsulation=scoped","src/components/next/table/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--columns), auto);\n\tcolor: rgb(var(--smoothly-table-foreground));\n\tstroke: rgb(var(--smoothly-table-foreground));\n\tfill: rgb(var(--smoothly-table-foreground));\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-table\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextTable {\n\t@Prop() columns = 1\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--columns\": this.columns.toString() }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-0e976832.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,gOAAgO,CAAC;AAClP,gCAAe,QAAQ;;MCMV,iBAAiB;;;;uBACX,CAAC;;IACnB,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,IACpD,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/table/style.css?tag=smoothly-next-table&encapsulation=scoped","src/components/next/table/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--columns), auto);\n\tcolor: rgb(var(--smoothly-table-foreground));\n\tstroke: rgb(var(--smoothly-table-foreground));\n\tfill: rgb(var(--smoothly-table-foreground));\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-table\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextTable {\n\t@Prop() columns = 1\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--columns\": this.columns.toString() }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-0b270579.js → p-10d95683.js}

@@ -1,14 +1,13 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-467d65e7.js';
-import { d as defineCustomElement$a } from './p-58680a5b.js';
-import { d as defineCustomElement$9 } from './p-cb9fa266.js';
-import { d as defineCustomElement$8 } from './p-96026be7.js';
-import { d as defineCustomElement$7 } from './p-e163931c.js';
-import { d as defineCustomElement$6 } from './p-fea6ef5e.js';
-import { d as defineCustomElement$5 } from './p-0211b746.js';
-import { d as defineCustomElement$4 } from './p-9986ee7a.js';
-import { d as defineCustomElement$3 } from './p-ed6f27c4.js';
-import { d as defineCustomElement$2 } from './p-ffe70318.js';
-import { d as defineCustomElement$1 } from './p-dfdec79b.js';
+import { d as defineCustomElement$9 } from './p-9e8065f2.js';
+import { d as defineCustomElement$8 } from './p-faf7e0b7.js';
+import { d as defineCustomElement$7 } from './p-0e976832.js';
+import { d as defineCustomElement$6 } from './p-f3bc2e14.js';
+import { d as defineCustomElement$5 } from './p-7ebca2c3.js';
+import { d as defineCustomElement$4 } from './p-94752df4.js';
+import { d as defineCustomElement$3 } from './p-c7f1ecfe.js';
+import { d as defineCustomElement$2 } from './p-e412378e.js';
+import { d as defineCustomElement$1 } from './p-e7d4dc6e.js';
 
 const data = [
     {
@@ -952,7 +951,7 @@ const SmoothlyNextDemoNested = proxyCustomElement(class SmoothlyNextDemoNested e
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '23623bce8bb9b10e4d7700691bafe0c6d44f6d6b' }, h("smoothly-display", { key: '2a5cc9ebb7f18ffad941e4d419d254ccaf9d96d6', type: "text", value: "Nested" }), h("smoothly-color", { key: 'd80cfa7e92c56ae069cd621714e49249a72ac0a2', color: "primary" }, h("smoothly-next-table", { key: '03c63dfe07c415af877be7dfe90283da7d49ad13', columns: 8 }, h("smoothly-next-table-head", { key: 'ee329d973663bc6e70352b3f82398bbf7518e0b4' }, h("smoothly-next-table-row", { key: 'b9bf815e08d7fe2d7d682ca13488835d48362ebd' }, h("smoothly-next-table-cell", { key: 'deb050a2480a0e41919cb598eefe14f3becd0ccd' }, "Id"), h("smoothly-next-table-cell", { key: '40d4a61b47f4bfe8c1fc0919cbe6c1eb9fc1ba7d' }, "Registered"), h("smoothly-next-table-cell", { key: '3905f0a9c480099c123af937d90ac021854b727a' }, "Name"), h("smoothly-next-table-cell", { key: '49518bef5e767bceebd5468bc2fee701a7680e40' }, "Age"), h("smoothly-next-table-cell", { key: 'c943d9a8aec214159fefef9f0f3c3d464ed42ad3' }, "Balance"), h("smoothly-next-table-cell", { key: 'a00f95811ad853438a7ba7bb69ae1e17f5419f78' }, "EyeColor"), h("smoothly-next-table-cell", { key: '92a919469a3464ee3b27a7b4e9bcaca69fa57914' }, "Gender"), h("smoothly-next-table-cell", { key: '61a03b29df74c5a26d2a16597ae908856a98127b' }, "Company"))), h("smoothly-next-table-body", { key: '955af3a075aa63305deb354869d307c66539723e' }, data.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-color", { color: "secondary", slot: "detail" }, h("smoothly-next-demo-nested-inner", { data: entry.friends })), h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.registered), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance), h("smoothly-next-table-cell", null, entry.eyeColor), h("smoothly-next-table-cell", null, entry.gender), h("smoothly-next-table-cell", null, entry.company))))), h("smoothly-next-table-foot", { key: '413d6e80d30add9e05bffe72e8eff9fd3af43ffa' }, h("smoothly-next-table-row", { key: 'c2e0119c459c942dcd21bff2dece16164f05952b' }, h("smoothly-next-table-cell", { key: 'c96e4371079d845cba3bbdc757360d4cc4eb4e93' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '944ad1d849f836529383c4b3f54f71df9a0abc77' }, "Footer Cell")))))));
+        return (h(Host, { key: 'a691aebee7ef20fb9f484cb2fdb0b425521864fb' }, h("smoothly-display", { key: '0bd8866e9a3bfe99d6b84c9a8af4010f243f3cc1', type: "text", value: "Nested" }), h("smoothly-next-table", { key: '8c7c0d89c4c3cd735e9192370e5efd5fc277213a', color: "primary", columns: 8 }, h("smoothly-next-table-head", { key: 'c118320c0fe00478e17047ef7c291426c37a6f58' }, h("smoothly-next-table-row", { key: '1282cac487e655f5219426d8901cff1cb73c9aa9' }, h("smoothly-next-table-cell", { key: '47d347dcfeaf5dd8362bc516cd6be79e482100b4' }, "Id"), h("smoothly-next-table-cell", { key: '5353a4be419702c0224eda846e63c698c756808f' }, "Registered"), h("smoothly-next-table-cell", { key: 'e770a72942d73020531d9339606f1d2bb9bed1b8' }, "Name"), h("smoothly-next-table-cell", { key: '5baf4bb22afc938ce9d29561d77a64d58a17f4d7' }, "Age"), h("smoothly-next-table-cell", { key: '1d585110f6fcdcfbdc0ab112ff434b0c6754b141' }, "Balance"), h("smoothly-next-table-cell", { key: '846d1741e40f6f4cedfc7c0f163bbdbf05a45366' }, "EyeColor"), h("smoothly-next-table-cell", { key: '5a417b6fd901dc2fe4af9dfd72b091d184c4e7eb' }, "Gender"), h("smoothly-next-table-cell", { key: 'f0898b96ea50dbe5f84d05b61e65c3e2a1645343' }, "Company"))), h("smoothly-next-table-body", { key: '57f146559d69d698931e0893815e8986a39dd25a' }, data.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.registered), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance), h("smoothly-next-table-cell", null, entry.eyeColor), h("smoothly-next-table-cell", null, entry.gender), h("smoothly-next-table-cell", null, entry.company))))), h("smoothly-next-table-foot", { key: '2771b961e61dbe48cda62fef74bceb09c94eefac' }, h("smoothly-next-table-row", { key: '1584d7f958f1689f1ce1011f8f1c47a16ef2355d' }, h("smoothly-next-table-cell", { key: 'fe5daeea6a10480688babd4462077464597b01d6' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '3c756b1ebb2330dcdfeaec9d5cfcc0cc2fea871f' }, "Footer Cell"))))));
     }
     static get style() { return SmoothlyNextDemoNestedStyle0; }
 }, [2, "smoothly-next-demo-nested"]);
@@ -960,18 +959,13 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["smoothly-next-demo-nested", "smoothly-color", "smoothly-display", "smoothly-next-demo-nested-inner", "smoothly-next-table", "smoothly-next-table-body", "smoothly-next-table-cell", "smoothly-next-table-expandable-row", "smoothly-next-table-foot", "smoothly-next-table-head", "smoothly-next-table-row"];
+    const components = ["smoothly-next-demo-nested", "smoothly-display", "smoothly-next-demo-nested-inner", "smoothly-next-table", "smoothly-next-table-body", "smoothly-next-table-cell", "smoothly-next-table-expandable-row", "smoothly-next-table-foot", "smoothly-next-table-head", "smoothly-next-table-row"];
     components.forEach(tagName => { switch (tagName) {
         case "smoothly-next-demo-nested":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SmoothlyNextDemoNested);
             }
             break;
-        case "smoothly-color":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
         case "smoothly-display":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
@@ -1023,4 +1017,4 @@ defineCustomElement();
 
 export { SmoothlyNextDemoNested as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-0b270579.js.map
+//# sourceMappingURL=p-10d95683.js.map

package/dist/components/p-10d95683.js.map

@@ -0,0 +1 @@
+{"file":"p-10d95683.js","mappings":"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","names":[],"sources":["src/components/next/demo/nested/data.ts","src/components/next/demo/nested/style.css?tag=smoothly-next-demo-nested&encapsulation=scoped","src/components/next/demo/nested/index.tsx"],"sourcesContent":["export const data = [\n\t{\n\t\tid: \"667d329f9f4934ecdc4bf9eb\",\n\t\tbalance: 1450.03,\n\t\tage: 35,\n\t\teyeColor: \"blue\",\n\t\tname: \"Glenda Ballard\",\n\t\tgender: \"female\",\n\t\tcompany: \"ZENTIA\",\n\t\tregistered: \"2022-06-13T12:39:15.908\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Manning Hunter\",\n\t\t\t\tage: 30,\n\t\t\t\tbalance: 1922.25,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Mcmillan Oliver\",\n\t\t\t\tage: 32,\n\t\t\t\tbalance: 2440.53,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Graham Garza\",\n\t\t\t\tage: 33,\n\t\t\t\tbalance: 3712.59,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Gabrielle Neal\",\n\t\t\t\tage: 36,\n\t\t\t\tbalance: 2519.25,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Dotson Duncan\",\n\t\t\t\tage: 29,\n\t\t\t\tbalance: 3274.11,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f4e07097167ef92a2\",\n\t\tbalance: 2488.91,\n\t\tage: 21,\n\t\teyeColor: \"blue\",\n\t\tname: \"Delaney Haley\",\n\t\tgender: \"male\",\n\t\tcompany: \"COMTOURS\",\n\t\tregistered: \"2018-05-11T08:58:36.197\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Elsa Cochran\",\n\t\t\t\tage: 28,\n\t\t\t\tbalance: 2009.45,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Willis Acevedo\",\n\t\t\t\tage: 33,\n\t\t\t\tbalance: 2198.01,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Slater Fowler\",\n\t\t\t\tage: 34,\n\t\t\t\tbalance: 2888.16,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Ashley Wilkerson\",\n\t\t\t\tage: 22,\n\t\t\t\tbalance: 1863.65,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Ola Lynch\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 3649.29,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f14a0aeea0d70d5e7\",\n\t\tbalance: 1660.91,\n\t\tage: 36,\n\t\teyeColor: \"brown\",\n\t\tname: \"Riddle Reilly\",\n\t\tgender: \"male\",\n\t\tcompany: \"OPTIQUE\",\n\t\tregistered: \"2016-09-15T09:46:07.962\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Hazel Steele\",\n\t\t\t\tage: 33,\n\t\t\t\tbalance: 3129.64,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Golden Chapman\",\n\t\t\t\tage: 40,\n\t\t\t\tbalance: 2491,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Solomon Lopez\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 1382.71,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Castro Booth\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 1991.6,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Hernandez Bartlett\",\n\t\t\t\tage: 25,\n\t\t\t\tbalance: 2842.85,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Lindsay Wagner\",\n\t\t\t\tage: 20,\n\t\t\t\tbalance: 3636.6,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f953aaaba19bea98b\",\n\t\tbalance: 1381.34,\n\t\tage: 24,\n\t\teyeColor: \"brown\",\n\t\tname: \"Diana Burns\",\n\t\tgender: \"female\",\n\t\tcompany: \"CODACT\",\n\t\tregistered: \"2023-06-02T09:07:46.478\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Tamika Merritt\",\n\t\t\t\tage: 25,\n\t\t\t\tbalance: 2401.06,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Ballard Buckner\",\n\t\t\t\tage: 36,\n\t\t\t\tbalance: 1986.13,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Stokes Ramirez\",\n\t\t\t\tage: 25,\n\t\t\t\tbalance: 3521.75,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Wood Aguirre\",\n\t\t\t\tage: 36,\n\t\t\t\tbalance: 1186.13,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Sophia Bowen\",\n\t\t\t\tage: 25,\n\t\t\t\tbalance: 2750.95,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Wilkinson Gordon\",\n\t\t\t\tage: 34,\n\t\t\t\tbalance: 3864.91,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f6a753976e21e23b5\",\n\t\tbalance: 3054.74,\n\t\tage: 22,\n\t\teyeColor: \"brown\",\n\t\tname: \"Jackson Burnett\",\n\t\tgender: \"male\",\n\t\tcompany: \"COMCUR\",\n\t\tregistered: \"2019-06-05T09:17:31.312\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Atkinson Alston\",\n\t\t\t\tage: 37,\n\t\t\t\tbalance: 1025.72,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Delia Ford\",\n\t\t\t\tage: 34,\n\t\t\t\tbalance: 3061.87,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Marylou Hanson\",\n\t\t\t\tage: 33,\n\t\t\t\tbalance: 3255.77,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Kelly Ray\",\n\t\t\t\tage: 32,\n\t\t\t\tbalance: 3671.73,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Valdez Weeks\",\n\t\t\t\tage: 38,\n\t\t\t\tbalance: 3911.29,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Hayes Crawford\",\n\t\t\t\tage: 20,\n\t\t\t\tbalance: 3194.97,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329fc4805cafac37861e\",\n\t\tbalance: 1173.94,\n\t\tage: 20,\n\t\teyeColor: \"green\",\n\t\tname: \"Stephenson Mcleod\",\n\t\tgender: \"male\",\n\t\tcompany: \"POLARAX\",\n\t\tregistered: \"2015-12-10T07:36:10.267\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Kristine Newton\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 2713.9,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Craft Patel\",\n\t\t\t\tage: 40,\n\t\t\t\tbalance: 3822.36,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Cochran French\",\n\t\t\t\tage: 30,\n\t\t\t\tbalance: 1535.91,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Bowen Vinson\",\n\t\t\t\tage: 29,\n\t\t\t\tbalance: 2787.01,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Adrian Ewing\",\n\t\t\t\tage: 21,\n\t\t\t\tbalance: 2319.14,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Jimmie Mathews\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 2869.09,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 6,\n\t\t\t\tname: \"Dixon Daugherty\",\n\t\t\t\tage: 24,\n\t\t\t\tbalance: 1496.25,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f76318162fe27b208\",\n\t\tbalance: 2977.01,\n\t\tage: 24,\n\t\teyeColor: \"blue\",\n\t\tname: \"Claudette Christensen\",\n\t\tgender: \"female\",\n\t\tcompany: \"PIVITOL\",\n\t\tregistered: \"2021-08-08T07:08:00.936\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Parker Lamb\",\n\t\t\t\tage: 36,\n\t\t\t\tbalance: 3409.27,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Kennedy Bryan\",\n\t\t\t\tage: 34,\n\t\t\t\tbalance: 3904.27,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Johanna Barton\",\n\t\t\t\tage: 20,\n\t\t\t\tbalance: 3613.79,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Vazquez Melendez\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 3692.31,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Mendoza Wooten\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 2175.64,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Kelli Hicks\",\n\t\t\t\tage: 21,\n\t\t\t\tbalance: 1326.46,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 6,\n\t\t\t\tname: \"Jill Sanchez\",\n\t\t\t\tage: 36,\n\t\t\t\tbalance: 3214.36,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329ff80a953b7f0a73d2\",\n\t\tbalance: 1993.09,\n\t\tage: 20,\n\t\teyeColor: \"green\",\n\t\tname: \"Buckley Gutierrez\",\n\t\tgender: \"male\",\n\t\tcompany: \"HOUSEDOWN\",\n\t\tregistered: \"2015-04-02T04:53:42.985\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Leanne Pennington\",\n\t\t\t\tage: 37,\n\t\t\t\tbalance: 3111.48,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Juarez Hoover\",\n\t\t\t\tage: 29,\n\t\t\t\tbalance: 2000.62,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Navarro Mccormick\",\n\t\t\t\tage: 22,\n\t\t\t\tbalance: 3083.93,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Berry Curry\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 3181.41,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Josefa Howard\",\n\t\t\t\tage: 30,\n\t\t\t\tbalance: 3744.56,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f4f53eb59f0512361\",\n\t\tbalance: 2374.56,\n\t\tage: 34,\n\t\teyeColor: \"brown\",\n\t\tname: \"Sallie Mccoy\",\n\t\tgender: \"female\",\n\t\tcompany: \"REALYSIS\",\n\t\tregistered: \"2018-05-11T05:26:36.604\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Martina Kirby\",\n\t\t\t\tage: 22,\n\t\t\t\tbalance: 1278.07,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Macias Lyons\",\n\t\t\t\tage: 20,\n\t\t\t\tbalance: 2991.44,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Alta Chaney\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 1032.71,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"White Manning\",\n\t\t\t\tage: 39,\n\t\t\t\tbalance: 3103.16,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Mason Rosa\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 1384.77,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Meghan Martin\",\n\t\t\t\tage: 27,\n\t\t\t\tbalance: 1982.09,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f8a6cf9319bfdbd30\",\n\t\tbalance: 3220.94,\n\t\tage: 23,\n\t\teyeColor: \"blue\",\n\t\tname: \"Huff Hull\",\n\t\tgender: \"male\",\n\t\tcompany: \"GADTRON\",\n\t\tregistered: \"2023-02-14T01:58:56.938\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Rochelle Maldonado\",\n\t\t\t\tage: 28,\n\t\t\t\tbalance: 1548.77,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Diann Conrad\",\n\t\t\t\tage: 32,\n\t\t\t\tbalance: 1721.33,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Hope Jarvis\",\n\t\t\t\tage: 38,\n\t\t\t\tbalance: 1265.24,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Dixie Huffman\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 3764.23,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Erickson Porter\",\n\t\t\t\tage: 27,\n\t\t\t\tbalance: 2958.59,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Christensen Thomas\",\n\t\t\t\tage: 21,\n\t\t\t\tbalance: 1233.2,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f1415ecb1efb216cc\",\n\t\tbalance: 2907.83,\n\t\tage: 26,\n\t\teyeColor: \"brown\",\n\t\tname: \"Hancock Eaton\",\n\t\tgender: \"male\",\n\t\tcompany: \"POLARIUM\",\n\t\tregistered: \"2018-02-25T01:03:11.860\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Flynn Gilmore\",\n\t\t\t\tage: 27,\n\t\t\t\tbalance: 2582.57,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Kline Hickman\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 3853.99,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Hatfield Owens\",\n\t\t\t\tage: 40,\n\t\t\t\tbalance: 2016.57,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Michael Carson\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 1293.03,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Strickland Lowery\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 1367.06,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Georgia Chavez\",\n\t\t\t\tage: 37,\n\t\t\t\tbalance: 2957.48,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 6,\n\t\t\t\tname: \"Alma Berry\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 2357.01,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f722eb89c82b56dec\",\n\t\tbalance: 1602.02,\n\t\tage: 35,\n\t\teyeColor: \"brown\",\n\t\tname: \"Lorrie Mcpherson\",\n\t\tgender: \"female\",\n\t\tcompany: \"PYRAMIA\",\n\t\tregistered: \"2018-12-07T05:18:34.223\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Bridgett Everett\",\n\t\t\t\tage: 37,\n\t\t\t\tbalance: 1438.53,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Carlene Farley\",\n\t\t\t\tage: 25,\n\t\t\t\tbalance: 1410.54,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Phoebe Mendez\",\n\t\t\t\tage: 24,\n\t\t\t\tbalance: 1979.36,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Louella Cox\",\n\t\t\t\tage: 36,\n\t\t\t\tbalance: 3430.55,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Velez Pugh\",\n\t\t\t\tage: 30,\n\t\t\t\tbalance: 3436.5,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329ff853efe8c4e0a454\",\n\t\tbalance: 2654.19,\n\t\tage: 36,\n\t\teyeColor: \"brown\",\n\t\tname: \"Luann Jennings\",\n\t\tgender: \"female\",\n\t\tcompany: \"NAXDIS\",\n\t\tregistered: \"2014-02-18T04:25:50.302\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Walton Gentry\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 1328.43,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Lucy Koch\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 2134.54,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Toni Meyers\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 2572.29,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Vicki Frost\",\n\t\t\t\tage: 39,\n\t\t\t\tbalance: 3299.36,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Meadows Baker\",\n\t\t\t\tage: 21,\n\t\t\t\tbalance: 2323.75,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f84f3bfbfcc763674\",\n\t\tbalance: 2528.48,\n\t\tage: 28,\n\t\teyeColor: \"brown\",\n\t\tname: \"Michelle Carey\",\n\t\tgender: \"female\",\n\t\tcompany: \"IDEGO\",\n\t\tregistered: \"2016-10-01T04:25:07.187\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Roman Sanders\",\n\t\t\t\tage: 40,\n\t\t\t\tbalance: 3551.16,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Amanda Herman\",\n\t\t\t\tage: 22,\n\t\t\t\tbalance: 3928.02,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Kay Montgomery\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 3241.16,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Valentine Wilder\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 1413.31,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Brigitte Nixon\",\n\t\t\t\tage: 32,\n\t\t\t\tbalance: 3113.39,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f4359ec766055a765\",\n\t\tbalance: 3732.65,\n\t\tage: 30,\n\t\teyeColor: \"brown\",\n\t\tname: \"Beach Maddox\",\n\t\tgender: \"male\",\n\t\tcompany: \"GEEKETRON\",\n\t\tregistered: \"2021-03-24T11:55:31.135\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Candy Gibbs\",\n\t\t\t\tage: 20,\n\t\t\t\tbalance: 2602.28,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Alissa Rosario\",\n\t\t\t\tage: 36,\n\t\t\t\tbalance: 1958.84,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Imelda Harmon\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 3817.79,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Addie Serrano\",\n\t\t\t\tage: 35,\n\t\t\t\tbalance: 3154.77,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Jordan Shields\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 3566.08,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f9ef3817d307e2583\",\n\t\tbalance: 2151.52,\n\t\tage: 32,\n\t\teyeColor: \"brown\",\n\t\tname: \"Whitney Hood\",\n\t\tgender: \"male\",\n\t\tcompany: \"EVENTAGE\",\n\t\tregistered: \"2021-06-17T12:11:56.473\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Noel Walsh\",\n\t\t\t\tage: 29,\n\t\t\t\tbalance: 2790.49,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Barlow Rodriquez\",\n\t\t\t\tage: 35,\n\t\t\t\tbalance: 1664.23,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Nash Keith\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 2285.17,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Chavez Webster\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 3381.55,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Herminia Chen\",\n\t\t\t\tage: 24,\n\t\t\t\tbalance: 1064.96,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Susana Glass\",\n\t\t\t\tage: 22,\n\t\t\t\tbalance: 2749.35,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f9bd581700cac2dbc\",\n\t\tbalance: 2209.77,\n\t\tage: 40,\n\t\teyeColor: \"blue\",\n\t\tname: \"Tasha Mosley\",\n\t\tgender: \"female\",\n\t\tcompany: \"QUIZKA\",\n\t\tregistered: \"2014-05-11T11:44:55.071\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Larsen Wall\",\n\t\t\t\tage: 22,\n\t\t\t\tbalance: 1523.28,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Holmes Hopkins\",\n\t\t\t\tage: 35,\n\t\t\t\tbalance: 1112.68,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Giles Espinoza\",\n\t\t\t\tage: 21,\n\t\t\t\tbalance: 2550.95,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Aimee Rosales\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 2195.06,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Karin Little\",\n\t\t\t\tage: 28,\n\t\t\t\tbalance: 2896.23,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Angelita Mcfadden\",\n\t\t\t\tage: 25,\n\t\t\t\tbalance: 1051.15,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f6e2dbb2002be4b9e\",\n\t\tbalance: 3298.23,\n\t\tage: 31,\n\t\teyeColor: \"brown\",\n\t\tname: \"Schneider Walker\",\n\t\tgender: \"male\",\n\t\tcompany: \"BLEENDOT\",\n\t\tregistered: \"2020-02-11T08:57:29.025\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Helena William\",\n\t\t\t\tage: 34,\n\t\t\t\tbalance: 2579.69,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Silva Ware\",\n\t\t\t\tage: 30,\n\t\t\t\tbalance: 2683.79,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Enid Oconnor\",\n\t\t\t\tage: 22,\n\t\t\t\tbalance: 1816.46,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Knowles Goff\",\n\t\t\t\tage: 24,\n\t\t\t\tbalance: 1675.75,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Carolina Greer\",\n\t\t\t\tage: 29,\n\t\t\t\tbalance: 3337.27,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f8c548510c5d4f5ce\",\n\t\tbalance: 2823.51,\n\t\tage: 35,\n\t\teyeColor: \"green\",\n\t\tname: \"Mayo Shepard\",\n\t\tgender: \"male\",\n\t\tcompany: \"KIOSK\",\n\t\tregistered: \"2024-02-24T12:45:57.463\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Olga Hester\",\n\t\t\t\tage: 21,\n\t\t\t\tbalance: 3878.21,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Rogers Sampson\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 2669.62,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Myra Johnson\",\n\t\t\t\tage: 27,\n\t\t\t\tbalance: 3489.32,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Mcfadden Phillips\",\n\t\t\t\tage: 20,\n\t\t\t\tbalance: 2758.8,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Park Moody\",\n\t\t\t\tage: 23,\n\t\t\t\tbalance: 3519.08,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: \"667d329f6574ada6f090fd54\",\n\t\tbalance: 2631.69,\n\t\tage: 40,\n\t\teyeColor: \"blue\",\n\t\tname: \"Avis Carlson\",\n\t\tgender: \"female\",\n\t\tcompany: \"LINGOAGE\",\n\t\tregistered: \"2016-08-08T08:59:54.752\",\n\t\tfriends: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: \"Mcdonald Dyer\",\n\t\t\t\tage: 25,\n\t\t\t\tbalance: 2262.39,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: \"Irene Baldwin\",\n\t\t\t\tage: 29,\n\t\t\t\tbalance: 1291.1,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: \"Rollins Anderson\",\n\t\t\t\tage: 26,\n\t\t\t\tbalance: 1437.04,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: \"Juliana Larson\",\n\t\t\t\tage: 29,\n\t\t\t\tbalance: 3492.22,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: \"Michele Gardner\",\n\t\t\t\tage: 20,\n\t\t\t\tbalance: 2003.15,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: \"Vang Cardenas\",\n\t\t\t\tage: 31,\n\t\t\t\tbalance: 1855.52,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 6,\n\t\t\t\tname: \"Puckett Hubbard\",\n\t\t\t\tage: 21,\n\t\t\t\tbalance: 1659.92,\n\t\t\t},\n\t\t],\n\t},\n]\n",":host {\n\tdisplay: block;\n}\n:host>smoothly-display {\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { data } from \"./data\"\n\n@Component({\n\ttag: \"smoothly-next-demo-nested\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemoNested {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Nested\" />\n\t\t\t\t<smoothly-next-table color=\"primary\" columns={8}>\n\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Id</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Registered</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Name</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Age</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Balance</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>EyeColor</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Gender</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Company</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t<smoothly-next-table-body>\n\t\t\t\t\t\t{data.map(entry => (\n\t\t\t\t\t\t\t<smoothly-next-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-next-demo-nested-inner color=\"secondary\" data={entry.friends} slot={\"detail\"} />\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.id}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.registered}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.name}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.age}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.balance}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.eyeColor}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.gender}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.company}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-next-table-body>\n\t\t\t\t\t<smoothly-next-table-foot>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Footer Cell</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Footer Cell</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-foot>\n\t\t\t\t</smoothly-next-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-70d8f891.js → p-11ea4eca.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-467d65e7.js';
 import { L as Locale, b as Language } from './p-5ab5a176.js';
-import { g as get, S as StateEditor, A as Action } from './p-df47e031.js';
+import { g as get, S as StateEditor, A as Action } from './p-df720506.js';
 import { d as defineCustomElement$1 } from './p-a237d98f.js';
 
 const styleCss = ".sc-smoothly-input-h{box-sizing:border-box}[readonly].sc-smoothly-input-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}.sc-smoothly-input-h[looks=\"grid\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background:transparent}[looks=\"transparent\"].sc-smoothly-input-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);overflow:hidden;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input:nth-child(2){margin-left:0.2em}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0.7em 0.7em 0.7em 0.8em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{padding:1.2em 0.7em 0.2em 0.8em;box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h:not([readonly]):not(.has-value)[placeholder]>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):not(.has-value):focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}";
@@ -343,4 +343,4 @@ defineCustomElement();
 
 export { SmoothlyInput as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-70d8f891.js.map
+//# sourceMappingURL=p-11ea4eca.js.map

package/dist/components/{p-70d8f891.js.map → p-11ea4eca.js.map}

@@ -1 +1 @@
-{"file":"p-70d8f891.js","mappings":"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","names":["tidily.get","tidily.StateEditor","tidily.Action","isoly.Locale","isoly.Language"],"sources":["src/components/input/style.css?tag=smoothly-input&encapsulation=scoped","src/components/input/index.tsx"],"sourcesContent":["@import \"./shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-weight: var(--smoothly-font-weight);\n\toverflow: hidden;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>div:nth-child(2) {\n\tmargin-left: 0.2em;\n}\n\n:host>div {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n}\n\n:host>div>label {\n\tposition: absolute;\n\tleft: 0.4em;\n\ttop: 0.6em;\n\topacity: 0.8;\n\tuser-select: none;\n\tcursor: inherit;\n\ttransform-origin: top left;\n\ttransition: transform 100ms ease;\n}\n\n:host:not([show-label])>div>label {\n\tdisplay: none;\n}\n\n:host:not([show-label])>div>input {\n\tpadding: 0.7em 0.7em 0.7em 0.8em;\n}\n\n:host>div>input {\n\tpadding: 1.2em 0.7em 0.2em 0.8em;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 100%;\n\tborder: 0;\n\tz-index: 1;\n\tposition: relative;\n\tfont-size: 1rem;\n\tfont-family: var(--smoothly-font-family);\n}\n\n:host>div>smoothly-icon {\n\tdisplay: none;\n\tposition: absolute;\n\tright: 0.2em;\n\ttop: 0.6em;\n}\n\n:host>div>input:invalid+label+smoothly-icon {\n\tdisplay: block;\n}\n\n:host>div>label {\n\tz-index: 1;\n\tpointer-events: none;\n}\n\n:host:not([readonly]):not(.has-value)[placeholder]>div>label,\n:host.has-value>div>label,\n:host:not([readonly]):not(.has-value):focus-within>div>label {\n\ttop: 0.4em;\n\ttransform: scale(0.6);\n}\n\n:host>div>input:focus {\n\toutline: none;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill:hover,\n:host>div>input:-webkit-autofill:focus,\n:host>div>input:-webkit-autofill:active {\n\tbox-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n\t-webkit-box-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill+label {\n\t-webkit-text-fill-color: rgb(var(--smoothly-input-foreground));\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../model\"\nimport { Clearable } from \"./Clearable\"\nimport { Editable } from \"./Editable\"\nimport { Input } from \"./Input\"\nimport { Looks } from \"./Looks\"\n\n@Component({\n\ttag: \"smoothly-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInput implements Clearable, Input, Editable {\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop() delay = 0\n\t@Prop({ reflect: true, mutable: true }) looks: Looks = \"plain\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ reflect: true }) type: tidily.Type = \"text\"\n\t@Prop({ reflect: true }) required = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() autocomplete = true\n\t@Prop({ reflect: true }) placeholder: string | undefined\n\t@Prop() disabled = false\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop({ reflect: true }) currency?: isoly.Currency\n\t@Prop({ mutable: true }) changed = false\n\t@State() formatter: tidily.Formatter & tidily.Converter<any>\n\t@State() initialValue?: any\n\tprivate inputElement: HTMLInputElement\n\t/** On re-render the input will blur. This boolean is meant to keep track of if input should keep its focus. */\n\tprivate keepFocusOnReRender = false\n\tprivate lastValue: any\n\tprivate state: Readonly<tidily.State> & Readonly<tidily.Settings>\n\tprivate abortInputEvent?: () => void\n\tprivate uneditable = this.readonly\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Event() smoothlyInputLooks: EventEmitter<(looks: Looks, color: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync SmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): Promise<void> {\n\t\tif (!(event.target && \"name\" in event.target && event.target.name == this.name)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this)\n\t\t}\n\t}\n\t@Watch(\"type\")\n\ttypeChange(): void {\n\t\tlet result: (tidily.Formatter & tidily.Converter<any>) | undefined\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tresult = tidily.get(\"price\", this.currency)\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = tidily.get(this.type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\n\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\tthis.formatter = result || tidily.get(\"text\")!\n\t}\n\tprivate newState(state: tidily.State) {\n\t\treturn this.formatter.format(tidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy(state))))\n\t}\n\t@Watch(\"value\")\n\tvalueWatcher(value: any, before: any) {\n\t\tthis.changed = this.initialValue !== this.value\n\t\tif (this.lastValue != value) {\n\t\t\tthis.lastValue = value\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\tvalue: this.newState({ value: this.formatter.toString(value), selection: this.state.selection }).value,\n\t\t\t}\n\t\t}\n\t\tif (value != before) {\n\t\t\tif (typeof value == \"string\")\n\t\t\t\tvalue = value.trim()\n\t\t\tthis.smoothlyInputEmit(value)\n\t\t}\n\t\tthis.listener.changed?.(this)\n\t}\n\tasync smoothlyInputEmit(value: any): Promise<void> {\n\t\tthis.abortInputEvent?.()\n\t\tconst timeout = window.setTimeout(() => {\n\t\t\tthis.abortInputEvent = undefined\n\t\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\t}, this.delay * 1000)\n\t\tthis.abortInputEvent = () => {\n\t\t\tthis.abortInputEvent = undefined\n\t\t\twindow.clearTimeout(timeout)\n\t\t}\n\t}\n\t@Watch(\"readonly\")\n\twatchingReadonly() {\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Watch(\"currency\")\n\tonCurrency() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\tvalue: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value,\n\t\t\tpattern: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).pattern,\n\t\t}\n\t}\n\tcomponentWillLoad() {\n\t\tthis.typeChange()\n\t\tconst value = this.formatter.toString(this.value) || \"\"\n\t\tthis.lastValue = this.initialValue = this.value\n\t\tconst start = value.length\n\t\tthis.state = this.newState({\n\t\t\tvalue,\n\t\t\tselection: { start, end: start, direction: \"none\" },\n\t\t})\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = looks), !this.color && (this.color = color)))\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tcomponentDidRender() {\n\t\tif (this.keepFocusOnReRender) {\n\t\t\tthis.inputElement.focus()\n\t\t\tthis.keepFocusOnReRender = false\n\t\t}\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.uneditable && (this.value = undefined)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\t!this.uneditable && (this.readonly = !editable)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\t!this.uneditable && (this.value = this.initialValue)\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.changed = false\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\t@Method()\n\tasync getFormData(name: string): Promise<Record<string, any>> {\n\t\tconst result: Record<string, any> = {}\n\t\tconst form = document.forms.namedItem(name)\n\t\tif (form) {\n\t\t\tconst elements = form.elements\n\t\t\tfor (let i = 0; i < elements.length; i++) {\n\t\t\t\tconst element = elements.item(i)\n\t\t\t\tif (this.hasNameAndValue(element) && element.name)\n\t\t\t\t\tresult[element.name] = element.value\n\t\t\t}\n\t\t\t// Overwrite values with values from smoothly-input\n\t\t\tconst smoothlyInputs = form.getElementsByTagName(\"smoothly-input\")\n\t\t\tfor (let i = 0; i < smoothlyInputs.length; i++) {\n\t\t\t\tconst element = smoothlyInputs.item(i)\n\t\t\t\tif (this.hasNameAndValue(element) && element.name)\n\t\t\t\t\tresult[element.name] = element.value\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\thasNameAndValue(element: any): element is { name: string; value: string } {\n\t\treturn (\n\t\t\ttypeof (element as { name?: string }).name == \"string\" && typeof (element as { value?: string }).value == \"string\"\n\t\t)\n\t}\n\t@Method()\n\tasync setKeepFocusOnReRender(keepFocus: boolean) {\n\t\tthis.keepFocusOnReRender = keepFocus\n\t}\n\t@Method()\n\tasync setSelectionRange(start: number, end: number, direction?: tidily.Direction) {\n\t\tthis.state = this.newState({\n\t\t\t...this.state,\n\t\t\tselection: { start, end, direction: direction ?? this.state.selection.direction },\n\t\t})\n\t\tconst after = this.formatter.format(\n\t\t\ttidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy({ ...this.state })))\n\t\t)\n\t\tthis.updateBackend(after, this.inputElement)\n\t}\n\tonBlur(event: FocusEvent) {\n\t\tthis.smoothlyBlur.emit()\n\t\tif (this.abortInputEvent) {\n\t\t\tthis.abortInputEvent()\n\t\t\tconst value = typeof this.value == \"string\" ? this.value.trim() : this.value\n\t\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\t}\n\t\tif (this.initialValue != this.value)\n\t\t\tthis.smoothlyChange.emit({ [this.name]: this.value })\n\t}\n\tonFocus(event: FocusEvent) {\n\t\tconst after = this.formatter.format(\n\t\t\ttidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy({ ...this.state })))\n\t\t)\n\t\tif (event.target)\n\t\t\tthis.updateBackend(after, event.target as HTMLInputElement, false)\n\t}\n\tonClick(event: MouseEvent) {\n\t\tconst backend = event.target as HTMLInputElement\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\tvalue: backend.value,\n\t\t\tselection: {\n\t\t\t\tstart: backend.selectionStart ?? backend.value.length,\n\t\t\t\tend: backend.selectionEnd ?? backend.value.length,\n\t\t\t\tdirection: backend.selectionDirection ?? \"none\",\n\t\t\t},\n\t\t}\n\t\tconst after = this.newState({ ...this.state })\n\t\tthis.updateBackend(after, backend)\n\t}\n\tonKeyDown(event: KeyboardEvent) {\n\t\tif (event.key && !(event.key == \"Unidentified\")) {\n\t\t\tconst backend = event.target as HTMLInputElement\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\tvalue: backend.value,\n\t\t\t\tselection: {\n\t\t\t\t\tstart: backend.selectionStart ?? backend.value.length,\n\t\t\t\t\tend: backend.selectionEnd ?? backend.value.length,\n\t\t\t\t\tdirection: backend.selectionDirection ?? \"none\",\n\t\t\t\t},\n\t\t\t}\n\t\t\tif (\n\t\t\t\t(!((event.ctrlKey || event.metaKey) && (event.key == \"v\" || event.key == \"x\" || event.key == \"c\")) &&\n\t\t\t\t\tevent.key.length == 1) ||\n\t\t\t\tevent.key == \"ArrowLeft\" ||\n\t\t\t\tevent.key == \"ArrowRight\" ||\n\t\t\t\tevent.key == \"Delete\" ||\n\t\t\t\tevent.key == \"Backspace\" ||\n\t\t\t\tevent.key == \"Home\" ||\n\t\t\t\tevent.key == \"End\"\n\t\t\t) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.processKey(event, backend)\n\t\t\t} else if (event.key == \"ArrowUp\" || event.key == \"ArrowDown\")\n\t\t\t\tevent.preventDefault()\n\t\t}\n\t}\n\tonPaste(event: ClipboardEvent) {\n\t\tevent.preventDefault()\n\t\tlet pasted = event.clipboardData ? event.clipboardData.getData(\"text\") : \"\"\n\t\tconst backend = event.target as HTMLInputElement\n\t\tpasted = this.expiresAutocompleteFix(backend, pasted)\n\t\tthis.processPaste(pasted, backend)\n\t}\n\tonInput(event: InputEvent) {\n\t\tif (event.inputType == \"insertReplacementText\") {\n\t\t\tthis.processKey({ key: \"a\", ctrlKey: true }, event.target as HTMLInputElement)\n\t\t\t;[...(event.data ?? \"\")].forEach(c => this.processKey({ key: c }, event.target as HTMLInputElement))\n\t\t} else {\n\t\t\tconst backend = event.target as HTMLInputElement\n\t\t\tlet data = backend.value\n\t\t\tif (data) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.processKey({ key: \"a\", ctrlKey: true }, backend)\n\t\t\t\tdata = this.expiresAutocompleteFix(backend, data)\n\t\t\t\tfor (const letter of data)\n\t\t\t\t\tthis.processKey({ key: letter }, backend)\n\t\t\t}\n\t\t}\n\t}\n\tprivate expiresAutocompleteFix(backend: HTMLInputElement, value: string) {\n\t\tif (backend.attributes.getNamedItem(\"autocomplete\")?.value == \"cc-exp\")\n\t\t\tvalue = value.match(/^20\\d\\d[.\\D]*\\d\\d$/)\n\t\t\t\t? value.substring(value.length - 2, value.length) + value.substring(2, 4)\n\t\t\t\t: value.match(/^(1[3-9]|[2-9]\\d)[.\\D]*\\d\\d$/)\n\t\t\t\t? value.substring(value.length - 2, value.length) + value.substring(0, 2)\n\t\t\t\t: value.match(/^\\d\\d[.\\D]*20\\d\\d$/)\n\t\t\t\t? value.substring(0, 2) + value.substring(value.length - 2, value.length)\n\t\t\t\t: value\n\t\treturn value\n\t}\n\tprivate processPaste(pasted: string, backend: HTMLInputElement) {\n\t\tif (!this.readonly) {\n\t\t\tconst after = tidily.Action.paste(this.formatter, this.state, pasted)\n\t\t\tthis.updateBackend(after, backend)\n\t\t}\n\t}\n\tprivate processKey(event: tidily.Action, backend: HTMLInputElement) {\n\t\tif (!this.readonly) {\n\t\t\tconst after = tidily.Action.apply(this.formatter, this.state, event)\n\t\t\tthis.updateBackend(after, backend)\n\t\t}\n\t}\n\tupdateBackend(\n\t\tafter: Readonly<tidily.State> & Readonly<tidily.Settings>,\n\t\tbackend: HTMLInputElement,\n\t\tsetSelection = true\n\t) {\n\t\tif (after.value != backend.value)\n\t\t\tbackend.value = after.value\n\t\tif (setSelection) {\n\t\t\tif (backend.selectionStart != undefined && after.selection.start != backend.selectionStart)\n\t\t\t\tbackend.selectionStart = after.selection.start\n\t\t\tif (backend.selectionEnd != undefined && after.selection.end != backend.selectionEnd)\n\t\t\t\tbackend.selectionEnd = after.selection.end\n\t\t\tif (backend.selectionDirection != null)\n\t\t\t\tbackend.selectionDirection = after.selection.direction ?? backend.selectionDirection\n\t\t}\n\t\tthis.state = after\n\t\tthis.value = this.lastValue = this.formatter.fromString(\n\t\t\tthis.formatter.unformat(tidily.StateEditor.copy({ ...this.state })).value\n\t\t)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.state?.value != undefined && this.state?.value != \"\" }}\n\t\t\t\tonclick={() => this.inputElement?.focus()}>\n\t\t\t\t<slot name=\"start\"></slot>\n\t\t\t\t<div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\ttype={this.state?.type}\n\t\t\t\t\t\tinputmode={this.state?.inputmode}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tautocomplete={this.autocomplete ? this.state?.autocomplete : \"off\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadOnly={this.readonly}\n\t\t\t\t\t\tpattern={this.state?.pattern && this.state?.pattern.source}\n\t\t\t\t\t\tvalue={this.state?.value}\n\t\t\t\t\t\tonInput={(e: InputEvent) => this.onInput(e)}\n\t\t\t\t\t\tonFocus={e => this.onFocus(e)}\n\t\t\t\t\t\tonClick={e => this.onClick(e)}\n\t\t\t\t\t\tonBlur={e => this.onBlur(e)}\n\t\t\t\t\t\tonKeyDown={e => this.onKeyDown(e)}\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\n\t\t\t\t\t\tonPaste={e => this.onPaste(e)}></input>\n\t\t\t\t\t<label htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t<smoothly-icon name=\"alert-circle\" color=\"danger\" fill=\"clear\" size=\"small\"></smoothly-icon>\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\"></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n\nfunction getLocale(): isoly.Locale | undefined {\n\tconst result = navigator.language\n\treturn isoly.Locale.is(result) ? result : isoly.Language.is(result) ? isoly.Locale.toLocale(result) : undefined\n}\n"],"version":3}
+{"file":"p-11ea4eca.js","mappings":"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","names":["tidily.get","tidily.StateEditor","tidily.Action","isoly.Locale","isoly.Language"],"sources":["src/components/input/style.css?tag=smoothly-input&encapsulation=scoped","src/components/input/index.tsx"],"sourcesContent":["@import \"./shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-weight: var(--smoothly-font-weight);\n\toverflow: hidden;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>div:nth-child(2) {\n\tmargin-left: 0.2em;\n}\n\n:host>div {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n}\n\n:host>div>label {\n\tposition: absolute;\n\tleft: 0.4em;\n\ttop: 0.6em;\n\topacity: 0.8;\n\tuser-select: none;\n\tcursor: inherit;\n\ttransform-origin: top left;\n\ttransition: transform 100ms ease;\n}\n\n:host:not([show-label])>div>label {\n\tdisplay: none;\n}\n\n:host:not([show-label])>div>input {\n\tpadding: 0.7em 0.7em 0.7em 0.8em;\n}\n\n:host>div>input {\n\tpadding: 1.2em 0.7em 0.2em 0.8em;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 100%;\n\tborder: 0;\n\tz-index: 1;\n\tposition: relative;\n\tfont-size: 1rem;\n\tfont-family: var(--smoothly-font-family);\n}\n\n:host>div>smoothly-icon {\n\tdisplay: none;\n\tposition: absolute;\n\tright: 0.2em;\n\ttop: 0.6em;\n}\n\n:host>div>input:invalid+label+smoothly-icon {\n\tdisplay: block;\n}\n\n:host>div>label {\n\tz-index: 1;\n\tpointer-events: none;\n}\n\n:host:not([readonly]):not(.has-value)[placeholder]>div>label,\n:host.has-value>div>label,\n:host:not([readonly]):not(.has-value):focus-within>div>label {\n\ttop: 0.4em;\n\ttransform: scale(0.6);\n}\n\n:host>div>input:focus {\n\toutline: none;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill:hover,\n:host>div>input:-webkit-autofill:focus,\n:host>div>input:-webkit-autofill:active {\n\tbox-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n\t-webkit-box-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill+label {\n\t-webkit-text-fill-color: rgb(var(--smoothly-input-foreground));\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../model\"\nimport { Clearable } from \"./Clearable\"\nimport { Editable } from \"./Editable\"\nimport { Input } from \"./Input\"\nimport { Looks } from \"./Looks\"\n\n@Component({\n\ttag: \"smoothly-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInput implements Clearable, Input, Editable {\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop() delay = 0\n\t@Prop({ reflect: true, mutable: true }) looks: Looks = \"plain\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ reflect: true }) type: tidily.Type = \"text\"\n\t@Prop({ reflect: true }) required = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() autocomplete = true\n\t@Prop({ reflect: true }) placeholder: string | undefined\n\t@Prop() disabled = false\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop({ reflect: true }) currency?: isoly.Currency\n\t@Prop({ mutable: true }) changed = false\n\t@State() formatter: tidily.Formatter & tidily.Converter<any>\n\t@State() initialValue?: any\n\tprivate inputElement: HTMLInputElement\n\t/** On re-render the input will blur. This boolean is meant to keep track of if input should keep its focus. */\n\tprivate keepFocusOnReRender = false\n\tprivate lastValue: any\n\tprivate state: Readonly<tidily.State> & Readonly<tidily.Settings>\n\tprivate abortInputEvent?: () => void\n\tprivate uneditable = this.readonly\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Event() smoothlyInputLooks: EventEmitter<(looks: Looks, color: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync SmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): Promise<void> {\n\t\tif (!(event.target && \"name\" in event.target && event.target.name == this.name)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this)\n\t\t}\n\t}\n\t@Watch(\"type\")\n\ttypeChange(): void {\n\t\tlet result: (tidily.Formatter & tidily.Converter<any>) | undefined\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tresult = tidily.get(\"price\", this.currency)\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = tidily.get(this.type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\n\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\tthis.formatter = result || tidily.get(\"text\")!\n\t}\n\tprivate newState(state: tidily.State) {\n\t\treturn this.formatter.format(tidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy(state))))\n\t}\n\t@Watch(\"value\")\n\tvalueWatcher(value: any, before: any) {\n\t\tthis.changed = this.initialValue !== this.value\n\t\tif (this.lastValue != value) {\n\t\t\tthis.lastValue = value\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\tvalue: this.newState({ value: this.formatter.toString(value), selection: this.state.selection }).value,\n\t\t\t}\n\t\t}\n\t\tif (value != before) {\n\t\t\tif (typeof value == \"string\")\n\t\t\t\tvalue = value.trim()\n\t\t\tthis.smoothlyInputEmit(value)\n\t\t}\n\t\tthis.listener.changed?.(this)\n\t}\n\tasync smoothlyInputEmit(value: any): Promise<void> {\n\t\tthis.abortInputEvent?.()\n\t\tconst timeout = window.setTimeout(() => {\n\t\t\tthis.abortInputEvent = undefined\n\t\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\t}, this.delay * 1000)\n\t\tthis.abortInputEvent = () => {\n\t\t\tthis.abortInputEvent = undefined\n\t\t\twindow.clearTimeout(timeout)\n\t\t}\n\t}\n\t@Watch(\"readonly\")\n\twatchingReadonly() {\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Watch(\"currency\")\n\tonCurrency() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\tvalue: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value,\n\t\t\tpattern: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).pattern,\n\t\t}\n\t}\n\tcomponentWillLoad() {\n\t\tthis.typeChange()\n\t\tconst value = this.formatter.toString(this.value) || \"\"\n\t\tthis.lastValue = this.initialValue = this.value\n\t\tconst start = value.length\n\t\tthis.state = this.newState({\n\t\t\tvalue,\n\t\t\tselection: { start, end: start, direction: \"none\" },\n\t\t})\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = looks), !this.color && (this.color = color)))\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tcomponentDidRender() {\n\t\tif (this.keepFocusOnReRender) {\n\t\t\tthis.inputElement.focus()\n\t\t\tthis.keepFocusOnReRender = false\n\t\t}\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.uneditable && (this.value = undefined)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\t!this.uneditable && (this.readonly = !editable)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\t!this.uneditable && (this.value = this.initialValue)\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.changed = false\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\t@Method()\n\tasync getFormData(name: string): Promise<Record<string, any>> {\n\t\tconst result: Record<string, any> = {}\n\t\tconst form = document.forms.namedItem(name)\n\t\tif (form) {\n\t\t\tconst elements = form.elements\n\t\t\tfor (let i = 0; i < elements.length; i++) {\n\t\t\t\tconst element = elements.item(i)\n\t\t\t\tif (this.hasNameAndValue(element) && element.name)\n\t\t\t\t\tresult[element.name] = element.value\n\t\t\t}\n\t\t\t// Overwrite values with values from smoothly-input\n\t\t\tconst smoothlyInputs = form.getElementsByTagName(\"smoothly-input\")\n\t\t\tfor (let i = 0; i < smoothlyInputs.length; i++) {\n\t\t\t\tconst element = smoothlyInputs.item(i)\n\t\t\t\tif (this.hasNameAndValue(element) && element.name)\n\t\t\t\t\tresult[element.name] = element.value\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\thasNameAndValue(element: any): element is { name: string; value: string } {\n\t\treturn (\n\t\t\ttypeof (element as { name?: string }).name == \"string\" && typeof (element as { value?: string }).value == \"string\"\n\t\t)\n\t}\n\t@Method()\n\tasync setKeepFocusOnReRender(keepFocus: boolean) {\n\t\tthis.keepFocusOnReRender = keepFocus\n\t}\n\t@Method()\n\tasync setSelectionRange(start: number, end: number, direction?: tidily.Direction) {\n\t\tthis.state = this.newState({\n\t\t\t...this.state,\n\t\t\tselection: { start, end, direction: direction ?? this.state.selection.direction },\n\t\t})\n\t\tconst after = this.formatter.format(\n\t\t\ttidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy({ ...this.state })))\n\t\t)\n\t\tthis.updateBackend(after, this.inputElement)\n\t}\n\tonBlur(event: FocusEvent) {\n\t\tthis.smoothlyBlur.emit()\n\t\tif (this.abortInputEvent) {\n\t\t\tthis.abortInputEvent()\n\t\t\tconst value = typeof this.value == \"string\" ? this.value.trim() : this.value\n\t\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\t}\n\t\tif (this.initialValue != this.value)\n\t\t\tthis.smoothlyChange.emit({ [this.name]: this.value })\n\t}\n\tonFocus(event: FocusEvent) {\n\t\tconst after = this.formatter.format(\n\t\t\ttidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy({ ...this.state })))\n\t\t)\n\t\tif (event.target)\n\t\t\tthis.updateBackend(after, event.target as HTMLInputElement, false)\n\t}\n\tonClick(event: MouseEvent) {\n\t\tconst backend = event.target as HTMLInputElement\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\tvalue: backend.value,\n\t\t\tselection: {\n\t\t\t\tstart: backend.selectionStart ?? backend.value.length,\n\t\t\t\tend: backend.selectionEnd ?? backend.value.length,\n\t\t\t\tdirection: backend.selectionDirection ?? \"none\",\n\t\t\t},\n\t\t}\n\t\tconst after = this.newState({ ...this.state })\n\t\tthis.updateBackend(after, backend)\n\t}\n\tonKeyDown(event: KeyboardEvent) {\n\t\tif (event.key && !(event.key == \"Unidentified\")) {\n\t\t\tconst backend = event.target as HTMLInputElement\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\tvalue: backend.value,\n\t\t\t\tselection: {\n\t\t\t\t\tstart: backend.selectionStart ?? backend.value.length,\n\t\t\t\t\tend: backend.selectionEnd ?? backend.value.length,\n\t\t\t\t\tdirection: backend.selectionDirection ?? \"none\",\n\t\t\t\t},\n\t\t\t}\n\t\t\tif (\n\t\t\t\t(!((event.ctrlKey || event.metaKey) && (event.key == \"v\" || event.key == \"x\" || event.key == \"c\")) &&\n\t\t\t\t\tevent.key.length == 1) ||\n\t\t\t\tevent.key == \"ArrowLeft\" ||\n\t\t\t\tevent.key == \"ArrowRight\" ||\n\t\t\t\tevent.key == \"Delete\" ||\n\t\t\t\tevent.key == \"Backspace\" ||\n\t\t\t\tevent.key == \"Home\" ||\n\t\t\t\tevent.key == \"End\"\n\t\t\t) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.processKey(event, backend)\n\t\t\t} else if (event.key == \"ArrowUp\" || event.key == \"ArrowDown\")\n\t\t\t\tevent.preventDefault()\n\t\t}\n\t}\n\tonPaste(event: ClipboardEvent) {\n\t\tevent.preventDefault()\n\t\tlet pasted = event.clipboardData ? event.clipboardData.getData(\"text\") : \"\"\n\t\tconst backend = event.target as HTMLInputElement\n\t\tpasted = this.expiresAutocompleteFix(backend, pasted)\n\t\tthis.processPaste(pasted, backend)\n\t}\n\tonInput(event: InputEvent) {\n\t\tif (event.inputType == \"insertReplacementText\") {\n\t\t\tthis.processKey({ key: \"a\", ctrlKey: true }, event.target as HTMLInputElement)\n\t\t\t;[...(event.data ?? \"\")].forEach(c => this.processKey({ key: c }, event.target as HTMLInputElement))\n\t\t} else {\n\t\t\tconst backend = event.target as HTMLInputElement\n\t\t\tlet data = backend.value\n\t\t\tif (data) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.processKey({ key: \"a\", ctrlKey: true }, backend)\n\t\t\t\tdata = this.expiresAutocompleteFix(backend, data)\n\t\t\t\tfor (const letter of data)\n\t\t\t\t\tthis.processKey({ key: letter }, backend)\n\t\t\t}\n\t\t}\n\t}\n\tprivate expiresAutocompleteFix(backend: HTMLInputElement, value: string) {\n\t\tif (backend.attributes.getNamedItem(\"autocomplete\")?.value == \"cc-exp\")\n\t\t\tvalue = value.match(/^20\\d\\d[.\\D]*\\d\\d$/)\n\t\t\t\t? value.substring(value.length - 2, value.length) + value.substring(2, 4)\n\t\t\t\t: value.match(/^(1[3-9]|[2-9]\\d)[.\\D]*\\d\\d$/)\n\t\t\t\t? value.substring(value.length - 2, value.length) + value.substring(0, 2)\n\t\t\t\t: value.match(/^\\d\\d[.\\D]*20\\d\\d$/)\n\t\t\t\t? value.substring(0, 2) + value.substring(value.length - 2, value.length)\n\t\t\t\t: value\n\t\treturn value\n\t}\n\tprivate processPaste(pasted: string, backend: HTMLInputElement) {\n\t\tif (!this.readonly) {\n\t\t\tconst after = tidily.Action.paste(this.formatter, this.state, pasted)\n\t\t\tthis.updateBackend(after, backend)\n\t\t}\n\t}\n\tprivate processKey(event: tidily.Action, backend: HTMLInputElement) {\n\t\tif (!this.readonly) {\n\t\t\tconst after = tidily.Action.apply(this.formatter, this.state, event)\n\t\t\tthis.updateBackend(after, backend)\n\t\t}\n\t}\n\tupdateBackend(\n\t\tafter: Readonly<tidily.State> & Readonly<tidily.Settings>,\n\t\tbackend: HTMLInputElement,\n\t\tsetSelection = true\n\t) {\n\t\tif (after.value != backend.value)\n\t\t\tbackend.value = after.value\n\t\tif (setSelection) {\n\t\t\tif (backend.selectionStart != undefined && after.selection.start != backend.selectionStart)\n\t\t\t\tbackend.selectionStart = after.selection.start\n\t\t\tif (backend.selectionEnd != undefined && after.selection.end != backend.selectionEnd)\n\t\t\t\tbackend.selectionEnd = after.selection.end\n\t\t\tif (backend.selectionDirection != null)\n\t\t\t\tbackend.selectionDirection = after.selection.direction ?? backend.selectionDirection\n\t\t}\n\t\tthis.state = after\n\t\tthis.value = this.lastValue = this.formatter.fromString(\n\t\t\tthis.formatter.unformat(tidily.StateEditor.copy({ ...this.state })).value\n\t\t)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.state?.value != undefined && this.state?.value != \"\" }}\n\t\t\t\tonclick={() => this.inputElement?.focus()}>\n\t\t\t\t<slot name=\"start\"></slot>\n\t\t\t\t<div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\ttype={this.state?.type}\n\t\t\t\t\t\tinputmode={this.state?.inputmode}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tautocomplete={this.autocomplete ? this.state?.autocomplete : \"off\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadOnly={this.readonly}\n\t\t\t\t\t\tpattern={this.state?.pattern && this.state?.pattern.source}\n\t\t\t\t\t\tvalue={this.state?.value}\n\t\t\t\t\t\tonInput={(e: InputEvent) => this.onInput(e)}\n\t\t\t\t\t\tonFocus={e => this.onFocus(e)}\n\t\t\t\t\t\tonClick={e => this.onClick(e)}\n\t\t\t\t\t\tonBlur={e => this.onBlur(e)}\n\t\t\t\t\t\tonKeyDown={e => this.onKeyDown(e)}\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\n\t\t\t\t\t\tonPaste={e => this.onPaste(e)}></input>\n\t\t\t\t\t<label htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t<smoothly-icon name=\"alert-circle\" color=\"danger\" fill=\"clear\" size=\"small\"></smoothly-icon>\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\"></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n\nfunction getLocale(): isoly.Locale | undefined {\n\tconst result = navigator.language\n\treturn isoly.Locale.is(result) ? result : isoly.Language.is(result) ? isoly.Locale.toLocale(result) : undefined\n}\n"],"version":3}