npm - smoothly - Versions diffs - 1.96.0 → 1.98.0 - Mend

smoothly 1.96.0 → 1.98.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (385) hide show

package/dist/components/{p-35b35841.js.map → p-5cd257ad.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~35b35841~~.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,o4OAAo4O,CAAC;AACt5O,iCAAe,QAAQ;;MCUV,kBAAkB;;;;;;;;wBAKqB,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACrC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAA;gBACrC,MAAM,CAAC,MAAM,CAAC,OAAM,CAAC;oBACpB,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;wBAChB,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;wBACvF,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,sBAAsB,CAAA;qBACxE;oBACD,IAAI,CAAC,YAAY,YAAY,EAAE;wBAC9B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;wBAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAA;qBACjE;iBACD,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IAED,YAAY,CAAC,KAAiB;;QAC7B,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA;QACpB,IAAI,CAAC,MAAM,YAAY,YAAY,IAAI,IAAI,CAAC,cAAc,KAAI,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,KAAK,CAAC,CAAA,CAAA;KACtF;IACD,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,EAC/D,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAC1C,8DAAQ,EACR,sEAAe,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,CAC5C,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/reset/style.css?tag=smoothly-input-reset&encapsulation=scoped","src/components/input/reset/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host::slotted(smoothly-button>button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n\n:host([type=\"input\"]):hover ::slotted(smoothly-icon) {\n\tcursor: pointer;\n\tfilter: opacity(100%);\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-reset\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputReset {\n\treadonlyAtLoad: boolean\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"flexible\" \| \"small\" \| \"large\" \| \"icon\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" \| \"input\" = \"input\"\n\t@Prop() tooltip = \"Reset\"\n\tprivate parent?: Editable.Element\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Editable.Element.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tthis.readonlyAtLoad = parent.readonly\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\tconst defined = typeof p.defined == \"boolean\" ? p.defined : Boolean(await p.getValue())\n\t\t\t\t\t\tthis.display = p.readonly \|\| !defined ? false : p.isDifferentFromInitial\n\t\t\t\t\t}\n\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t\tthis.disabled = !this.readonlyAtLoad && !p.isDifferentFromInitial\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler(event: MouseEvent) {\n\t\tevent.stopPropagation()\n\t\tthis.parent?.reset()\n\t\tthis.parent instanceof SmoothlyForm && this.readonlyAtLoad && this.parent?.edit(false)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}\n\t\t\t\t\tonClick={event => this.clickHandler(event)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon flip=\"x\" name=\"refresh-outline\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-5cd257ad.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,o4OAAo4O,CAAC;AACt5O,iCAAe,QAAQ;;MCUV,kBAAkB;;;;;;;;wBAKqB,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACrC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAA;gBACrC,MAAM,CAAC,MAAM,CAAC,OAAM,CAAC;oBACpB,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;wBAChB,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;wBACvF,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,sBAAsB,CAAA;qBACxE;oBACD,IAAI,CAAC,YAAY,YAAY,EAAE;wBAC9B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;wBAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAA;qBACjE;iBACD,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IAED,YAAY,CAAC,KAAiB;;QAC7B,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA;QACpB,IAAI,CAAC,MAAM,YAAY,YAAY,IAAI,IAAI,CAAC,cAAc,KAAI,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,KAAK,CAAC,CAAA,CAAA;KACtF;IACD,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,EAC/D,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAC1C,8DAAQ,EACR,sEAAe,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,CAC5C,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/reset/style.css?tag=smoothly-input-reset&encapsulation=scoped","src/components/input/reset/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host::slotted(smoothly-button>button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n\n:host([type=\"input\"]):hover ::slotted(smoothly-icon) {\n\tcursor: pointer;\n\tfilter: opacity(100%);\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-reset\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputReset {\n\treadonlyAtLoad: boolean\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"flexible\" \| \"small\" \| \"large\" \| \"icon\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" \| \"input\" = \"input\"\n\t@Prop() tooltip = \"Reset\"\n\tprivate parent?: Editable.Element\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Editable.Element.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tthis.readonlyAtLoad = parent.readonly\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\tconst defined = typeof p.defined == \"boolean\" ? p.defined : Boolean(await p.getValue())\n\t\t\t\t\t\tthis.display = p.readonly \|\| !defined ? false : p.isDifferentFromInitial\n\t\t\t\t\t}\n\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t\tthis.disabled = !this.readonlyAtLoad && !p.isDifferentFromInitial\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler(event: MouseEvent) {\n\t\tevent.stopPropagation()\n\t\tthis.parent?.reset()\n\t\tthis.parent instanceof SmoothlyForm && this.readonlyAtLoad && this.parent?.edit(false)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}\n\t\t\t\t\tonClick={event => this.clickHandler(event)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon flip=\"x\" name=\"refresh-outline\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-28d79a77.js → p-5d4481e5.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const SmoothlyTableCell = proxyCustomElement(class SmoothlyTableCell extends H {
     }
     render() {
         var _a;
-        return (h(Host, { key: '608d5b165eeb45ada644442d3adf5c0817f08f72', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'b274f770e741e3fca953b6012963042ebd78f055' })));
+        return (h(Host, { key: '30943ec45f6e73df71d5ad72bbad350e4f076f34', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '4af540a7486d8616d427159feaa6200c91000e05' })));
     }
     static get style() { return SmoothlyTableCellStyle0; }
 }, [6, "smoothly-table-cell", {
@@ -34,4 +34,4 @@ defineCustomElement();
 export { SmoothlyTableCell as S, defineCustomElement as d };
-//# sourceMappingURL=p-28d79a77.js.map
+//# sourceMappingURL=p-5d4481e5.js.map

package/dist/components/{p-28d79a77.js.map → p-5d4481e5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~28d79a77~~.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,8PAA8P,CAAC;AAChR,gCAAe,QAAQ;;MCMV,iBAAiB;;;;oBACY,CAAC;;IAE1C,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IACjG,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\twhite-space: nowrap;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableCell {\n\t@Prop({ reflect: true }) span?: number = 1\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host class=\"smoothly-table-cell\" style={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-5d4481e5.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,8PAA8P,CAAC;AAChR,gCAAe,QAAQ;;MCMV,iBAAiB;;;;oBACY,CAAC;;IAE1C,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IACjG,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\twhite-space: nowrap;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableCell {\n\t@Prop({ reflect: true }) span?: number = 1\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host class=\"smoothly-table-cell\" style={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-d3fa1e77.js → p-6008d530.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-28d79a77.js';
-import { d as defineCustomElement$1 } from './p-8f210b4c.js';
+import { d as defineCustomElement$2 } from './p-5d4481e5.js';
+import { d as defineCustomElement$1 } from './p-3fa2299b.js';
 const styleCss = ".sc-smoothly-table-filler-row-h{grid-column:1 / -1}";
 const SmoothlyTableFillerRowStyle0 = styleCss;
@@ -11,7 +11,7 @@ const SmoothlyTableFillerRow = proxyCustomElement(class SmoothlyTableFillerRow e
         this.__registerHost();
     }
     render() {
-        return (h("smoothly-table-row", { key: '39f4df9798bfe072c1939753ba2cfcd52c8c6d14' }, h("smoothly-table-cell", { key: 'c4925e9dc2e432ec346681054de64387c1b191c7' }, h("slot", { key: '7cd372f479837d10ee4a0d53ca4089d80e333183' }))));
+        return (h("smoothly-table-row", { key: '9ec3d65557b5b0ddb207f897231503b9278660a3' }, h("smoothly-table-cell", { key: '3ba5e8f93592d008aa854448fd46eb2133ec80c5' }, h("slot", { key: '5d590507eda2c67d2fda1a815084b648bfa7ac27' }))));
     }
     static get style() { return SmoothlyTableFillerRowStyle0; }
 }, [6, "smoothly-table-filler-row"]);
@@ -42,4 +42,4 @@ defineCustomElement();
 export { SmoothlyTableFillerRow as S, defineCustomElement as d };
-//# sourceMappingURL=p-d3fa1e77.js.map
+//# sourceMappingURL=p-6008d530.js.map

package/dist/components/{p-d3fa1e77.js.map → p-6008d530.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~d3fa1e77~~.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,qDAAqD,CAAC;AACvE,qCAAe,QAAQ;;MCMV,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,6EACC,8EACC,8DAAQ,CACa,CACF,EACrB;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/filler-row/style.css?tag=smoothly-table-filler-row&encapsulation=scoped","src/components/table/filler-row/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n}\n","import { Component, h, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-filler-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableFillerRow {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<smoothly-table-row>\n\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-table-cell>\n\t\t\t</smoothly-table-row>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-6008d530.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,qDAAqD,CAAC;AACvE,qCAAe,QAAQ;;MCMV,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,6EACC,8EACC,8DAAQ,CACa,CACF,EACrB;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/filler-row/style.css?tag=smoothly-table-filler-row&encapsulation=scoped","src/components/table/filler-row/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n}\n","import { Component, h, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-filler-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableFillerRow {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<smoothly-table-row>\n\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-table-cell>\n\t\t\t</smoothly-table-row>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-390005a2.js → p-6014eafb.js} RENAMED Viewed

@@ -4,13 +4,13 @@ import { d as defineCustomElement$b } from './p-4e754f3b.js';
 import { d as defineCustomElement$a } from './p-f893b6cc.js';
 import { d as defineCustomElement$9 } from './p-ccbdacc9.js';
 import { d as defineCustomElement$8 } from './p-3aed2b34.js';
-import { d as defineCustomElement$7 } from './p-dee31585.js';
-import { d as defineCustomElement$6 } from './p-f5648051.js';
-import { d as defineCustomElement$5 } from './p-28d79a77.js';
-import { d as defineCustomElement$4 } from './p-7393ae40.js';
-import { d as defineCustomElement$3 } from './p-5c22b8e0.js';
-import { d as defineCustomElement$2 } from './p-604c19c3.js';
-import { d as defineCustomElement$1 } from './p-8f210b4c.js';
+import { d as defineCustomElement$7 } from './p-c1918e49.js';
+import { d as defineCustomElement$6 } from './p-35bfb804.js';
+import { d as defineCustomElement$5 } from './p-5d4481e5.js';
+import { d as defineCustomElement$4 } from './p-40d2000b.js';
+import { d as defineCustomElement$3 } from './p-76cc6651.js';
+import { d as defineCustomElement$2 } from './p-29853f1a.js';
+import { d as defineCustomElement$1 } from './p-3fa2299b.js';
 const styleCss = ".sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}";
 const SmoothlyTableDemoSimpleStyle0 = styleCss;
@@ -21,7 +21,7 @@ const SmoothlyTableDemoSimple = proxyCustomElement(class SmoothlyTableDemoSimple
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '3c44e473cd3c7a39000d80d2cd8f7d4f6259d28c' }, h("smoothly-display", { key: '4f67509b54850559c717b9c8feb45a61517537b5', type: "text", value: "Simple" }), h("smoothly-table", { key: '498414973d54fe1b049058d0c0d5db97911c759f', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '1cb4600f3bac84ed5a33240fece52904266cb058' }, h("smoothly-table-row", { key: 'cf64bbd77000b3d278ab7f8216d9cb0baf07150b' }, h("smoothly-table-cell", { key: '85f0427a93dcbe123fdb1e40cc35c1b84356ae75' }, "Breed"), h("smoothly-table-cell", { key: '4d8843cfa736067b351e06d852e55093e012cfea' }, "Coat"))), h("smoothly-table-body", { key: '93facc4b9d076dc19a5c4e8926c51bdc9d27068c' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: 'a6aace80a3161945f19daa5f5b47dc5af1569bcc' }, h("smoothly-table-cell", { key: 'a6a9bd8fa88a0008fbb320af534a45e32ac3705c' }, "Cell5"), h("smoothly-table-expandable-cell", { key: 'fc44f561b827ce8d002ed7787c11a0de6d68c3f6' }, "Expandable Cell", h("div", { key: 'a8f331b0b4b2e4acaf0fc46b9b11dc6cfb29d577', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'ce878da536b3f96454218e7ffde80c1c668503e9' }, h("smoothly-table-expandable-cell", { key: 'bf67df9a09086f2202e2654b0a219499ba63c6d6' }, "Expandable Cell 1", h("div", { key: 'efbbea44e97c4d4537d12f43528dc92587766c5d', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '50bcdf77eaf5b80f79ba333f0e6fe2abc2404e78' }, "Expandable Cell 2", h("div", { key: '402aa4ba61635738550d68d106755b48e60059f7', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '7fce823d7ac195d33d123493f98972b3337d4308' }, h("smoothly-table-row", { key: '15796d7fb9e7d1c5072682f7cb0ac17a0dd75a80' }, h("smoothly-table-cell", { key: '3d57499943e186926e3e5829ff1ee47db0737abb' }, "Footer Cell"), h("smoothly-table-cell", { key: '33376913bad1c9f73f6bbd23e7c6065247ac9ab9' }, "Footer Cell"))))));
+        return (h(Host, { key: '8d1a40ac641f837ade95db0678cbe96e33fb0d3f' }, h("smoothly-display", { key: 'bfef65aa0969e5f6c50c0c1f6931ca496dd18a18', type: "text", value: "Simple" }), h("smoothly-table", { key: '23bde36b997f2acfc51aea3ebfe9e041e1a50d17', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '3d7a48d72e646cc8466df8b6196215277abd1390' }, h("smoothly-table-row", { key: '8f357a494a4ab508ad17fe4e7335c7765869663d' }, h("smoothly-table-cell", { key: 'f6a150cf9c951245abc3ae8a009716ef3f91a87a' }, "Breed"), h("smoothly-table-cell", { key: '8c1c7b8082cd31e0586ca9e3f78160778a7c8e72' }, "Coat"))), h("smoothly-table-body", { key: '700e3ea9e4475c52554489de9825696d544c4f77' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '7f7f0666a1ea1f47e7c8374690dc5a7c48c3dd7a' }, h("smoothly-table-cell", { key: 'ba35b104f2d3518ea75b5652d0a75d302fc362b7' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '73cd93be19b4f50dc8d84ab6f22236ded0811809' }, "Expandable Cell", h("div", { key: '75fa9c9f2a0c7206a941f52de1af6189670f9f80', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '86a7cb6c60a694e4016deb390bf766953b14d343' }, h("smoothly-table-expandable-cell", { key: 'e6ae6551168987c837e0025d5c1a45142f0c822a' }, "Expandable Cell 1", h("div", { key: '7341edd56910967d6fb323615c6a7c08a0e449ca', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'e352ef1724026813467d69fd65234cc4b49e17a1' }, "Expandable Cell 2", h("div", { key: '480c80ab46c7f0db1f47000ae192d3aa9d88fbd2', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '50e4e030e1e4ea60e125ad006fa228cc4c2cc9d1' }, h("smoothly-table-row", { key: 'f0638efbd0b77789df6a526c536d983a3dec44c6' }, h("smoothly-table-cell", { key: 'cfe79848832328d31abdccc3dd5401627aa6b1ea' }, "Footer Cell"), h("smoothly-table-cell", { key: 'c4fb57a4afc5bd572dc4811f574b52bf8bce11f4' }, "Footer Cell"))))));
     }
     static get style() { return SmoothlyTableDemoSimpleStyle0; }
 }, [2, "smoothly-table-demo-simple"]);
@@ -174,4 +174,4 @@ defineCustomElement();
 export { SmoothlyTableDemoSimple as S, defineCustomElement as d };
-//# sourceMappingURL=p-390005a2.js.map
+//# sourceMappingURL=p-6014eafb.js.map

package/dist/components/{p-390005a2.js.map → p-6014eafb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~390005a2~~.js","mappings":"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","names":[],"sources":["src/components/table/demo/simple/style.css?tag=smoothly-table-demo-simple&encapsulation=scoped","src/components/table/demo/simple/simple.tsx"],"sourcesContent":[":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\"\n\n@Component({\n\ttag: \"smoothly-table-demo-simple\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoSimple {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Simple\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\tCountry:\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{cat.country}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Cell5</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell\n\t\t\t\t\t\t\t\t<div slot={\"detail\"}>Content of the expandable cell</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 1<div slot={\"detail\"}>Content of the expandable cell 1</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 2<div slot={\"detail\"}>Content of the expandable cell 2</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\nconst cats: Cat[] = [\n\t{\n\t\tbreed: \"Abyssinian\",\n\t\tcountry: \"Ethiopia\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Ticked\",\n\t},\n\t{\n\t\tbreed: \"Aegean\",\n\t\tcountry: \"Greece\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Bi- or tri-colored\",\n\t},\n\t{\n\t\tbreed: \"American Curl\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Bobtail\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Shorthair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"American Wirehair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Rex\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"Arabian Mau\",\n\t\tcountry: \"Arabian Peninsula\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"\",\n\t},\n\t{\n\t\tbreed: \"Australian Mist\",\n\t\tcountry: \"Australia\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Spotted and Classic tabby\",\n\t},\n\t{\n\t\tbreed: \"Asian\",\n\t\tcountry: \"developed in the United Kingdom (founding stock from Asia)\",\n\t\torigin: \"\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Evenly solid\",\n\t},\n\t{\n\t\tbreed: \"Asian Semi-longhair\",\n\t\tcountry: \"United Kingdom\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Solid\",\n\t},\n]\n"],"version":3}
1	+ {"file":"p-6014eafb.js","mappings":"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","names":[],"sources":["src/components/table/demo/simple/style.css?tag=smoothly-table-demo-simple&encapsulation=scoped","src/components/table/demo/simple/simple.tsx"],"sourcesContent":[":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\"\n\n@Component({\n\ttag: \"smoothly-table-demo-simple\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoSimple {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Simple\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\tCountry:\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{cat.country}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Cell5</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell\n\t\t\t\t\t\t\t\t<div slot={\"detail\"}>Content of the expandable cell</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 1<div slot={\"detail\"}>Content of the expandable cell 1</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 2<div slot={\"detail\"}>Content of the expandable cell 2</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\nconst cats: Cat[] = [\n\t{\n\t\tbreed: \"Abyssinian\",\n\t\tcountry: \"Ethiopia\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Ticked\",\n\t},\n\t{\n\t\tbreed: \"Aegean\",\n\t\tcountry: \"Greece\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Bi- or tri-colored\",\n\t},\n\t{\n\t\tbreed: \"American Curl\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Bobtail\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Shorthair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"American Wirehair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Rex\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"Arabian Mau\",\n\t\tcountry: \"Arabian Peninsula\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"\",\n\t},\n\t{\n\t\tbreed: \"Australian Mist\",\n\t\tcountry: \"Australia\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Spotted and Classic tabby\",\n\t},\n\t{\n\t\tbreed: \"Asian\",\n\t\tcountry: \"developed in the United Kingdom (founding stock from Asia)\",\n\t\torigin: \"\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Evenly solid\",\n\t},\n\t{\n\t\tbreed: \"Asian Semi-longhair\",\n\t\tcountry: \"United Kingdom\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Solid\",\n\t},\n]\n"],"version":3}

package/dist/components/{p-d73228f5.js → p-62af2a18.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$7 } from './p-76531b32.js';
-import { d as defineCustomElement$6 } from './p-1842fa59.js';
+import { d as defineCustomElement$6 } from './p-753658b4.js';
 import { d as defineCustomElement$5 } from './p-d8e3f8c5.js';
 import { d as defineCustomElement$4 } from './p-604f869e.js';
-import { d as defineCustomElement$3 } from './p-24fe267c.js';
-import { d as defineCustomElement$2 } from './p-78ddc1f7.js';
-import { d as defineCustomElement$1 } from './p-f4a081aa.js';
+import { d as defineCustomElement$3 } from './p-efd2f358.js';
+import { d as defineCustomElement$2 } from './p-04b312ca.js';
+import { d as defineCustomElement$1 } from './p-6f96e7ef.js';
 const styleCss = ".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";
 const SmoothlyDialogDemoStyle0 = styleCss;
@@ -79,4 +79,4 @@ defineCustomElement();
 export { SmoothlyDialogDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-d73228f5.js.map
+//# sourceMappingURL=p-62af2a18.js.map

package/dist/components/{p-d73228f5.js.map → p-62af2a18.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~d73228f5~~.js","mappings":";;;;;;;;;AAAA,MAAM,QAAQ,GAAG,qGAAqG,CAAC;AACvH,iCAAe,QAAQ;;MCMV,kBAAkB;;;;yBACT,KAAK;6BACD,KAAK;yBACT,KAAK;;IAE1B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,iBAEhE,EAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iDAEpE,EAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,iBAE3E,EAElB,uEAAgB,QAAQ,QAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IACrG,2DAAI,IAAI,EAAC,QAAQ,YAAW,EAC5B,+GAA0D,EAC1D,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,cAE7B,EAClB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,aAElF,CACF,EAEjB,uEACC,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,EAC3D,KAAK,EAAC,KAAK,IACX,2DAAI,IAAI,EAAC,QAAQ,YAAW,EAC5B,2EACC,4DAAK,IAAI,EAAC,SAAS,kBAAkB,EACrC,4DAAK,IAAI,EAAC,SAAS,IACjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,OAC/B,6cAMI,CACJ,CAAC,CACG,CACY,EACnB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAEtF,CACF,EAEhB,IAAI,CAAC,SAAS,KACd,wEAAiB,QAAQ,UACxB,uEAAgB,GAAG,EAAC,4BAA4B,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAC3E,CAClB,CACK,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/demo/style.css?tag=smoothly-dialog-demo&encapsulation=scoped","src/components/dialog/demo/index.tsx"],"sourcesContent":["\n:host > smoothly-button {\n\tdisplay: block;\n\tmargin-block: 2rem;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-dialog-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialogDemo {\n\t@State() openModal = false\n\t@State() openTallModal = false\n\t@State() showFrame = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openModal = true)}>\n\t\t\t\t\tOpen Modal\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openTallModal = true)}>\n\t\t\t\t\tOpen Modal with long text and top-aligned.\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.showFrame = !this.showFrame)}>\n\t\t\t\t\tShow Frame\n\t\t\t\t</smoothly-button>\n\n\t\t\t\t<smoothly-modal closable open={this.openModal} onSmoothlyModalChange={e => (this.openModal = e.detail)}>\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<span>Are you sure you want to confirm this action?</span>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"success\">\n\t\t\t\t\t\tConfirm\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t<smoothly-modal\n\t\t\t\t\tclosable\n\t\t\t\t\topen={this.openTallModal}\n\t\t\t\t\tonSmoothlyModalChange={e => (this.openTallModal = e.detail)}\n\t\t\t\t\talign=\"top\">\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<div slot=\"summary\">Lorem ipsum</div>\n\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t{Array.from({ length: 10 }).map(() => (\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n\t\t\t\t\t\t\t\t\tdolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n\t\t\t\t\t\t\t\t\taliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum\n\t\t\t\t\t\t\t\t\tdolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui\n\t\t\t\t\t\t\t\t\tofficia deserunt mollit anim id est laborum.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openTallModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t{this.showFrame && (\n\t\t\t\t\t<smoothly-dialog closable>\n\t\t\t\t\t\t<smoothly-frame url=\"https://www.wikipedia.org/\" name=\"parent\" style={{ height: \"80vh\" }} />\n\t\t\t\t\t</smoothly-dialog>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-62af2a18.js","mappings":";;;;;;;;;AAAA,MAAM,QAAQ,GAAG,qGAAqG,CAAC;AACvH,iCAAe,QAAQ;;MCMV,kBAAkB;;;;yBACT,KAAK;6BACD,KAAK;yBACT,KAAK;;IAE1B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,iBAEhE,EAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iDAEpE,EAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,iBAE3E,EAElB,uEAAgB,QAAQ,QAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IACrG,2DAAI,IAAI,EAAC,QAAQ,YAAW,EAC5B,+GAA0D,EAC1D,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,cAE7B,EAClB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,aAElF,CACF,EAEjB,uEACC,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,EAC3D,KAAK,EAAC,KAAK,IACX,2DAAI,IAAI,EAAC,QAAQ,YAAW,EAC5B,2EACC,4DAAK,IAAI,EAAC,SAAS,kBAAkB,EACrC,4DAAK,IAAI,EAAC,SAAS,IACjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,OAC/B,6cAMI,CACJ,CAAC,CACG,CACY,EACnB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAEtF,CACF,EAEhB,IAAI,CAAC,SAAS,KACd,wEAAiB,QAAQ,UACxB,uEAAgB,GAAG,EAAC,4BAA4B,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAC3E,CAClB,CACK,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/demo/style.css?tag=smoothly-dialog-demo&encapsulation=scoped","src/components/dialog/demo/index.tsx"],"sourcesContent":["\n:host > smoothly-button {\n\tdisplay: block;\n\tmargin-block: 2rem;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-dialog-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialogDemo {\n\t@State() openModal = false\n\t@State() openTallModal = false\n\t@State() showFrame = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openModal = true)}>\n\t\t\t\t\tOpen Modal\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openTallModal = true)}>\n\t\t\t\t\tOpen Modal with long text and top-aligned.\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.showFrame = !this.showFrame)}>\n\t\t\t\t\tShow Frame\n\t\t\t\t</smoothly-button>\n\n\t\t\t\t<smoothly-modal closable open={this.openModal} onSmoothlyModalChange={e => (this.openModal = e.detail)}>\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<span>Are you sure you want to confirm this action?</span>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"success\">\n\t\t\t\t\t\tConfirm\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t<smoothly-modal\n\t\t\t\t\tclosable\n\t\t\t\t\topen={this.openTallModal}\n\t\t\t\t\tonSmoothlyModalChange={e => (this.openTallModal = e.detail)}\n\t\t\t\t\talign=\"top\">\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<div slot=\"summary\">Lorem ipsum</div>\n\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t{Array.from({ length: 10 }).map(() => (\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n\t\t\t\t\t\t\t\t\tdolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n\t\t\t\t\t\t\t\t\taliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum\n\t\t\t\t\t\t\t\t\tdolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui\n\t\t\t\t\t\t\t\t\tofficia deserunt mollit anim id est laborum.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openTallModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t{this.showFrame && (\n\t\t\t\t\t<smoothly-dialog closable>\n\t\t\t\t\t\t<smoothly-frame url=\"https://www.wikipedia.org/\" name=\"parent\" style={{ height: \"80vh\" }} />\n\t\t\t\t\t</smoothly-dialog>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-786f365b.js → p-64e731a9.js} RENAMED Viewed

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$f } from './p-76531b32.js';
 import { d as defineCustomElement$e } from './p-2826e824.js';
-import { d as defineCustomElement$d } from './p-b014fcaa.js';
-import { d as defineCustomElement$c } from './p-787944b1.js';
-import { d as defineCustomElement$b } from './p-eb425cfd.js';
+import { d as defineCustomElement$d } from './p-7cc6e1f0.js';
+import { d as defineCustomElement$c } from './p-00165343.js';
+import { d as defineCustomElement$b } from './p-19d93e64.js';
 import { d as defineCustomElement$a } from './p-604f869e.js';
-import { d as defineCustomElement$9 } from './p-97116010.js';
-import { d as defineCustomElement$8 } from './p-46e831e6.js';
-import { d as defineCustomElement$7 } from './p-c8264085.js';
-import { d as defineCustomElement$6 } from './p-c6057533.js';
-import { d as defineCustomElement$5 } from './p-4bc33cfc.js';
-import { d as defineCustomElement$4 } from './p-1fbab324.js';
-import { d as defineCustomElement$3 } from './p-990382e3.js';
-import { d as defineCustomElement$2 } from './p-5e495944.js';
-import { d as defineCustomElement$1 } from './p-f4d38f75.js';
+import { d as defineCustomElement$9 } from './p-e48ad105.js';
+import { d as defineCustomElement$8 } from './p-dd423995.js';
+import { d as defineCustomElement$7 } from './p-3a2d2f1d.js';
+import { d as defineCustomElement$6 } from './p-53eb6d93.js';
+import { d as defineCustomElement$5 } from './p-ba6ea28b.js';
+import { d as defineCustomElement$4 } from './p-7b240f39.js';
+import { d as defineCustomElement$3 } from './p-0b3f1a79.js';
+import { d as defineCustomElement$2 } from './p-1e46b981.js';
+import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
 const SmoothlyFormDemoTransparent = proxyCustomElement(class SmoothlyFormDemoTransparent extends H {
     constructor() {
@@ -116,4 +116,4 @@ defineCustomElement();
 export { SmoothlyFormDemoTransparent as S, defineCustomElement as d };
-//# sourceMappingURL=p-786f365b.js.map
+//# sourceMappingURL=p-64e731a9.js.map

package/dist/components/{p-786f365b.js.map → p-64e731a9.js.map} RENAMED Viewed

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

package/dist/components/{p-8aa072f4.js → p-6765b081.js} RENAMED Viewed

@@ -1,29 +1,29 @@
 import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-f765921a.js';
 import './p-caf09da9.js';
 import { f as filter } from './p-5ae9e20e.js';
-import { f as fetch, d as defineCustomElement$c } from './p-eb425cfd.js';
+import { f as fetch, d as defineCustomElement$c } from './p-19d93e64.js';
 import { h } from './p-8dea8179.js';
 import { d as defineCustomElement$m } from './p-9e2ee779.js';
 import { d as defineCustomElement$l } from './p-4e754f3b.js';
 import { d as defineCustomElement$k } from './p-f893b6cc.js';
 import { d as defineCustomElement$j } from './p-ccbdacc9.js';
 import { d as defineCustomElement$i } from './p-3aed2b34.js';
-import { d as defineCustomElement$h } from './p-00e370c3.js';
-import { d as defineCustomElement$g } from './p-86737203.js';
-import { d as defineCustomElement$f } from './p-f1ab93b7.js';
-import { d as defineCustomElement$e } from './p-8f39a458.js';
+import { d as defineCustomElement$h } from './p-50304fc1.js';
+import { d as defineCustomElement$g } from './p-7550fc08.js';
+import { d as defineCustomElement$f } from './p-5bc54b34.js';
+import { d as defineCustomElement$e } from './p-c0073997.js';
 import { d as defineCustomElement$d } from './p-be9012d1.js';
 import { d as defineCustomElement$b } from './p-604f869e.js';
-import { d as defineCustomElement$a } from './p-97116010.js';
-import { d as defineCustomElement$9 } from './p-1fbab324.js';
-import { d as defineCustomElement$8 } from './p-5e495944.js';
-import { d as defineCustomElement$7 } from './p-f4d38f75.js';
-import { d as defineCustomElement$6 } from './p-dee31585.js';
-import { d as defineCustomElement$5 } from './p-28d79a77.js';
-import { d as defineCustomElement$4 } from './p-7393ae40.js';
-import { d as defineCustomElement$3 } from './p-5c22b8e0.js';
-import { d as defineCustomElement$2 } from './p-604c19c3.js';
-import { d as defineCustomElement$1 } from './p-8f210b4c.js';
+import { d as defineCustomElement$a } from './p-e48ad105.js';
+import { d as defineCustomElement$9 } from './p-7b240f39.js';
+import { d as defineCustomElement$8 } from './p-1e46b981.js';
+import { d as defineCustomElement$7 } from './p-3a1a67e7.js';
+import { d as defineCustomElement$6 } from './p-c1918e49.js';
+import { d as defineCustomElement$5 } from './p-5d4481e5.js';
+import { d as defineCustomElement$4 } from './p-40d2000b.js';
+import { d as defineCustomElement$3 } from './p-76cc6651.js';
+import { d as defineCustomElement$2 } from './p-29853f1a.js';
+import { d as defineCustomElement$1 } from './p-3fa2299b.js';
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
@@ -93,18 +93,18 @@ const TableDemoFiltered = proxyCustomElement(class TableDemoFiltered extends H {
     }
     render() {
         const cats = this.cats && filter(this.criteria, this.cats);
-        return (h$1(Host, { key: 'b2496133669576bf999beed5b34209da721db862' }, h$1("smoothly-display", { key: 'e6ca869034ac2981e7b2725a9b0b15a187ff0533', type: "text", value: "Filtered" }), h$1("smoothly-filter", { key: '9671d4342e35e40dca90683c6051b277395e5b8d' }, h$1("smoothly-filter-toggle", { key: 'bdb72d2b1cd012fccfeaafc6a39b0939da679581', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", tooltip: "Nested Ticked", slot: "bar" }), h$1("smoothly-filter-toggle", { key: '7e02ac6837819923749faf9d27b06877b6a91f53', properties: { pattern: "Ticked", breed: "" }, icon: "paw", tooltip: "Ticked cats", slot: "bar" }), h$1("smoothly-filter-toggle", { key: 'ce9dedd04d828a036dd35893f816107a3e2bff98', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", tooltip: "Solid bombay cats", slot: "bar" }), h$1("smoothly-filter-toggle", { key: '12246409d8b02f58a02951e3045a2f1d608393f3', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", tooltip: "Colored cats", slot: "bar" }), h$1("smoothly-filter-select", { key: '92d614561377e367e09fcf360398211106f22caa', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
+        return (h$1(Host, { key: 'd8b3ad77da3b6cb9e815a50d79f84d1c6a811e4e' }, h$1("smoothly-display", { key: '98af74a79c021d4a2c2745d22efdfda66c8824d4', type: "text", value: "Filtered" }), h$1("smoothly-filter", { key: 'fb4409524f1fd2d09b4ca245679bbe1d0b8a989e' }, h$1("smoothly-filter-toggle", { key: '50f1a730744c162ea32eca49f175a618ea182e22', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", tooltip: "Nested Ticked", slot: "bar" }), h$1("smoothly-filter-toggle", { key: '3ccd46f9bf9d95ea8efc6f4b9904287cacf58774', properties: { pattern: "Ticked", breed: "" }, icon: "paw", tooltip: "Ticked cats", slot: "bar" }), h$1("smoothly-filter-toggle", { key: '55ac1ae50f0d758a8c4967f90bfb1158b19355ff', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", tooltip: "Solid bombay cats", slot: "bar" }), h$1("smoothly-filter-toggle", { key: '28c9d499e5d68c81f5ff50b39912b70e85c0951d', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", tooltip: "Colored cats", slot: "bar" }), h$1("smoothly-filter-select", { key: '6b72624b9ebd4a12b99074597ab3832b7025011c', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h$1("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h$1("div", { key: '7633ee0389289db186d8f69ec959489e7ce849ee', slot: "detail" }, h$1("smoothly-form", { key: '9e298b588a374bb5d25815598bfb90ef5e0b7249', looks: "border" }, h$1("smoothly-filter-select", { key: 'c1e06cf576321f8d1689fb717da71e0ab94adc54', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), h$1("div", { key: 'd41ea8b32d00dccaa5387f84d71a5ea4cec7970d', slot: "detail" }, h$1("smoothly-form", { key: '5654b332a077152ae1438eac095cd3523da770a8', looks: "border" }, h$1("smoothly-filter-select", { key: 'c1c07dc99c02dbf9043e1f6ad2ad2eea8a49a511', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h$1("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h$1("smoothly-filter-select", { key: '502b2cd5e7bb76f26e37b7baaf48d32f3d45ad8a', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
-            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h$1("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h$1("smoothly-filter-select", { key: '86ce003b89b69ac422fcaa99814154c9b5c7e811', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), h$1("smoothly-filter-select", { key: '3b5479f13abe40f9da79a68f0db36a4b33660f73', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
+            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h$1("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h$1("smoothly-filter-select", { key: 'a84c4c06a961d71bd8605c7e90b960f72c6b10d5', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
             .flat()
-            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h$1("smoothly-item", { slot: "items", value: name }, name)))), h$1("smoothly-filter-input", { key: '1b1633c816f19e098226dc046ba96890f554fa2e', label: "Coat", property: "coat" }), h$1("smoothly-filter-input", { key: '2a2ae7d91ad02a57f6d704e12a491811654416a8', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h$1("smoothly-table", { columns: 4 }, h$1("smoothly-table-head", null, h$1("smoothly-table-row", null, h$1("smoothly-table-cell", null, this.selector.render(cats)), h$1("smoothly-table-cell", null, "Breed"), h$1("smoothly-table-cell", null, "Coat"), h$1("smoothly-table-cell", null, "Price"))), cats.map(cat => (h$1("smoothly-table-row", null, h$1("smoothly-table-cell", null, this.selector.render(cat)), h$1("smoothly-table-expandable-cell", null, cat.breed, h$1("div", { slot: "detail" }, "Country: ", cat.country)), h$1("smoothly-table-expandable-cell", null, cat.coat, h$1("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h$1("smoothly-table-cell", null, h$1("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h$1("smoothly-table-foot", null, h$1("smoothly-table-row", null, h$1("smoothly-table-cell", { span: 3 }, h$1("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
+            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h$1("smoothly-item", { slot: "items", value: name }, name)))), h$1("smoothly-filter-input", { key: '12a34eaa89d99be16bb563dbbf32a353e988865a', label: "Coat", property: "coat" }), h$1("smoothly-filter-input", { key: 'ad77d0b787cc319fc830c9ed699f31baaa071da5', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h$1("smoothly-table", { columns: 4 }, h$1("smoothly-table-head", null, h$1("smoothly-table-row", null, h$1("smoothly-table-cell", null, this.selector.render(cats)), h$1("smoothly-table-cell", null, "Breed"), h$1("smoothly-table-cell", null, "Coat"), h$1("smoothly-table-cell", null, "Price"))), cats.map(cat => (h$1("smoothly-table-row", null, h$1("smoothly-table-cell", null, this.selector.render(cat)), h$1("smoothly-table-expandable-cell", null, cat.breed, h$1("div", { slot: "detail" }, "Country: ", cat.country)), h$1("smoothly-table-expandable-cell", null, cat.coat, h$1("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h$1("smoothly-table-cell", null, h$1("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h$1("smoothly-table-foot", null, h$1("smoothly-table-row", null, h$1("smoothly-table-cell", { span: 3 }, h$1("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
     }
     static get style() { return SmoothlyTableDemoFilteredStyle0; }
 }, [2, "smoothly-table-demo-filtered", {
@@ -245,4 +245,4 @@ defineCustomElement();
 export { TableDemoFiltered as T, defineCustomElement as d };
-//# sourceMappingURL=p-8aa072f4.js.map
+//# sourceMappingURL=p-6765b081.js.map

package/dist/components/{p-8aa072f4.js.map → p-6765b081.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-8aa072f4.js","mappings":"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","names":["http.fetch","selectively.filter","h"],"sources":["src/components/table/Selector.tsx","src/components/table/demo/filtered/style.css?tag=smoothly-table-demo-filtered&encapsulation=scoped","src/components/table/demo/filtered/index.tsx"],"sourcesContent":["import { h } from \"@stencil/core\"\n\nexport class Selector<T> {\n\t#selected?: T[]\n\tget selected(): T[] {\n\t\treturn (this.#selected ??= Object.values(this.data))\n\t}\n\tprivate constructor(private readonly key: keyof T, private data: Readonly<Record<string, T>> = {}) {}\n\thandle(data: Record<string, T>): Selector<T> {\n\t\treturn new Selector(\n\t\t\tthis.key,\n\t\t\t\"check-all\" in data\n\t\t\t\t? data[\"check-all\"] ?? {}\n\t\t\t\t: Object.fromEntries(Object.entries({ ...this.data, ...data }).filter(([_, value]) => value != undefined))\n\t\t)\n\t}\n\trender(item: T \| T[]): HTMLSmoothlyCheckboxElement {\n\t\treturn Array.isArray(item) ? (\n\t\t\t<smoothly-checkbox\n\t\t\t\tname=\"check-all\"\n\t\t\t\tvalue={Object.fromEntries(item.map(i => [i[this.key], i]))}\n\t\t\t\tintermediate={this.selected.length > 0 && this.selected.length < item.length}\n\t\t\t\tchecked={this.selected.length == item.length ? true : this.selected.length == 0 && false}\n\t\t\t/>\n\t\t) : (\n\t\t\t<smoothly-checkbox\n\t\t\t\tname={item[this.key]?.toString()}\n\t\t\t\tvalue={item}\n\t\t\t\tchecked={!!this.data[item[this.key]?.toString() ?? \"\"]}\n\t\t\t/>\n\t\t)\n\t}\n\tstatic create<T>(key: keyof T): Selector<T> {\n\t\treturn new Selector(key)\n\t}\n}\n",":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto auto;\n\tgrid-template-areas:\n\t\t\"header filter\"\n\t\t\"main main\";\n\tmargin-bottom: 50em;\n}\n\n:host>smoothly-display {\n\tfont-size: 2em;\n\tgrid-area: header;\n}\n\n:host>smoothly-filter {\n\tmargin-left: auto;\n\tgrid-area: filter;\n\theight: fit-content;\n}\n\n:host>* {\n\tmargin-bottom: 2rem;\n\tgrid-area: main;\n}\n\n:host>smoothly-table {\n\tgrid-template-columns: min-content repeat(calc(var(--columns) - 1), auto);\n}\n\nsmoothly-table>smoothly-table-row>smoothly-table-cell:nth-of-type(2),\n:host>smoothly-table>smoothly-table-head>smoothly-table-row>smoothly-table-cell:nth-of-type(4) {\n\tjustify-content: end;\n}\n","import { Component, ComponentWillLoad, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { http } from \"cloudly-http\"\nimport { Selector } from \"../../Selector\"\nimport { Cat } from \"./Root\"\n\n@Component({\n\ttag: \"smoothly-table-demo-filtered\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemoFiltered implements ComponentWillLoad {\n\t@State() criteria: selectively.Criteria = {}\n\t@State() cats?: Cat[] \| false\n\t@State() selector: Selector<Cat> = Selector.create(\"breed\")\n\t@Listen(\"smoothlyFilter\")\n\tonFilterUpdate(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tthis.criteria = event.detail\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tevent.stopPropagation()\n\t\tthis.selector = this.selector.handle(event.detail)\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tconst response = await http.fetch(\"https://catfact.ninja/breeds?limit=15\")\n\t\tthis.cats =\n\t\t\tresponse.status == 200 &&\n\t\t\t(await response.body).data.map((cat: any) => ({\n\t\t\t\t...cat,\n\t\t\t\tprice: [...cat.breed].reduce((r, c) => r + c.charCodeAt(0), 0),\n\t\t\t\tnested: { ...cat, names: names[cat.country] ?? [] },\n\t\t\t\tnames: names[cat.country] ?? [],\n\t\t\t}))\n\t}\n\n\trender() {\n\t\tconst cats = this.cats && selectively.filter(this.criteria, this.cats)\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filtered\" />\n\t\t\t\t<smoothly-filter>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ [\"nested.pattern\"]: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"add\"\n\t\t\t\t\t\ttooltip=\"Nested Ticked\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"paw\"\n\t\t\t\t\t\ttooltip=\"Ticked cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ breed: \"Bombay\", pattern: \"Solid\" }}\n\t\t\t\t\t\ticon=\"radio-button-on\"\n\t\t\t\t\t\ttooltip=\"Solid bombay cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Colorpoint\" }}\n\t\t\t\t\t\tnot\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon=\"alert\"\n\t\t\t\t\t\ttooltip=\"Colored cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"coat\" property=\"nested.coat\" slot=\"bar\" multiple={false}>\n\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"coat\" property=\"nested.coat\" multiple>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"breed\" property=\"breed\" multiple={false}>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>((r, cat) => (cat.breed ? { ...r, [cat.breed]: cat } : r), {})\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.breed && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.breed}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select\n\t\t\t\t\t\t\t\tmenuHeight=\"5items\"\n\t\t\t\t\t\t\t\tlabel=\"names\"\n\t\t\t\t\t\t\t\tproperty=\"nested.names\"\n\t\t\t\t\t\t\t\tmultiple={true}\n\t\t\t\t\t\t\t\ttype=\"array\">\n\t\t\t\t\t\t\t\t{Object.keys(\n\t\t\t\t\t\t\t\t\tObject.values(names)\n\t\t\t\t\t\t\t\t\t\t.flat()\n\t\t\t\t\t\t\t\t\t\t.reduce((r, name) => ({ ...r, [name]: true }), {})\n\t\t\t\t\t\t\t\t).flatMap(name => (\n\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={name}>\n\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Coat\" property=\"coat\" />\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Nested Coat\" property=\"nested.coat\" />\n\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-filter>\n\t\t\t\t{!cats ? (\n\t\t\t\t\t\"Failed to load data.\"\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-table columns={4}>\n\t\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cats)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Price</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cat)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Country: {cat.country}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type=\"price\" value={cat.price} currency=\"SEK\" />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell span={3}>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={`Selected: ${\n\t\t\t\t\t\t\t\t\t\t\tthis.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : \"?\"\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t\t</smoothly-table>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\nconst names: Record<string, string[]> = {\n\t\"United States\": [\"bill\", \"bob\", \"brad\", \"joe\", \"molly\"],\n\tAustralia: [\"nigel\", \"bruce\", \"sheila\", \"brad\", \"shane\"],\n\t\"United Kingdom\": [\"nigel\", \"james\", \"molly\", \"shane\", \"bob\"],\n\tGreece: [\"dionysius\", \"demetrius\", \"polikarpos\"],\n}\n"],"version":3}
1	+ {"file":"p-6765b081.js","mappings":"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","names":["http.fetch","selectively.filter","h"],"sources":["src/components/table/Selector.tsx","src/components/table/demo/filtered/style.css?tag=smoothly-table-demo-filtered&encapsulation=scoped","src/components/table/demo/filtered/index.tsx"],"sourcesContent":["import { h } from \"@stencil/core\"\n\nexport class Selector<T> {\n\t#selected?: T[]\n\tget selected(): T[] {\n\t\treturn (this.#selected ??= Object.values(this.data))\n\t}\n\tprivate constructor(private readonly key: keyof T, private data: Readonly<Record<string, T>> = {}) {}\n\thandle(data: Record<string, T>): Selector<T> {\n\t\treturn new Selector(\n\t\t\tthis.key,\n\t\t\t\"check-all\" in data\n\t\t\t\t? data[\"check-all\"] ?? {}\n\t\t\t\t: Object.fromEntries(Object.entries({ ...this.data, ...data }).filter(([_, value]) => value != undefined))\n\t\t)\n\t}\n\trender(item: T \| T[]): HTMLSmoothlyCheckboxElement {\n\t\treturn Array.isArray(item) ? (\n\t\t\t<smoothly-checkbox\n\t\t\t\tname=\"check-all\"\n\t\t\t\tvalue={Object.fromEntries(item.map(i => [i[this.key], i]))}\n\t\t\t\tintermediate={this.selected.length > 0 && this.selected.length < item.length}\n\t\t\t\tchecked={this.selected.length == item.length ? true : this.selected.length == 0 && false}\n\t\t\t/>\n\t\t) : (\n\t\t\t<smoothly-checkbox\n\t\t\t\tname={item[this.key]?.toString()}\n\t\t\t\tvalue={item}\n\t\t\t\tchecked={!!this.data[item[this.key]?.toString() ?? \"\"]}\n\t\t\t/>\n\t\t)\n\t}\n\tstatic create<T>(key: keyof T): Selector<T> {\n\t\treturn new Selector(key)\n\t}\n}\n",":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto auto;\n\tgrid-template-areas:\n\t\t\"header filter\"\n\t\t\"main main\";\n\tmargin-bottom: 50em;\n}\n\n:host>smoothly-display {\n\tfont-size: 2em;\n\tgrid-area: header;\n}\n\n:host>smoothly-filter {\n\tmargin-left: auto;\n\tgrid-area: filter;\n\theight: fit-content;\n}\n\n:host>* {\n\tmargin-bottom: 2rem;\n\tgrid-area: main;\n}\n\n:host>smoothly-table {\n\tgrid-template-columns: min-content repeat(calc(var(--columns) - 1), auto);\n}\n\nsmoothly-table>smoothly-table-row>smoothly-table-cell:nth-of-type(2),\n:host>smoothly-table>smoothly-table-head>smoothly-table-row>smoothly-table-cell:nth-of-type(4) {\n\tjustify-content: end;\n}\n","import { Component, ComponentWillLoad, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { http } from \"cloudly-http\"\nimport { Selector } from \"../../Selector\"\nimport { Cat } from \"./Root\"\n\n@Component({\n\ttag: \"smoothly-table-demo-filtered\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemoFiltered implements ComponentWillLoad {\n\t@State() criteria: selectively.Criteria = {}\n\t@State() cats?: Cat[] \| false\n\t@State() selector: Selector<Cat> = Selector.create(\"breed\")\n\t@Listen(\"smoothlyFilter\")\n\tonFilterUpdate(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tthis.criteria = event.detail\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tevent.stopPropagation()\n\t\tthis.selector = this.selector.handle(event.detail)\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tconst response = await http.fetch(\"https://catfact.ninja/breeds?limit=15\")\n\t\tthis.cats =\n\t\t\tresponse.status == 200 &&\n\t\t\t(await response.body).data.map((cat: any) => ({\n\t\t\t\t...cat,\n\t\t\t\tprice: [...cat.breed].reduce((r, c) => r + c.charCodeAt(0), 0),\n\t\t\t\tnested: { ...cat, names: names[cat.country] ?? [] },\n\t\t\t\tnames: names[cat.country] ?? [],\n\t\t\t}))\n\t}\n\n\trender() {\n\t\tconst cats = this.cats && selectively.filter(this.criteria, this.cats)\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filtered\" />\n\t\t\t\t<smoothly-filter>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ [\"nested.pattern\"]: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"add\"\n\t\t\t\t\t\ttooltip=\"Nested Ticked\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"paw\"\n\t\t\t\t\t\ttooltip=\"Ticked cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ breed: \"Bombay\", pattern: \"Solid\" }}\n\t\t\t\t\t\ticon=\"radio-button-on\"\n\t\t\t\t\t\ttooltip=\"Solid bombay cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Colorpoint\" }}\n\t\t\t\t\t\tnot\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon=\"alert\"\n\t\t\t\t\t\ttooltip=\"Colored cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"coat\" property=\"nested.coat\" slot=\"bar\" multiple={false}>\n\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"coat\" property=\"nested.coat\" multiple>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"breed\" property=\"breed\" multiple={false}>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>((r, cat) => (cat.breed ? { ...r, [cat.breed]: cat } : r), {})\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.breed && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.breed}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select\n\t\t\t\t\t\t\t\tmenuHeight=\"5items\"\n\t\t\t\t\t\t\t\tlabel=\"names\"\n\t\t\t\t\t\t\t\tproperty=\"nested.names\"\n\t\t\t\t\t\t\t\tmultiple={true}\n\t\t\t\t\t\t\t\ttype=\"array\">\n\t\t\t\t\t\t\t\t{Object.keys(\n\t\t\t\t\t\t\t\t\tObject.values(names)\n\t\t\t\t\t\t\t\t\t\t.flat()\n\t\t\t\t\t\t\t\t\t\t.reduce((r, name) => ({ ...r, [name]: true }), {})\n\t\t\t\t\t\t\t\t).flatMap(name => (\n\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={name}>\n\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Coat\" property=\"coat\" />\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Nested Coat\" property=\"nested.coat\" />\n\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-filter>\n\t\t\t\t{!cats ? (\n\t\t\t\t\t\"Failed to load data.\"\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-table columns={4}>\n\t\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cats)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Price</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cat)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Country: {cat.country}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type=\"price\" value={cat.price} currency=\"SEK\" />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell span={3}>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={`Selected: ${\n\t\t\t\t\t\t\t\t\t\t\tthis.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : \"?\"\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t\t</smoothly-table>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\nconst names: Record<string, string[]> = {\n\t\"United States\": [\"bill\", \"bob\", \"brad\", \"joe\", \"molly\"],\n\tAustralia: [\"nigel\", \"bruce\", \"sheila\", \"brad\", \"shane\"],\n\t\"United Kingdom\": [\"nigel\", \"james\", \"molly\", \"shane\", \"bob\"],\n\tGreece: [\"dionysius\", \"demetrius\", \"polikarpos\"],\n}\n"],"version":3}

package/dist/components/{p-a0bb98e2.js → p-6a11096b.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-7dc42c2a.js';
+import { d as defineCustomElement$2 } from './p-a4614780.js';
 import { d as defineCustomElement$1 } from './p-fc152e9f.js';
 const styleCss = ".sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1rem;column-gap:0.5rem;width:fit-content}";
@@ -53,4 +53,4 @@ defineCustomElement();
 export { SmoothlyThemeColors as S, defineCustomElement as d };
-//# sourceMappingURL=p-a0bb98e2.js.map
+//# sourceMappingURL=p-6a11096b.js.map

package/dist/components/{p-a0bb98e2.js.map → p-6a11096b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~a0bb98e2~~.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,iIAAiI,CAAC;AACnJ,kCAAe,QAAQ;;MCMV,mBAAmB;;;;;IAC/B,MAAM;QACL,OACC;YACC,SAAS;YACT,WAAW;YACX,UAAU;YACV,SAAS;YACT,SAAS;YACT,QAAQ;YACR,OAAO;YACP,QAAQ;YACR,MAAM;YACN,SAAS;SAEV,CAAC,GAAG,CAAC,KAAK,IAAI,4BAAsB,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;KACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/colors/style.css?tag=smoothly-theme-colors&encapsulation=scoped","src/components/theme/colors/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\trow-gap: 1rem;\n\tcolumn-gap: 0.5rem;\n\twidth: fit-content;\n}\n","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-colors\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColors {\n\trender() {\n\t\treturn (\n\t\t\t[\n\t\t\t\t\"primary\",\n\t\t\t\t\"secondary\",\n\t\t\t\t\"tertiary\",\n\t\t\t\t\"success\",\n\t\t\t\t\"warning\",\n\t\t\t\t\"danger\",\n\t\t\t\t\"light\",\n\t\t\t\t\"medium\",\n\t\t\t\t\"dark\",\n\t\t\t\t\"default\",\n\t\t\t] as const\n\t\t).map(color => <smoothly-theme-color color={color} />)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-6a11096b.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,iIAAiI,CAAC;AACnJ,kCAAe,QAAQ;;MCMV,mBAAmB;;;;;IAC/B,MAAM;QACL,OACC;YACC,SAAS;YACT,WAAW;YACX,UAAU;YACV,SAAS;YACT,SAAS;YACT,QAAQ;YACR,OAAO;YACP,QAAQ;YACR,MAAM;YACN,SAAS;SAEV,CAAC,GAAG,CAAC,KAAK,IAAI,4BAAsB,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;KACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/colors/style.css?tag=smoothly-theme-colors&encapsulation=scoped","src/components/theme/colors/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\trow-gap: 1rem;\n\tcolumn-gap: 0.5rem;\n\twidth: fit-content;\n}\n","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-colors\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColors {\n\trender() {\n\t\treturn (\n\t\t\t[\n\t\t\t\t\"primary\",\n\t\t\t\t\"secondary\",\n\t\t\t\t\"tertiary\",\n\t\t\t\t\"success\",\n\t\t\t\t\"warning\",\n\t\t\t\t\"danger\",\n\t\t\t\t\"light\",\n\t\t\t\t\"medium\",\n\t\t\t\t\"dark\",\n\t\t\t\t\"default\",\n\t\t\t] as const\n\t\t).map(color => <smoothly-theme-color color={color} />)\n\t}\n}\n"],"version":3}

package/dist/components/{p-75a2f47c.js → p-6a24968b.js} RENAMED Viewed

@@ -2,16 +2,16 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { D as Date, C as Currency } from './p-390767c7.js';
 import { d as defineCustomElement$c } from './p-76531b32.js';
 import { d as defineCustomElement$b } from './p-2826e824.js';
-import { d as defineCustomElement$a } from './p-eb425cfd.js';
+import { d as defineCustomElement$a } from './p-19d93e64.js';
 import { d as defineCustomElement$9 } from './p-604f869e.js';
-import { d as defineCustomElement$8 } from './p-97116010.js';
-import { d as defineCustomElement$7 } from './p-2e37204f.js';
-import { d as defineCustomElement$6 } from './p-4bc33cfc.js';
-import { d as defineCustomElement$5 } from './p-35b35841.js';
-import { d as defineCustomElement$4 } from './p-1fbab324.js';
-import { d as defineCustomElement$3 } from './p-990382e3.js';
-import { d as defineCustomElement$2 } from './p-5e495944.js';
-import { d as defineCustomElement$1 } from './p-f4d38f75.js';
+import { d as defineCustomElement$8 } from './p-e48ad105.js';
+import { d as defineCustomElement$7 } from './p-e7dcaec1.js';
+import { d as defineCustomElement$6 } from './p-ba6ea28b.js';
+import { d as defineCustomElement$5 } from './p-5cd257ad.js';
+import { d as defineCustomElement$4 } from './p-7b240f39.js';
+import { d as defineCustomElement$3 } from './p-0b3f1a79.js';
+import { d as defineCustomElement$2 } from './p-1e46b981.js';
+import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
 const SmoothlyFormDemoControlled = proxyCustomElement(class SmoothlyFormDemoControlled extends H {
     constructor() {
@@ -135,4 +135,4 @@ defineCustomElement();
 export { SmoothlyFormDemoControlled as S, defineCustomElement as d };
-//# sourceMappingURL=p-75a2f47c.js.map
+//# sourceMappingURL=p-6a24968b.js.map

package/dist/components/{p-75a2f47c.js.map → p-6a24968b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~75a2f47c~~.js","mappings":"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","names":["isoly.Date","isoly.Currency"],"sources":["src/components/form/demo/controlled/index.tsx"],"sourcesContent":["import { Component, h, Host, State, VNode, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { SmoothlyFormCustomEvent } from \"../../../../components\"\nimport { Data } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-form-demo-controlled\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoControlled {\n\t@State() name = \"Initial name\"\n\t@State() currency: isoly.Currency = \"EUR\"\n\t@State() date: isoly.Date = isoly.Date.now()\n\tprivate currencies: isoly.Currency[] = [\"GBP\", \"SEK\", \"EUR\", \"USD\"]\n\n\t@Watch(\"name\")\n\tnameChanged(current: string, previous: string): void {\n\t\tconsole.log(`updated name from '${previous}' to '${current}'`)\n\t}\n\n\tasync submitHandler(\n\t\tevent: SmoothlyFormCustomEvent<{ result: (result: boolean) => void; value: Data }>\n\t): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tconsole.log(\"Received event. Processing...\", event.detail)\n\t\tif (!(typeof event.detail.value.name == \"string\")) {\n\t\t\tconsole.error(\"Bad input. Resolving false.\")\n\t\t} else if (!(typeof event.detail.value.date == \"string\"))\n\t\t\tconsole.error(\"Bad input. Resolving false.\")\n\t\telse if (!isoly.Currency.is(event.detail.value.currency))\n\t\t\tconsole.error(\"Bad input. Resolving false.\")\n\t\telse {\n\t\t\tawait new Promise(resolve => window.setTimeout(resolve, 1_000))\n\t\t\tthis.name = event.detail.value.name\n\t\t\tthis.date = event.detail.value.date\n\t\t\tthis.currency = event.detail.value.currency\n\t\t\tconsole.log(\"Finished processing successfully. Resolving true.\")\n\t\t\tevent.detail.result(true)\n\t\t}\n\t\tevent.detail.result(false)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Controlled</h2>\n\t\t\t\t<smoothly-form readonly looks={\"grid\"} onSmoothlyFormSubmit={e => this.submitHandler(e)}>\n\t\t\t\t\t<smoothly-input type={\"text\"} name={\"name\"} value={this.name}>\n\t\t\t\t\t\tName\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name={\"currency\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Currency</span>\n\t\t\t\t\t\t{this.currencies.map(currency => (\n\t\t\t\t\t\t\t<smoothly-item selected={currency == this.currency} value={currency}>\n\t\t\t\t\t\t\t\t{currency}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input>Dummy</smoothly-input>\n\t\t\t\t\t<smoothly-input-month name={\"date\"} value={this.date} next previous>\n\t\t\t\t\t\t<span slot={\"year-label\"}>Year</span>\n\t\t\t\t\t\t<span slot={\"month-label\"}>Month</span>\n\t\t\t\t\t</smoothly-input-month>\n\t\t\t\t\t<smoothly-input-edit slot={\"edit\"} size={\"icon\"} color={\"primary\"} fill={\"default\"} />\n\t\t\t\t\t<smoothly-input-reset slot={\"reset\"} size={\"icon\"} color={\"warning\"} fill={\"default\"} />\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"} size={\"icon\"} color={\"success\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-6a24968b.js","mappings":"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","names":["isoly.Date","isoly.Currency"],"sources":["src/components/form/demo/controlled/index.tsx"],"sourcesContent":["import { Component, h, Host, State, VNode, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { SmoothlyFormCustomEvent } from \"../../../../components\"\nimport { Data } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-form-demo-controlled\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoControlled {\n\t@State() name = \"Initial name\"\n\t@State() currency: isoly.Currency = \"EUR\"\n\t@State() date: isoly.Date = isoly.Date.now()\n\tprivate currencies: isoly.Currency[] = [\"GBP\", \"SEK\", \"EUR\", \"USD\"]\n\n\t@Watch(\"name\")\n\tnameChanged(current: string, previous: string): void {\n\t\tconsole.log(`updated name from '${previous}' to '${current}'`)\n\t}\n\n\tasync submitHandler(\n\t\tevent: SmoothlyFormCustomEvent<{ result: (result: boolean) => void; value: Data }>\n\t): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tconsole.log(\"Received event. Processing...\", event.detail)\n\t\tif (!(typeof event.detail.value.name == \"string\")) {\n\t\t\tconsole.error(\"Bad input. Resolving false.\")\n\t\t} else if (!(typeof event.detail.value.date == \"string\"))\n\t\t\tconsole.error(\"Bad input. Resolving false.\")\n\t\telse if (!isoly.Currency.is(event.detail.value.currency))\n\t\t\tconsole.error(\"Bad input. Resolving false.\")\n\t\telse {\n\t\t\tawait new Promise(resolve => window.setTimeout(resolve, 1_000))\n\t\t\tthis.name = event.detail.value.name\n\t\t\tthis.date = event.detail.value.date\n\t\t\tthis.currency = event.detail.value.currency\n\t\t\tconsole.log(\"Finished processing successfully. Resolving true.\")\n\t\t\tevent.detail.result(true)\n\t\t}\n\t\tevent.detail.result(false)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Controlled</h2>\n\t\t\t\t<smoothly-form readonly looks={\"grid\"} onSmoothlyFormSubmit={e => this.submitHandler(e)}>\n\t\t\t\t\t<smoothly-input type={\"text\"} name={\"name\"} value={this.name}>\n\t\t\t\t\t\tName\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name={\"currency\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Currency</span>\n\t\t\t\t\t\t{this.currencies.map(currency => (\n\t\t\t\t\t\t\t<smoothly-item selected={currency == this.currency} value={currency}>\n\t\t\t\t\t\t\t\t{currency}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input>Dummy</smoothly-input>\n\t\t\t\t\t<smoothly-input-month name={\"date\"} value={this.date} next previous>\n\t\t\t\t\t\t<span slot={\"year-label\"}>Year</span>\n\t\t\t\t\t\t<span slot={\"month-label\"}>Month</span>\n\t\t\t\t\t</smoothly-input-month>\n\t\t\t\t\t<smoothly-input-edit slot={\"edit\"} size={\"icon\"} color={\"primary\"} fill={\"default\"} />\n\t\t\t\t\t<smoothly-input-reset slot={\"reset\"} size={\"icon\"} color={\"warning\"} fill={\"default\"} />\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"} size={\"icon\"} color={\"success\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-0d90bb34.js → p-6d1e5f27.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { E as Editable } from './p-ddd5bc95.js';
-import { I as Input } from './p-eb425cfd.js';
+import { I as Input } from './p-19d93e64.js';
-const styleCss = ".sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
+const styleCss = ".sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
 const SmoothlyInputRadioStyle0 = styleCss;
 const SmoothlyInputRadio = proxyCustomElement(class SmoothlyInputRadio extends H {
@@ -163,4 +163,4 @@ defineCustomElement();
 export { SmoothlyInputRadio as S, defineCustomElement as d };
-//# sourceMappingURL=p-0d90bb34.js.map
+//# sourceMappingURL=p-6d1e5f27.js.map