npm - smoothly - Versions diffs - 1.2.1-alpha.33 → 1.2.1-alpha.35 - Mend

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

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

Files changed (459) hide show

package/dist/collection/components/modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOpF,MAAM,OAAO,aAAa;;oBACsB,KAAK;wBAChB,KAAK;;~~IAIzC~~,WAAW;QACV,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,IAAI,EAAC,aAAa;YACvB,4DAAK,KAAK,EAAC,OAAO;gBACjB,4DAAK,KAAK,EAAC,QAAQ;oBAClB,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,IAAI,CAAC,QAAQ,IAAI,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAI,CACpG;gBACN,8DAAQ;gBACR,4DAAK,KAAK,EAAC,SAAS;oBACnB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD,CACA,CACP,CAAA;IACF,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-modal\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyModal {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) closable = false\n\t@Event() smoothlyModalChange: EventEmitter<boolean>\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyModalChange.emit(this.open)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host role=\"alertdialog\">\n\t\t\t\t<div class=\"modal\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t{this.closable && <smoothly-icon name=\"close-outline\" fill=\"solid\" onClick={() => (this.open = false)} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOpF,MAAM,OAAO,aAAa;;oBACsB,KAAK;wBAChB,KAAK;qBACU,QAAQ;;IAI3D,WAAW;QACV,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,IAAI,EAAC,aAAa;YACvB,4DAAK,KAAK,EAAC,OAAO;gBACjB,4DAAK,KAAK,EAAC,QAAQ;oBAClB,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,IAAI,CAAC,QAAQ,IAAI,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAI,CACpG;gBACN,8DAAQ;gBACR,4DAAK,KAAK,EAAC,SAAS;oBACnB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-modal\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyModal {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) align: \"top\" \| \"center\" = \"center\"\n\t@Event() smoothlyModalChange: EventEmitter<boolean>\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyModalChange.emit(this.open)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host role=\"alertdialog\">\n\t\t\t\t<div class=\"modal\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t{this.closable && <smoothly-icon name=\"close-outline\" fill=\"solid\" onClick={() => (this.open = false)} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/modal/style.css CHANGED Viewed

@@ -2,7 +2,6 @@
 	position: fixed;
 	display: flex;
 	justify-content: center;
-	align-items: center;
 	top: 0;
   left: 0;
   width: 100%;
@@ -15,6 +14,12 @@
 :host[hidden] {
 	display: none;
 }
+:host[align=center] {
+	align-items: center;
+}
+:host[align=top]>div.modal{
+	margin-top: calc((100dvh - var(--smoothly-modal-max-height)) / 2);
+}
 :host>div.modal {
 	display: flex;

package/dist/collection/components/next/demo/colspan/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextDemoColspan {
     render() {
-        return (h(Host, { key: '322f2b276edccd53dfbaeb0a69c3fa177b43cab4' }, h("smoothly-next-table", { key: '5f6c1454afd074f410af1bc58b9051e4cc4565a5', columns: 3 }, h("smoothly-next-table-head", { key: '996f681fb42d9fa100bb6c1db890d63b45380aaa' }, h("smoothly-next-table-row", { key: 'f60c3d4f82d89ff57af38bb496f40d6880e65946' }, h("smoothly-next-table-cell", { key: '59ecdb00d518b081233441162f059f0351886a01' }, "Date"), h("smoothly-next-table-cell", { key: '4a0fc107f01a3f5990a66d72567fabd5d724f9c0' }, "Skip"), h("smoothly-next-table-cell", { key: 'dd73ce38da65de83632820b21af6f05ee07c3828' }, "Total"))), h("smoothly-next-table-body", { key: 'fbcd74ddfd81ca8b654a52045f9ac67a2ba086af' }, h("smoothly-next-table-row", { key: '974ebd927a3349cc5cee1a5f07456b8a9d04ed3c' }, h("smoothly-next-table-cell", { key: 'e23508ac94205d46507bf4035327ba6b8de1c59c', span: 2 }, h("smoothly-display", { key: 'ce6dec493c93ab4b56ab766b18a887a5c04b9a88', type: "date", value: "2024-01-01" })), h("smoothly-next-table-cell", { key: 'b0e802c95f68f126a100154ad9141fc96d4683bb' }, h("smoothly-display", { key: '7deb4d4111349fef3aba452cda451f362803ab46', type: "price", value: 120, currency: "EUR" }))), h("smoothly-next-table-row", { key: '77fe0794effe69b2000fbdb83868ed0553d0272b' }, h("smoothly-next-table-expandable-cell", { key: 'ac46fc6b2e2e86c40841ba4a3454e67dbf7879fa', span: 2 }, h("smoothly-display", { key: 'a8a251e544f1a96f0def89f33431b93d19199e8c', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '707e9fa0004e99b78f509049ae4f8e1abb5aaeb9', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-next-table-expandable-cell", { key: 'e94393b2fe556d7a9a66d01f210bf78be31145e4' }, h("smoothly-display", { key: '3e9fe0dd066923340c8b6950ac5658280bb4b3ca', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '000469e04b9c9c1decf3bcddf9dae83d57bce855', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-next-table-row", { key: '1ac46694973e9a7d6ed7b0f963b0821627a9ad60' }, h("smoothly-next-table-cell", { key: '6ce70e4a0ba8adc455e96d66c4242730e332dbc4' }, h("smoothly-display", { key: 'b63c0e82edf8c8d461b5bb4127724fef865b98b0', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '52cfc79ba1e09a72172d85510627bdad36096874' }, "Not Skipped"), h("smoothly-next-table-cell", { key: '26e4310cfde062fd1bb1edaf4d70e00007633906' }, h("smoothly-display", { key: '5f7a96c719a12e7acbc7a26d10e5e39abb9c5cef', type: "price", value: 320, currency: "EUR" })))))));
+        return (h(Host, { key: '9fae5ae5fd52417900b85cd1b7286226211988ae' }, h("smoothly-next-table", { key: '7fa918696ff0cbc055fc9679fada1682d83c30db', columns: 3 }, h("smoothly-next-table-head", { key: '953b379bc04dfbc70c48555be37634cc633bbe89' }, h("smoothly-next-table-row", { key: 'a57b92a5a37e839f5de4e33d2d0b1c36dfea9c4d' }, h("smoothly-next-table-cell", { key: '93aae315bf7dd8067602f31497c7d88453551d4c' }, "Date"), h("smoothly-next-table-cell", { key: '691050621549e189413af27ad3abebd7b1d06631' }, "Skip"), h("smoothly-next-table-cell", { key: '769cca5e01095fd8c4a99f9c88d0c5ee605c0ce6' }, "Total"))), h("smoothly-next-table-body", { key: 'ba10a91dc9b7dd6e36c5251316365054190e5f65' }, h("smoothly-next-table-row", { key: '0ef1e28d588a03cd17c49ec4b311d049404722df' }, h("smoothly-next-table-cell", { key: '2f01f179122351a37aa4d9bfee49c3a9f7a9f1b0', span: 2 }, h("smoothly-display", { key: 'cdce0e78b6cc01a43fcad4cf4f8f2ef985b3b51e', type: "date", value: "2024-01-01" })), h("smoothly-next-table-cell", { key: '5d17373e81827518dfb5e719b6501aa2cad32f56' }, h("smoothly-display", { key: 'ac37b31a93d75ec0cc51b8f026a044fd5c38968c', type: "price", value: 120, currency: "EUR" }))), h("smoothly-next-table-row", { key: '96632fe65093c0a5ffb0a99f13bbe673144e3cf6' }, h("smoothly-next-table-expandable-cell", { key: 'ccfd950b1e3f891501de681727fb04e30eb3e644', span: 2 }, h("smoothly-display", { key: '133eab18da8f74a9b5a1b062c503d517fd6f5483', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '0038fc2344f62cd389599c8259b1c688c6d84e1f', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-next-table-expandable-cell", { key: '52ca0b3bc98dd236105cbd1070840f911f7088b1' }, h("smoothly-display", { key: '835f4f495f37982e3eeccf4fd1fd52b3bf06a884', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '294b4a0bd1348ceafeb2bc97e7dd91ca7adfd1c2', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-next-table-row", { key: 'a816070b9f7e2452e454c068ba820936158d32a9' }, h("smoothly-next-table-cell", { key: 'ba8caee508c08f738a05f94d77f94afff212a044' }, h("smoothly-display", { key: '12e4191c74895446481c8ef2b18c562139f63781', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: 'ac0a9f374fa3213b236b61eb703b8817f7e36faf' }, "Not Skipped"), h("smoothly-next-table-cell", { key: '1281d3957bb7ba877a594c1b3fd39e659ebe6a95' }, h("smoothly-display", { key: 'e861b9022b6ade127f99014d24cb2a4767733f51', type: "price", value: 320, currency: "EUR" })))))));
     }
     static get is() { return "smoothly-next-demo-colspan"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/demo/filtered/index.js CHANGED Viewed

@@ -27,18 +27,18 @@ export class TableDemoFiltered {
     }
     render() {
         const cats = this.cats && selectively.filter(this.criteria, this.cats);
-        return (h(Host, { key: '4c341fbd43b5bbd2e04c1e2ee00a07c7ea045202' }, h("smoothly-display", { key: '7bbe6ef242a6a1c3a7e2567025a6047c60545a13', type: "text", value: "Filtered" }), h("smoothly-filter", { key: 'c1ab30a5084a12a02a9b06ceb29ee696e8a169ae' }, h("smoothly-filter-toggle", { key: '903bf17689829b658b49940f6bec29a2433480e8', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '66c99d6f0203db09a0d910e7b8a400c0f38a7170', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '2dfaa749577006dfe8f3e2b8e515982bfd55717e', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '6ad16fcad1526fc789ab40a0129a26e8db89bf69', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '332596b7bcdee9807e13ed624d5ad86f1801cb7f', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
+        return (h(Host, { key: 'c404d58def3c3f7914736425f44b84ed0cf62441' }, h("smoothly-display", { key: 'a9cbe527936a663f454e7946397404f0d61af565', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '00613bd320d8e7d244649e3aabb4ef8f35626abf' }, h("smoothly-filter-toggle", { key: 'dfdb7ef8c4ee1cb66836d1577a2b0315d3fc94ab', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'a53b725089f7909b8dba61c681be67f3b6a22648', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'a9946e90151c488dca6cf485aecb7e9280eab2b1', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '4d77c916108266c02800615a85ac4e86c035d002', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'fc584e7577ae6cf7ffcf3cbb4376a113bca12041', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h("div", { key: 'b40256e9e0600b770e75347692db324557948d9c', slot: "detail" }, h("smoothly-form", { key: 'c8183d8e51d0d8fa8a213cb045f638e04164dc3d', looks: "border" }, h("smoothly-filter-select", { key: 'fc0e067002129f9b75d65b5828ef8f0fc1dfce40', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), h("div", { key: 'cd47ae3e7fde506a0fee97fccc62a0fe2cb13758', slot: "detail" }, h("smoothly-form", { key: '843a2f2d18ff4a5d226362c05271de9fdd208370', looks: "border" }, h("smoothly-filter-select", { key: 'ad9c7bf21e573c01fdadd3ebfe6bdc0a1ef58cf5', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h("smoothly-filter-select", { key: 'ea9b038234c2e2a257f20f2a3d974e0abd99f12d', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
-            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: 'a49b3b47fe6793d1e58e4accb61d4ae2f03fb45b', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), h("smoothly-filter-select", { key: 'f9e28061b92518d2f2c6fb76bab76232ea21611b', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
+            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '20950cf227e487754578871d8cbf7f5d1ec341aa', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
             .flat()
-            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '8a4b00297e311b4d553e92aa83505f2e237fdb1b', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '0d50a452467c6d24e94e881b25082a7fa68eec9e', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-next-table", { columns: 4 }, h("smoothly-next-table-head", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cats)), h("smoothly-next-table-cell", null, "Breed"), h("smoothly-next-table-cell", null, "Coat"), h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cat)), h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-next-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-next-table-foot", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
+            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '4ae6421aeff8d0d33c4d1241e27af31cfc58a536', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'd9b10a96f555bc1ca6f468a58309cce0eab8fe35', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-next-table", { columns: 4 }, h("smoothly-next-table-head", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cats)), h("smoothly-next-table-cell", null, "Breed"), h("smoothly-next-table-cell", null, "Coat"), h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cat)), h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-next-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-next-table-foot", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
     }
     static get is() { return "smoothly-next-table-demo-filtered"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/demo/group/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Fragment, h, Host } from "@stencil/core";
 export class SmoothlyNextDemoGroup {
     render() {
-        return (h(Host, { key: 'd04e8c35153417e76bba14acd36ea4ca7a55c3ec' }, h("smoothly-display", { key: '45973c766fa5e9f2de58fb465f175142a750e3db', type: "text", value: "Group" }), h("smoothly-next-table", { key: 'cfd126eb4d264e375b58967c659235d736b50c3d', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: 'c3c4ce2044e020cf2745fa8dc40df3c19ca24f63' }, h("smoothly-next-table-row", { key: 'fad438c3509dfff4df18082c0b57cb650895e546' }, h("smoothly-next-table-cell", { key: 'a53c5c4be617d724e5bc05d2511f983f85b3172f' }, "Date"), h("smoothly-next-table-cell", { key: '4d058ee9aa113d8ef0148b96e166ea774967d144' }, "Total"))), h("smoothly-next-table-body", { key: 'e0f0747e86439ff3d90f3a6171ca282731eaf358' }, h("smoothly-next-table-row-group", { key: '15511e13439150b8a92d52391f21b01d9be82b8a', align: true }, h("smoothly-display", { key: 'd6025dfbbd9a9b4d0fa0a7903937d3ad372201a5', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'e0741caeb2ae307a4307ddb757b38fe536c32122', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: 'cf3287e8015acf361d1590fa81f364c3a511a661' }, h("smoothly-next-table-cell", { key: '7aa5daa4614bab82c0483f39f7d1fc552c6315ff' }, h("smoothly-display", { key: '2edbf7c3201bf10ab21941bd7cd6496307cd770d', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '1bf0b2f56c52546c8691a812c7fb689608580fe2' }, h("smoothly-display", { key: '05a8761b2b0cb683363709c4ec5371a824abfa71', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '17b67e01e33757832dffa10015a31affe9500036', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '28f2b114fb220d0adfebdbdae124bb2472ca30d6' }, h("smoothly-next-table-cell", { key: 'a200b2197ab8b94e9b3c7e95824f9af8a835e79e' }, h("smoothly-display", { key: '9a688195d0a5905f540197085211c6f1e5216d17', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'b20029908c653d5faba884752364c3b3a5876e05' }, h("smoothly-display", { key: '8784939571b6805fd657ada73847695e8fa0163f', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'b9be8d6d6176960f7a049c20c2edbc14fa88cd45', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: '668ce58755d59879479a02ff46f54a31053fae0f' }, h("smoothly-next-table-cell", { key: '7e14ed0793eaf28b4b30a1977d866de86d16d564' }, h("smoothly-display", { key: 'd5db14298acd3818a28504fdf90157be80806beb', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '8be549ef0cb3aca8cc88bfb5d7f7d80c10d1d085' }, h("smoothly-display", { key: '73e18de7dc992c7bbf44afe16b1f9d2fdbf1dbdb', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: '587669b4c01cd33711a28c8f8d2ffa51f4a42ac4' }, h("smoothly-display", { key: '28954087fb6438f6ac144677d95ca4ce8ddf1db4', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'bff26087e74f633be84cfdaa1b2b3c0c2212644d', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '045e21ff3f3e7369e5c22227165fd6924e95a7df' }, h("smoothly-next-table-cell", { key: 'd48c17ad4d6ad581967bdf285d6f48f8ddd3a2eb' }, h("smoothly-display", { key: 'd035a6fab995d18389b87320dffd61142acaf3da', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'cbdca0f53679358b66b71c0d0d5ea6162e07cacc' }, h("smoothly-display", { key: '2550e158ae294def827bee82d598c428e300f77c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '808b6848a47f39544c75106c8fe52d67946cdba1', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'ca2f239d8db4b65c5ec053c606fb78ba9afb3d92' }, h("smoothly-next-table-cell", { key: 'b323b68935ab2a21bff9c48795bcdd899ea8c82c' }, h("smoothly-display", { key: 'b80e960842a48f8d9f7444dfd15794eeb881a992', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'edb157281e51e08030d353e22d5f3622c03fe82c' }, h("smoothly-display", { key: 'c340c065598212a016fd43052b69a326350a7e7b', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'e123201f6341fb44b62818e793a5e7c2c34e323f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: 'a766e561ba2f5f270c394ee301c650c2d76a6884' }, h("smoothly-display", { key: 'f87ae1dd2860d7a5ed692157b87ba3dd2efb8611', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: 'a6fdb5701da825cf3c9fcf8d695e808cc2e5874f' }, h("smoothly-next-table-cell", { key: 'a72fae772e958d7d22a688db3a2a81d0c4abf29b' }, h("smoothly-display", { key: 'd4f6c8135a71be2eae4fdae73260aeca39a1ee38', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'd039c7016265c977cfef3525e3222c03362fce99' }, h("smoothly-display", { key: '50ec614595e3ff2344b243315649d4535c64eb06', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'c1434b0eb47245530e0819275a1cee6ef8271e2c', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'e9e6ebcdd9cef452818d28c71c596a1242b0f205' }, h("smoothly-next-table-cell", { key: '2733ff9bc8e16e4acc0a6d9e9c8cc9d886c44558' }, h("smoothly-display", { key: '33c4db0fbed9d0221091032fdbb4c1b6c8c5f30b', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '3b29e90b233fd7260c04ca449b65e3f7173c090f' }, h("smoothly-display", { key: '978af4218d9af91ff45a462ad6792e5e9eb37a3e', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '66218c9e216b8e4f976442b0fd177ade75ddc42a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '446d0e34d7ccc20a433933864f46f14b6a4c12e9' }, h("smoothly-display", { key: 'f7c4e5c34c0ccb49c07180d54cc576abd3304108', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: 'b9cc6547eb1b3a0bfd7c8825651807b11b86ee40' }, h("smoothly-next-table-cell", { key: 'c61156c4d46d9ed051e50a3728c0f1c6e5f11102' }, h("smoothly-display", { key: 'c7ec764a0932d07bf8bbe8f5c9c2874d24e71c7d', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'f516de923e16af3f1d81638d9944d3fc29ad011d' }, h("smoothly-display", { key: '4be7e012c8849ab7c16c248caecc4fa7cb07473b', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'f92b87c1c882a17362d34fd7113201115a1fc6f9', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '3585351b9a566e40a1a81d3d04e65c3d71ab3489' }, h("smoothly-next-table-cell", { key: '4985799bacb6611fc366e079989eb8b96cbef8f7' }, h("smoothly-display", { key: 'c932c83068a8786d70e88eda742172a85ad3bc12', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '0d3a603683cd7198c47f98a5c2fa04b8d5ed7ed5' }, h("smoothly-display", { key: '72e4a955d95f296bb1b4e23fc516bfa2318a603d', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '90f148647cea3373df3842c92b3dd3e1af24de89', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '77c771394227915988cb8045248c3bdc9d3e7da8' }, h("smoothly-next-table-row-group", { key: '1e309ad2bc941f611621adad1ee35d1426d373bb' }, h("smoothly-display", { key: 'aeb8df50733526bce7d1c2b45c7e662fdf4a27c1', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '23234d0f7215037c4e0e4a391acf1a224a822a4e', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '1441d65eac330485a0d67ba4da04794701c2a3f3' }, h("smoothly-next-table-row", { key: '99169f5e4843630a88cf4ba2feb8995dd1c7a6e9' }, h("fake-cell-wrapper", { key: 'f8728758cf1fd2820aa3495a7b14752bf2b454bb' }, h("smoothly-next-table-cell", { key: 'a9a795b78df65f1ace69e3a68420a1eaa12f76c9' }, h("smoothly-display", { key: '671e72183571983d83cfc9bb12c8ca42289e28bd', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'f63a4cf639ce50a82ebb1215b28198307009498a' }, h("smoothly-next-table-expandable-cell", { key: '79077527b9db7986243558f6283a57976fbaaf52' }, h("smoothly-display", { key: '4a1684618784970112d56021e33f072efaa8a7af', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: 'e0804b12698c1f69cf02f1ddbea48e6657405881', 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: 'f5ca21a477eb968f7e368966b21e94e215ef7f6e' }, h("smoothly-next-table-expandable-row", { key: 'aa84b462d7f31077d57b2edcec07bb964fd22a13' }, h("fake-cell-wrapper", { key: '19dd81792f7b4c6e194ddcfbbc3487faee27a5b2', class: "span-2" }, h("smoothly-next-table-cell", { key: '0d7c1e44d6ec12f464b3397f2cdb33bee34babc6', span: 2 }, h("smoothly-display", { key: 'f29965447072706a42077fc644b9edfc2851eee6', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '66bf15ee9b7ac24ac4807bb12aef379d8bd2e34e', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: '8e7fd297cab98d86eebd601f8a88e28d2a617602' }, h("smoothly-display", { key: 'bee4e8292c9a724d39fe4595d8b126905874e2ec', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '0b2dee430ae48168b00c93e5550e6746bd608025', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+        return (h(Host, { key: '6812f172370b2f33eff4df66ce64cba3ea507950' }, h("smoothly-display", { key: '34e7fcda101824ebc5c838fd8a86b6c0b53f4e6d', type: "text", value: "Group" }), h("smoothly-next-table", { key: 'ad19427f7f4f5429852c813e96f558703f0d896a', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: '5d6082020030f6f62061d4478c09f133937e6f9f' }, h("smoothly-next-table-row", { key: 'a6429aace4d69831d5dfbfa202edd32c2a0be838' }, h("smoothly-next-table-cell", { key: '67907d0e1f8b428f2e830a34e4431f94f2c31d92' }, "Date"), h("smoothly-next-table-cell", { key: '4fd987d8b36cb50c326f0a244e6aeed180c584cb' }, "Total"))), h("smoothly-next-table-body", { key: '08a6d5633c917d73b34bb1c3794ebb19cc58693c' }, h("smoothly-next-table-row-group", { key: '2ef152f2278b642de82a4419320e079d8bdf2917', align: true }, h("smoothly-display", { key: 'f0c7e2c271d99ecbeb3b02bb118b1770f90c788c', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '738562449da05e24eddaf2b1a8870eb77eb871f4', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: '6f2e6dd98f8ea4e8fe1fa0a5d89c65e040618e35' }, h("smoothly-next-table-cell", { key: '2033c732353e85743f88579d81e799fffbb8767a' }, h("smoothly-display", { key: '29caa5fd660855ce740b9a5e62030f7ddab88d75', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '8d52795adea316c6b0a6582a56b1506304362e0c' }, h("smoothly-display", { key: '54c0b7d38b5d001693909e40c835a905bf06f18e', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'afc33b08bdaa21b1c2b9718c6a3a20947ef4ccec', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '003bc5f38a5a893f2f175a167d36aacb4e66bf55' }, h("smoothly-next-table-cell", { key: '7679e43a33148cb91858ca51c1e003fefa54fbea' }, h("smoothly-display", { key: '323ed36c5717aa2744dc8a0e4dd2179b992be795', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '44f86caf0ab0eccc70b0daaeb61dd4a02673727d' }, h("smoothly-display", { key: '7a0385eda926bc3685c178bd90bc62e1c40609e1', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '2823addb8cb61d132f28fec06b201b669fe8a8df', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: '49de0ac612ab238e713281237c302c6b2d3fb08b' }, h("smoothly-next-table-cell", { key: '17badf73bb16e2e2d032cfdc9c83242cf962fe90' }, h("smoothly-display", { key: '37e150c03c577e514d1ffa2d520e92252ccf08ce', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '6df8ac2e9838332a15eaad0e1b5fdf3385d11fe0' }, h("smoothly-display", { key: '3ef7763132aa6820b981f80c08670949126ce1e4', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: '5e52abbedd65ce832012b2851f866334d63f6ca4' }, h("smoothly-display", { key: '29a670d47bb52e16ffcf455ca2526172877901c6', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'aa1d996473e2ccdd5b9b808150538d8c6c3dbe4f', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '7270edcce4b824073f410b284a65e3bb88057f0c' }, h("smoothly-next-table-cell", { key: '8a25cb24a0794394c5a5a8bc95e2edb7efaa25f1' }, h("smoothly-display", { key: '22dc2fb4fd39a8647f88559cde0bb36b2a3d0d64', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'b09d3259d98629932d8f65ac5b7cf0b4b9eb69f5' }, h("smoothly-display", { key: '81f0c27f64cad92003cf51ab291a4c3633dc0d46', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '19164346935e3b584774e91f9339c0044fbb1125', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'ceb7e2376ad4572abe07e9a6a3dc032278583e7b' }, h("smoothly-next-table-cell", { key: 'af444c1d74c4b7698a9d475802340e8923841dbe' }, h("smoothly-display", { key: '6019baf37aed2aeab3acd6a801e05d2e416e8269', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '755825e84e1f80b5266ab4f212761b752c1a5f01' }, h("smoothly-display", { key: '5489a5f9482863aa3016af95e7bef41977f9a038', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '3e8c4bfb8d26f580bb0a67f16e6bdb0b3d24b0d2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '1415ea3d2c7dbdbad280b377d34dd46c6d1f2d6b' }, h("smoothly-display", { key: '6968e1670f576d4f3d0aef3b55369e9bcad51a92', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: '3e4f458a90d9845f29ba2220e1d5ac54f4b0e83e' }, h("smoothly-next-table-cell", { key: '005d4bb9cf77c6776f58e48b7e09ae3e297dca41' }, h("smoothly-display", { key: '7f71630981bc0f89d99fc6ee9cc5231a6053a12f', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'cca41e35a46199eb5282b209b0d9dd40af0a40b7' }, h("smoothly-display", { key: 'c141ca1622aac2802fc9a6c2eadc6427f33ecddc', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'ee6f89969c77c83a545e7350016723efd15b6920', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'bd9fbcbab9f33fc30845cb6d6768483f6a5e3b4a' }, h("smoothly-next-table-cell", { key: 'f27f36c7ac11adf79cd434601a906b12927bf8ed' }, h("smoothly-display", { key: '5e167c7a000590aa9ad80d10df9c8a6700305ee1', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '4affa13546c2802454f88874ede921d609c9d1c2' }, h("smoothly-display", { key: '6e6d9f7fb5cc6978f16dae939d54a9a86e589088', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '2fb8b325d27a7491ec3350b66105bd46b2740057', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '28c5673d8e2b70ba2d46aa7b573b3e28f829a78d' }, h("smoothly-display", { key: '257db1a81e89f3ab4baeaca246e338a60733e044', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '2589b697446de13a1803a46555f538c8183a91ef' }, h("smoothly-next-table-cell", { key: '3242eac11e4baefe389723e5dfa01aea00b9bf4d' }, h("smoothly-display", { key: 'a9024aeffa7c484a641625141c5c503e2437694f', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '11abfc5a4c581cf603a2d177956dec6b9943785d' }, h("smoothly-display", { key: '59d018ad4bd98109206d36ad7506e7193b3b9e1b', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'e6e9bc6ab1dbd9a199aa8b9a0a6269d6879a8538', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '013fef3e59696278aaf3330cd3ff8fc8a74f8302' }, h("smoothly-next-table-cell", { key: '88994bcdaa43d1bc01f4b0bcf632899690403ad4' }, h("smoothly-display", { key: '34b22b944b032128277471dfed92934e774d74f4', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'a49b3e12ae016f2f1a7bca634e1640bf92880883' }, h("smoothly-display", { key: '63196fb68baa16350c0b21638332f34a7c0dfc05', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '0dd6f9e4b9779241ec1932dc31e1f24b885fb0ff', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '2c4118b69e01d8bbcbe70e4af42d852f81f0d1ed' }, h("smoothly-next-table-row-group", { key: '5279ebbaddc45369f9e4272b445816ea1413030e' }, h("smoothly-display", { key: '5aa00f2016608e3aa26a6141220160851dd8d13f', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '79aaf1e8096a00b62a90b6eae78da7c064e61d84', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '4577c1485bc26468c22d122b21d31f4bfdd2c374' }, h("smoothly-next-table-row", { key: 'cc10b4565c1967a119ac785fcb52be8c26af2672' }, h("fake-cell-wrapper", { key: '8825c2125fb69ba280c1d6aaba26f382a549be27' }, h("smoothly-next-table-cell", { key: 'ffcb5e9dcc8d4484052911432d702a81b998fe1b' }, h("smoothly-display", { key: 'ab21c5efd0cb92ca571cbb591cb75c985891c3c6', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '2f236ad7a1ac83b3b0f4f2920f88a7876c46412e' }, h("smoothly-next-table-expandable-cell", { key: 'dde72163ce70689ecc2ade6feba3d73b120a84dd' }, h("smoothly-display", { key: 'a721d0ca5ecc6b1791dc718c9f4372325da7763d', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '4abba2a13db57cb8a7dadbebd00900ad633f67bf', 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: '3a5f1574d5eb17004dd10b579a13e9002f216bdf' }, h("smoothly-next-table-expandable-row", { key: 'b6d9de9f3c3513fa225265c96162a4d23ad3f4f3' }, h("fake-cell-wrapper", { key: 'bbf2a862515fa0fcbcf375e57ece305bec73dad1', class: "span-2" }, h("smoothly-next-table-cell", { key: '9f4623b7bd2e88ed451b28226fb5b714ae60e5e4', span: 2 }, h("smoothly-display", { key: '1dde9cab0330ab4233bf35a156d33d588f2fdef2', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'edcdd269b9acbbce57caa1bf30e25fdbd23f2d1d', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: '1aa93e2c3a25258217f8675430797d343809d0b4' }, h("smoothly-display", { key: '6c5ab0e9a2b94add4883f1d905fea7a1cf49f39c', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '3e86daea52b5404e33e8a50ac11f9b2099f3c31a', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
     }
     static get is() { return "smoothly-next-demo-group"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/demo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextDemo {
     render() {
-        return (h(Host, { key: 'd68c0979b5132c5dcb0764454ace4fc8f4b64983' }, h("smoothly-next-demo-group", { key: '846702fef150fe18cfdd909b1a1c2d64c1ff5242' }), h("smoothly-next-demo-colspan", { key: '244cebea8a6e51b398ba7c2af2cfc41da80e5121' }), h("smoothly-next-demo-simple", { key: 'fda034e25449569e6543e12cb1836d9421a9285f' }), h("smoothly-next-demo-nested", { key: 'c00ed11e4fdd08c2478153ce3bd5391fcef86440' }), h("smoothly-next-table-demo-filtered", { key: 'd058bfb651c724b5497eb49b93a90480790daf7d' })));
+        return (h(Host, { key: '623ee286c870010d07f78c86d65a5e0acfddc0fb' }, h("smoothly-next-demo-group", { key: 'ead07b554223bc4c8a178aaad2b933e6fcf6be29' }), h("smoothly-next-demo-colspan", { key: 'd5da62f2f5c67b5ba2e2524050b631e927487a71' }), h("smoothly-next-demo-simple", { key: '50eaaaf73bbf68eff78068eaeace5eb793b7a979' }), h("smoothly-next-demo-nested", { key: 'a695bb7ff0dcb529866b9484c01e33a5da5dc894' }), h("smoothly-next-table-demo-filtered", { key: '05246c90e3650d4e12279639e63b93944885e4a3' })));
     }
     static get is() { return "smoothly-next-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/demo/nested/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { data } from "./data";
 export class SmoothlyNextDemoNested {
     render() {
-        return (h(Host, { key: 'adfb7e48147e8015dcb72757c2b31d106a879127' }, h("smoothly-display", { key: '7d9c5c7d09369e813b55be6268631b75be70ca2c', type: "text", value: "Nested" }), h("smoothly-next-table", { key: '5fd37fde775e88fafb20d6784fe82be3ed86412b', color: "primary", columns: 8 }, h("smoothly-next-table-head", { key: '525cc6d3a6ae46999eef64fac6041b5fde216238' }, h("smoothly-next-table-row", { key: 'e16e37cfb054582e50b38a0dd174922db5274aa1' }, h("smoothly-next-table-cell", { key: 'f73b540b514009242730f53813e5781281dff4f6' }, "Id"), h("smoothly-next-table-cell", { key: '3b49084a612ccaaa24b5fe1a0f3b5cda68f8c91f' }, "Registered"), h("smoothly-next-table-cell", { key: 'd61176c2d4004786a8d46de386014185d7548593' }, "Name"), h("smoothly-next-table-cell", { key: 'e8c020d083e9e8646cac57d5591afc555c49df79' }, "Age"), h("smoothly-next-table-cell", { key: '236011cf9fac056411a3a01ec487b4169235693d' }, "Balance"), h("smoothly-next-table-cell", { key: '52bf0214223130e7ae5e3362f3fdef899fa7d589' }, "EyeColor"), h("smoothly-next-table-cell", { key: '7158968cd3f0558b82dce2bc62b83fc1db1fdf73' }, "Gender"), h("smoothly-next-table-cell", { key: '3e91a70642866ff714035819f4e016dff8ab308f' }, "Company"))), h("smoothly-next-table-body", { key: '74bd43db33fd5533be589117bd471eff82c6bc70' }, data.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.registered), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance), h("smoothly-next-table-cell", null, entry.eyeColor), h("smoothly-next-table-cell", null, entry.gender), h("smoothly-next-table-cell", null, entry.company))))), h("smoothly-next-table-foot", { key: '68462c407816da7d352f66f79fc5c294cc076330' }, h("smoothly-next-table-row", { key: 'fc862a5173ae9ffa04b6ba81862d71f267b82021' }, h("smoothly-next-table-cell", { key: 'e262856b8354c0e76ade754c6a742b0fe4eefe63' }, "Footer Cell"), h("smoothly-next-table-cell", { key: 'e2d44a80f3e499006a0cef3b9c2b4e611b632342' }, "Footer Cell"))))));
+        return (h(Host, { key: 'afcb91d12b2188a832b5f344fa80aed2ae377917' }, h("smoothly-display", { key: '4eb71bbf17e1ddbb233478e4faa2947c702e8b7f', type: "text", value: "Nested" }), h("smoothly-next-table", { key: '2c0bf69688b33746c0a274418df65a10464b420f', color: "primary", columns: 8 }, h("smoothly-next-table-head", { key: 'f5c1e7bd1ba7e218f2ad31a698598262413aa04c' }, h("smoothly-next-table-row", { key: '2e7269938614a4677a793b4165e564c0085270a3' }, h("smoothly-next-table-cell", { key: 'a381ac27bad403059bc2a10d6b828ea6e595ad5d' }, "Id"), h("smoothly-next-table-cell", { key: '558aa07a3d1deef689f80956374d3c3af547b604' }, "Registered"), h("smoothly-next-table-cell", { key: '366b0cec95d3baffac284038cd5403c199f180c8' }, "Name"), h("smoothly-next-table-cell", { key: '94b41c5aea9b089cd5a79b9be15c98cde5bc395b' }, "Age"), h("smoothly-next-table-cell", { key: 'b4fc9626909c9704ccdc27a0b82a9e69a6ea406b' }, "Balance"), h("smoothly-next-table-cell", { key: '77fa6fa37704c286862b57bdfb7ab207fcccec51' }, "EyeColor"), h("smoothly-next-table-cell", { key: 'd7943dc79f9706f889b76bf0a661c91797072522' }, "Gender"), h("smoothly-next-table-cell", { key: '9f222000a5c566ea794c195229150ef9b9821aaf' }, "Company"))), h("smoothly-next-table-body", { key: '40f669ce19da8d005095220d43cea0234410cf5a' }, data.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.registered), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance), h("smoothly-next-table-cell", null, entry.eyeColor), h("smoothly-next-table-cell", null, entry.gender), h("smoothly-next-table-cell", null, entry.company))))), h("smoothly-next-table-foot", { key: '31cb73ea50fe4cd712337a36b347496e2e4e4668' }, h("smoothly-next-table-row", { key: '565ce53718e7e9e730e9864316242d166513af39' }, h("smoothly-next-table-cell", { key: '8c26e7318ff853f3048e28c578b107780dca82e4' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '4996825b9fadaa50472fb905269db3acc02acb8e' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-next-demo-nested"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/demo/nested/inner/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SmoothlyNextDemoNestedInner {
     }
     render() {
         var _a;
-        return (h(Host, { key: '3cf46f42688d8bdee372084fa0b04314b810a462' }, h("smoothly-next-table", { key: '5674e02750e768a5a9cafe74c8475434d554a77c', columns: 4 }, h("smoothly-next-table-head", { key: 'b065dec611549c5274030e465445903f88668d3d' }, h("smoothly-next-table-row", { key: '6ea7335a05a669cf8a961e4f00bcac956f0743d7' }, h("smoothly-next-table-cell", { key: 'fdc8762433fb24d53940f356b367e56ab65f4280' }, "Id"), h("smoothly-next-table-cell", { key: 'fffb7b25554673c87e0d3ef3f496bbdf15148c58' }, "Name"), h("smoothly-next-table-cell", { key: '4a796bea3dd4973ca3d96d69b36cced794d1b5c4' }, "Age"), h("smoothly-next-table-cell", { key: '2498f69c7dd78568daed63fc696ad59a47d29e9c' }, "Balance"))), h("smoothly-next-table-body", { key: 'eadb0ac227b2315d311d02031bee05623d33fd24' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
+        return (h(Host, { key: '8db0be536678e9cf653acdcd8f65e70306483a7e' }, h("smoothly-next-table", { key: 'ea1ee8a17f81747b929e7a4fcef32f05292b22d8', columns: 4 }, h("smoothly-next-table-head", { key: '4f97f9784254d15e28c2f71e80400fa562f5a8ba' }, h("smoothly-next-table-row", { key: '0721f418e5240df4ca449cc481890eaaf93eed66' }, h("smoothly-next-table-cell", { key: '197ed222bda59545ee2ca5d949a530330cc0605f' }, "Id"), h("smoothly-next-table-cell", { key: 'e2a4b1f2805500e9de651dc01ff3547dfb995d6c' }, "Name"), h("smoothly-next-table-cell", { key: 'e914bc23240d7e5a4e6a4b3f4a0c4fabb4254acb' }, "Age"), h("smoothly-next-table-cell", { key: 'fc23f3e454dea6711140804a6edc1cf7d27028c5' }, "Balance"))), h("smoothly-next-table-body", { key: 'a87388656c70945ca653606bf77400bcca3363e1' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
     }
     static get is() { return "smoothly-next-demo-nested-inner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/demo/simple/simple.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextDemoSimple {
     render() {
-        return (h(Host, { key: '8e92dd82bac65db9f446b2fc2284ccfbac64a8dd' }, h("smoothly-display", { key: 'e086e8c5a183509e94cdce8d840ffd09d2a31fd9', type: "text", value: "Simple" }), h("smoothly-next-table", { key: '2ff1d639364df62dd128c24c40d000c6a8aa8dcb', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: '4c7f07d1f22934cbe522079a80d17a83d52440da' }, h("smoothly-next-table-row", { key: 'e6b01ac01b4463c166ac21857ff0385ba8fa15d8' }, h("smoothly-next-table-cell", { key: '95fdbcb2794b12f570d2505833a915b810f1f6e9' }, "Breed"), h("smoothly-next-table-cell", { key: '5ab8ac49bd797995bfeb04c2f3ab6dfdc1905e2c' }, "Coat"))), h("smoothly-next-table-body", { key: '09129020f0828a76250fb8d2500d01cbe807cab1' }, cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-next-table-expandable-row", { key: '7b3b756098f77dd01e37c66b9a01798d35483ab8' }, h("div", { key: 'be3224db8a7d6da2ccdb59f23696fbdc5d28e59f', slot: "detail" }, "Content", h("br", { key: 'e844976e58bfb731c29ca4725d7f67f8e819fe86' }), "of", h("br", { key: 'd967b699eb1ae184b4a6a7a469e0a4956518881a' }), "the", h("br", { key: '431efe0f037c9d83259aa968974b221ed6782fdc' }), "expandable", h("br", { key: '7231b5dfbb73b87829cc39b217bf2c5e91b2be7d' }), "row"), h("smoothly-next-table-cell", { key: '5940b87bdfdea6b626062c602b041120bd638310' }, "Cell1 in expandable row"), h("smoothly-next-table-cell", { key: 'ecc2d764d47ddd7006f3a1b8593798b8bb6dfbc9' }, "Cell2 in expandable row")), h("smoothly-next-table-row", { key: 'e81962ddab33db641e329378b3a0d8941adf10fd' }, h("smoothly-next-table-cell", { key: 'a893df7ea912997fca138c6b5018afded0a76f62' }, "Cell5"), h("smoothly-next-table-expandable-cell", { key: 'fb7dae6b510c9fc0b3843fd44c183697b90f96f7' }, "Expandable Cell", h("div", { key: '190c3258c4a67751712c3b3776b9b13f18ca28c2', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-next-table-row", { key: '8b364487ee3cdcfb7932dd6c40b9b595a45cbe80' }, h("smoothly-next-table-expandable-cell", { key: 'fab2682005c738d3da178cfe8da3d61da224e782' }, "Expandable Cell 1", h("div", { key: '039b067965568e0d0229602afac0d3c6772b2bd4', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-next-table-expandable-cell", { key: '9c5eb5eee6c560306951c3d72d228e5cd8d6e8f3' }, "Expandable Cell 2", h("div", { key: 'bbbea858863f79a46bf67d050da123215190b3e2', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-next-table-foot", { key: '4569ddb85016ea8fc52eab67fa0a86aac0ea0870' }, h("smoothly-next-table-row", { key: '3b98144b36882bc7e912a5fe0fa2078431e55456' }, h("smoothly-next-table-cell", { key: 'dbe61e4ed793110155b3c0431be76c0eee6d8275' }, "Footer Cell"), h("smoothly-next-table-cell", { key: 'c6bc22e00fa6b3648de09d5a132bc618b9900d99' }, "Footer Cell"))))));
+        return (h(Host, { key: '6f6e02e1a0a93e11b4f9294b8c4d4dfcefc5b668' }, h("smoothly-display", { key: 'ad351c68be667eedb947ff37193d90ccc4ce4ce0', type: "text", value: "Simple" }), h("smoothly-next-table", { key: '3f8322372589ce9567ceb14e20005b20cbcf6aa1', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: 'da8c36a5d6758bb47c2d2c5add980a1c48bbdd0a' }, h("smoothly-next-table-row", { key: '4df2b111e3e526162081e2751646e95c106e6cfd' }, h("smoothly-next-table-cell", { key: '29c6e2bc7af77ea1431d31d870f8be515ac27138' }, "Breed"), h("smoothly-next-table-cell", { key: 'a58286cb4e77ca0ab1677aaaaa76f0ba32219e87' }, "Coat"))), h("smoothly-next-table-body", { key: '1cf696614d12f2045f770b5f35c0470ba57760d0' }, cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-next-table-expandable-row", { key: '83d989d2bb55599a34b3fe361cfd91fa5ad04c7f' }, h("div", { key: 'ac585b05b9ac042998d35005455f46172bccc052', slot: "detail" }, "Content", h("br", { key: 'eec546625e2dbd862bc9aaf8ef3dee06a5ed2aa9' }), "of", h("br", { key: 'e8b3e8e0c78c88150dace00999fd929cb52da2b5' }), "the", h("br", { key: 'd81a9a180f2245b3320852f8789060876ba9ad45' }), "expandable", h("br", { key: '082a9157cbe26a0f37b82ee138c0d4ebe24da619' }), "row"), h("smoothly-next-table-cell", { key: 'de3d20a98e85ecb572a0fe6c731140a63396dd30' }, "Cell1 in expandable row"), h("smoothly-next-table-cell", { key: 'b5927ae96248919daf9b63da397b371f14621b3c' }, "Cell2 in expandable row")), h("smoothly-next-table-row", { key: '655aca493f190f32dbd6e4ac47a9e79351c64396' }, h("smoothly-next-table-cell", { key: '1e8318d4f95eb194266c69bc44fd86ab8b98e68b' }, "Cell5"), h("smoothly-next-table-expandable-cell", { key: 'f24610489f8d76028e5ee8e8f9626bc295896f6c' }, "Expandable Cell", h("div", { key: '338c13299f41207d1af53fbf1d157091e7382298', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-next-table-row", { key: '4164ed04dc06bf7a838bad2fc6c8346bf1ee87eb' }, h("smoothly-next-table-expandable-cell", { key: '87c03514d1058a88c66378c88ad8939999184069' }, "Expandable Cell 1", h("div", { key: '4d0030352cd904a3345502e753f25b2476656a87', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-next-table-expandable-cell", { key: 'c8b1493a54e009a8c42fc523c7ae2ab2bf1beaa1' }, "Expandable Cell 2", h("div", { key: '32862c7611bb2cde4f107299fbc80ace9dbe10e7', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-next-table-foot", { key: 'ffa7a9012106c1a48bf10cbf71fc22466710297e' }, h("smoothly-next-table-row", { key: '18d3c18fb6baf2bc236b4a82662702ce26fac4da' }, h("smoothly-next-table-cell", { key: '2ecec2cb536b241cb4fd870b0458295de107ee85' }, "Footer Cell"), h("smoothly-next-table-cell", { key: 'e412bf8b3200d5885dec739a0f71370fd750e2cb' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-next-demo-simple"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/body/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextTableBody {
     render() {
-        return (h(Host, { key: 'afa8929413ad4fcfd8dc091695a46d33666ad94d' }, h("slot", { key: 'e7e13990accc4b9cd1532a22d14b9e358077f453' })));
+        return (h(Host, { key: 'c059ac18af9ca4e1548426337afbe190c68ccfb4' }, h("slot", { key: '5b2a1ca990935fe0d36142c37319ed5f158aa639' })));
     }
     static get is() { return "smoothly-next-table-body"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/cell/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SmoothlyNextTableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'fc91d1e5fdeaa1a7a595a20e96df44ad7c530be1', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'e4b6534934edf4db666e5abb9356a3c42d6af27a' })));
+        return (h(Host, { key: 'e1d89f9205ee275b8ca39f3804d8689bfd3ab45d', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'f2edaf031290ab53caad9201b9ba74d1338d4d01' })));
     }
     static get is() { return "smoothly-next-table-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/expandable/cell/index.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class SmoothlyNextTableExpandableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '5443d2dc59b2b1acb8c17e51a3f44ce452902d0b', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: '3cc268ce7b32eb3c119cc0a6793360c6c8345e48', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: '3d595d6411e52f1f9ef57d845e80cca9dcd76244' })), h("div", { key: 'e8388be6dd244f76854005ff04342f828a81f27c', class: "detail" }, h("slot", { key: 'a7e8cae9582890d2afccf61bdcfe48ff505887a7', name: "detail" }))));
+        return (h(Host, { key: '3d39e6ee0042e2aeb858d759cf32e24b582401bb', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: '76f58ea04fff2d99d957bf277800188d9c03224e', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: 'b4950a570cd39ddfc184314edfa4fe72db9f1fa1' })), h("div", { key: '86bf0fa6dff3855667a125ec3771c8cf0b9a28e5', class: "detail" }, h("slot", { key: '774928608a4a85370fd1d854466036d7a2f6f2f9', name: "detail" }))));
     }
     static get is() { return "smoothly-next-table-expandable-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/expandable/row/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SmoothlyNextTableExpandableRow {
         this.smoothlyNextTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '52090a83bed3378cc11f71f89f98ac922e343bcb', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '2f63dbffd0697efadf3fca874eab71dd375b4f07' }), h("div", { key: '38c32334b65c8ac49f41225ec471270c686d4302', ref: e => (this.div = e) }, h("slot", { key: '3a3e3b102d1cf455f4882f5a827539db82c7c3bc', name: "detail" }))));
+        return (h(Host, { key: '50be61ce8020cebf50901b637bc1e7cbc7025f8f', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'c82e4510eb7073106b846db0ab5e9051a73f11fd' }), h("div", { key: 'b334189f1e50102b5f2e31b0a589dd69ddb037cf', ref: e => (this.div = e) }, h("slot", { key: '4afb77d300dc59eb316507ee996bf58d85b5a556', name: "detail" }))));
     }
     static get is() { return "smoothly-next-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/foot/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextTableFoot {
     render() {
-        return (h(Host, { key: 'f9f687b29c96c6b248dc5bc2671188dbfaad2d9f' }, h("slot", { key: 'd0e18614274e61b26704c3dea97d49223716efe6' })));
+        return (h(Host, { key: 'fc642613d84473320dbcc35e96ddaecc8be9762e' }, h("slot", { key: '03441f79c1ad49482323e7bb906919d8faca93f7' })));
     }
     static get is() { return "smoothly-next-table-foot"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/group/index.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SmoothlyNextTableRowGroup {
         this.smoothlyNextTableRowGroupChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: 'de058b807b84987392df1e6b5115dbf9b75b1cda' }, h("div", { key: 'a17925b2fae86d0e782e2f7ca9c9b1f2ae7c174c', onClick: () => this.clickHandler() }, h("div", { key: 'dc49ab6e6c8a87ec6553af0d32cc87de255513dd' }, h("slot", { key: 'c09bf7cb34e67f63a6ba68bcf1729e576a2e5436', name: "start" })), h("div", { key: '48ec1407c08502e46517c317e98dd13c2e699778' }, h("slot", { key: '5eff4bdfe3b98df5c871bdc8dd94d9d7fef8dcae', name: "end" }))), h("div", { key: '87e35d3676048f5e30fad28aaa92dfa777aee8e0' }, h("slot", { key: 'ba4c943650debe7ecf462969b1144dba0c566588' }))));
+        return (h(Host, { key: 'baeea3f08966fec8b30ead88b6cafd3c4f1fd176' }, h("div", { key: 'd20069252b79e2ab3808f7da0d466dc92500e69a', onClick: () => this.clickHandler() }, h("div", { key: 'b7415fb8b61f4fb75526e944ea5f2dd1706e12f1' }, h("slot", { key: '277dd8f6a037de979757a15d82541f996c6600a8', name: "start" })), h("div", { key: 'c6c1744fa296a962aa0b0845870bcc53a7ce5f42' }, h("slot", { key: 'bbc0a96a039055237c37358b31f8cff7a4abab78', name: "end" }))), h("div", { key: '44c0c4335f4d894b406741b5f6d1d004f38f7b4c' }, h("slot", { key: 'a2f405015c0c8e5cb171308c35d1941af694f2e1' }))));
     }
     static get is() { return "smoothly-next-table-row-group"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/head/index.js CHANGED Viewed

@@ -22,7 +22,7 @@ export class SmoothlyNextTableHead {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: '92e728917e834755a0ddcabb566f9e7ef00e5fb0', class: { scrolled: !!this.scrolled } }, h("slot", { key: 'a339f472c78d04d0ec4a2d092983a115f032132c' })));
+        return (h(Host, { key: '1043bf4bd8d6c8a1bbba8bd41b5a0c9f2a02f0a6', class: { scrolled: !!this.scrolled } }, h("slot", { key: '83f593f29da158b6db03989d657df67cf48d0d91' })));
     }
     static get is() { return "smoothly-next-table-head"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class SmoothlyNextTable {
         event.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '5d5975a4d43d7dace5b52a4acf0ffe82af226a30', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'aa7fa731be6c4e0db99cf5460a4c9dbc2ebe0647' })));
+        return (h(Host, { key: '4d754d79dee9b2666dfd8c09f4ed9b2a0e663746', style: { "--columns": this.columns.toString() } }, h("slot", { key: '0f0d0669f101793cf9db96bdf1e6cc543be2aa45' })));
     }
     static get is() { return "smoothly-next-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/row/index.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class SmoothlyNextTableRow {
                 event.target != cell && cell.close();
     }
     render() {
-        return (h(Host, { key: 'bdb75c884f66fdcfe5d3c0f8d7ac0a3afce1c141' }, h("slot", { key: '8fbe024b50166b5e811610ec6aa6f9b467101e33' })));
+        return (h(Host, { key: 'ea3b4ac10c81442db3b99ce3e668d46db6a8fa09' }, h("slot", { key: 'edff1558674b1e24e9dcec1dff6664756ac88dbe' })));
     }
     static get is() { return "smoothly-next-table-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/notification/index.js CHANGED Viewed

@@ -49,7 +49,7 @@ export class Notification {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: '15fad780b09899bf3eec930c4f44b94d8e3449e8', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'f018119de7c61bed2319a34d42c5f593d8777df5', fill: "clear", name: "close" }, h("smoothly-icon", { key: '73e160b47cca733860abb5461eea1bae7620445f', name: "close-circle-outline" }))), h("span", { key: '0f1ff04d65d618b841083fb0b6f72cb6e844cd63', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'dca125d726d704c241481d1e706d696f0e996716', name: this.properties[1] }), h("p", { key: '8e32aee5e45a331ce7210b746c01fc3de3f23651' }, this.notice.message))));
+        return (h(Host, { key: '43a3c3b3102412e3025e89cbb42b766e726ac713', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '7f642488fb4104d4150de311d08205fc2af23d48', fill: "clear", name: "close" }, h("smoothly-icon", { key: '58ed12291f9fa6316e83beb67469ecc7186aa79d', name: "close-circle-outline" }))), h("span", { key: '5a402e3a00398560ec1eda603a1492b4f1a6a3c8', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'b0d92f719da18df0ebab3075a278d0a468e73dc3', name: this.properties[1] }), h("p", { key: '5a488d2493680c97d67f5f94eb2a05d4a09e069f' }, this.notice.message))));
     }
     static get is() { return "smoothly-notification"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/notifier/index.js CHANGED Viewed

@@ -12,8 +12,8 @@ export class Notifier {
     }
     render() {
         return [
-            h("slot", { key: '006cd0996ebcc7ed267d4185f7b19535dd4c6a8f' }),
-            h("aside", { key: 'ab767aa730f8bae5621de7bb520149f163af27e7' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
+            h("slot", { key: 'e960448898c2c370923824509f94c86e7a32d3ba' }),
+            h("aside", { key: '087ec28784d586acca0024579f71a9cf201ec091' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
         ];
     }
     static get is() { return "smoothly-notifier"; }

package/dist/collection/components/spinner/index.js CHANGED Viewed

@@ -6,9 +6,9 @@ export class SmoothlySpinner {
     }
     render() {
         const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
-        return (h(Host, { key: 'f8f87e9c4b24c3a8cbd3619c0f769622e0959144', style: {
+        return (h(Host, { key: '63eb430e6fab4330e9819884645455867633ff48', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: 'f8c14a860e35ef649866549dbfcd0f2eac198e8b', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '8a0422fa7a21feefbe541c9bd8a95e9c6a190921', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, h("svg", { key: 'abc002cff5906b3c882d908382d41028dfa69dc8', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'ff47ae8ca20d0912e4faf98aa13b506ba5813232', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
     }
     static get is() { return "smoothly-spinner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/submit/index.js CHANGED Viewed

@@ -24,7 +24,7 @@ export class SmoothlySubmit {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (h(Button, { key: 'e744ab24a03f09fcfce4126bf1c515cea3d3e58e', disabled: this.disabled, type: this.type }, h("slot", { key: '7170d7a7dcab90043a63464774b149cda9eaf5ea' })));
+        return (h(Button, { key: 'e626224ff9e4f244914f9de0ad48e4a73570a3fc', disabled: this.disabled, type: this.type }, h("slot", { key: 'd8bd3b258e250bfa191d0298f5aaa22aae8aaeeb' })));
     }
     static get is() { return "smoothly-submit"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/summary/index.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class SmoothlySummary {
         }
     }
     render() {
-        return (h("details", { key: '4117914a048ab6e376a887df7f5c2222ebf96aa2', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '3cb0f1e1f376f2c11f840f6c713660eff9a6d855' }, h("smoothly-icon", { key: 'caaf14d47b3853217bb63b42c7fda6e57b077bd4', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '2b33f71121407a0411ab5ee96c2335babd598a60', name: "summary" })), h("slot", { key: '295a16e9fd6ad9463792024ba4a18a826c2b8126', name: "content" })));
+        return (h("details", { key: 'a8d5d1503aeaa1ec9cc738ddae8603f2a3f6988c', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'd9982b3e2c4b3d273066dcbfd457fb239f54f0b4' }, h("smoothly-icon", { key: '40949f769814b95525c7239c685cb61ae5d13173', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '1d1fafd0549b8da6150c7299fc8fde77b8879dfc', name: "summary" })), h("slot", { key: 'd02d70dcc5145413c1d34c51634f4b744f50b7d7', name: "content" })));
     }
     static get is() { return "smoothly-summary"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/cell/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableCell {
     render() {
-        return (h(Host, { key: '112de927446e13a6ff6de0c826e4b33655d5fae0' }, h("div", { key: 'e9de207f2c36b6e3f026631241563b392167e1c9' }, h("div", { key: '127edfaba1f5a4c80803a77ac63e086169f07128' }, h("slot", { key: 'ad6ea04c2b33dcb014cffdb08fcc3cc0a7ecdf78' })), h("smoothly-icon", { key: 'e37c9beb47abc85f08beb84b28b157b3f1899095', name: "caret-forward-outline", size: "tiny" }))));
+        return (h(Host, { key: 'dbeaef35c8882ed996d835b1b43e4ec3aa426f0b' }, h("div", { key: 'f6be207b91e0b99e3fb829b7a83ac333502a0871' }, h("div", { key: '3d879455c464bba77b6c73d58f24cbb0e1fb4740' }, h("slot", { key: 'c3709444fb691f18cd7adeca85ee6326b525a286' })), h("smoothly-icon", { key: '6319347b9432db0fe25beba8c978daa26fcc568c', name: "caret-forward-outline", size: "tiny" }))));
     }
     static get is() { return "smoothly-table-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/filtered/index.js CHANGED Viewed

@@ -27,18 +27,18 @@ export class TableDemoFiltered {
     }
     render() {
         const cats = this.cats && selectively.filter(this.criteria, this.cats);
-        return (h(Host, { key: '7718989fddf57e670873feeb9c33a043920e0620' }, h("smoothly-filter", { key: '5d8017178b78e2edb058131861952dd6794e67c8' }, h("smoothly-filter-toggle", { key: '9bc5583d2e3af8cf639073f45ebffd880cc3aaa6', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '409d4b6f205fe82d05d444e64a4ff8ed75e9a2b9', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'ffecd1d61152af6644509b86ba601bd7aadb58bc', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '14207be1b8e46f911badbfdf83710230b2d1f848', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '7cf2f04b79d0fa4cd31b6e45b923f33987dd42cc', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
+        return (h(Host, { key: '3b35faf2f32943e94a5725c1aad1dd3d7033da39' }, h("smoothly-filter", { key: '72e0e3dba8da4581d2d50bae13a33149255f6787' }, h("smoothly-filter-toggle", { key: 'e363d96f0776dd90b33f4ea3a95d892a6a8e94d0', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'fd9fc1b5f89298dc58843376d6b0b10c2802160a', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '8c79a61b500443cbf864a1bdea1b4fcecd820c4d', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'a8c3692f45f65ca45c1f8298bc5ff4601e763b30', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'd9fb4e55e7602277b5d341bba18564f523bad68d', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h("div", { key: '65f135b91e4d6aba05130189899ab4232bb9c040', slot: "detail" }, h("smoothly-form", { key: 'f473103fea1734af2f8edb8a4e08ebd76761de1a', looks: "border" }, h("smoothly-filter-select", { key: '804fc172627b7a5089c2168b37b5fde7fc4ae54a', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), h("div", { key: '4ee92bf8c746b76d6745e759ca05ded79aca5d88', slot: "detail" }, h("smoothly-form", { key: 'be533ea49efe25ee8f3f4fc8ec83fc09771ef048', looks: "border" }, h("smoothly-filter-select", { key: 'aaaca00a01cce7e5ffb54919e4c8ba9cf79cf118', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h("smoothly-filter-select", { key: 'ab676a8817c1a5a4c2a5b572630a742bc5ff1840', label: "breed", property: "breed", multiple: false }, this.cats &&
-            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '0522742d240ad56ce4adc48b928d9bb9b17393d5', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), h("smoothly-filter-select", { key: '0a697f07d239d2e3c2f8565e83fc8e931206ebfa', label: "breed", property: "breed", multiple: false }, this.cats &&
+            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '61801211fb2972c80aa8898e1b2ad1c33b2ed659', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
             .flat()
-            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '489de62a94b5368e29a003cebd0f9b298cd326dc', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'e5bd500f1f2dac97fef063583333b664e18eaf8a', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, this.selector.render(cats)), h("smoothly-table-header", null, "Breed"), h("smoothly-table-header", null, "Coat"), h("smoothly-table-header", null, "Price")), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-footer", null, h("td", { colSpan: 5 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
+            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '61bece7090400a19b727d79d95dd3a2afee1b0fd', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'bfdeb6016c654179d12d7f7cf332d99c6b69f0e1', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, this.selector.render(cats)), h("smoothly-table-header", null, "Breed"), h("smoothly-table-header", null, "Coat"), h("smoothly-table-header", null, "Price")), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-footer", null, h("td", { colSpan: 5 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
     }
     static get is() { return "smoothly-table-demo-filtered"; }
     static get encapsulation() { return "scoped"; }