smoothly 1.69.0 → 1.71.0

package/dist/components/p-c2b1e2fd.js.map

@@ -0,0 +1 @@
+{"file":"p-c2b1e2fd.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,g7BAAg7B,CAAC;AACl8B,8BAAe,QAAQ;;MCKV,eAAe;;;;;oBACoB,KAAK;;IAGpD,MAAM,aAAa,CAAC,KAAY;QAC/B,IAAI,KAAK,CAAC,MAAM,YAAY,kBAAkB,EAAE;YAC/C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;YAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACxC;KACD;IAED,MAAM;QACL,QACC,gEAAS,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC7D,kEACC,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,EAC/D,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/summary/style.css?tag=smoothly-summary&encapsulation=scoped","src/components/summary/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n\n:host>details>summary {\n\tdisplay: flex;\n\tcolumn-gap: 0.25rem;\n\twidth: fit-content;\n\tlist-style: none;\n\talign-items: center;\n\tcursor: pointer;\n}\n\n:host>details>summary>smoothly-icon {\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n\n:host>details>summary:hover>smoothly-icon {\n\topacity: 1;\n}\n\n:host>details[open]>summary>smoothly-icon {\n\ttransform: rotate(90deg);\n}\n\n:host>details::slotted([slot=content]) {\n\tmargin-left: var(--smoothly-summary-content-indent, 1.5rem);\n}\n\n@media (prefers-reduced-motion) { \n\t:host>details>summary>smoothly-icon {\n\t\ttransition: none;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-summary\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySummary {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlySummaryOpen: EventEmitter<boolean>\n\n\tasync toggleHandler(event: Event) {\n\t\tif (event.target instanceof HTMLDetailsElement) {\n\t\t\tthis.open = event.target.open\n\t\t\tthis.smoothlySummaryOpen.emit(this.open)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<details onToggle={e => this.toggleHandler(e)} open={this.open}>\n\t\t\t\t<summary>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward\" fill=\"solid\" size=\"tiny\" />\n\t\t\t\t\t<slot name=\"summary\" />\n\t\t\t\t</summary>\n\t\t\t\t<slot name=\"content\" />\n\t\t\t</details>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-d6090a65.js → p-c4a1bbb8.js}

@@ -1,8 +1,8 @@
 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-754edcd2.js';
+import { I as Input, S as SmoothlyForm } from './p-ee2e6e07.js';
 import { E as Editable } from './p-ddd5bc95.js';
 import { d as defineCustomElement$2 } from './p-9a047645.js';
-import { d as defineCustomElement$1 } from './p-5af92463.js';
+import { d as defineCustomElement$1 } from './p-6ef8b1e4.js';
 
 const styleCss = "[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-reset-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-reset-h{display:inline}[disabled].sc-smoothly-input-reset-h{opacity:0.5}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset:empty,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:empty{border-width:0}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{padding:0.8em;min-width:8em}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-reset{padding:0.6em}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{padding:0.5em}[type=button].sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:100%}[size=large].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:130%}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-reset-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:not([disabled]):active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h:not([disabled])>button.sc-smoothly-input-reset:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type=\"input\"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type=\"input\"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type=\"input\"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
 const SmoothlyInputResetStyle0 = styleCss;
@@ -48,7 +48,7 @@ const SmoothlyInputReset = proxyCustomElement(class SmoothlyInputReset extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '03402f774cc1077ac04978b7a24610570f4200a6', title: this.tooltip }, h("smoothly-button", { key: '09ec36dfc4da0b052ed61f6a23e667aa9d6c2ad1', 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: 'baa523935f7234b05f9736f1172bfc6dd19a6956' }), h("smoothly-icon", { key: 'f6f2074febef0cc601f3a31b0c3244cc83631123', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        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" }))));
     }
     static get style() { return SmoothlyInputResetStyle0; }
 }, [6, "smoothly-input-reset", {
@@ -89,4 +89,4 @@ defineCustomElement();
 
 export { SmoothlyInputReset as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-d6090a65.js.map
+//# sourceMappingURL=p-c4a1bbb8.js.map

package/dist/components/{p-d6090a65.js.map → p-c4a1bbb8.js.map}

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

package/dist/components/p-cbe2fa98.js

@@ -0,0 +1,123 @@
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
+import { d as defineCustomElement$f } from './p-9e2ee779.js';
+import { d as defineCustomElement$e } from './p-4e754f3b.js';
+import { d as defineCustomElement$d } from './p-f893b6cc.js';
+import { d as defineCustomElement$c } from './p-ccbdacc9.js';
+import { d as defineCustomElement$b } from './p-3aed2b34.js';
+import { d as defineCustomElement$a } from './p-25651163.js';
+import { d as defineCustomElement$9 } from './p-8153821c.js';
+import { d as defineCustomElement$8 } from './p-3e89effc.js';
+import { d as defineCustomElement$7 } from './p-f5648051.js';
+import { d as defineCustomElement$6 } from './p-28d79a77.js';
+import { d as defineCustomElement$5 } from './p-7393ae40.js';
+import { d as defineCustomElement$4 } from './p-82c7b41d.js';
+import { d as defineCustomElement$3 } from './p-23a642e0.js';
+import { d as defineCustomElement$2 } from './p-8f210b4c.js';
+import { d as defineCustomElement$1 } from './p-2f9abfb1.js';
+
+const styleCss = ".sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}";
+const SmoothlyTableDemoGroupStyle0 = styleCss;
+
+const SmoothlyTableDemoGroup = proxyCustomElement(class SmoothlyTableDemoGroup extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: 'da018054a4b16d6fd81dc60fc9ddf3e4c77860c1' }, h("smoothly-display", { key: '51aa321cd3b22275ff7dc12e1b82b42fc1997c25', type: "text", value: "Group" }), h("smoothly-table", { key: '32aec70ba3bc78e572b118d0a7c796cf1b40a9cc', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '75374db74064f5ec5926b08baedffa2f553037e3' }, h("smoothly-table-row", { key: 'fc5e9fb16db4aaf96b005fdc08b0973fd94d5a6b' }, h("smoothly-table-cell", { key: '7ef43c21f5c4760cf379ebed4fd77a0c4263ef6a' }, "Date"), h("smoothly-table-cell", { key: '33f0ad771cb46b032661ff5b43d5fdc4dd6425bb' }, "Total"))), h("smoothly-table-body", { key: 'd74fc9dbf2cae53ad0dbb53412132e1090591a65' }, h("smoothly-table-row-group", { key: '7cd93d9bcc6ee81c60e96b402bd96dbb9db74725', align: true }, h("smoothly-display", { key: '3dcbc09dea2add837101f1ba69e90fa4a46edea9', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '6d5c82538e836f4e47c802b711a94876b77f3817', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '8a8c2bc2dcfb221fa92f01c7356340811d88996b' }, h("smoothly-table-cell", { key: 'fd6da924a5a26c7e8961c66ea2bb31f9f81d715a' }, h("smoothly-display", { key: '443b690dc480dad5705fa5e3841bb3c7a2c256da', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '6775c121dfef064a1c2536514fa8d38aeab30624' }, h("smoothly-display", { key: 'de6f0ce1d1f23d0b64059b9768834e0795ffc3db', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '4eedf3384b751068dbe9d7e54f77f0821658a24b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '2e86dcf3208a55f0c5a32013638e167dcc949fd3' }, h("smoothly-table-cell", { key: '3563fa6a11720be09e59404cc39f8c5b2c0932ec' }, h("smoothly-display", { key: '828d9102af9043b3af6f74d0dec9d474a85e4c87', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '4deb09e2dcdbccf59c02b7797e18561569ecba39' }, h("smoothly-display", { key: 'aa34dca36239d202565311e5e89bfc65832cb10a', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'e7716c3cf2fe6a6ffdfdbd386c12a8d4ce9e5549', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '07c2d59e74294030d8a5af6bf66cfbcb00f0c7fd' }, h("smoothly-table-cell", { key: 'c71040890a72916ad35b12ee588d6ba0420646b8' }, h("smoothly-display", { key: '68cb381ce234e38d8bbbfbfa47ea43d94e5e7ec4', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '2481c10a323c27700db2acd5912caf0ef974a23e' }, h("smoothly-display", { key: 'a1d92551f0d769e5e148f20225805f5d178cb40f', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: 'eab21ae8ceae4007183b890f0f843db056f75b3b' }, h("smoothly-display", { key: 'e3cab2799afc3b8220eeb5959ba349954d64f432', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '2c008844c5e33e2c94a71312bb83017bd2f5c21a', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '8fc307fb2ca022baaca2185e4ad07bb2ae1874b3' }, h("smoothly-table-cell", { key: 'bf8896a16335d24b7c454d865561e38fc9f7e18d' }, h("smoothly-display", { key: 'd390d1e203be30e671640ab40ecfc303cd2ad373', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'b7b0f8552e8553da4688617e91d1ec363cb76ac1' }, h("smoothly-display", { key: 'f15c573f1b1bda33e7e645648a38f27ba2b760c2', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '9e3b1abdc5531434bff506e5fd60e3cf2f5b1302', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '685d8ca397497da8c1d6284061b1f27c6d7dd0bb' }, h("smoothly-table-cell", { key: '617e0c3c1b7a30eb275ed475d42e705be7dfc5ea' }, h("smoothly-display", { key: 'afaa145b63c5a6b3627d5996381e2d5bda27172d', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '1b13e3bb4d32abd553a47dc62035d8334020a5d5' }, h("smoothly-display", { key: '9412d8622d09f5927efdc5bb3ec65c4def72af80', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '2587a7908fbc2573eda2a718aa748225f7e950e7', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'cacde2dbf4de84459496605e81d3164060ee33c6' }, h("smoothly-display", { key: 'c38877961cce544f5503aafdd7816d0ed732c1d2', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '6b14e1f8b1b25199c60f46aa721816e943a490d3' }, h("smoothly-table-cell", { key: '1d7f5ec04613837bd2b59dbcd2663411f4ed0cb6' }, h("smoothly-display", { key: '67307cd9c3ffd4c2c9efe340d7c83b8fbc4bc534', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'e8170034117e3be53d6d3c6244ae324d7314db52' }, h("smoothly-display", { key: '68169967a6b58da90e4829477b1eec315a7ac976', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'c202d836185afef6ef82f26c42dd88d7def426d9', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'd01d644c0eddfef155d11734bb446fec2c05bb45' }, h("smoothly-table-cell", { key: '25fc8925fbede3bbc1d8820ec1e45f2b24d5b667' }, h("smoothly-display", { key: '2173e747b53529897a2d8b59529a57e970b90315', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'ed4fe4b60e75f53e05c5a8db757402c61e7d70a0' }, h("smoothly-display", { key: 'ed5c13a807f6b72a357be497ce19453775ec46e8', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '45397867dde0889104541487e4583efb409b0b5f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '67aef82d4437f494d548dee5a43ce5cbfc5ab72f' }, h("smoothly-display", { key: 'b9eef7f0227a3724f179d0ee78c7a176f715f508', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '07f54cf1e98b36b00e51bf05b8510aed92e99235' }, h("smoothly-table-cell", { key: '72ffadaf8aef7fd69d22437dada51c9c42514440' }, h("smoothly-display", { key: 'da23b7948ee52423977da6fa03db5e17cc45b349', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '07341b7e77b18bd7f35f7ec19d8f0ce5125bd87b' }, h("smoothly-display", { key: '6aaa00ea2364f5aaf31dc25d2b349d21328fcdc5', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'bfc335f98ecd74084e50dc910e4c7aad297ad214', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '966c6857a25076214d04d9e3005140b544062217' }, h("smoothly-table-cell", { key: '62ceb6e434e519560be7626dd9b949eea5471cac' }, h("smoothly-display", { key: '865dd5f8b1c4d2b74696d6f70f19ae07fb31c01b', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'bd9f91491faa6a42777c05c12c98c3d2b6527ee2' }, h("smoothly-display", { key: '7605031ad04f719305c75913906d8ec1ecda1957', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'c5d8373f3f7d5bca502f9c1af9ced0f87d63d447', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '6aa2a583c922c3e2b54866a0a7b8367876fa71ba' }, h("smoothly-table-row-group", { key: 'e66a37d22790a34947db4aef076ff68fa775aba2' }, h("smoothly-display", { key: '026dfdfa13d81da7276a14aedc7624bf877d60a1', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '012e25ac22a4af1bf7c3da7e979faf9ef894b8eb', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '5aec00c528da5f999e9cdd4bf21cd9e2cb3ab503' }, h("smoothly-table-row", { key: 'b733662dbe7f3c4a635af51719531597e252c295' }, h("fake-cell-wrapper", { key: '8a20a4fe8699569b946e82d184df6ece1027ccc9' }, h("smoothly-table-cell", { key: 'b9719cb65467fec3ff95c44ed42ea7e28d58c47d' }, h("smoothly-display", { key: 'c875865ff95ae604ea72c3d7d4a44cce6c81d70f', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'a8e641b74ac5252beafd6a18270e9619123b5173' }, h("smoothly-table-expandable-cell", { key: '1c2a62ed15b03d462a1f03e01845546a7849caee' }, h("smoothly-display", { key: '593b8b35deb66e2870ee64e7cbbec8e954241986', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '0dea3b894850a75f3189b6d20594e4eebda93383', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '53a8d5e0edbbfae641257bde1d2957aa83bcf28c' }, h("smoothly-table-expandable-row", { key: '187e5073bd8a6b6beb9986b73374e271b7074e16' }, h("fake-cell-wrapper", { key: 'd92cc6581ce932ad32f87014d625fa8dbcd52ddb', class: "span-2" }, h("smoothly-table-cell", { key: '6d02637fd50db42ef9c00689fd83744fa6fa1930', span: 2 }, h("smoothly-display", { key: 'e7ac8d9d25dc03f6de7a75cb18f7e1287cbb0551', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'febf6353725027457a7adeab916a8620fff60404', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'e4d7e6a2d08b1ca22fa82e36bcac5626d174d917' }, h("smoothly-display", { key: 'e6c1395ac51f719ce119dbdfa01d14114460da99', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '003a6cbd69b50fb04252ec20c30c83b3ad7f2da2', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+    }
+    static get style() { return SmoothlyTableDemoGroupStyle0; }
+}, [2, "smoothly-table-demo-group"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["smoothly-table-demo-group", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-lazy", "smoothly-load-more", "smoothly-table", "smoothly-table-body", "smoothly-table-cell", "smoothly-table-expandable-cell", "smoothly-table-expandable-row", "smoothly-table-head", "smoothly-table-row", "smoothly-table-row-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "smoothly-table-demo-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SmoothlyTableDemoGroup);
+            }
+            break;
+        case "smoothly-display":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "smoothly-display-json":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "smoothly-display-json-object":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "smoothly-display-json-primitive":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "smoothly-display-json-record-key":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "smoothly-lazy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "smoothly-load-more":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "smoothly-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "smoothly-table-body":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "smoothly-table-cell":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "smoothly-table-expandable-cell":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "smoothly-table-expandable-row":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "smoothly-table-head":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "smoothly-table-row":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "smoothly-table-row-group":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SmoothlyTableDemoGroup as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-cbe2fa98.js.map

package/dist/components/{p-48dfd0db.js.map → p-cbe2fa98.js.map}

@@ -1 +1 @@
-{"file":"p-48dfd0db.js","mappings":"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","names":[],"sources":["src/components/table/demo/group/style.css?tag=smoothly-table-demo-group&encapsulation=scoped","src/components/table/demo/group/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n:host fake-cell-wrapper.span-2 {\n\tgrid-column: span 2;\n}\n:host>smoothly-display {\n\tdisplay: inherit;\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n/* Apply these styles to your element that is \n * wrapping one of these table components\n*/\n:host fake-group-wrapper,\n:host fake-row-wrapper,\n:host fake-expandable-row-wrapper {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n:host fake-cell-wrapper {\n\t/*                ↓ This is the column span. only needed if span != 1 */\n\tgrid-column: span 1;\n\t/* it can be any display that is not contents */\n\tdisplay: block;\n}\n:host fake-expandable-cell-wrapper {\n\tdisplay: contents;\n}\n","import { Component, Fragment, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-group\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoGroup {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Group\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row-group align>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type=\"date\" value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={510} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={250} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={260} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-03\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-04\"} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<fake-group-wrapper>\n\t\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-06\"} />\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t\t<fake-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={30} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</fake-row-wrapper>\n\t\t\t\t\t\t\t\t<fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper class=\"span-2\">\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-07\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-07T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t</fake-group-wrapper>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-08\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-cbe2fa98.js","mappings":"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","names":[],"sources":["src/components/table/demo/group/style.css?tag=smoothly-table-demo-group&encapsulation=scoped","src/components/table/demo/group/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n:host fake-cell-wrapper.span-2 {\n\tgrid-column: span 2;\n}\n:host>smoothly-display {\n\tdisplay: inherit;\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n/* Apply these styles to your element that is \n * wrapping one of these table components\n*/\n:host fake-group-wrapper,\n:host fake-row-wrapper,\n:host fake-expandable-row-wrapper {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n:host fake-cell-wrapper {\n\t/*                ↓ This is the column span. only needed if span != 1 */\n\tgrid-column: span 1;\n\t/* it can be any display that is not contents */\n\tdisplay: block;\n}\n:host fake-expandable-cell-wrapper {\n\tdisplay: contents;\n}\n","import { Component, Fragment, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-group\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoGroup {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Group\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row-group align>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type=\"date\" value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={510} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={250} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={260} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-03\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-04\"} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<fake-group-wrapper>\n\t\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-06\"} />\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t\t<fake-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={30} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</fake-row-wrapper>\n\t\t\t\t\t\t\t\t<fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper class=\"span-2\">\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-07\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-07T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t</fake-group-wrapper>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-08\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-92cf2e8f.js → p-ccbdacc9.js}

@@ -10,7 +10,7 @@ const SmoothlyDisplayJsonPrimitive = proxyCustomElement(class SmoothlyDisplayJso
         this.value = undefined;
     }
     render() {
-        return h(Host, { key: '49511754687e0d51dcac9ef0a4dc91da66838cac', class: this.value == null ? "null" : typeof this.value }, "" + JSON.stringify(this.value));
+        return h(Host, { key: '0e8d894d5b03272d4df6b648eef111b4efe5b236', class: this.value == null ? "null" : typeof this.value }, "" + JSON.stringify(this.value));
     }
     static get style() { return SmoothlyDisplayJsonPrimitiveStyle0; }
 }, [2, "smoothly-display-json-primitive", {
@@ -33,4 +33,4 @@ defineCustomElement();
 
 export { SmoothlyDisplayJsonPrimitive as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-92cf2e8f.js.map
+//# sourceMappingURL=p-ccbdacc9.js.map

package/dist/components/{p-92cf2e8f.js.map → p-ccbdacc9.js.map}

@@ -1 +1 @@
-{"file":"p-92cf2e8f.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,stBAAstB,CAAC;AACxuB,2CAAe,QAAQ;;MCMV,4BAA4B;;;;;;IAGxC,MAAM;QACL,OAAO,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,GAAG,MAAM,GAAG,OAAO,IAAI,CAAC,KAAK,IAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CAAA;KAC7G;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/display/json/primitive/style.css?tag=smoothly-display-json-primitive&encapsulation=scoped","src/components/display/json/primitive/index.tsx"],"sourcesContent":[":host {\n\tfont-family: monospace;\n\tdisplay: inline;\n\toverflow-wrap: anywhere;\n\twhite-space: pre-wrap;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host(.string), \n:host(.number),\n:host(.boolean) {\n\tfont-weight: bold;\n}\n:host(.string) {\n\tcolor: rgb(var(--smoothly-primary-color));\n}\n:host(.number) {\n\tcolor: rgb(var(--smoothly-secondary-color));\n}\n:host(.boolean) {\n\tcolor: rgb(var(--smoothly-tertiary-color));\n}\n:host(.null),\n:host(.undefined) {\n\tcolor: rgb(var(--smoothly-medium-color));\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-display-json-primitive\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDisplayJsonPrimitive {\n\t@Prop() value: any\n\n\trender(): VNode {\n\t\treturn <Host class={this.value == null ? \"null\" : typeof this.value}>{\"\" + JSON.stringify(this.value)}</Host>\n\t}\n}\n"],"version":3}
+{"file":"p-ccbdacc9.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,stBAAstB,CAAC;AACxuB,2CAAe,QAAQ;;MCMV,4BAA4B;;;;;;IAGxC,MAAM;QACL,OAAO,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,GAAG,MAAM,GAAG,OAAO,IAAI,CAAC,KAAK,IAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CAAA;KAC7G;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/display/json/primitive/style.css?tag=smoothly-display-json-primitive&encapsulation=scoped","src/components/display/json/primitive/index.tsx"],"sourcesContent":[":host {\n\tfont-family: monospace;\n\tdisplay: inline;\n\toverflow-wrap: anywhere;\n\twhite-space: pre-wrap;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host(.string), \n:host(.number),\n:host(.boolean) {\n\tfont-weight: bold;\n}\n:host(.string) {\n\tcolor: rgb(var(--smoothly-primary-color));\n}\n:host(.number) {\n\tcolor: rgb(var(--smoothly-secondary-color));\n}\n:host(.boolean) {\n\tcolor: rgb(var(--smoothly-tertiary-color));\n}\n:host(.null),\n:host(.undefined) {\n\tcolor: rgb(var(--smoothly-medium-color));\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-display-json-primitive\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDisplayJsonPrimitive {\n\t@Prop() value: any\n\n\trender(): VNode {\n\t\treturn <Host class={this.value == null ? \"null\" : typeof this.value}>{\"\" + JSON.stringify(this.value)}</Host>\n\t}\n}\n"],"version":3}

package/dist/components/{p-9354bc57.js → p-d3fa1e77.js}

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

package/dist/components/{p-9354bc57.js.map → p-d3fa1e77.js.map}

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

package/dist/components/{p-a5ef5c15.js → p-da1b8bb1.js}

@@ -1,7 +1,7 @@
 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-754edcd2.js';
-import { d as defineCustomElement$1 } from './p-5af92463.js';
+import { I as Input } from './p-ee2e6e07.js';
+import { d as defineCustomElement$1 } from './p-6ef8b1e4.js';
 
 const styleCss = ".sc-smoothly-input-checkbox-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-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-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-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-checkbox-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-checkbox-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-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-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{--smoothly-color-contrast:var(--smoothly-input-foreground)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}";
 const SmoothlyInputCheckboxStyle0 = styleCss;
@@ -80,10 +80,10 @@ const SmoothlyInputCheckbox = proxyCustomElement(class SmoothlyInputCheckbox ext
         }
     }
     render() {
-        return (h(Host, { key: '48e911f4f263fa8297da0a6c8cfb1f10c6452101' }, h("input", { key: '85fae454d387c08e3230e152b3eeb438e70d658a', type: "checkbox", id: this.id, checked: this.checked, disabled: this.disabled || this.readonly, onChange: async (e) => {
+        return (h(Host, { key: 'bb6f4d6ec2194928ec0e7f1c2a58cce9c49ac552' }, h("input", { key: 'ccd673f8d7279a26b2d303a0c0790793697fdf01', type: "checkbox", id: this.id, checked: this.checked, disabled: this.disabled || this.readonly, onChange: async (e) => {
                 this.checked = e.target.checked;
                 this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
-            } }), this.checked && h("smoothly-icon", { key: '7a73bb9eecedde52cfc9deed2829bd08953098a1', name: "checkmark-outline", size: "tiny" }), h("label", { key: 'ce433772084c15001f19c14069371b0a54acdd96', htmlFor: this.id }, h("slot", { key: '5781b02bde3f71aa630ff349957795a1da5ce4f2' })), h("span", { key: '53e73f569729773cb3bc19375dc1c412123be13f', class: "smoothly-checkbox-end-slot" }, h("slot", { key: '1ecbb533580629f53d20c434c648c1179262c328', name: "end" }))));
+            } }), this.checked && h("smoothly-icon", { key: 'c3bd2176759b4c069ba0c10d5a9bf471a47250a8', name: "checkmark-outline", size: "tiny" }), h("label", { key: '977f8c81a690951ead38770b7752b9b41f6dbb20', htmlFor: this.id }, h("slot", { key: 'ee849d646b9a22d5828283218d4cf69d0bdc44e9' })), h("span", { key: 'd014a1a601d3bd394104f9159bb3558dd8638b0a', class: "smoothly-checkbox-end-slot" }, h("slot", { key: '535f36bf90ec3183f5013ae7231ad7e323a173f0', name: "end" }))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -137,4 +137,4 @@ defineCustomElement();
 
 export { SmoothlyInputCheckbox as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-a5ef5c15.js.map
+//# sourceMappingURL=p-da1b8bb1.js.map

package/dist/components/{p-a5ef5c15.js.map → p-da1b8bb1.js.map}

@@ -1 +1 @@
-{"file":"p-a5ef5c15.js","mappings":"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","names":[],"sources":["src/components/input/checkbox/style.css?tag=smoothly-input-checkbox&encapsulation=scoped","src/components/input/checkbox/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tposition: relative;\n\tgap: .5rem;\n\tpadding-inline: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n:host:has(>.smoothly-checkbox-end-slot:not(:empty)) {\n\tpadding-right: 0;\n}\n\n:host>smoothly-icon {\n\tposition: absolute;\n\tz-index: 1;\n\tpointer-events: none;\n}\n\n:host>input {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tappearance: none;\n\theight: 1.25rem;\n\twidth: 1.25rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tdisplay: block;\n}\n\n:host:not([readonly]):not([disabled])>input,\n:host:not([readonly]):not([disabled])>label {\n\tcursor: pointer;\n}\n:host>label:empty {\n\tdisplay: none;\n}\n\n:host([disabled]),\n:host([disabled])>* {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-icon { \n\t--smoothly-color-contrast: var(--smoothly-input-foreground);\n}\n\n:host[looks=\"transparent\"] {\n\tbackground-color: transparent;\n}\n/* overwrite shared.css styling */\n:host[looks=\"transparent\"]:not([readonly]):focus-within {\n\toutline-color: transparent;\n}\n\n:host>.smoothly-checkbox-end-slot {\n\tmargin-left: auto;;\n}\n:host>.smoothly-checkbox-end-slot:empty {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } 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-checkbox\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputCheckbox implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputCheckboxElement\n\tisDifferentFromInitial = false\n\tparent: Editable | undefined\n\tprivate initialValue?: any\n\tprivate observer = Editable.Observer.create(this)\n\tprivate id: string\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ mutable: true }) checked = false\n\t@Prop() value?: Record<\"true\" | \"false\", any>\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\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.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.observer.publish()\n\t\tthis.id = \"id-\" + Math.random().toString(36).substring(2, 11)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputCheckbox) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\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<boolean> {\n\t\treturn this.value ? this.value[`${!!this.checked}`] : this.checked\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.disabled && !this.readonly && (this.checked = false)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\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.checked = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\tasync handleDisabledChange(): Promise<void> {\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"checked\")\n\tasync elementCheck(_: boolean | undefined, before: boolean | undefined) {\n\t\tthis.isDifferentFromInitial = !!this.initialValue != !!this.checked\n\t\tconst changed = !!this.checked != !!before\n\t\tif (changed) {\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tid={this.id}\n\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\tdisabled={this.disabled || this.readonly}\n\t\t\t\t\tonChange={async e => {\n\t\t\t\t\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{this.checked && <smoothly-icon name=\"checkmark-outline\" size=\"tiny\" />}\n\t\t\t\t<label htmlFor={this.id}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t<span class=\"smoothly-checkbox-end-slot\">\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-da1b8bb1.js","mappings":"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","names":[],"sources":["src/components/input/checkbox/style.css?tag=smoothly-input-checkbox&encapsulation=scoped","src/components/input/checkbox/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tposition: relative;\n\tgap: .5rem;\n\tpadding-inline: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n:host:has(>.smoothly-checkbox-end-slot:not(:empty)) {\n\tpadding-right: 0;\n}\n\n:host>smoothly-icon {\n\tposition: absolute;\n\tz-index: 1;\n\tpointer-events: none;\n}\n\n:host>input {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tappearance: none;\n\theight: 1.25rem;\n\twidth: 1.25rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tdisplay: block;\n}\n\n:host:not([readonly]):not([disabled])>input,\n:host:not([readonly]):not([disabled])>label {\n\tcursor: pointer;\n}\n:host>label:empty {\n\tdisplay: none;\n}\n\n:host([disabled]),\n:host([disabled])>* {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-icon { \n\t--smoothly-color-contrast: var(--smoothly-input-foreground);\n}\n\n:host[looks=\"transparent\"] {\n\tbackground-color: transparent;\n}\n/* overwrite shared.css styling */\n:host[looks=\"transparent\"]:not([readonly]):focus-within {\n\toutline-color: transparent;\n}\n\n:host>.smoothly-checkbox-end-slot {\n\tmargin-left: auto;;\n}\n:host>.smoothly-checkbox-end-slot:empty {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } 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-checkbox\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputCheckbox implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputCheckboxElement\n\tisDifferentFromInitial = false\n\tparent: Editable | undefined\n\tprivate initialValue?: any\n\tprivate observer = Editable.Observer.create(this)\n\tprivate id: string\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ mutable: true }) checked = false\n\t@Prop() value?: Record<\"true\" | \"false\", any>\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\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.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.observer.publish()\n\t\tthis.id = \"id-\" + Math.random().toString(36).substring(2, 11)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputCheckbox) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\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<boolean> {\n\t\treturn this.value ? this.value[`${!!this.checked}`] : this.checked\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.disabled && !this.readonly && (this.checked = false)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\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.checked = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\tasync handleDisabledChange(): Promise<void> {\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"checked\")\n\tasync elementCheck(_: boolean | undefined, before: boolean | undefined) {\n\t\tthis.isDifferentFromInitial = !!this.initialValue != !!this.checked\n\t\tconst changed = !!this.checked != !!before\n\t\tif (changed) {\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tid={this.id}\n\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\tdisabled={this.disabled || this.readonly}\n\t\t\t\t\tonChange={async e => {\n\t\t\t\t\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{this.checked && <smoothly-icon name=\"checkmark-outline\" size=\"tiny\" />}\n\t\t\t\t<label htmlFor={this.id}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t<span class=\"smoothly-checkbox-end-slot\">\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-0a4ae5ee.js → p-de7646e9.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-5af92463.js';
-import { d as defineCustomElement$1 } from './p-0b9a28d6.js';
+import { d as defineCustomElement$2 } from './p-6ef8b1e4.js';
+import { d as defineCustomElement$1 } from './p-3f805be6.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;
@@ -73,7 +73,7 @@ const SmoothlyFilterInput = proxyCustomElement(class SmoothlyFilterInput extends
             (rest.length == 0 || (!!criteria.criteria && this.findInstanceOf(criteria.criteria, rest.join(".")))));
     }
     render() {
-        return (h("smoothly-input", { key: 'dcdcf65e2456c0f1dc2e7f166f5b97284da86ece', name: this.property, value: this.needle, type: this.type, placeholder: this.placeholder, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => this.inputHandler(e) }, this.label, h("slot", { key: '2c358098ad7fc6fd230e562351dd721755db9f96' })));
+        return (h("smoothly-input", { key: '8e71fe5e757acf5ee4a4c09cb0fcb8d3121fd7c6', name: this.property, value: this.needle, type: this.type, placeholder: this.placeholder, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => this.inputHandler(e) }, this.label, h("slot", { key: 'ad5b42ba26c59a18c099b139387dab43c2afa695' })));
     }
     static get style() { return SmoothlyFilterInputStyle0; }
 }, [6, "smoothly-filter-input", {
@@ -109,4 +109,4 @@ defineCustomElement();
 
 export { SmoothlyFilterInput as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-0a4ae5ee.js.map
+//# sourceMappingURL=p-de7646e9.js.map

package/dist/components/{p-0a4ae5ee.js.map → p-de7646e9.js.map}

@@ -1 +1 @@
-{"file":"p-0a4ae5ee.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}
+{"file":"p-de7646e9.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}

package/dist/components/{p-c3586d99.js → p-e894cf0b.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$c } from './p-d1526680.js';
-import { d as defineCustomElement$b } from './p-54ef3bb3.js';
-import { d as defineCustomElement$a } from './p-88e81ef7.js';
-import { d as defineCustomElement$9 } from './p-92cf2e8f.js';
-import { d as defineCustomElement$8 } from './p-86c2773f.js';
-import { d as defineCustomElement$7 } from './p-a786ea58.js';
-import { d as defineCustomElement$6 } from './p-2e9815ef.js';
-import { d as defineCustomElement$5 } from './p-ad1e94af.js';
-import { d as defineCustomElement$4 } from './p-9d1eb839.js';
-import { d as defineCustomElement$3 } from './p-903dda51.js';
-import { d as defineCustomElement$2 } from './p-d2bdcaa5.js';
-import { d as defineCustomElement$1 } from './p-d8deaf7e.js';
+import { d as defineCustomElement$c } from './p-9e2ee779.js';
+import { d as defineCustomElement$b } from './p-4e754f3b.js';
+import { d as defineCustomElement$a } from './p-f893b6cc.js';
+import { d as defineCustomElement$9 } from './p-ccbdacc9.js';
+import { d as defineCustomElement$8 } from './p-3aed2b34.js';
+import { d as defineCustomElement$7 } from './p-3e89effc.js';
+import { d as defineCustomElement$6 } from './p-f5648051.js';
+import { d as defineCustomElement$5 } from './p-28d79a77.js';
+import { d as defineCustomElement$4 } from './p-7393ae40.js';
+import { d as defineCustomElement$3 } from './p-5c22b8e0.js';
+import { d as defineCustomElement$2 } from './p-23a642e0.js';
+import { d as defineCustomElement$1 } from './p-8f210b4c.js';
 
 const styleCss = ".sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}";
 const SmoothlyTableDemoSimpleStyle0 = styleCss;
@@ -21,7 +21,7 @@ const SmoothlyTableDemoSimple = proxyCustomElement(class SmoothlyTableDemoSimple
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '977a9a236bdc58b92537eb9e59471d0a9f96f00a' }, h("smoothly-display", { key: 'de2287987636880fd438c302ec32ae53ce5ae060', type: "text", value: "Simple" }), h("smoothly-table", { key: 'db6c0a4350940c52c42f7a62e779603d1d24642e', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '6f24d7d6df9ba70632cc9a6a3a7de4c4fddb9357' }, h("smoothly-table-row", { key: '5926b18987bd258fadada40f20e31564d4f3fb83' }, h("smoothly-table-cell", { key: 'e638bce27714ac724702bed7a73421cfc174be30' }, "Breed"), h("smoothly-table-cell", { key: 'c485f52d288ee7d77bc7c25e53c0732d97ff633b' }, "Coat"))), h("smoothly-table-body", { key: '4a19ab309d9e78eb79ba956c6de47d23cfeb7014' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '7c4d4c8880b6201a17ea01dbc6ff54184e03bdde' }, h("smoothly-table-cell", { key: '6aeb5582a777eb9a00d789a63f3b5675cf503ead' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '0d910b1f981cad29426c6b0ae3892d45744d52e9' }, "Expandable Cell", h("div", { key: 'e3af861b1c71174ddae9db05c7efac205eabab71', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '19237dde0a7d161d916df400dac0c630e2071c67' }, h("smoothly-table-expandable-cell", { key: '1f3ceb532b2d4daf26209e5843af467c7951efe0' }, "Expandable Cell 1", h("div", { key: '4c51f5923db22dc8bd490cb62d0f82f77a2bd184', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'af60140f0a30d28efcfa68c6d78b23efecd561f0' }, "Expandable Cell 2", h("div", { key: '51503983ed408252fd192f5c4acb2c8a426531a8', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '3917275eafd34d3ca597d28769fe0b73b1452b7f' }, h("smoothly-table-row", { key: '6eb9dfc7d00b63fc5bb3fbc394e0ac0f693a103c' }, h("smoothly-table-cell", { key: 'a88427c33d77c29ad3287c30fbbba4ecaa3a28d6' }, "Footer Cell"), h("smoothly-table-cell", { key: '35184dbb830297485e4faf77bc5444e1f59c1dd5' }, "Footer Cell"))))));
+        return (h(Host, { key: '3c44e473cd3c7a39000d80d2cd8f7d4f6259d28c' }, h("smoothly-display", { key: '4f67509b54850559c717b9c8feb45a61517537b5', type: "text", value: "Simple" }), h("smoothly-table", { key: '498414973d54fe1b049058d0c0d5db97911c759f', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '1cb4600f3bac84ed5a33240fece52904266cb058' }, h("smoothly-table-row", { key: 'cf64bbd77000b3d278ab7f8216d9cb0baf07150b' }, h("smoothly-table-cell", { key: '85f0427a93dcbe123fdb1e40cc35c1b84356ae75' }, "Breed"), h("smoothly-table-cell", { key: '4d8843cfa736067b351e06d852e55093e012cfea' }, "Coat"))), h("smoothly-table-body", { key: '93facc4b9d076dc19a5c4e8926c51bdc9d27068c' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: 'a6aace80a3161945f19daa5f5b47dc5af1569bcc' }, h("smoothly-table-cell", { key: 'a6a9bd8fa88a0008fbb320af534a45e32ac3705c' }, "Cell5"), h("smoothly-table-expandable-cell", { key: 'fc44f561b827ce8d002ed7787c11a0de6d68c3f6' }, "Expandable Cell", h("div", { key: 'a8f331b0b4b2e4acaf0fc46b9b11dc6cfb29d577', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'ce878da536b3f96454218e7ffde80c1c668503e9' }, h("smoothly-table-expandable-cell", { key: 'bf67df9a09086f2202e2654b0a219499ba63c6d6' }, "Expandable Cell 1", h("div", { key: 'efbbea44e97c4d4537d12f43528dc92587766c5d', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '50bcdf77eaf5b80f79ba333f0e6fe2abc2404e78' }, "Expandable Cell 2", h("div", { key: '402aa4ba61635738550d68d106755b48e60059f7', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '7fce823d7ac195d33d123493f98972b3337d4308' }, h("smoothly-table-row", { key: '15796d7fb9e7d1c5072682f7cb0ac17a0dd75a80' }, h("smoothly-table-cell", { key: '3d57499943e186926e3e5829ff1ee47db0737abb' }, "Footer Cell"), h("smoothly-table-cell", { key: '33376913bad1c9f73f6bbd23e7c6065247ac9ab9' }, "Footer Cell"))))));
     }
     static get style() { return SmoothlyTableDemoSimpleStyle0; }
 }, [2, "smoothly-table-demo-simple"]);
@@ -174,4 +174,4 @@ defineCustomElement();
 
 export { SmoothlyTableDemoSimple as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-c3586d99.js.map
+//# sourceMappingURL=p-e894cf0b.js.map