smoothly 1.96.0 → 1.98.0

package/dist/components/{p-8f210b4c.js.map → p-3fa2299b.js.map}

@@ -1 +1 @@
-{"file":"p-8f210b4c.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,ytBAAytB,CAAC;AAC3uB,+BAAe,QAAQ;;MCOV,gBAAgB;IAL7B;;;QAMS,oBAAe,GAAG,IAAI,GAAG,EAA0C,CAAA;KAoB3E;IAlBA,0CAA0C,CAAC,KAAmD;QAC7F,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;KACtC;IAED,wCAAwC,CAAC,KAAsD;QAC9F,IAAI,KAAK,CAAC,MAAM;YACf,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe;gBACtC,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAA;KACtC;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/row/style.css?tag=smoothly-table-row&encapsulation=scoped","src/components/table/row/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tbox-sizing: border-box;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host .smoothly-table-cell,\n:host::slotted(.smoothly-table-cell) {\n\tdisplay: flex;\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\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\n:host:has(smoothly-table-expandable-cell) {\n\tgrid-template-rows: auto 0fr 0fr;\n}\n\n:host:has(smoothly-table-expandable-cell[open]) {\n\tgrid-template-rows: auto 1fr 0fr;\n}\n\n","import { Component, h, Host, Listen, VNode } from \"@stencil/core\"\nimport { SmoothlyTableExpandableCellCustomEvent } from \"../../../components\"\n\n@Component({\n\ttag: \"smoothly-table-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableRow {\n\tprivate expandableCells = new Set<HTMLSmoothlyTableExpandableCellElement>()\n\t@Listen(\"smoothlyTableExpandableCellRegister\")\n\tsmoothlyTableExpandableCellRegisterHandler(event: SmoothlyTableExpandableCellCustomEvent<void>): void {\n\t\tevent.stopPropagation()\n\t\tthis.expandableCells.add(event.target)\n\t}\n\t@Listen(\"smoothlyTableExpandableCellChange\")\n\tsmoothlyTableExpandableCellChangeHandler(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tif (event.detail)\n\t\t\tfor (const cell of this.expandableCells)\n\t\t\t\tevent.target != cell && cell.close()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-3fa2299b.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,ytBAAytB,CAAC;AAC3uB,+BAAe,QAAQ;;MCOV,gBAAgB;IAL7B;;;QAMS,oBAAe,GAAG,IAAI,GAAG,EAA0C,CAAA;KAoB3E;IAlBA,0CAA0C,CAAC,KAAmD;QAC7F,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;KACtC;IAED,wCAAwC,CAAC,KAAsD;QAC9F,IAAI,KAAK,CAAC,MAAM;YACf,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe;gBACtC,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAA;KACtC;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/row/style.css?tag=smoothly-table-row&encapsulation=scoped","src/components/table/row/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tbox-sizing: border-box;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host .smoothly-table-cell,\n:host::slotted(.smoothly-table-cell) {\n\tdisplay: flex;\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\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\n:host:has(smoothly-table-expandable-cell) {\n\tgrid-template-rows: auto 0fr 0fr;\n}\n\n:host:has(smoothly-table-expandable-cell[open]) {\n\tgrid-template-rows: auto 1fr 0fr;\n}\n\n","import { Component, h, Host, Listen, VNode } from \"@stencil/core\"\nimport { SmoothlyTableExpandableCellCustomEvent } from \"../../../components\"\n\n@Component({\n\ttag: \"smoothly-table-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableRow {\n\tprivate expandableCells = new Set<HTMLSmoothlyTableExpandableCellElement>()\n\t@Listen(\"smoothlyTableExpandableCellRegister\")\n\tsmoothlyTableExpandableCellRegisterHandler(event: SmoothlyTableExpandableCellCustomEvent<void>): void {\n\t\tevent.stopPropagation()\n\t\tthis.expandableCells.add(event.target)\n\t}\n\t@Listen(\"smoothlyTableExpandableCellChange\")\n\tsmoothlyTableExpandableCellChangeHandler(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tif (event.detail)\n\t\t\tfor (const cell of this.expandableCells)\n\t\t\t\tevent.target != cell && cell.close()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-7393ae40.js → p-40d2000b.js}

@@ -32,7 +32,7 @@ const SmoothlyTableExpandableCell = proxyCustomElement(class SmoothlyTableExpand
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ac06673cd91c65a5a80d81229e9f9336f675c14b', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '8fd0cf961de88d5a7120259324ed61628f960b53', class: "content" }, h("slot", { key: '1cb3e3c0c98c2338ae21598c740255d18bfe5714' })), h("div", { key: '28cbeb9e91ef6c96df4272f2cab92bddb81c8946', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'af8954d6bd1c1ce393a1ede0b70971324af5f903', name: "detail" }))));
+        return (h(Host, { key: '0100a1598090f8d87de2f396b56f569c3d55ff87', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'f8a2e8779f498db24e23b55c2cffca3a3e0673fd', class: "content" }, h("slot", { key: '3f49a4eb292da0ce4c52fbd9d80257ada7c6b65e' })), h("div", { key: '178426e2d1aa04ac0624dfc85405ece32a4a3ad9', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'ab7285198401030dbea07283eaa883faba7ba148', name: "detail" }))));
     }
     static get watchers() { return {
         "open": ["openChange"]
@@ -62,4 +62,4 @@ defineCustomElement();
 
 export { SmoothlyTableExpandableCell as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-7393ae40.js.map
+//# sourceMappingURL=p-40d2000b.js.map

package/dist/components/{p-7393ae40.js.map → p-40d2000b.js.map}

@@ -1 +1 @@
-{"file":"p-7393ae40.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,ixGAAixG,CAAC;AACnyG,0CAAe,QAAQ;;MCKV,2BAA2B;;;;;;oBAEE,CAAC;oBACK,KAAK;;IAGpD,iBAAiB;QAChB,IAAI,CAAC,mCAAmC,CAAC,IAAI,EAAE,CAAA;KAC/C;IAED,MAAM,KAAK;QACV,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IACD,YAAY,CAAC,KAAiB;;QAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QAC/F,IAAI,CAAC,eAAe,EAAE;YACrB,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,YAAY,EAAE,0CAAE,QAAQ,GAAG,IAAI,EAAE,CAAA;YAC1D,IAAI,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,mCAAI,CAAC,KAAK,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;SACvB;KACD;IAED,UAAU;QACT,IAAI,CAAC,iCAAiC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtD;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAChE,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAChD,4DAAK,KAAK,EAAE,SAAS,IACpB,8DAAQ,CACH,EACN,4DAAK,KAAK,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAC,EAAkB,MAAM,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,IAC1F,6DAAM,IAAI,EAAE,QAAQ,GAAI,CACnB,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/expandable/cell/style.scss?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tdisplay: contents;\n}\n\n:host > div.content {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbox-sizing: border-box;\n\talign-items: center;\n\twhite-space: nowrap;\n\t@include arrow;\n\n\t&:hover {\n\t\t@include arrow-hover;\n\t\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\t\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\t\tstroke: rgb(var(--smoothly-table-hover-foreground));\n\t\tfill: rgb(var(--smoothly-table-hover-foreground));\n\t}\n}\n\n:host[open] > div.content {\n\t@include arrow-open;\n}\n\n:host > div:first-child {\n\tcursor: pointer;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tgrid-row: 2;\n\tposition: relative;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host[open] > div.content {\n\tbox-shadow: 1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset,\n\t\t-3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset;\n}\n\n:host[open] > div {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tstroke: rgb(var(--smoothly-table-expanded-foreground));\n\tfill: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host:not([open]) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, VNode, Watch } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableCell {\n\tprivate detailElement?: HTMLDivElement\n\t@Prop({ reflect: true }) span?: number = 1\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableCellChange: EventEmitter<boolean>\n\t@Event() smoothlyTableExpandableCellRegister: EventEmitter<void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyTableExpandableCellRegister.emit()\n\t}\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.open = false\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.detailElement && event.composedPath().includes(this.detailElement)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0)\n\t\t\t\tthis.open = !this.open\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableCellChange.emit(this.open)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={(el: HTMLDivElement) => (this.detailElement = el)}>\n\t\t\t\t\t<slot name={\"detail\"} />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-40d2000b.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,ixGAAixG,CAAC;AACnyG,0CAAe,QAAQ;;MCKV,2BAA2B;;;;;;oBAEE,CAAC;oBACK,KAAK;;IAGpD,iBAAiB;QAChB,IAAI,CAAC,mCAAmC,CAAC,IAAI,EAAE,CAAA;KAC/C;IAED,MAAM,KAAK;QACV,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IACD,YAAY,CAAC,KAAiB;;QAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QAC/F,IAAI,CAAC,eAAe,EAAE;YACrB,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,YAAY,EAAE,0CAAE,QAAQ,GAAG,IAAI,EAAE,CAAA;YAC1D,IAAI,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,mCAAI,CAAC,KAAK,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;SACvB;KACD;IAED,UAAU;QACT,IAAI,CAAC,iCAAiC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtD;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAChE,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAChD,4DAAK,KAAK,EAAE,SAAS,IACpB,8DAAQ,CACH,EACN,4DAAK,KAAK,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAC,EAAkB,MAAM,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,IAC1F,6DAAM,IAAI,EAAE,QAAQ,GAAI,CACnB,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/expandable/cell/style.scss?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tdisplay: contents;\n}\n\n:host > div.content {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbox-sizing: border-box;\n\talign-items: center;\n\twhite-space: nowrap;\n\t@include arrow;\n\n\t&:hover {\n\t\t@include arrow-hover;\n\t\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\t\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\t\tstroke: rgb(var(--smoothly-table-hover-foreground));\n\t\tfill: rgb(var(--smoothly-table-hover-foreground));\n\t}\n}\n\n:host[open] > div.content {\n\t@include arrow-open;\n}\n\n:host > div:first-child {\n\tcursor: pointer;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tgrid-row: 2;\n\tposition: relative;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host[open] > div.content {\n\tbox-shadow: 1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset,\n\t\t-3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset;\n}\n\n:host[open] > div {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tstroke: rgb(var(--smoothly-table-expanded-foreground));\n\tfill: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host:not([open]) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, VNode, Watch } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableCell {\n\tprivate detailElement?: HTMLDivElement\n\t@Prop({ reflect: true }) span?: number = 1\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableCellChange: EventEmitter<boolean>\n\t@Event() smoothlyTableExpandableCellRegister: EventEmitter<void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyTableExpandableCellRegister.emit()\n\t}\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.open = false\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.detailElement && event.composedPath().includes(this.detailElement)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0)\n\t\t\t\tthis.open = !this.open\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableCellChange.emit(this.open)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={(el: HTMLDivElement) => (this.detailElement = el)}>\n\t\t\t\t\t<slot name={\"detail\"} />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-963579c4.js → p-4f0ce21b.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$2 } from './p-604f869e.js';
-import { d as defineCustomElement$1 } from './p-f4a081aa.js';
+import { d as defineCustomElement$1 } from './p-6f96e7ef.js';
 
 const styleCss = ".sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}";
 const SmoothlyNotificationStyle0 = styleCss;
@@ -58,7 +58,7 @@ const Notification = proxyCustomElement(class Notification extends H {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: '874ce3aaa62fd7424e2c6629e13111b14649c7db', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '57057c09df734c4d359fd9952314032373c93828', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'ae2a94d9120759f44e0a0549e23b17d19fbf30a6', name: "close-circle-outline" }))), h("span", { key: 'c7a626eed0dc03b93f30ef5b7e0f22abad133b93', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'aa195f76644db7643cc4b31191cc2f0f27c24c49', name: this.properties[1] }), h("p", { key: '176a35c914559bde761a2e055353c2162e92a7e1' }, this.notice.message))));
+        return (h(Host, { key: 'd73f9641d0d37113ec19891b5c9f59d8019230f8', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'e818ddd9455d8b7aca012be7c6a33f8942cb9a68', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'fe3e9e3f88077e060f333baf9fbddfea07c1e7be', name: "close-circle-outline" }))), h("span", { key: 'f89d90613b740f806201bd2298d40ba2cb994fc8', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'e773e024e416c84bec77fb891462b9b7c841824f', name: this.properties[1] }), h("p", { key: '4daa8f0c0e8b9ffc1f1ba786ad233c1264099bdc' }, this.notice.message))));
     }
     static get watchers() { return {
         "notice": ["onUpdatedNotice"]
@@ -99,4 +99,4 @@ defineCustomElement();
 
 export { Notification as N, defineCustomElement as d };
 
-//# sourceMappingURL=p-963579c4.js.map
+//# sourceMappingURL=p-4f0ce21b.js.map

package/dist/components/{p-963579c4.js.map → p-4f0ce21b.js.map}

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

package/dist/components/{p-0d257ab1.js → p-4f145ff6.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
 import { D as Date } from './p-390767c7.js';
 import { d as defineCustomElement$b } from './p-76531b32.js';
-import { d as defineCustomElement$a } from './p-b014fcaa.js';
-import { d as defineCustomElement$9 } from './p-787944b1.js';
+import { d as defineCustomElement$a } from './p-7cc6e1f0.js';
+import { d as defineCustomElement$9 } from './p-00165343.js';
 import { d as defineCustomElement$8 } from './p-604f869e.js';
-import { d as defineCustomElement$7 } from './p-7efc9876.js';
-import { d as defineCustomElement$6 } from './p-06a75cf4.js';
-import { d as defineCustomElement$5 } from './p-46e831e6.js';
-import { d as defineCustomElement$4 } from './p-c8264085.js';
-import { d as defineCustomElement$3 } from './p-4bc33cfc.js';
-import { d as defineCustomElement$2 } from './p-1fbab324.js';
-import { d as defineCustomElement$1 } from './p-5e495944.js';
+import { d as defineCustomElement$7 } from './p-ed076e45.js';
+import { d as defineCustomElement$6 } from './p-2ef8a833.js';
+import { d as defineCustomElement$5 } from './p-dd423995.js';
+import { d as defineCustomElement$4 } from './p-3a2d2f1d.js';
+import { d as defineCustomElement$3 } from './p-ba6ea28b.js';
+import { d as defineCustomElement$2 } from './p-7b240f39.js';
+import { d as defineCustomElement$1 } from './p-1e46b981.js';
 
 const styleCss = ".sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}";
 const SmoothlyInputDateDemoStyle0 = styleCss;
@@ -23,7 +23,7 @@ const SmoothlyInputDateDemo = proxyCustomElement(class SmoothlyInputDateDemo ext
         this.alwaysShowGuide = false;
     }
     render() {
-        return (h(Host, { key: '191fe0a37d160b07317f1585c0a0b6d09c22983e' }, h("div", { key: 'c289398819d08aa6e608bf1e98d9149f7b981de7' }, h("h2", { key: '8c0875cfe6af62e2aefb1faba9185a6f1813cc58' }, "Date input"), h("p", { key: '7908bdc75aabfe06fa926e53cd9c854b3437c44c' }, "Different locales formatting the same date"), h("smoothly-button", { key: 'f4d9f68bda448d5e6dc7f6f61d124c94b24a5573', color: "primary", onClick: () => (this.date = this.date ? Date.next(this.date) : Date.now()) }, "Set date"), h("smoothly-input-checkbox", { key: 'fb3f1a290a0bae953e5365d5c9e96b989dde94ee', looks: "transparent", onSmoothlyUserInput: e => {
+        return (h(Host, { key: 'c068de4474fb2f05836bf6e6710f066dda7a510b' }, h("div", { key: '3ae6ca903937ca6f78dee781cf82c22702d66cbb' }, h("h2", { key: 'f1207df3dde7aa2eb45ec5165a560ea847360795' }, "Date input"), h("p", { key: '4a87c470fd341309326106cc873adeedc0d49799' }, "Different locales formatting the same date"), h("smoothly-button", { key: '7a821e84182e54f7d53830be10742c3f31928c24', color: "primary", onClick: () => (this.date = this.date ? Date.next(this.date) : Date.now()) }, "Set date"), h("smoothly-input-checkbox", { key: '09d7fefcd06b39dfb7f17938afdf7a573de3e8b5', looks: "transparent", onSmoothlyUserInput: e => {
                 this.alwaysShowGuide = e.detail.value;
                 console.log(this.alwaysShowGuide);
             } }, "Always Show Guide")), ["en-US", "en-GB", "de-DE", "se-SE"].map(locale => (h(Fragment, null, h("smoothly-input-date", { locale: locale, name: locale, looks: "border", value: this.date, alwaysShowGuide: this.alwaysShowGuide }, locale, h("smoothly-input-clear", { slot: "end" })), h("smoothly-input-date-range", { locale: locale, name: locale + "-range", looks: "border", start: this.date, end: this.date ? Date.next(this.date) : undefined, alwaysShowGuide: this.alwaysShowGuide }, locale, " Range", h("smoothly-input-clear", { slot: "end" })))))));
@@ -105,4 +105,4 @@ defineCustomElement();
 
 export { SmoothlyInputDateDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-0d257ab1.js.map
+//# sourceMappingURL=p-4f145ff6.js.map

package/dist/components/{p-0d257ab1.js.map → p-4f145ff6.js.map}

@@ -1 +1 @@
-{"file":"p-0d257ab1.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,wTAAwT,CAAC;AAC1U,oCAAe,QAAQ;;MCOV,qBAAqB;;;;;+BAEN,KAAK;;IAEhC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,0EAAmB,EACnB,yGAAiD,EACjD,wEACC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGA,IAAU,CAAC,GAAG,EAAE,CAAC,eAErE,EAClB,gFACC,KAAK,EAAC,aAAa,EACnB,mBAAmB,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;gBACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;aACjC,wBAEwB,CACrB,EACJ,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAoB,CAAC,GAAG,CAAC,MAAM,KACnE,EAAC,QAAQ,QACR,2BACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,EACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACd,EACtB,iCACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,GAAG,EAAE,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,EACvD,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,YACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACR,CAClB,CACX,CAAC,CACI,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Date"],"sources":["src/components/input/demo/date/style.css?tag=smoothly-input-date-demo&encapsulation=scoped","src/components/input/demo/date/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));\n\tmax-width: min(42rem, 100%);\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 0.5rem;\n}\n\n:host :not(smoothly-input-date):not(smoothly-input-date-range) {\n\tgrid-column: 1 / -1;\n}\n","import { Component, Fragment, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-date-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateDemo {\n\t@State() date?: isoly.Date\n\t@State() alwaysShowGuide = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Date input</h2>\n\t\t\t\t\t<p>Different locales formatting the same date</p>\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={() => (this.date = this.date ? isoly.Date.next(this.date) : isoly.Date.now())}>\n\t\t\t\t\t\tSet date\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tlooks=\"transparent\"\n\t\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\t\tthis.alwaysShowGuide = e.detail.value\n\t\t\t\t\t\t\tconsole.log(this.alwaysShowGuide)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tAlways Show Guide\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t</div>\n\t\t\t\t{([\"en-US\", \"en-GB\", \"de-DE\", \"se-SE\"] as isoly.Locale[]).map(locale => (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tvalue={this.date}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale}\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale + \"-range\"}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tstart={this.date}\n\t\t\t\t\t\t\tend={this.date ? isoly.Date.next(this.date) : undefined}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale} Range\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-4f145ff6.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,wTAAwT,CAAC;AAC1U,oCAAe,QAAQ;;MCOV,qBAAqB;;;;;+BAEN,KAAK;;IAEhC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,0EAAmB,EACnB,yGAAiD,EACjD,wEACC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGA,IAAU,CAAC,GAAG,EAAE,CAAC,eAErE,EAClB,gFACC,KAAK,EAAC,aAAa,EACnB,mBAAmB,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;gBACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;aACjC,wBAEwB,CACrB,EACJ,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAoB,CAAC,GAAG,CAAC,MAAM,KACnE,EAAC,QAAQ,QACR,2BACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,EACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACd,EACtB,iCACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,GAAG,EAAE,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,EACvD,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,YACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACR,CAClB,CACX,CAAC,CACI,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Date"],"sources":["src/components/input/demo/date/style.css?tag=smoothly-input-date-demo&encapsulation=scoped","src/components/input/demo/date/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));\n\tmax-width: min(42rem, 100%);\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 0.5rem;\n}\n\n:host :not(smoothly-input-date):not(smoothly-input-date-range) {\n\tgrid-column: 1 / -1;\n}\n","import { Component, Fragment, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-date-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateDemo {\n\t@State() date?: isoly.Date\n\t@State() alwaysShowGuide = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Date input</h2>\n\t\t\t\t\t<p>Different locales formatting the same date</p>\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={() => (this.date = this.date ? isoly.Date.next(this.date) : isoly.Date.now())}>\n\t\t\t\t\t\tSet date\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tlooks=\"transparent\"\n\t\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\t\tthis.alwaysShowGuide = e.detail.value\n\t\t\t\t\t\t\tconsole.log(this.alwaysShowGuide)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tAlways Show Guide\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t</div>\n\t\t\t\t{([\"en-US\", \"en-GB\", \"de-DE\", \"se-SE\"] as isoly.Locale[]).map(locale => (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tvalue={this.date}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale}\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale + \"-range\"}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tstart={this.date}\n\t\t\t\t\t\t\tend={this.date ? isoly.Date.next(this.date) : undefined}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale} Range\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-00e370c3.js → p-50304fc1.js}

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { a as and } from './p-caf09da9.js';
 import { o as object, s as string } from './p-d471066b.js';
 import { i as islyFunction, r as record } from './p-57ac5d1b.js';
-import { d as defineCustomElement$3 } from './p-86737203.js';
+import { d as defineCustomElement$3 } from './p-7550fc08.js';
 import { d as defineCustomElement$2 } from './p-604f869e.js';
-import { d as defineCustomElement$1 } from './p-97116010.js';
+import { d as defineCustomElement$1 } from './p-e48ad105.js';
 
 const EventEmitter = object({ emit: islyFunction() });
 var Filter;
@@ -107,4 +107,4 @@ defineCustomElement();
 
 export { SmoothlyFilter as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-00e370c3.js.map
+//# sourceMappingURL=p-50304fc1.js.map

package/dist/components/{p-00e370c3.js.map → p-50304fc1.js.map}

@@ -1 +1 @@
-{"file":"p-00e370c3.js","mappings":"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","names":["isly.object","isly.function","isly.string","isly.record","selectively.and"],"sources":["src/components/filter/Filter.ts","src/components/filter/style.css?tag=smoothly-filter&encapsulation=scoped","src/components/filter/index.tsx"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { isly } from \"isly\"\n\nconst EventEmitter = isly.object<EventEmitter>({ emit: isly.function<EventEmitter[\"emit\"]>() })\nexport interface Filter extends Filter.Element {\n\tsmoothlyFilterUpdate: EventEmitter<Filter.Update>\n\tsmoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n}\nexport namespace Filter {\n\texport type Manipulate = (criteria: selectively.Criteria) => selectively.Criteria\n\texport type Update = (expression: selectively.Criteria) => void\n\texport interface Element {\n\t\tproperty?: string\n\t\tproperties?: Record<string, string>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tproperty: isly.string().optional(),\n\t\t\tproperties: isly.record<Record<string, string>>(isly.string(), isly.string()).optional(),\n\t\t})\n\t}\n\texport const type = Element.type.extend<Filter>({\n\t\tsmoothlyFilterUpdate: EventEmitter,\n\t\tsmoothlyFilterManipulate: EventEmitter,\n\t})\n}\n",":host {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host>div::slotted([slot=detail]) {\n\tz-index: 5;\n}\n\n:host::slotted([slot=bar]) {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n:host>div:empty+smoothly-icon {\n\tdisplay: none;\n}\n\n:host>smoothly-icon {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n:host>div.close {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n:host>div.hidden {\n\tdisplay: none;\n}\n\n:host>.container {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n/* arrow */\n:host>div.container:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n/* arrow placement */\n:host>div.container.arrow-top:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n:host div.container:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Filter } from \"./Filter\"\n\n@Component({\n\ttag: \"smoothly-filter\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilter {\n\tfield: HTMLSmoothlyFilterFieldElement | undefined\n\tupdating = false\n\tfilters: Set<Filter.Update> = new Set<Filter.Update>() // maybe set?\n\t@State() detailChildren?: boolean\n\t@State() criteria: selectively.Criteria = selectively.and()\n\t@State() expanded = false\n\t@Event() smoothlyFilter: EventEmitter<selectively.Criteria>\n\n\t@Listen(\"smoothlyFilterUpdate\")\n\tupdateHandler(event: CustomEvent<Filter.Update>) {\n\t\tevent.stopPropagation()\n\t\tif (Filter.Element.type.is(event.target))\n\t\t\tthis.filters.add(event.detail)\n\t}\n\t@Listen(\"smoothlyFilterManipulate\")\n\tmanipulateHandler(event: CustomEvent<Filter.Manipulate>) {\n\t\tevent.stopPropagation()\n\t\tthis.updating = true\n\t\tthis.criteria = event.detail(this.criteria)\n\t\tthis.smoothlyFilter.emit(this.criteria)\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t\tthis.updating = false\n\t}\n\t@Listen(\"smoothlyFilterField\")\n\tfilterFieldHandler(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and(event.detail)))\n\t\t\tthis.filters.forEach(update => update(this.criteria))\n\t\t}\n\t}\n\tclear(): void {\n\t\tthis.field?.clear()\n\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and()))\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"bar\" />\n\t\t\t\t<smoothly-filter-field criteria={this.criteria} ref={e => (this.field = e)} />\n\t\t\t\t{this.criteria.toString() != \"\" && (\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"close\"}\n\t\t\t\t\t\ttooltip={\"Clear all filters\"}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.clear()\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div class={this.expanded ? \"container arrow-top\" : \"hidden\"}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={this.expanded ? \"options\" : \"options-outline\"}\n\t\t\t\t\ttooltip={(this.expanded ? \"Hide\" : \"Show\") + \" additional filters\"}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tthis.expanded = !this.expanded\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div class={this.expanded ? \"close\" : \"hidden\"} onClick={() => (this.expanded = !this.expanded)} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-50304fc1.js","mappings":"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","names":["isly.object","isly.function","isly.string","isly.record","selectively.and"],"sources":["src/components/filter/Filter.ts","src/components/filter/style.css?tag=smoothly-filter&encapsulation=scoped","src/components/filter/index.tsx"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { isly } from \"isly\"\n\nconst EventEmitter = isly.object<EventEmitter>({ emit: isly.function<EventEmitter[\"emit\"]>() })\nexport interface Filter extends Filter.Element {\n\tsmoothlyFilterUpdate: EventEmitter<Filter.Update>\n\tsmoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n}\nexport namespace Filter {\n\texport type Manipulate = (criteria: selectively.Criteria) => selectively.Criteria\n\texport type Update = (expression: selectively.Criteria) => void\n\texport interface Element {\n\t\tproperty?: string\n\t\tproperties?: Record<string, string>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tproperty: isly.string().optional(),\n\t\t\tproperties: isly.record<Record<string, string>>(isly.string(), isly.string()).optional(),\n\t\t})\n\t}\n\texport const type = Element.type.extend<Filter>({\n\t\tsmoothlyFilterUpdate: EventEmitter,\n\t\tsmoothlyFilterManipulate: EventEmitter,\n\t})\n}\n",":host {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host>div::slotted([slot=detail]) {\n\tz-index: 5;\n}\n\n:host::slotted([slot=bar]) {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n:host>div:empty+smoothly-icon {\n\tdisplay: none;\n}\n\n:host>smoothly-icon {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n:host>div.close {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n:host>div.hidden {\n\tdisplay: none;\n}\n\n:host>.container {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n/* arrow */\n:host>div.container:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n/* arrow placement */\n:host>div.container.arrow-top:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n:host div.container:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Filter } from \"./Filter\"\n\n@Component({\n\ttag: \"smoothly-filter\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilter {\n\tfield: HTMLSmoothlyFilterFieldElement | undefined\n\tupdating = false\n\tfilters: Set<Filter.Update> = new Set<Filter.Update>() // maybe set?\n\t@State() detailChildren?: boolean\n\t@State() criteria: selectively.Criteria = selectively.and()\n\t@State() expanded = false\n\t@Event() smoothlyFilter: EventEmitter<selectively.Criteria>\n\n\t@Listen(\"smoothlyFilterUpdate\")\n\tupdateHandler(event: CustomEvent<Filter.Update>) {\n\t\tevent.stopPropagation()\n\t\tif (Filter.Element.type.is(event.target))\n\t\t\tthis.filters.add(event.detail)\n\t}\n\t@Listen(\"smoothlyFilterManipulate\")\n\tmanipulateHandler(event: CustomEvent<Filter.Manipulate>) {\n\t\tevent.stopPropagation()\n\t\tthis.updating = true\n\t\tthis.criteria = event.detail(this.criteria)\n\t\tthis.smoothlyFilter.emit(this.criteria)\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t\tthis.updating = false\n\t}\n\t@Listen(\"smoothlyFilterField\")\n\tfilterFieldHandler(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and(event.detail)))\n\t\t\tthis.filters.forEach(update => update(this.criteria))\n\t\t}\n\t}\n\tclear(): void {\n\t\tthis.field?.clear()\n\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and()))\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"bar\" />\n\t\t\t\t<smoothly-filter-field criteria={this.criteria} ref={e => (this.field = e)} />\n\t\t\t\t{this.criteria.toString() != \"\" && (\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"close\"}\n\t\t\t\t\t\ttooltip={\"Clear all filters\"}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.clear()\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div class={this.expanded ? \"container arrow-top\" : \"hidden\"}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={this.expanded ? \"options\" : \"options-outline\"}\n\t\t\t\t\ttooltip={(this.expanded ? \"Hide\" : \"Show\") + \" additional filters\"}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tthis.expanded = !this.expanded\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div class={this.expanded ? \"close\" : \"hidden\"} onClick={() => (this.expanded = !this.expanded)} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-c6057533.js → p-53eb6d93.js}

@@ -1,10 +1,10 @@
 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';
 import { d as defineCustomElement$2 } from './p-76531b32.js';
 import { d as defineCustomElement$1 } from './p-604f869e.js';
 
-const styleCss = ".sc-smoothly-input-file-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-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-file-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-file-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-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-file-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-file-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-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-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
+const styleCss = ".sc-smoothly-input-file-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-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-file-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-file-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-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-file-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-file-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-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-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h smoothly-icon.smoothly-invalid.sc-smoothly-input-file{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
 const SmoothlyInputFileStyle0 = styleCss;
 
 const SmoothlyInputFile = proxyCustomElement(class SmoothlyInputFile extends H {
@@ -124,7 +124,7 @@ const SmoothlyInputFile = proxyCustomElement(class SmoothlyInputFile extends H {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '8f0c65d2c9ed0950c1c5115f615f6d66e1242165', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: this.disabled ? undefined : 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: 'c03b59a35dbef07d3f0c4e0d58aecdd963fb499c' }, h("slot", { key: '75a815e3f443bb3e6c8e0aa81c30b68f9cddc9ce', name: "label" })), h("div", { key: '2e7c8f558cd1d344b1659ef2fde701dd612f3b53', class: "input" }, h("smoothly-button", { key: '8382da9351a2d57dfa17ff0a399066b1f645c5d8', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '6e8366cbb446f9f5be138978711f7172f18d0005', name: "button" })), h("span", { key: '8b64bdf48fb8f8cf552e1d000c18e3e415826056' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '26d26451e82bdb71ac7be890f308363dddd8a73e', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: 'da2cb7bc7b9e481dd0edf6730adc4a9d26409167', name: "document-attach-outline" })), h("input", { key: 'd19b4581fb2070dc0baa3ae6c9da9d3a5ca288d5', onFocus: () => console.log("focus file input!"), ref: element => (this.input = element), type: "file", disabled: this.disabled, capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), h("span", { key: '8f4442060ca91b9d3ce769f71999031b9858aaaf', onClick: (e) => e.stopPropagation() }, h("slot", { key: '7fb47acfd5d5c4ae68b309d5302564cf757100a6', name: "end" }))));
+        return (h(Host, { key: '23b78025aa87033e4d55e1a3075fbf54f7f17911', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: this.disabled ? undefined : 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: 'c351bd728e22f7735cc40c383370aa34767608e2' }, h("slot", { key: '18424e4ccfb9ddfe1535f65828fde006a00cca23', name: "label" })), h("div", { key: 'b7dc0bb86062b950d8eced795aaee41254ab33f5', class: "input" }, h("smoothly-button", { key: '29aca13db6b86cf9cc52069ba63e460dc474d937', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '15e1c28e93edeae1676734d939a209fb14022d83', name: "button" })), h("span", { key: '67b391a462c61f3d7f27b42b5af01bc6e9ec646c' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '6dfcfce7fda9969f1b17c5af1fab7a34303cc314', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: '2c2aaa95ef454ea0f49474f84d7dbde3162e7102', name: "document-attach-outline" })), h("input", { key: '854ed29e341f23a03d48f319021e75e5026b7c33', onFocus: () => console.log("focus file input!"), ref: element => (this.input = element), type: "file", disabled: this.disabled, capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), h("span", { key: '6c13024fd3fe87eedb306d00f2a90fbc348e3bba', onClick: (e) => e.stopPropagation() }, h("slot", { key: '3801406c43cf68b13e7ea3fc6d1fdfef81c22438', name: "end" }))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -184,4 +184,4 @@ defineCustomElement();
 
 export { SmoothlyInputFile as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-c6057533.js.map
+//# sourceMappingURL=p-53eb6d93.js.map

package/dist/components/{p-c6057533.js.map → p-53eb6d93.js.map}

@@ -1 +1 @@
-{"file":"p-c6057533.js","mappings":"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","names":[],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" | \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string | undefined\n\t@State() dragging = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<File | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length) {\n\t\t\tthis.value = this.input?.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length) {\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && !this.disabled && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button disabled={this.disabled} type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tonFocus={() => console.log(\"focus file input!\")}\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-53eb6d93.js","mappings":"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","names":[],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" | \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string | undefined\n\t@State() dragging = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<File | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length) {\n\t\t\tthis.value = this.input?.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length) {\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && !this.disabled && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button disabled={this.disabled} type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tonFocus={() => console.log(\"focus file input!\")}\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-05a79a87.js → p-55806dd1.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$8 } from './p-76531b32.js';
 import { d as defineCustomElement$7 } from './p-2826e824.js';
-import { d as defineCustomElement$6 } from './p-eb425cfd.js';
+import { d as defineCustomElement$6 } from './p-19d93e64.js';
 import { d as defineCustomElement$5 } from './p-604f869e.js';
-import { d as defineCustomElement$4 } from './p-97116010.js';
-import { d as defineCustomElement$3 } from './p-35b35841.js';
-import { d as defineCustomElement$2 } from './p-990382e3.js';
-import { d as defineCustomElement$1 } from './p-f4d38f75.js';
+import { d as defineCustomElement$4 } from './p-e48ad105.js';
+import { d as defineCustomElement$3 } from './p-5cd257ad.js';
+import { d as defineCustomElement$2 } from './p-0b3f1a79.js';
+import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
 
 const SmoothlyFormDemoPrices = proxyCustomElement(class SmoothlyFormDemoPrices extends H {
     constructor() {
@@ -74,4 +74,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoPrices as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-05a79a87.js.map
+//# sourceMappingURL=p-55806dd1.js.map

package/dist/components/{p-05a79a87.js.map → p-55806dd1.js.map}

@@ -1 +1 @@
-{"file":"p-05a79a87.js","mappings":";;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,sEAAe,EACf,sEAAe,KAAK,EAAC,MAAM,IAC1B,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,kBAErB,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,4BAElD,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,UAE1C,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,UAExC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,UAEtC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,UAEzC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,IAC1D,iBAAiB,CACF,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-55806dd1.js","mappings":";;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,sEAAe,EACf,sEAAe,KAAK,EAAC,MAAM,IAC1B,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,kBAErB,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,4BAElD,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,UAE1C,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,UAExC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,UAEtC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,UAEzC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,IAC1D,iBAAiB,CACF,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\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-39293296.js → p-5b65866f.js}

@@ -3,16 +3,16 @@ import { C as Color, F as Fill, I as Icon } from './p-57ac5d1b.js';
 import './p-390767c7.js';
 import './p-47ea6b68.js';
 import { d as defineCustomElement$b } from './p-76531b32.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-7efc9876.js';
-import { d as defineCustomElement$6 } from './p-06a75cf4.js';
-import { d as defineCustomElement$5 } from './p-0d90bb34.js';
-import { d as defineCustomElement$4 } from './p-4db65fe1.js';
-import { d as defineCustomElement$3 } from './p-1fbab324.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-ed076e45.js';
+import { d as defineCustomElement$6 } from './p-2ef8a833.js';
+import { d as defineCustomElement$5 } from './p-6d1e5f27.js';
+import { d as defineCustomElement$4 } from './p-fb97b2ff.js';
+import { d as defineCustomElement$3 } from './p-7b240f39.js';
+import { d as defineCustomElement$2 } from './p-1e46b981.js';
+import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
 
 const styleCss = ".sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}";
 const SmoothlyButtonDemoStandardStyle0 = styleCss;
@@ -123,4 +123,4 @@ defineCustomElement();
 
 export { SmoothlyButtonDemoStandard as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-39293296.js.map
+//# sourceMappingURL=p-5b65866f.js.map

package/dist/components/{p-39293296.js.map → p-5b65866f.js.map}

@@ -1 +1 @@
-{"file":"p-39293296.js","mappings":"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","names":[],"sources":["src/components/button/demo/standard/style.css?tag=smoothly-button-demo-standard&encapsulation=scoped","src/components/button/demo/standard/index.tsx"],"sourcesContent":[":host smoothly-input-select smoothly-item {\n\tdisplay: flex;\n}\n\n:host .buttons {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 0.5rem;\n}\n:host .buttons > smoothly-button {\n\tmargin-block: 0;\n}\n\n:host .height-text {\n\tborder-left: 3px dotted rgb(var(--smoothly-default-contrast));\n\tpadding-inline: 1rem;\n\talign-content: center;\n}\n","import { Component, h, Host, State, Watch } from \"@stencil/core\"\nimport { Color, Fill, Icon } from \"../../../../model\"\nimport { Button } from \"../../Button\"\n\ntype Options = {\n\tfill?: Fill\n\tdisabled?: boolean\n\texpand?: \"block\" | \"full\"\n\ttype?: Button.Properties[\"type\"]\n\tsize?: \"small\" | \"large\" | \"icon\" | \"flexible\"\n\trounded?: boolean\n\ticon?: Icon\n\ttext?: { value: string; useColor?: boolean }\n\ttooltip?: string\n}\n\n@Component({\n\ttag: \"smoothly-button-demo-standard\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButtonDemoStandard {\n\t@State() props: Options = {}\n\t@State() heightText: string = \"\"\n\t@State() lastButton?: HTMLElement\n\n\t@Watch(\"props\")\n\tupdateInputHeightText() {\n\t\tsetTimeout(() => {\n\t\t\tconst rootFontSize = Number(getComputedStyle(document.documentElement).fontSize.replace(\"px\", \"\"))\n\t\t\tif (this.lastButton) {\n\t\t\t\tconst heightPx = this.lastButton.clientHeight\n\t\t\t\tthis.heightText = `${heightPx / rootFontSize}rem (${heightPx}px)`\n\t\t\t}\n\t\t}, 100)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Button Standard</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)} looks=\"grid\">\n\t\t\t\t\t<smoothly-input-checkbox name=\"text.useColor\" checked>\n\t\t\t\t\t\tUse Color as Text\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"size\">\n\t\t\t\t\t\t<span slot=\"label\">Size</span>\n\t\t\t\t\t\t{[\"small\", \"large\", \"icon\", \"flexible\"].map(size => (\n\t\t\t\t\t\t\t<smoothly-item value={size} key={size}>\n\t\t\t\t\t\t\t\t{size}\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 name=\"text.value\" value=\"Button\">\n\t\t\t\t\t\tText\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio name=\"expand\" clearable>\n\t\t\t\t\t\t<span slot=\"label\">Expand</span>\n\t\t\t\t\t\t<smoothly-input-radio-item value=\"block\">block</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value=\"full\">full</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-select name=\"fill\">\n\t\t\t\t\t\t<span slot=\"label\">Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill} key={fill}>\n\t\t\t\t\t\t\t\t{fill}\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-checkbox name=\"disabled\">Disabled</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"type\">\n\t\t\t\t\t\t<span slot=\"label\">Type</span>\n\t\t\t\t\t\t{[\"button\", \"submit\", \"reset\", \"link\"].map(type => (\n\t\t\t\t\t\t\t<smoothly-item value={type} key={type}>\n\t\t\t\t\t\t\t\t{type}\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-checkbox name=\"rounded\">Rounded</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"icon\" menuHeight=\"8items\">\n\t\t\t\t\t\t<span slot=\"label\">Icon</span>\n\t\t\t\t\t\t{Icon.Name.values.map(icon => (\n\t\t\t\t\t\t\t<smoothly-item value={icon} key={icon}>\n\t\t\t\t\t\t\t\t<smoothly-icon name={icon} size=\"small\" tooltip={icon} />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input name=\"tooltip\" value=\"Tooltip\">\n\t\t\t\t\t\tTooltip\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t{Color.values.map((color, index, colors) => (\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tonClick={e => console.log(`Clicked button with color: ${color}`, e)}\n\t\t\t\t\t\t\ttooltip={this.props.tooltip}\n\t\t\t\t\t\t\tref={el => colors.length - 1 == index && (this.lastButton = el)}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\texpand={this.props.expand}\n\t\t\t\t\t\t\tfill={this.props.fill}\n\t\t\t\t\t\t\tdisabled={this.props.disabled}\n\t\t\t\t\t\t\tshape={this.props.rounded ? \"rounded\" : undefined}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\ttype={this.props.type}\n\t\t\t\t\t\t\tkey={color}>\n\t\t\t\t\t\t\t{this.props.icon ? <smoothly-icon name={this.props.icon} /> : undefined}\n\t\t\t\t\t\t\t{this.props.text?.useColor ? color : this.props.text?.value}\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t))}\n\t\t\t\t\t<div class=\"height-text\">{this.heightText}</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-5b65866f.js","mappings":"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","names":[],"sources":["src/components/button/demo/standard/style.css?tag=smoothly-button-demo-standard&encapsulation=scoped","src/components/button/demo/standard/index.tsx"],"sourcesContent":[":host smoothly-input-select smoothly-item {\n\tdisplay: flex;\n}\n\n:host .buttons {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 0.5rem;\n}\n:host .buttons > smoothly-button {\n\tmargin-block: 0;\n}\n\n:host .height-text {\n\tborder-left: 3px dotted rgb(var(--smoothly-default-contrast));\n\tpadding-inline: 1rem;\n\talign-content: center;\n}\n","import { Component, h, Host, State, Watch } from \"@stencil/core\"\nimport { Color, Fill, Icon } from \"../../../../model\"\nimport { Button } from \"../../Button\"\n\ntype Options = {\n\tfill?: Fill\n\tdisabled?: boolean\n\texpand?: \"block\" | \"full\"\n\ttype?: Button.Properties[\"type\"]\n\tsize?: \"small\" | \"large\" | \"icon\" | \"flexible\"\n\trounded?: boolean\n\ticon?: Icon\n\ttext?: { value: string; useColor?: boolean }\n\ttooltip?: string\n}\n\n@Component({\n\ttag: \"smoothly-button-demo-standard\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButtonDemoStandard {\n\t@State() props: Options = {}\n\t@State() heightText: string = \"\"\n\t@State() lastButton?: HTMLElement\n\n\t@Watch(\"props\")\n\tupdateInputHeightText() {\n\t\tsetTimeout(() => {\n\t\t\tconst rootFontSize = Number(getComputedStyle(document.documentElement).fontSize.replace(\"px\", \"\"))\n\t\t\tif (this.lastButton) {\n\t\t\t\tconst heightPx = this.lastButton.clientHeight\n\t\t\t\tthis.heightText = `${heightPx / rootFontSize}rem (${heightPx}px)`\n\t\t\t}\n\t\t}, 100)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Button Standard</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)} looks=\"grid\">\n\t\t\t\t\t<smoothly-input-checkbox name=\"text.useColor\" checked>\n\t\t\t\t\t\tUse Color as Text\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"size\">\n\t\t\t\t\t\t<span slot=\"label\">Size</span>\n\t\t\t\t\t\t{[\"small\", \"large\", \"icon\", \"flexible\"].map(size => (\n\t\t\t\t\t\t\t<smoothly-item value={size} key={size}>\n\t\t\t\t\t\t\t\t{size}\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 name=\"text.value\" value=\"Button\">\n\t\t\t\t\t\tText\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio name=\"expand\" clearable>\n\t\t\t\t\t\t<span slot=\"label\">Expand</span>\n\t\t\t\t\t\t<smoothly-input-radio-item value=\"block\">block</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value=\"full\">full</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-select name=\"fill\">\n\t\t\t\t\t\t<span slot=\"label\">Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill} key={fill}>\n\t\t\t\t\t\t\t\t{fill}\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-checkbox name=\"disabled\">Disabled</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"type\">\n\t\t\t\t\t\t<span slot=\"label\">Type</span>\n\t\t\t\t\t\t{[\"button\", \"submit\", \"reset\", \"link\"].map(type => (\n\t\t\t\t\t\t\t<smoothly-item value={type} key={type}>\n\t\t\t\t\t\t\t\t{type}\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-checkbox name=\"rounded\">Rounded</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"icon\" menuHeight=\"8items\">\n\t\t\t\t\t\t<span slot=\"label\">Icon</span>\n\t\t\t\t\t\t{Icon.Name.values.map(icon => (\n\t\t\t\t\t\t\t<smoothly-item value={icon} key={icon}>\n\t\t\t\t\t\t\t\t<smoothly-icon name={icon} size=\"small\" tooltip={icon} />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input name=\"tooltip\" value=\"Tooltip\">\n\t\t\t\t\t\tTooltip\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t{Color.values.map((color, index, colors) => (\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tonClick={e => console.log(`Clicked button with color: ${color}`, e)}\n\t\t\t\t\t\t\ttooltip={this.props.tooltip}\n\t\t\t\t\t\t\tref={el => colors.length - 1 == index && (this.lastButton = el)}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\texpand={this.props.expand}\n\t\t\t\t\t\t\tfill={this.props.fill}\n\t\t\t\t\t\t\tdisabled={this.props.disabled}\n\t\t\t\t\t\t\tshape={this.props.rounded ? \"rounded\" : undefined}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\ttype={this.props.type}\n\t\t\t\t\t\t\tkey={color}>\n\t\t\t\t\t\t\t{this.props.icon ? <smoothly-icon name={this.props.icon} /> : undefined}\n\t\t\t\t\t\t\t{this.props.text?.useColor ? color : this.props.text?.value}\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t))}\n\t\t\t\t\t<div class=\"height-text\">{this.heightText}</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-f1ab93b7.js → p-5bc54b34.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f765921a.js';
 import { A as And, P as Property, I as Includes, b as property, i as includes, a as and } from './p-caf09da9.js';
 import { d as defineCustomElement$2 } from './p-604f869e.js';
-import { d as defineCustomElement$1 } from './p-97116010.js';
+import { d as defineCustomElement$1 } from './p-e48ad105.js';
 
 const styleCss = ".sc-smoothly-filter-input-h{display:contents}.sc-smoothly-filter-input-h>smoothly-input.sc-smoothly-filter-input{flex-grow:1;min-width:10em;flex-basis:40%}";
 const SmoothlyFilterInputStyle0 = styleCss;
@@ -109,4 +109,4 @@ defineCustomElement();
 
 export { SmoothlyFilterInput as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-f1ab93b7.js.map
+//# sourceMappingURL=p-5bc54b34.js.map

package/dist/components/{p-f1ab93b7.js.map → p-5bc54b34.js.map}

@@ -1 +1 @@
-{"file":"p-f1ab93b7.js","mappings":"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","names":["selectively.And","selectively.Property","selectively.Includes","selectively.and","selectively.property","selectively.includes"],"sources":["src/components/filter/input/style.css?tag=smoothly-filter-input&encapsulation=scoped","src/components/filter/input/index.tsx"],"sourcesContent":[":host {\n\tdisplay: contents;\n}\n\n:host>smoothly-input {\n\tflex-grow: 1;\n\tmin-width: 10em;\n\tflex-basis: 40%;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { tidily } from \"tidily\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterInput implements Filter {\n\ttype: tidily.Type = \"text\"\n\t@State() needle: selectively.Criteria = \"\"\n\t@Prop() label: string\n\t@Prop() property: string\n\t@Prop() placeholder: string\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\tcomponentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0)\n\t\t\tfor (const rule of expression.rules) {\n\t\t\t\tconst criteria = this.isCriteria(rule, this.property)\n\t\t\t\tif (criteria) {\n\t\t\t\t\tthis.needle = criteria.needle ?? \"\"\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\telse\n\t\t\tthis.needle = \"\"\n\t}\n\tprivate isCriteria(criteria: selectively.Rule | undefined, key: string): selectively.Includes | undefined {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn (\n\t\t\t(criteria instanceof selectively.Property &&\n\t\t\t\tcriteria.name == property &&\n\t\t\t\t((criteria.criteria instanceof selectively.Includes && criteria.criteria) ||\n\t\t\t\t\t(criteria.criteria instanceof selectively.Property && this.isCriteria(criteria.criteria, rest.join(\".\"))))) ||\n\t\t\tundefined\n\t\t)\n\t}\n\tinputHandler(event: CustomEvent<Record<string, string>>) {\n\t\tevent.stopPropagation()\n\t\tconst needle = event.detail[this.property]\n\t\tconst manipulate: Filter.Manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\tlet result: selectively.Criteria = criteria\n\t\t\tconst newCriteria = needle ? this.getCriteria(needle) : undefined\n\t\t\tif (result instanceof selectively.And) {\n\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, this.property))\n\t\t\t\t!newCriteria\n\t\t\t\t\t? index != -1 && result.rules.splice(index, 1)\n\t\t\t\t\t: index == -1\n\t\t\t\t\t? result.rules.push(newCriteria)\n\t\t\t\t\t: (result.rules[index] = newCriteria)\n\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t}\n\t\t\treturn result\n\t\t}\n\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t}\n\tprivate getCriteria(needle: string): selectively.Rule | undefined {\n\t\treturn this.property\n\t\t\t.split(\".\")\n\t\t\t.reduceRight((r: selectively.Rule, e) => selectively.property(e, r), selectively.includes(needle))\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, property: string): boolean {\n\t\tconst [key, ...rest] = property.split(\".\")\n\t\treturn (\n\t\t\tcriteria instanceof selectively.Property &&\n\t\t\tcriteria.name == key &&\n\t\t\t(rest.length == 0 || (!!criteria.criteria && this.findInstanceOf(criteria.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-input\n\t\t\t\tname={this.property}\n\t\t\t\tvalue={this.needle}\n\t\t\t\ttype={this.type}\n\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}>\n\t\t\t\t{this.label}\n\t\t\t\t<slot />\n\t\t\t</smoothly-input>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-5bc54b34.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,6JAA6J,CAAC;AAC/K,kCAAe,QAAQ;;MCSV,mBAAmB;;;;;;QAC/B,SAAI,GAAgB,MAAM,CAAA;sBACc,EAAE;;;;;IAM1C,gBAAgB;QACf,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;KACtD;IACD,MAAM,CAAC,UAAgC;;QACtC,IAAI,UAAU,YAAYA,GAAe,IAAI,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACvE,KAAK,MAAM,IAAI,IAAI,UAAU,CAAC,KAAK,EAAE;gBACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;gBACrD,IAAI,QAAQ,EAAE;oBACb,IAAI,CAAC,MAAM,GAAG,MAAA,QAAQ,CAAC,MAAM,mCAAI,EAAE,CAAA;oBACnC,MAAK;iBACL;aACD;;YAED,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;KACjB;IACO,UAAU,CAAC,QAAsC,EAAE,GAAW;QACrE,MAAM,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC1C,QACC,CAAC,QAAQ,YAAYC,QAAoB;YACxC,QAAQ,CAAC,IAAI,IAAI,QAAQ;aACxB,CAAC,QAAQ,CAAC,QAAQ,YAAYC,QAAoB,IAAI,QAAQ,CAAC,QAAQ;iBACtE,QAAQ,CAAC,QAAQ,YAAYD,QAAoB,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC5G,SAAS,EACT;KACD;IACD,YAAY,CAAC,KAA0C;QACtD,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC1C,MAAM,UAAU,GAAsB,CAAC,QAA8B;YACpE,IAAI,MAAM,GAAyB,QAAQ,CAAA;YAC3C,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;YACjE,IAAI,MAAM,YAAYD,GAAe,EAAE;gBACtC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;gBAChF,CAAC,WAAW;sBACT,KAAK,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;sBAC5C,KAAK,IAAI,CAAC,CAAC;0BACX,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;2BAC7B,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,CAAA;gBACtC,MAAM,GAAGG,GAAe,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;aACzC;YACD,OAAO,MAAM,CAAA;SACb,CAAA;QACD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;KACzD;IACO,WAAW,CAAC,MAAc;QACjC,OAAO,IAAI,CAAC,QAAQ;aAClB,KAAK,CAAC,GAAG,CAAC;aACV,WAAW,CAAC,CAAC,CAAmB,EAAE,CAAC,KAAKC,QAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEC,QAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;KACnG;IACD,cAAc,CAAC,QAA8B,EAAE,QAAgB;QAC9D,MAAM,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC1C,QACC,QAAQ,YAAYJ,QAAoB;YACxC,QAAQ,CAAC,IAAI,IAAI,GAAG;aACnB,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACrG;KACD;IAED,MAAM;QACL,QACC,uEACC,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EACxC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IACzC,IAAI,CAAC,KAAK,EACX,8DAAQ,CACQ,EACjB;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.And","selectively.Property","selectively.Includes","selectively.and","selectively.property","selectively.includes"],"sources":["src/components/filter/input/style.css?tag=smoothly-filter-input&encapsulation=scoped","src/components/filter/input/index.tsx"],"sourcesContent":[":host {\n\tdisplay: contents;\n}\n\n:host>smoothly-input {\n\tflex-grow: 1;\n\tmin-width: 10em;\n\tflex-basis: 40%;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { tidily } from \"tidily\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterInput implements Filter {\n\ttype: tidily.Type = \"text\"\n\t@State() needle: selectively.Criteria = \"\"\n\t@Prop() label: string\n\t@Prop() property: string\n\t@Prop() placeholder: string\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\tcomponentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0)\n\t\t\tfor (const rule of expression.rules) {\n\t\t\t\tconst criteria = this.isCriteria(rule, this.property)\n\t\t\t\tif (criteria) {\n\t\t\t\t\tthis.needle = criteria.needle ?? \"\"\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\telse\n\t\t\tthis.needle = \"\"\n\t}\n\tprivate isCriteria(criteria: selectively.Rule | undefined, key: string): selectively.Includes | undefined {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn (\n\t\t\t(criteria instanceof selectively.Property &&\n\t\t\t\tcriteria.name == property &&\n\t\t\t\t((criteria.criteria instanceof selectively.Includes && criteria.criteria) ||\n\t\t\t\t\t(criteria.criteria instanceof selectively.Property && this.isCriteria(criteria.criteria, rest.join(\".\"))))) ||\n\t\t\tundefined\n\t\t)\n\t}\n\tinputHandler(event: CustomEvent<Record<string, string>>) {\n\t\tevent.stopPropagation()\n\t\tconst needle = event.detail[this.property]\n\t\tconst manipulate: Filter.Manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\tlet result: selectively.Criteria = criteria\n\t\t\tconst newCriteria = needle ? this.getCriteria(needle) : undefined\n\t\t\tif (result instanceof selectively.And) {\n\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, this.property))\n\t\t\t\t!newCriteria\n\t\t\t\t\t? index != -1 && result.rules.splice(index, 1)\n\t\t\t\t\t: index == -1\n\t\t\t\t\t? result.rules.push(newCriteria)\n\t\t\t\t\t: (result.rules[index] = newCriteria)\n\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t}\n\t\t\treturn result\n\t\t}\n\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t}\n\tprivate getCriteria(needle: string): selectively.Rule | undefined {\n\t\treturn this.property\n\t\t\t.split(\".\")\n\t\t\t.reduceRight((r: selectively.Rule, e) => selectively.property(e, r), selectively.includes(needle))\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, property: string): boolean {\n\t\tconst [key, ...rest] = property.split(\".\")\n\t\treturn (\n\t\t\tcriteria instanceof selectively.Property &&\n\t\t\tcriteria.name == key &&\n\t\t\t(rest.length == 0 || (!!criteria.criteria && this.findInstanceOf(criteria.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-input\n\t\t\t\tname={this.property}\n\t\t\t\tvalue={this.needle}\n\t\t\t\ttype={this.type}\n\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}>\n\t\t\t\t{this.label}\n\t\t\t\t<slot />\n\t\t\t</smoothly-input>\n\t\t)\n\t}\n}\n"],"version":3}

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { I as Input, S as SmoothlyForm } from './p-eb425cfd.js';
+import { I as Input, S as SmoothlyForm } from './p-19d93e64.js';
 import { E as Editable } from './p-ddd5bc95.js';
 import { d as defineCustomElement$2 } from './p-76531b32.js';
 import { d as defineCustomElement$1 } from './p-604f869e.js';
@@ -48,7 +48,7 @@ const SmoothlyInputReset = proxyCustomElement(class SmoothlyInputReset extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '00ce2610388bdfe4a860afc1eec4c91360ed0baa', title: this.tooltip }, h("smoothly-button", { key: 'f65ac219effa216faa6aeb8e8ef472b7656ce745', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, h("slot", { key: '5432ebbc44053abcfa66d760436a8218f413f58f' }), h("smoothly-icon", { key: '098d71829c81316bcdaf71a072c37d8334a505c4', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        return (h(Host, { key: '39b30b359df4e26ee2ea37795ec3c889307fb899', title: this.tooltip }, h("smoothly-button", { key: '2f17f35ab96330c7ce38bbc606fc06ab604d6a7b', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, h("slot", { key: 'de14ee9362b39ca6f25caa687b51333eb523748f' }), h("smoothly-icon", { key: '69b34f2f5ae89379635a245905a7d692726957e6', flip: "x", name: "refresh-outline", size: "tiny" }))));
     }
     static get style() { return SmoothlyInputResetStyle0; }
 }, [6, "smoothly-input-reset", {
@@ -89,4 +89,4 @@ defineCustomElement();
 
 export { SmoothlyInputReset as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-35b35841.js.map
+//# sourceMappingURL=p-5cd257ad.js.map