npm - smoothly - Versions diffs - 1.2.1-alpha.48 → 1.2.1-alpha.49 - Mend

smoothly 1.2.1-alpha.48 → 1.2.1-alpha.49

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 (431) hide show

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: '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 &&
+        return (h(Host, { key: '0dd432641c659d11a37f2cccf45cf2c98a33c79d' }, h("smoothly-display", { key: 'a8075e83e7d158d991a50434afda6d5e19753dcd', type: "text", value: "Filtered" }), h("smoothly-filter", { key: 'c35363824c3af0255adbaacf94c531623f4a4eda' }, h("smoothly-filter-toggle", { key: '206fe5173a1690ddb2d4e535660920548cec9894', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '2532caa64b20f1b37af1bb89ef1e5713f124d829', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '867c7453a5eb4b8907bfd6691347d70ea45fac0c', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '91d9763f9aeb845fb36daf4ab5eb32543698a7a1', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '14de2efc8309dbc7f151b4e015d5974a4e89ec1a', 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: '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 &&
+            })), h("div", { key: '1beb1c785eda697de92cfdec64acf0df46c1869d', slot: "detail" }, h("smoothly-form", { key: 'c79fa83df94c89b7f48b52b1bad4b28b5ba9c39f', looks: "border" }, h("smoothly-filter-select", { key: '965ecef6568e3496acc17daebb2ba88703292f88', 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: '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)
+            })), h("smoothly-filter-select", { key: 'c6e5b26bbe0cca9c62aaa1a693885a6e81dafba3', 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: 'c09c1f2ad4a2cbf4a940d163cc5248d9309c333d', 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: '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 : "?"}` }))))))));
+            .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: '59e3e17c59829697530b1b05ed8c8cc58da1436e', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '691be43977e1095305539c619c20bd8a10d4b63e', 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: '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 }))))));
+        return (h(Host, { key: '50990d73be1cd6318893424ea2901d9575278749' }, h("smoothly-display", { key: 'cad7130d42b49b1ea43e283f05d520b33254edf5', type: "text", value: "Group" }), h("smoothly-next-table", { key: 'dcf17ca3297d21028d0393bdab7a2ea1f971e5ae', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: '2c67568a9a173abbd2b3756894e1a3e70f9b608e' }, h("smoothly-next-table-row", { key: 'b58363e8326517c143272f25956b84a69c11253c' }, h("smoothly-next-table-cell", { key: 'f68c3a82f78eb2c67879bc6dfcc45b35610a72f0' }, "Date"), h("smoothly-next-table-cell", { key: 'b6304bf8973a03f47997492e172cbaa9d2761e58' }, "Total"))), h("smoothly-next-table-body", { key: 'f583f766e4c15c29b8225acd960337b93ac4eea3' }, h("smoothly-next-table-row-group", { key: '5f5072b02f1418c75fe77b389b19d983723d7bff', align: true }, h("smoothly-display", { key: '0818c87d396f3a8dcd40c779d228b40ccd62c831', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'b5268c3a67587d882762e7de8c99d7013d0f9ac6', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: 'e8e8fc31639846b6ace7f0d0f9a4163ab644f7cd' }, h("smoothly-next-table-cell", { key: '13d2957d6b7dd44d44de9758202104c098ab630f' }, h("smoothly-display", { key: '7a1e5d4803d37f6747ae019158fcbe44f3441042', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '9a1308ccd96980ae917f345e42c2e62e2db735b6' }, h("smoothly-display", { key: 'd531805061b189d96abe96509f740bf1b5ccedb6', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'a427f21436e5807e4ffbd9efca78c327e08fd624', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'e008506d4d12e706c72b284232da4cda7afb3f03' }, h("smoothly-next-table-cell", { key: '4c544d1a32f711db2bb8a9798a6e58b5480170af' }, h("smoothly-display", { key: '91e189550679cfc507bd8108182658e92df9f042', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '3d6d8489bb99c269dd88b13d499216367d7b5cd4' }, h("smoothly-display", { key: '76e52121772a52267e2ca70921b58cb59b961aa3', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '23d59420bdf3f82bdb7fea741cec15c107f7f8ec', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: '97dd019ddfbfd005e222d186c880368ca658cc0a' }, h("smoothly-next-table-cell", { key: 'f18404c36a003f66fa5eb00c0eec0c1e5cf644dc' }, h("smoothly-display", { key: '7e7f77b76eb617f743bd8a255a02c86f29a7351a', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '3317e1165279e4a93cd213e34884ef55d4e5d53a' }, h("smoothly-display", { key: 'a4d0d1eca1c83029f78f16702d7f738106c763e9', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: 'd2f1137dda62dab911fdd6690d6d760ab2d60643' }, h("smoothly-display", { key: 'f170087c048d243c685afe67f27d541e2701c7d9', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'cb511500acd3fb53abfae8d88199692bb7aa2a9b', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: 'ad8cb41584b16ee23aa52e34cade38345b314281' }, h("smoothly-next-table-cell", { key: '33408dd848ab584413cd7c64880b1f817361731c' }, h("smoothly-display", { key: 'dae77240309f1a731d570baaa3aa3856005585aa', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'bf1e31851aa9f354fd950090b2ad9b672db23386' }, h("smoothly-display", { key: '2e1e0b8563e916a875612264caee20081f93348a', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '4aa54391330eac2a84870b987771cb6903933d27', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'bf7fa7fc4c1ca54ba78eb4770971ae2ff9313b07' }, h("smoothly-next-table-cell", { key: '81915b571eb00912ab9deff5c69d4e7522d11c15' }, h("smoothly-display", { key: '614dd017b7edb2bd7367e3b615fa949f5b50edf5', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '7b849ac4d8488518351897b3d0f333eb6b4be830' }, h("smoothly-display", { key: 'c3c5074b72015e200f633f263ed6f6506fd300d2', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'b04067d09f4a171155e1baeecced966398120819', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '94cad74d7c79346e07495a8d7b3fcd00490c48df' }, h("smoothly-display", { key: '0ec16bef252cab8012b9f2f69fa011b3768bef0b', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: '4c143ee46b5efc8d8dfc720df50f55e59d43386c' }, h("smoothly-next-table-cell", { key: 'b6a8519ed804175ecca17da468ea5d3f20d2852d' }, h("smoothly-display", { key: '7806823e7bbb1f3547b3b73f869b410bacff7a57', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '830a1ba9bcd6615f0d05d4874b3287fd73fbe1f8' }, h("smoothly-display", { key: 'f9b7779e883413b53e9f2a5b913b69ca5b425007', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'cc7c405861d7ed77d620bbe8b6cf1540c975f436', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '570e579b8a3a5b17b3d85f22a0f7fe5c8e4bc940' }, h("smoothly-next-table-cell", { key: 'de455ec3e04e89a965648ba4721377f5612ffa91' }, h("smoothly-display", { key: 'd88536cd48a20dd1be418cac3ae0e0a740585d23', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '669e3ef261279b98e33d4d3ce149e830e2e7d4fe' }, h("smoothly-display", { key: '9c7c80f5f17a66afc787e692543c8284befc45f3', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '50d6ccb0fee0fa56f682728cf89ca75942a9bb7f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: 'b6db5124c256703ef582c0215bdb408028841914' }, h("smoothly-display", { key: '5bce7403536b81aba7390a4ae1fa8621b856be17', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: 'af0b2819792a43f92957756f722b8973c57f7d2b' }, h("smoothly-next-table-cell", { key: 'cbaf2ade2f082baf140106d634101e8b7ad0647e' }, h("smoothly-display", { key: '3e19e0680b0e4c9814eabf2b814d2d12158cbfc6', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'ff68d6f3f2023577348f7c71707b7bc48e33ff1e' }, h("smoothly-display", { key: 'd3d75023d66bcd56b4d5a9ed55d1d953570d4b28', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '90a3a8a1c30b69bd50fe57242953b25297b7f5c6', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '2284db488ebdd42e2fa61ee37d5cbb8a6c7e46cf' }, h("smoothly-next-table-cell", { key: 'e5633b830f7c41eb132b81ca2522c7b823a5401f' }, h("smoothly-display", { key: 'a4045130286694745c142dbd4c1eb37bf00ce970', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '79d83acc27f98e9a9c8296c6fdb7cdbf95e258c7' }, h("smoothly-display", { key: 'da14c91e427a18d35e244f45c1857878eb00ea22', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '8eb8d39370453361a891c31afea45b8629dc27da', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: 'f367a8f4b92a8042bdcb56d1a39ca43d58e58c0d' }, h("smoothly-next-table-row-group", { key: '7244d470d2b80ea5027578b90bfa17b3050415b9' }, h("smoothly-display", { key: '9bb7aa531461a12b625a518f75aa07311c9844b5', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '1ca8970882a1f7bb63f3f1a694d3e92072e24f12', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '95d2aa05e325ab71568a12b38f311fa844a60e83' }, h("smoothly-next-table-row", { key: '44e03248f586b292856a367b4e1dda029d26819c' }, h("fake-cell-wrapper", { key: '7332bb06ea46a9ed7d787e433822de39e0940011' }, h("smoothly-next-table-cell", { key: 'ca6967a28a536bf04e93c5705b1029342d53cce5' }, h("smoothly-display", { key: '8c4a397aa36b3d0ed5816c8573001705bd4a6d6a', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'f323cc1ba343a5dbbc685a4f3327a9833cb8528c' }, h("smoothly-next-table-expandable-cell", { key: '9be5ecbc58ffaea9df225ed39f6afa86ec4d76fd' }, h("smoothly-display", { key: 'ff40fe7ee82eadee781fd70e0d299857c852b306', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '3f9ddb6539a657aba69ec57594b45e969005d992', 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: 'a7b8bff9cad0fcdd2956a0a6c65b8b5d3d6ea65f' }, h("smoothly-next-table-expandable-row", { key: 'edd673a7e0e83d30609db14bb827fb4b30342dd0' }, h("fake-cell-wrapper", { key: 'e18ec7596dbdd0b72b27bda3996ca3b923310780', class: "span-2" }, h("smoothly-next-table-cell", { key: 'a8b7115d6c35c7a9db3fa90deeb0e5b9dc3f1162', span: 2 }, h("smoothly-display", { key: '8a136637026b468e0b8425a4b49cb8bc3cafd101', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '59bfa72e28f3f434785883016f4232e0025db51b', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: '3743c169dc880ae363e5db7b04c04c64eca23923' }, h("smoothly-display", { key: '993b887ed16eb88a17d0e1e9f222f1bbed738a4e', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'd29d73bb6a489f6bd7650d63fc29e8dad24e02f1', 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: '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' })));
+        return (h(Host, { key: '94bc597af0c58d334bfb98f1bbfad967d1aa789b' }, h("smoothly-next-demo-filler-row-demo", { key: '8fd8de02d6d561dd4ad3e4556b5eff379c380855' }), h("smoothly-next-demo-group", { key: '3abf6df24d249cd929fa63518a710bcbe006d827' }), h("smoothly-next-demo-colspan", { key: '06148217f2c91705e5adb90eaac705c90f01c47b' }), h("smoothly-next-demo-simple", { key: 'fba35d70356fae3cd8c909d9801d2d56dd826bf6' }), h("smoothly-next-demo-nested", { key: 'a027dcf928e1bd00a5642be677a4be09477ba844' }), h("smoothly-next-table-demo-filtered", { key: '88b80c9e0bfc66e9e4efa07141cb52f592b857cf' })));
     }
     static get is() { return "smoothly-next-demo"; }
     static get encapsulation() { return "scoped"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/next/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAS,MAAM,eAAe,CAAA;AAOzD,MAAM,OAAO,gBAAgB;IAC5B,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,kFAA4B;YAC5B,oFAA8B;YAC9B,mFAA6B;YAC7B,mFAA6B;YAC7B,2FAAqC,CAC/B,CACP,CAAA;IACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemo {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-next-demo-group />\n\t\t\t\t<smoothly-next-demo-colspan />\n\t\t\t\t<smoothly-next-demo-simple />\n\t\t\t\t<smoothly-next-demo-nested />\n\t\t\t\t<smoothly-next-table-demo-filtered />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/next/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAS,MAAM,eAAe,CAAA;AAOzD,MAAM,OAAO,gBAAgB;IAC5B,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,4FAAsC;YACtC,kFAA4B;YAC5B,oFAA8B;YAC9B,mFAA6B;YAC7B,mFAA6B;YAC7B,2FAAqC,CAC/B,CACP,CAAA;IACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemo {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-next-demo-filler-row-demo />\n\t\t\t\t<smoothly-next-demo-group />\n\t\t\t\t<smoothly-next-demo-colspan />\n\t\t\t\t<smoothly-next-demo-simple />\n\t\t\t\t<smoothly-next-demo-nested />\n\t\t\t\t<smoothly-next-table-demo-filtered />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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: '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"))))));
+        return (h(Host, { key: '6f45ba3d08ff8f81b2ef62b5640f25709f448b2b' }, h("smoothly-display", { key: '4a7345a52a1c807672adf3b50f02fb97f89abcc2', type: "text", value: "Nested" }), h("smoothly-next-table", { key: '4c302b5c65a9733247fc2d1cdd9bd41e138d7e44', color: "primary", columns: 8 }, h("smoothly-next-table-head", { key: '437ced37b2e673a41465e972f087ff469687ca49' }, h("smoothly-next-table-row", { key: 'f0f3bede52424167e12827c7602597347154c14a' }, h("smoothly-next-table-cell", { key: 'c2a229850e779fb0eb794c7dffbfbe31de16f0e6' }, "Id"), h("smoothly-next-table-cell", { key: '95abb4ad3da59f8eb4a993c44359353138c5ec25' }, "Registered"), h("smoothly-next-table-cell", { key: '6ddeb0b629237482f79f78df826c8ff3e42b6eb8' }, "Name"), h("smoothly-next-table-cell", { key: '2f7f27bbd3ba3cd9c87d1578614e71c58aa34019' }, "Age"), h("smoothly-next-table-cell", { key: '7df3494eb5144e2734a4b65cf149d991f5b6d87b' }, "Balance"), h("smoothly-next-table-cell", { key: '6500cbbb190cc353e3b57134a937f114db357552' }, "EyeColor"), h("smoothly-next-table-cell", { key: '1ea160ba0c66a094886c5a9260ac6c274b8a7e8e' }, "Gender"), h("smoothly-next-table-cell", { key: '60fc73228fba48a23675b946947df08c9761fa0e' }, "Company"))), h("smoothly-next-table-body", { key: '6212fcef9ac735060cbc7da453999622920d85d4' }, 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: 'edcffc020484601c4327de87bd927bcbed18ab63' }, h("smoothly-next-table-row", { key: 'a1b50341c273bd48448abb1e714d3f60de648e02' }, h("smoothly-next-table-cell", { key: '9e754ac9e7d054c368fa45a457faeae30b19f952' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '487f1951531eaa871130862282990a5e42af45f3' }, "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: '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))))))));
+        return (h(Host, { key: '05cd859b7de4e94ffd0eeadc546c7ab3e8eae84f' }, h("smoothly-next-table", { key: '45e4f3205cd69c4891024fb2c9f6382257e5f0d9', columns: 4 }, h("smoothly-next-table-head", { key: '123d645a74d7a8e4ed95fed0f96fd27161cda3be' }, h("smoothly-next-table-row", { key: '609b560b6c695b2c783fa06eac0d93eb22a69d86' }, h("smoothly-next-table-cell", { key: 'f2fa75b047055bd57c320736856190662bc539fb' }, "Id"), h("smoothly-next-table-cell", { key: 'be9f72e808c06b4e3aa8aab715bf656877f060a8' }, "Name"), h("smoothly-next-table-cell", { key: '274b4a3183f02f1afc89a03a1e67684aeeadfb25' }, "Age"), h("smoothly-next-table-cell", { key: 'ce88e8ab22bdb4978fd7732c3d7c32f1687dfbbf' }, "Balance"))), h("smoothly-next-table-body", { key: 'dbd57e39997d576694a671f3717f09d5b0cb6f07' }, (_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: '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"))))));
+        return (h(Host, { key: '6d1faf2140fd3cd9b91a1408986b66a6851e6202' }, h("smoothly-display", { key: 'f44cb361da016755154f58597d3e562c469bef98', type: "text", value: "Simple" }), h("smoothly-next-table", { key: '6b7f1cdd4c0bc47218168ed590e6e7346b76d683', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: 'a610d37fbee559223cbe98c110e466238d87c324' }, h("smoothly-next-table-row", { key: 'c9fae115dbe7651868f5bd4318073a9759c24ff6' }, h("smoothly-next-table-cell", { key: 'c45867447e9b841042e284c629e19ba04b70c417' }, "Breed"), h("smoothly-next-table-cell", { key: '35dcd9272cb5894f208a1ad866bea255b483bfce' }, "Coat"))), h("smoothly-next-table-body", { key: 'b5d9920c99de8c46b001d7a490b7dd9320723b66' }, 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: 'b210d2daba73749a45ebea00c56ebfebc8d73b35' }, h("div", { key: '39b8220d8183c3dc6a92e450e3f39b56d150a9c0', slot: "detail" }, "Content", h("br", { key: 'af39a196a8fef1a465ad3856476e73db84908d1e' }), "of", h("br", { key: '84b0a363d412a42adcbcfd10025ed8ec32c7e8b3' }), "the", h("br", { key: 'f20e09b3a39032793b194b3a0f33244acc340f6f' }), "expandable", h("br", { key: 'fcbc0439fcd18d8dff55924ae5d4575b66aa1f07' }), "row"), h("smoothly-next-table-cell", { key: '4d26d355ef5b4e5346861322142b962b8219c3d3' }, "Cell1 in expandable row"), h("smoothly-next-table-cell", { key: 'c51c11300fa1ad8c35c348fd212c54dabf69ce77' }, "Cell2 in expandable row")), h("smoothly-next-table-row", { key: '0743a019b444d089fa2fd62f3e4bf5ce50dc9601' }, h("smoothly-next-table-cell", { key: '8d6bbff43de0e68b0b5e25905ba37ce134957076' }, "Cell5"), h("smoothly-next-table-expandable-cell", { key: '09eb9db1ca2a150f670d1088808f2ef6cbf1a14c' }, "Expandable Cell", h("div", { key: '5527d7f0e91ffdd329f6012572c9604c9f65d5e6', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-next-table-row", { key: '09ee5fcf2728c0ad179b82222694586d2c82f31c' }, h("smoothly-next-table-expandable-cell", { key: 'd90b2f30238cb5ddca440b7c96fdc5319f0f83bb' }, "Expandable Cell 1", h("div", { key: '924a8cc64e8c72fd80e3021dcaafbb00b811b46d', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-next-table-expandable-cell", { key: 'b4fdaf309ea42dfe4ec7a2ddffdd6044f5f14f35' }, "Expandable Cell 2", h("div", { key: '50afed1a1702befb85a460c3e0325d132b0d19d3', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-next-table-foot", { key: '93789224b8bd1c92f816a52aba1f1fb70d460e35' }, h("smoothly-next-table-row", { key: '3c0047f157586363d0e419107fd7497110d06e6e' }, h("smoothly-next-table-cell", { key: '5cb399f63048cfdbceec5ee646d79a9f0e8b33ca' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '30422d37e33521914e2ef6fc9b16ac7a1ae379d3' }, "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: 'c059ac18af9ca4e1548426337afbe190c68ccfb4' }, h("slot", { key: '5b2a1ca990935fe0d36142c37319ed5f158aa639' })));
+        return (h(Host, { key: '9682721f6cc0a476fc5a90687dc20375c9a6dc15' }, h("slot", { key: '20a1b2d28665d19581a0cc8f226610b560af124f' })));
     }
     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: 'e1d89f9205ee275b8ca39f3804d8689bfd3ab45d', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'f2edaf031290ab53caad9201b9ba74d1338d4d01' })));
+        return (h(Host, { key: '9d004f7e7bdd32825a8bd8da70dcd3578f0cec8d', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '12eb3e8385155eae52ad2ad8226e5645d755e2b7' })));
     }
     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: '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" }))));
+        return (h(Host, { key: 'ba37ea969d4a1889fa849af07a406979e5d02938', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: '8725963b688b32a73e3c9b5ecfd38b8c54763239', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: 'ab4c0f43432ec2fa4fd2aff9f2589f7038c56b20' })), h("div", { key: 'e9ac1473fa4b04596a39fe2c3803292f3048c6cc', class: "detail" }, h("slot", { key: '9564c6614b09aaf75c26b039d5af3cc4a652fd07', 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: '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" }))));
+        return (h(Host, { key: '29cb2959c5b4cf938c83a5ae2615c09e66299b33', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'f4999f64111640f2fa8c6fc969d6ae92a2981465' }), h("div", { key: '0c06f4f1b9a98fb4f4dac272f26e6331050e3488', ref: e => (this.div = e) }, h("slot", { key: 'ce4f7656f53227207e56f172fe82ae439d2e8174', name: "detail" }))));
     }
     static get is() { return "smoothly-next-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/table/fillerRow/index.js ADDED Viewed

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+export class SmoothlyNextTableFillerRow {
+    render() {
+        return (h("smoothly-next-table-row", { key: '211cfeba371ca4ee5905505f45d5ed25fc5253bd' }, h("smoothly-next-table-cell", { key: '87192ce89b687d0d398cf809c94b1f80ff873481' }, h("slot", { key: '8a77e996c452fe868d8c91908b4c5beb9f6c2658' }))));
+    }
+    static get is() { return "smoothly-next-table-filler-row"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["style.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["style.css"]
+        };
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/next/table/fillerRow/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/next/table/fillerRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAS,MAAM,eAAe,CAAA;AAOnD,MAAM,OAAO,0BAA0B;IACtC,MAAM;QACL,OAAO,CACN;YACC;gBACC,8DAAQ,CACkB,CACF,CAC1B,CAAA;IACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-table-filler-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextTableFillerRow {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<smoothly-next-table-row>\n\t\t\t\t<smoothly-next-table-cell>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-next-table-cell>\n\t\t\t</smoothly-next-table-row>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/next/table/fillerRow/style.css ADDED Viewed

@@ -0,0 +1,3 @@
+:host {
+	grid-column: 1 / -1;
+}

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: 'fc642613d84473320dbcc35e96ddaecc8be9762e' }, h("slot", { key: '03441f79c1ad49482323e7bb906919d8faca93f7' })));
+        return (h(Host, { key: 'b50e853324f3576d8c42db922492655977b8ba09' }, h("slot", { key: 'be08a0c8690aea39a3d4b5196820f9a140fcf60e' })));
     }
     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: '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' }))));
+        return (h(Host, { key: '46c43047d6c0de20c62addd8a1cd7e63db13ffbb' }, h("div", { key: '6d3b2f2f2d4213aabf9e8b6d46b3903617db9592', onClick: () => this.clickHandler() }, h("div", { key: '7a909ce4d5cf9c7ccb00fbe272d60dc5beb87308' }, h("slot", { key: '548eda3f71aa5538df606ba773264ccd12ad42a4', name: "start" })), h("div", { key: 'fd430f4c06a64a6b06edc8ff40a944a88576f95c' }, h("slot", { key: 'ab4ee6fc8a7ba2e027c02cec7e2d2e48214e9cd6', name: "end" }))), h("div", { key: 'e9fba16de8010a2c0592da142f38ee1627db9444' }, h("slot", { key: 'e6ac909ab9bf77bd335e4a0978ab341ccf5c69c1' }))));
     }
     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: '1043bf4bd8d6c8a1bbba8bd41b5a0c9f2a02f0a6', class: { scrolled: !!this.scrolled } }, h("slot", { key: '83f593f29da158b6db03989d657df67cf48d0d91' })));
+        return (h(Host, { key: 'cc10cca9cae2a4f3c07b0adaec5c9767ba441af1', class: { scrolled: !!this.scrolled } }, h("slot", { key: '0e1af29f2102da8bf0b77b2e8bd7e9d88837b938' })));
     }
     static get is() { return "smoothly-next-table-head"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SmoothlyNextTable {
         event.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '30a81a52c27638385185481bf9c0f256d15a3297', style: { "--columns": this.columns.toString() } }, h("slot", { key: '912dc85f766b048986cbaddd696219c8ef5d57d5' })));
+        return (h(Host, { key: 'e538ea342947d71e09285019a9e38e778ecaa055', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'c2b934edc4f7d7fe82fd65d5db9814298a17bbc7' })));
     }
     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: 'ea3b4ac10c81442db3b99ce3e668d46db6a8fa09' }, h("slot", { key: 'edff1558674b1e24e9dcec1dff6664756ac88dbe' })));
+        return (h(Host, { key: 'd7fc121c62652f1491e330a666d2bd5557790c18' }, h("slot", { key: '9d120acc32de56c2a5f5ac61cfee1f8be9817487' })));
     }
     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: '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))));
+        return (h(Host, { key: 'e216407a367c285f871948d03535b6cb795036ca', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'dcf2051fb4a5f74279ac49b7448e11a12955aafd', fill: "clear", name: "close" }, h("smoothly-icon", { key: '09732f7a1a6f51d5901760a9fb7b94fcde3ec011', name: "close-circle-outline" }))), h("span", { key: '14e3c71160c4c76fba4d0a23d970a173a8a8bc5c', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'efeacaf8248a6446131d490850d5d12d56d9b03a', name: this.properties[1] }), h("p", { key: 'bd8f8b547124a0f8a2e9761232d7a8f0470e71d8' }, 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: 'e960448898c2c370923824509f94c86e7a32d3ba' }),
-            h("aside", { key: '087ec28784d586acca0024579f71a9cf201ec091' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
+            h("slot", { key: '5b7fc348c402eee0f390218c752e803d26c0368a' }),
+            h("aside", { key: '528784db32ff417d61a9d03d5668c0fb57e95e99' }, 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: '63eb430e6fab4330e9819884645455867633ff48', style: {
+        return (h(Host, { key: '02234f694a53180285ade8d8fc3f7654ba224875', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, 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" }))));
+            } }, h("svg", { key: 'e7dc6e32f24abdcfca960a735971232a4eb8bd5d', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'fc02245c37f77cb67288473fc3b9b16634e394ed', 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: '4f0f55d055943d24903a135074e7a26bf616a821', disabled: this.disabled, type: this.type }, h("slot", { key: '57ff7e6d9f789eae54a54d6ba6ce4636767de410' })));
+        return (h(Button, { key: '2fde8c38033bc1494fa746a8556158ccd52a4c17', disabled: this.disabled, type: this.type }, h("slot", { key: '05b575eeb3525cf92656ceab8bece00899e12a14' })));
     }
     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: '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" })));
+        return (h("details", { key: 'f3597a49f47f553cc5f46da28d789978d36a4d22', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'cdf10be26df6f09a1e46786bcced58b6e9165d78' }, h("smoothly-icon", { key: '5e58cc500b5252a27df6f873e0dfedd944927521', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '6e896b1f8929e201a12985dcc1a88d35cee47e25', name: "summary" })), h("slot", { key: 'f00d7da9d776ee0f6557fdda164e74940c85a175', 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: 'dbeaef35c8882ed996d835b1b43e4ec3aa426f0b' }, h("div", { key: 'f6be207b91e0b99e3fb829b7a83ac333502a0871' }, h("div", { key: '3d879455c464bba77b6c73d58f24cbb0e1fb4740' }, h("slot", { key: 'c3709444fb691f18cd7adeca85ee6326b525a286' })), h("smoothly-icon", { key: '6319347b9432db0fe25beba8c978daa26fcc568c', name: "caret-forward-outline", size: "tiny" }))));
+        return (h(Host, { key: 'ac78d1264d3074622109881d6269d38e6ae9f228' }, h("div", { key: '6e7125efa83e7cfe99055448b32cc474a308bac9' }, h("div", { key: 'b2f78cd942b6bd3bd2f15d3194057e1f30ab722e' }, h("slot", { key: 'ff81af420892bef3070f662d0842ce80beea22f0' })), h("smoothly-icon", { key: '8c8e37697ea4ee6c2b7c5431729eb221bc2830c9', 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: '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 &&
+        return (h(Host, { key: '2d5d8d74a94af8c02f17f9197d36846bd00c9228' }, h("smoothly-filter", { key: '1a50977c7da07200bba523450f0776472f05cd68' }, h("smoothly-filter-toggle", { key: '5482c8b85249448bf0cdbe0212c007298672c43f', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'ab375b1439585d1cb80392475ab2ac01ee5d7924', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '52d9db1945562e6ab56ff8df9fd1962088c1dd74', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'ff8d22af2645db3593031923dcebd1f9a3ed91a1', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '2fc9fec6edac583632e4131f31a0e6cc20251255', 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: '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 &&
+            })), h("div", { key: '35fefc412a908f1ea4c34db1ae2ae1ca6a2bf87b', slot: "detail" }, h("smoothly-form", { key: '7f299a5ad79a743edf49756f66ad15ed8bec7ad6', looks: "border" }, h("smoothly-filter-select", { key: '38191611963dfda4cb70a6ed66fa0055e475ab02', 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: '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)
+            })), h("smoothly-filter-select", { key: 'd52b0a2305cfdc975fd1dd39f21bd33d991084bd', 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: 'ccdc7ee47df53a6f22a69236292338f8dd42b4e7', 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: '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 : "?"}` })))))));
+            .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: '66be2c1f30ebd46da451f7966c2ccb9eb2372210', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'bb36890c67097f2342e93c75eafe51d385abe9ca', 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"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableDemo {
     render() {
-        return (h(Host, { key: 'c2d52ed632722eed2a62ad7a8a1579532d535ee9' }, h("h4", { key: '6c2693b2a15e519fdfeaaad2babcc5a692d1df92' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '7370339c630782920d4ea3f87d9ca2a9fed09300', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: 'ec5ddba9aab436b3ea95416de3253c96f2619c39' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: '6aa1c41adfa38ae2a28fdae872105000feebae48' }), " ", h("h4", { key: '939935ca5079dbb902054281239160cc8043ba61' }, "Demo table 3"), h("smoothly-table", { key: 'd6dd1dcd03f7a8536dd35d947875b123868f363c' }, h("smoothly-table-row", { key: '44b5a11d7a6a946caf0026e987a7aecab47a46ba' }, h("smoothly-table-header", { key: '5c82e46165bfc38e1da1c9bf16a7c622cdc1cbb2' }, "Header A"), h("smoothly-table-header", { key: '9793a61c1baa8ed1a05385d8ba6d5ecc8feabca8' }, "Header B"), h("smoothly-table-header", { key: '2fdcec65ab24358281cec2f9a234b20320fe7310' }, "Header C"), h("smoothly-table-header", { key: 'be4f0c72552082bf4db899dcdc7c817e613b525d' }, "Header D")), h("smoothly-table-row", { key: '685202c84404570268fe43b9d15bded227d21412' }, h("smoothly-table-expandable-cell", { key: '0c9a6e9f61e686a12ef51ddfd5573951838ffe08' }, "normal row (exp.cell)", h("div", { key: '9cf941c6bd38cc9da27da2ec2003587a9d61245c', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '44f09c71e18c1dea662b7536e1b85e774e60b3fa' }, "expandable cell", h("div", { key: '7cc27d884ef807845990859b6220bbc3a00e0f74', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: '39ac19023b51b98928685c28453a62c175ece490' }, "expandable cell", h("div", { key: '1feb7f59580a2d3236a754acaf3736c4b12a3522', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '4596552b8df58fa0fd7163db0e3dfa2ab8830a01' }, "expandable cell", h("div", { key: '322cc72dffa047c63de26e76415b6405acb9c37f', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: 'b302f6bad02d9ff463f4d6d341f27b17839fbcdb' }, h("smoothly-table-cell", { key: 'f53be8bf1ac7d14b00f7d6d5ddce430e966df180' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: '8daf7d43483e973e62d10f189b4c9c340fce78b8' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '56d7c49a27529332278fc39e87c2882f311fe245' }, "expandable cell", h("div", { key: 'bff87d82c49e2e67863d6993d93a261d2eec6a13', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '53bfb99470e8de53b6ca24dd1ecfafbe0e74680f' }, "expandable cell", h("div", { key: '1a708007780b119386020462e0c76f6accdaa789', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: 'e18677d9c3a94f4836a10a536632ffc70f51b283' }, h("smoothly-table-cell", { key: '7f978bf73194847f9febf4aaac80134ffcebb58d' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'd528b2a72ddd039c82fdabd4e8851f7944e19f96' }, "Normal cell"), h("smoothly-table-cell", { key: '6b0b4d3f30b31a95133defff1c1c02dba990b723' }, "normal cell"), h("smoothly-table-cell", { key: 'e0539d8af66a3ae4d17fd5ef02967dfda589b38c' }, "Normal cell"), h("div", { key: 'f49755576fda95ee0348da9e24169bd2bff01142', slot: "detail" }, "expandable row content"))), h("h4", { key: 'ba5f2843a357a782b0347d475ee4dd5360572813' }, "Demo table 4"), h("smoothly-table", { key: '181ad9a0c236503c1288ff3e371e1fe323154cd0' }, h("smoothly-table-row", { key: 'a9dc6f2fb604e9f07355c87fc5ae13e45daefea2' }, h("smoothly-table-header", { key: '1bd1d0e1549da881ce3040f6c927816455089259' }, "Header A"), h("smoothly-table-expandable-cell", { key: 'c119128d0589bf3b771d8165ee358a547650e51a' }, "Header expansion", h("div", { key: 'd0428eba89739b88956fb71a68be68c610b3861e', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: 'a54c5b76e8e8db3b63af0a98ec58a955bbf48a60' }, h("smoothly-table-cell", { key: 'e8a46e0600bed42f94985bcf09d7581a9f5f8f5b' }, "A Content"), h("smoothly-table-cell", { key: '3941e1804625493e3e17963d83ab81f483072f0c' }, "Expansion cell"), h("div", { key: '4df8506a7bafd4cfd53a328d8c68f93f017e99f4', slot: "detail" }, h("smoothly-tab-switch", { key: '098ad77004c72f3fd0fbdd43364ae44a99aa1d96' }, h("smoothly-tab", { key: '626f48ff879c4fa885c370b2635ecb19a20c5f28', label: "innertable 1", open: true }, h("smoothly-table", { key: 'd010ef824f9e9881871cd58748f9099d2ad9a33c' }, h("smoothly-table-row", { key: 'eabd83af25882bbd229998ea5e1f4c521206fba7' }, h("smoothly-table-header", { key: 'fc2c448bc2a04e81b51b21eba3df60316506b23c' }, "Header B")), h("smoothly-table-expandable-row", { key: 'ba8fadbebcf9171a41d49c5cb90c5ecfa29cd9aa' }, "B Content"))), h("smoothly-tab", { key: 'ba476cffc2b17330cbf507c61fb5b834297c1547', label: "innertable 2" }, h("smoothly-table", { key: '3d25f6dea0616e0319de7b5dd61dba63b977babf' }, h("smoothly-table-row", { key: '792b9a85a866175b6bbbe1f2aa8056d614b59212' }, h("smoothly-table-header", { key: 'f7d5eecb605554b95c6df5fafbce00ea69cac00b' }, "Header C")), h("smoothly-table-expandable-row", { key: 'ac614f28e0c29a952f5cc9915568a57deba9409a' }, h("smoothly-table-cell", { key: '997018995ca3b0e127e1e58f60ac51a03b5a1d17' }, "C Content"))))))), h("smoothly-table-row", { key: 'cdae56eb4afb25d3ed32d2c4dd3a9593b60d58f9' }, h("smoothly-table-cell", { key: '9dbb1105388962d101bd18aef1ed79c57baf017b' }, "A Content"), h("smoothly-table-expandable-cell", { key: 'ea35ad9b5073c97d68f31c9d825e5d751e8a09ab' }, "Expandable cell", h("div", { key: '2eadd761c83b837d097194ab38d37668e6b57367', slot: "detail" }, "Expansion content")))), h("h4", { key: 'c0921bb24450881229d7c0144ac12d60c3bf8802' }, "Demo table 5"), h("smoothly-table", { key: '8b8b27a06a924553770762449aae0d692dcffb02' }, h("smoothly-table-row", { key: 'ef0757b3eb3241dca02d69cb5b6ecff660788677' }, h("smoothly-table-header", { key: 'e2394dfc5ad2aae143ed754cfcf1b16b587cf678' }, "A"), h("smoothly-table-header", { key: '976f42f99dfb0aa1ee9e44f41ef869762eb11273' }, "B")), h("smoothly-table-expandable-row", { key: 'ea9d260bc85c98fb1823a6d518e93fac6049cf16' }, h("smoothly-table-cell", { key: '42b115fba57971d490fefbf952f0c5d254ec7ba1' }, "nested expandable row"), h("smoothly-table-cell", { key: '3c7079b17695ae5dccc3a6ae5b5c482995cc8c53' }, "b row"), h("div", { key: '164765386ecc86a447e4137e87e9d7e1cb573295', slot: "detail" }, h("smoothly-table", { key: '75450c230a01788649351bc80de0853b1f8935df' }, h("smoothly-table-row", { key: 'b14c7ae5a9dd28decbe2128d0ceba6e5e80244b2' }, h("smoothly-table-header", { key: '9057cc610f407115f0822c86a60a17568c78a603' }, "C"), h("smoothly-table-header", { key: 'efc795aee91ff54f23f4e7960229807a67f8cc30' }, "D")), h("smoothly-table-expandable-row", { key: '91e50c30ceb62307e4ad1df65e38566659aad7af' }, h("smoothly-table-cell", { key: 'a24d04856a8497c8f25a4a1b7744e9e973cc1c14' }, "c"), h("smoothly-table-cell", { key: '043e58686a7541ff38e98cc33e3586c2ff5f0c1e' }, "d"), h("div", { key: 'b7731de099d67a42654775781c3a96ee0810af2f', slot: "detail" }, h("smoothly-table", { key: 'ca775626562496b8dc0434079316b0f4fd1d89fa' }, h("smoothly-table-row", { key: 'eb1fefb44df5c188c4db01ff41d7cf7c00cc2b95' }, h("smoothly-table-header", { key: 'f3164f22ddac32daf151fcd5eba6f45bbba965dc' }, "E"), h("smoothly-table-header", { key: 'ab67b9c9e21dd0e6e6638c24cc9cd775054b1c91' }, "F")), h("smoothly-table-expandable-row", { key: '356ed8bb3a77a72a20756b9af76e19ac0069afdf' }, h("smoothly-table-cell", { key: '76b4d9fd59c7b553ba1ad1504ed16af968913f11' }, "e row"), h("smoothly-table-cell", { key: '9bf94026759eb18cc35cde3e471e24e7528f4324' }, "f row"), h("div", { key: '409341d673cf5dd2f9b0030a65068d913eaa362b', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '2d0eba2de8835b8fcbba2145bb554454d8690cdd' }, h("smoothly-table-cell", { key: '177e9d24417f34c7d73b1053eaa81e5494deb6a5' }, h("span", { key: 'aa67f856f35c3abdc27d9c6e1c1f531c438b9e01' }, "one"), h("span", { key: '7282142fb079c4732c462bbabd5d89e9e905140c' }, "two"), h("span", { key: 'abb82c348c566994a35a7989a9c7c23c98786b85' }, "three")), h("smoothly-table-cell", { key: 'b5365ce005d7a4e7f9ec6a13572a293b5c07117b' }, "five", h("smoothly-icon", { key: '7b4594aa25c395070cf2f5abcad75798d89b9878', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'f0cb3e4fdee2c1593106f1504e2ef7a638089f07', slot: "detail" }, "four")), h("smoothly-table-row", { key: '67341204442bc35d5e036cce9ebf7165e2e5beea' }, h("smoothly-table-expandable-cell", { key: '1fd020b62e4752e4da359b9072b29a1c469164f1' }, h("span", { key: 'd9987a50b30c2dbbacf430950cec88b71df7c4bb' }, "nested expandable cells"), h("div", { key: '7dca663955279cf553bdad10fa7ba1ba9ad849eb', slot: "detail" }, h("smoothly-table", { key: 'b12943e4c64294fe3dc852ea9a387f2bd4103f0e' }, h("smoothly-table-row", { key: '815fcae633d87d07229b224bd285b45fd228a0cf' }, h("smoothly-table-header", { key: 'a4232bbf78259925b401c60b2e02a734e88d5992' }, "E"), h("smoothly-table-header", { key: '87be1bbde66b839a61043266e4f74a081db84c6c' }, "F")), h("smoothly-table-row", { key: '85bac83d081136be7b4e4641cec5565f141c647b' }, h("smoothly-table-expandable-cell", { key: 'db891efb53153b21e57f234536428607fe7ff8dc' }, "e cell", h("div", { key: 'd58b72b0d6d4e8c1a47cad77acaedbe3aa333277', slot: "detail" }, h("smoothly-table", { key: '2d831b60e3916e9c55c996c77cc388fa90a9a6d8' }, h("smoothly-table-row", { key: '341fc2cc9b75690d5992629e3860dc53884b3642' }, h("smoothly-table-header", { key: '085c7ac43082a11505e6d790c65193221820016f' }, "G"), h("smoothly-table-header", { key: '53d8981cb7b99a61d40ea23e2ffce1e88a2e5f4f' }, "H")), h("smoothly-table-row", { key: '037a91700c10a9b9ad73aef8385ac5044b661cfc' }, h("smoothly-table-expandable-cell", { key: 'db716a543afa17ceba2227b6ab34e6b7f59223af' }, "g cell", h("div", { key: '6e9f9921827564a4923dd73e67fc37a5f76beea6', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: 'ee77e6b9f6d335958d715180690f5a43b03e712d' }, "h cell", h("div", { key: 'f71a934e96a051fcc972d5fe931a6f424da334a5', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: 'e5aea1356b4b6e46b34cdbaf958355d31a43facb' }, "f cell", h("div", { key: 'f77e4852d7654966b1d2daca4b81f7c52e9a9118', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '21aedb52d291091d7dfad74c58eaebf11d21be54' }, "b cell", h("div", { key: '47774e13cde8f000da0bd172b295bafb5630bb97', slot: "detail" }, h("smoothly-table", { key: '59f9a71b6007d59160ae43f2167bf496f45b35d7' }, h("smoothly-table-row", { key: 'c446e2b029dbd5a2077906a8a965fd125013357c' }, h("smoothly-table-header", { key: '6c03213f88f20ee03bd8afb43ede67e5a3311285' }, "C"), h("smoothly-table-header", { key: 'f5c41638e374d59a772907d419ce3cdcd7c5b46e' }, "D")), h("smoothly-table-row", { key: '75a903bac35ab067415f6b3d2ea32eab3d1b50fe' }, h("smoothly-table-expandable-cell", { key: 'f3ef1fa6e1cb1fe528446bb4db238c13d1ec5328' }, "c cell", h("div", { key: '0d1b95ea59a79821b834a593196107da82a15b80', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: '0e7dee7e59a504516cf1dbfc564da6629e525ea7' }, "d cell", h("div", { key: '8a1442355a0d1bcc5ceded1749450bf83bfd84a6', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: '491844dd29dbea41bd33109e67bf58328718699c' }, "Demo table 6"), h("smoothly-table", { key: 'c71e325906a58796a3cb941a6d8d8195f838f7f4' }, h("smoothly-table-row", { key: '2a299a63fbbd9504b4734042d313815205b74f26' }, h("smoothly-table-header", { key: '10f8529b9ea32afb41a1879ef374b9e26659729e' }, "display"), h("smoothly-table-header", { key: 'e037e3c9674164926b2e1129446a2cd4bda1780c' }, "contents")), h("smoothly-table-expandable-row", { key: 'a7604f7aa4e574e04270edda2ce140dc9173d0cf' }, h("div", { key: '6e6ee07f7c67bc6f1b5b3157ef7f3d6bd16f7995', class: "content" }, h("smoothly-table-cell", { key: 'c560559faf746657f3637acfc0e13b38bb7b5ac7' }, "A"), h("smoothly-table-cell", { key: 'ee15ec06c1246e4e5b234adbcf96514e746b7064' }, "B")), h("div", { key: 'dcd83cfcdf0a1f1002467bac155ea00a68d540db', slot: "detail" }, "expansion"))), h("h4", { key: 'c976d7cce548795f7776ac78013c5ead5ff46442' }, "Demo table 7"), " ", h("span", { key: 'a41fff757011f21692cf7b48f8f6dceb710c90a8' }, "nested 1 then normal"), h("smoothly-table", { key: '30fc70242dcb689f44c2d10c6da06f0bf4ff3b29' }, h("smoothly-table-row", { key: '83ab53ecc50c0c58d5095a54dca7ef71dbfca94d' }, h("smoothly-table-header", { key: 'ba57eee8d8a906417da048536ddd4b7848abfa83' }, "A"), h("smoothly-table-header", { key: '75070cc5d7f9b378ec5cf1dd09cf938ce2627466' }, "B")), h("smoothly-table-expandable-row", { key: '5c238acce39b7b16fd29b5681b2fa0beb92f9d6a' }, h("smoothly-table-cell", { key: '0e84b683e6dd2cab1fb9b56e7b3d634a1db6b6d2' }, "a"), h("smoothly-table-cell", { key: 'd0b5f45e24f7207b6e4929297f77960a893b5ea3' }, "b"), h("div", { key: '2a4d70833716ba05f63f30bf414ef073ed544f5d', slot: "detail" }, h("smoothly-table", { key: '91f965115edf80e695cfab022c333ea75580553e' }, h("smoothly-table-row", { key: '0b16751c58986a2827bf86d9eb8609ac4149a6a2' }, h("smoothly-table-header", { key: '694d93cc20a0de953d9a1ccce8531fa1a3be15d0' }, "C"), h("smoothly-table-header", { key: '6e8f1b2412ca56766c02974e7b0f6c23c8b7e7c2' }, "D")), h("smoothly-table-row", { key: '9dd5836a7780bc96b98dea02534a94d46f413b0f' }, h("smoothly-table-cell", { key: '60d1507e3768c8e771fc2862204a75c6d65d0949' }, "c"), h("smoothly-table-cell", { key: '2a234c36950600f5c038aed22db95f806d95fd78' }, "d")), h("smoothly-table-row", { key: '06083e22aaa76953478b3d91b1cf1bfa33d36e91' }, h("smoothly-table-cell", { key: 'c29952966e7fe73c5c5487ab81a9ee79f9dc1ca0' }, "ccc"), h("smoothly-table-cell", { key: '7b2a22e7c5698da2ff9ecd10c7b91bb489192ac3' }, "ddd")), h("smoothly-table-expandable-row", { key: '067641facfd8e83d89d520155533feb17a19628c' }, h("smoothly-table-cell", { key: '5a738afa3444170250850a7d00ce9ec5c52a0827' }, "cccc"), h("smoothly-table-cell", { key: '34598e8935e09e660001548cd2f5f0049e0ba71d' }, "dddd"), h("div", { key: '8350e5e1ef3fca4e1423987e3d99328683156703', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: 'e4ee719169cc338d2420f7d3fa09b19ae022e6f7' }, h("smoothly-table-cell", { key: '66f289b9d4e5bb8fe6bfce7f8ae0629143a28ea3' }, "ccccc"), h("smoothly-table-cell", { key: '9e36c00f691b106ef5e58c25d3376618a1861759' }, "ddd")), h("smoothly-table-expandable-row", { key: '67f476453f943b6b75249ce633b1a652e72c0838' }, h("smoothly-table-cell", { key: '9218b679173b883967e4fd9f61622220a4e69cd5' }, "cccc"), h("smoothly-table-cell", { key: 'a0d921e79a8302d7e0b8f3fd702aead3c146a032' }, "dddd"), h("div", { key: '32ff6ed3b7dd8fe2769838a0ec9c08457f578ac0', slot: "detail" }, "CONTENT")))))), h("h4", { key: 'a5b4ae5de351c406d071e8405307486b236ae22e' }, "Demo table 8"), " ", h("span", { key: 'a7c396b267a5728a3ebd12033e0419c449bcacc6' }, "not nested"), h("smoothly-table", { key: '2b940b2551b11b5eeeb44f9fb78955848a9bb88a' }, h("smoothly-table-row", { key: '86a38a2dd5c238596452292bd5790d55436dc332' }, h("smoothly-table-header", { key: '16b53657c35dc13eec74f7944418f736c62745a8' }, "C"), h("smoothly-table-header", { key: 'de229cdfa50eafa737b2782f94120eff5d26e897' }, "D")), h("smoothly-table-row", { key: 'f034a73023a7f8ef3718ad795cc52043e7c83001' }, h("smoothly-table-cell", { key: '0fd9f2f32d6749d5cb66e7c8e70baec5eef46edf' }, "c"), h("smoothly-table-cell", { key: '59e23af09d690d700d877e2db3a7ffa4f5a989a6' }, "d")), h("smoothly-table-row", { key: '9d7c2e33cb3c81ca56eb444d044a04a155a618e5' }, h("smoothly-table-cell", { key: 'dc705b145b3731c6f32a1b2c8b6f67e10210be69' }, "cc"), h("smoothly-table-cell", { key: '1e5af428e4e23992db8452c9cdf9d7ca5e24be0c' }, "dd")), h("smoothly-table-row", { key: '536edadf240428490176429bd97e609164bd44fe' }, h("smoothly-table-cell", { key: 'a55ca0c9736ad2cc944a9055da21ba0dcd5b96b0' }, "ccc"), h("smoothly-table-cell", { key: 'e2e00ded28fe8cff0c7ba57b9911d9816e691171' }, "ddd"))), h("h4", { key: '7151025dac0d88842ec049d208b68e6b6c8e8ccc' }, "Demo table 9"), h("smoothly-table", { key: 'a648bbeee0de8645e8feabeea36dd82cdcdb26b1' }, h("smoothly-table-row", { key: '69f82749ace01c70f12e12bf973c4e68a7c0681f' }, h("smoothly-table-header", { key: '6741692157f9711406703a258661d363d46ad9cc' }, "First name"), h("smoothly-table-header", { key: 'c6471154158fda30b2a85f247563340713d5544b' }, "Last name"), h("smoothly-table-header", { key: '317bf1cd0457790c1185e2b0450ce1b23323374f', style: { width: "1px" } }, h("smoothly-icon", { key: 'a2d8633ddd3277777ca1754d1e0f6406ba4537e0', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '2e0c8471bd93774be4d39229cb07fc06de847025' }, h("smoothly-table-cell", { key: 'ba8aa8597cde75f5fc3a8bbc49c5b1ec388c8205' }, "Jessie"), h("smoothly-table-cell", { key: 'be279abe4d48f4f72bb1b2e5daf7b5622be26469' }, "Doe"), h("smoothly-table-cell", { key: '64375d0aaa75e484d51f1c19f6050c541feb8f70' }), h("div", { key: '701af93629039213c83f78009863eeb4f3cfa7fd', slot: "detail" }, h("p", { key: 'a2ef105c6d6e8c86604db5282cd91687a562be0a' }, "This is Jessie")))), h("h4", { key: '3e4bdf297eb97a83987575d9e63094e0791e0dc6' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: 'c4b7b9e0579fc5687aef6648f0cfde1b38227cae' }, h("smoothly-table-row", { key: '5e02e8b9fb5651300a9d3f7d73fb5b74ef56ecf1' }, h("smoothly-table-header", { key: '0c11cf42e600eb64a75699311036f8321b45086a' }, "Company")), h("smoothly-table-expandable-row", { key: 'eed4aefbe379f9e1f48039dbc19c96e5d4c5acd1' }, h("smoothly-table-cell", { key: 'a25c1eaa63d072db92da7f2c62cc46488163a2ee' }, "Proquse"), h("smoothly-lazy", { key: 'c968706a18a250fc87eeadff46b7e64091e95456', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '7733a8c3d37db1d3f4a0960567ce8e552e902cae' }, h("smoothly-table-cell", { key: '0cc350bef843e7bfa88a48e134a3e38fb4cf8e6f' }, "Pax2Pay"), h("smoothly-lazy", { key: 'dd2acc4f5ba563f02c8d64534863b09164c38c83', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: 'e33c1260f6f6b78f81f5170444e9fb306d156554' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'ea08d324eb273bf135b601e3cee2fab094cea944' }, h("smoothly-table-row", { key: 'b1b3d06556f18f5e524f1ee9c090ec333aefaa77' }, h("smoothly-table-header", { key: '53673b0956468b3eda784f2874140c1b331f5345' }, "Company")), h("smoothly-table-row", { key: '32b918aef1324fdd92fe33b5697c25e7a34e32cc' }, h("smoothly-table-expandable-cell", { key: '1c03cfc9d836db81f9347d816bc1c113b75cc845' }, "Proquse", h("smoothly-lazy", { key: '90d9c35c58d99145dfb3e466b930231d4e9c5260', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '00c7267ef997b669765a6d842bc2592485ca9317' }, h("smoothly-table-expandable-cell", { key: 'a20dd3662febafb60d52bb67459c8418289e3bfb' }, "Pax2Pay", h("smoothly-lazy", { key: '25f2445bcfc58807711963f3be6a123608adb212', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'ad5adf734d61be4daf3ade3b6a0371164ce6eed9' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '08eb6233562f117458dcfd19eb03524624506606' }, h("smoothly-table-row", { key: '0426d4016fa6092d6b205ee100a881b26389f87f' }, h("smoothly-table-header", { key: '125bf5f4ec3f13812556e94931999755128bf920' }, "Name"), h("smoothly-table-header", { key: 'bad40f5c6846cca62ceaa6da5567421c63928b77' }, "Age"), h("smoothly-table-header", { key: 'f09c9e0d0cbb39f2ca395b55ec69a63897137f9a' }, "Location")), h("smoothly-table-row", { key: '0049a5c72aa974d066067d2e6a2092a08edfc830' }, h("smoothly-table-expandable-cell", { key: 'b712269f190e0b8d94dd37bc53b4f0e4a114f256' }, "Jessie", h("div", { key: '3d8d620af2e9ac062a381ea1e3bb60b3e98f73e7', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '4ea5d099083a57923a8d64c1ac10300300347662' }, new Date().getFullYear() - 2000, h("div", { key: 'e6823568399487c76df82e5078167cdc45310e5d', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: 'c6fcc32668399cf74b2193982ac2cf02c968ae74' }, "UK", h("div", { key: '012b0fad1a980d79e208382ea034638204eec7a6', slot: "detail" }, "London"))))));
+        return (h(Host, { key: 'c6cdb1ec64019fe32ea8f535337afa40e29fee44' }, h("h4", { key: '5dc50032bbf5d7a0615ad46aa1836187aefe469f' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '852c580614cee9b882fa5c2909bde6d165205bd1', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '9119e9a6a01add919f8df9eacb58ad7d7382cf4e' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'dca248ef3915c40336be5658a8409def226569b0' }), " ", h("h4", { key: '4a713db2b1f2425881356b3b3b8dc0d046a33164' }, "Demo table 3"), h("smoothly-table", { key: '94ef0a667f321471883dd4d70fe23eb32d9f3e4d' }, h("smoothly-table-row", { key: '4c392b3afcce38a2ff6030b36d758675f5968bfd' }, h("smoothly-table-header", { key: '96ffe0219f041d33bb75d76c27409be6918792f9' }, "Header A"), h("smoothly-table-header", { key: '3dba2f1f669cb386c4e3973ea2b075996c55b165' }, "Header B"), h("smoothly-table-header", { key: '0e3744fb7ab93403bbddbff0cfa51efe8935824b' }, "Header C"), h("smoothly-table-header", { key: '93da6c4dde69f1d9fe9aca8dd62136cf204ef3d7' }, "Header D")), h("smoothly-table-row", { key: 'ffa880e419975218ea105a2e66d184d4404980ee' }, h("smoothly-table-expandable-cell", { key: '3a55c3fa80036ec5ce6301903bb074ae8305ffe3' }, "normal row (exp.cell)", h("div", { key: 'e3bd35eb544912b4db28152d8af94e7b3bc04607', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '4d1c3c9f7d2495bbcb751e8e82ccf6c1866b1dcf' }, "expandable cell", h("div", { key: '1db4619ea7c7c3762e543515137c08f168fecda1', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'b7ddb2156db40eb29b71c577cd64cf174eddb69f' }, "expandable cell", h("div", { key: 'ac7ecb1702ec0d6a813a75b0c7319f5b2495f212', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '558c77cdb6bcca06d6768c700c5708c3dd23fc90' }, "expandable cell", h("div", { key: '5d3de7d1e891951704cb68421650346e0ddb96f4', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: '07ac3491d39958ea8c2ceda40e149a49dc637927' }, h("smoothly-table-cell", { key: '614f6f20cf243bbad3e0eb49978699859a23e57d' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: 'ff9d16514584d1024dd5af0e34c479b1db93e90c' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '1b0038e9c2d6c086da0f65678918b9e77f14658f' }, "expandable cell", h("div", { key: '9c6c183fb8e2e4e6cd8758dcb886548613b119e7', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '2f0daa63d8e630adc5c51d20a6eaaba812c97f9b' }, "expandable cell", h("div", { key: 'eb59b5593c192ae9708e68a8590cd49956dfd662', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '3e06fb811827f01518742affd59032e9941a0888' }, h("smoothly-table-cell", { key: '718c279fbe72d14166f7d36303ceecaeb87469cb' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'fea9b506bc7ea6905b9da37a89267c3413fdaa99' }, "Normal cell"), h("smoothly-table-cell", { key: 'b7c3db0238145650f21a4068f2db4f92aa53d5a0' }, "normal cell"), h("smoothly-table-cell", { key: '8f5bebd243e3264d2ad5247d37c801804bab6ba5' }, "Normal cell"), h("div", { key: '5ee3caf2bdec56179e6a19a6103dd2b8e25d2cdc', slot: "detail" }, "expandable row content"))), h("h4", { key: '131374201a62997b92e65232d5b600100660ce03' }, "Demo table 4"), h("smoothly-table", { key: '0184cdc6ab654d7d90c34758f41122f68228694d' }, h("smoothly-table-row", { key: 'ed5badaaec7b1f697c2ece9693f68ea20e016782' }, h("smoothly-table-header", { key: '420a18ca91c047f76044efae2ac91fe3902fc6b7' }, "Header A"), h("smoothly-table-expandable-cell", { key: '650af2acb6d5aa89923410549429aeb629a33905' }, "Header expansion", h("div", { key: '5ac40560c308a696045ab01fd28276dfe0c07943', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: 'e4b7987bd61fee6623f39748747c9d92217c5398' }, h("smoothly-table-cell", { key: '3a2d14f748dbd9c4de90956f68b47c4a0d0ffbdc' }, "A Content"), h("smoothly-table-cell", { key: '4af0e6586995e90521ace2df4cab7de58ef75291' }, "Expansion cell"), h("div", { key: 'bc6a095aaeda1143869a15635cc18b1a091a6cc1', slot: "detail" }, h("smoothly-tab-switch", { key: '2729c0fcab4e6262e2fc0d0a7de510be23693566' }, h("smoothly-tab", { key: 'ebb7e85aee9d63c379c6212e769803d78bb3eae0', label: "innertable 1", open: true }, h("smoothly-table", { key: '2cd95b71834a44923735ab3feb60e455c26c1738' }, h("smoothly-table-row", { key: 'e0f8c0e8e7080a278f5244665415ce4e4e2e6527' }, h("smoothly-table-header", { key: 'bc7ad942e775a5d1189c2ef806e013416ad33770' }, "Header B")), h("smoothly-table-expandable-row", { key: '492569f69549b75af7d8db20f52453f2f8a28837' }, "B Content"))), h("smoothly-tab", { key: '7692415648b7adc6597830b1dfffa40877d28d70', label: "innertable 2" }, h("smoothly-table", { key: 'd40463d8082de28b2f5ba604631a5ea50d255c79' }, h("smoothly-table-row", { key: '88ae5e85beda7765408ad019aa25a6b337d9de39' }, h("smoothly-table-header", { key: 'ae55e53a79148ea93476a3cb12d53355400d3e30' }, "Header C")), h("smoothly-table-expandable-row", { key: '2ee22e0d918ce496ad4a221190ba69452e16e7ba' }, h("smoothly-table-cell", { key: '6c1b2d3f2bb7e52c2ff05b4bfc27d978d321c44f' }, "C Content"))))))), h("smoothly-table-row", { key: '198cdaf65f5b016ab46d5a0c7f7354dc1b7c42c7' }, h("smoothly-table-cell", { key: '5cf8d0e7bef2ca16708358da909ba29ce54efaad' }, "A Content"), h("smoothly-table-expandable-cell", { key: '4723ddf3865924468d4d46fd834e15f42549cabd' }, "Expandable cell", h("div", { key: '0474fb662b6b693637bba1fc368849ff081d91b1', slot: "detail" }, "Expansion content")))), h("h4", { key: 'cb86d63ccede6e18e4c6f1d3eead23792572779a' }, "Demo table 5"), h("smoothly-table", { key: '0ed16c4b83f5e69f689dea5b2b8283099b4cb743' }, h("smoothly-table-row", { key: '642367f17c2f07f3f70b194989297d89521e3c90' }, h("smoothly-table-header", { key: '8f58fcaeacebbe763cd11a847f2f6f5c6d1c5fa7' }, "A"), h("smoothly-table-header", { key: '00706d5410e853ccef0c314392af3c0a7963797d' }, "B")), h("smoothly-table-expandable-row", { key: '723f1bcccc604b416d37ceee51ec59bfe3d51be3' }, h("smoothly-table-cell", { key: '4ee6f49785f06c48822a1492d3944309544e8f85' }, "nested expandable row"), h("smoothly-table-cell", { key: 'ea21792c62dcf9d06e3e079b04c047770eb8109c' }, "b row"), h("div", { key: '265aaa6a27b9ac1c0dd0ec977b9fee69c5a8f9eb', slot: "detail" }, h("smoothly-table", { key: 'af29d12c44187790b325c2bb981e9d022579e6d4' }, h("smoothly-table-row", { key: '45f7c147072c8b03ea227ebdc42a126140b9647c' }, h("smoothly-table-header", { key: '73c0e55e8893e54e87043bae61a7347b0d123e15' }, "C"), h("smoothly-table-header", { key: '85d28029d760d13fae38f239e4e4f67f18346dc2' }, "D")), h("smoothly-table-expandable-row", { key: '5328f1f383dfe3736f0a9d2a9c5c1730810422d1' }, h("smoothly-table-cell", { key: '3cc2c6489faf95604b3cb1e41481284ca2b9f54e' }, "c"), h("smoothly-table-cell", { key: '0349c3d16c50fc5fec9b5fcecee4bf0a5d900cd4' }, "d"), h("div", { key: '271f7f54451fa0a26ae1d7c1c788d0b78711834a', slot: "detail" }, h("smoothly-table", { key: '87fbb87ad3099137d01ef6b68689ff591839ae8f' }, h("smoothly-table-row", { key: '5e0d25420625328e0e5aded38f741499b0c15f47' }, h("smoothly-table-header", { key: 'dcf74f3b32fc6faf6ff42e646381e87bc228c77e' }, "E"), h("smoothly-table-header", { key: '866c5c36177073208661b326c13f27bb21cec508' }, "F")), h("smoothly-table-expandable-row", { key: '5df8eb28aa99f7efcdb01d16d4ccd34fa92c2fef' }, h("smoothly-table-cell", { key: 'a489f7f284423d7d5f9809668f5dbf78d3ac24d8' }, "e row"), h("smoothly-table-cell", { key: '2b849e8c5f213f9169c7deaf5bcd36485380798a' }, "f row"), h("div", { key: 'be2bcea57e2c422dbf9669e703b0dec4786274ec', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: 'd727b5985e8ae29724852915d8df209dc7c556b4' }, h("smoothly-table-cell", { key: '14657a5055d35ce1c3fa26fba29b846bb0868b6c' }, h("span", { key: '322844dedc0a830976658d24822fb86ed35b56a4' }, "one"), h("span", { key: 'c23220004cf0cd380a95094ce802eae0b9b36b30' }, "two"), h("span", { key: '9071c81ec7c73b5f95aac1206347fc5334174f4b' }, "three")), h("smoothly-table-cell", { key: '2f25002f38d22be8aee2b449ef3447331bc3ed73' }, "five", h("smoothly-icon", { key: 'c5cc75ce10ac556a2dde2150f85dc73b916f0c7c', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'e6253178d2776f1509292948e3f6b77019f496fc', slot: "detail" }, "four")), h("smoothly-table-row", { key: '3edcb5725f14e59c8ec4a2b13114c554f496979b' }, h("smoothly-table-expandable-cell", { key: '32ebb0dd788e9e06d69794c24fbe93709d2b5c58' }, h("span", { key: 'bacdfcd265cf89930296660af55253ec5b3c4c6c' }, "nested expandable cells"), h("div", { key: '34d9875b8acb35ee324f6e4ed38182c1be28c493', slot: "detail" }, h("smoothly-table", { key: '89bc020ea84278748b8e9848759499267a73be5a' }, h("smoothly-table-row", { key: '15fe94d805d3866ceffc23a1a3ae963feba6ef90' }, h("smoothly-table-header", { key: '932bd391a859b707c352c61c5f2be83aa8240aad' }, "E"), h("smoothly-table-header", { key: '1da1234c6c231c619038ace596ea1cbe4248d532' }, "F")), h("smoothly-table-row", { key: 'e1717991f4941aac819614f6898e78161e39e8a3' }, h("smoothly-table-expandable-cell", { key: '93eb3a46a19156b6d41ffdee5ca7ed2595ec6a06' }, "e cell", h("div", { key: '91897564564115854b72ed0e47af8082fd85d581', slot: "detail" }, h("smoothly-table", { key: '792d01e1f8a3502ea3f046229756a0bf17161c89' }, h("smoothly-table-row", { key: '7934b8fb581359e57dd0d9d9397ee1e4d0fc3235' }, h("smoothly-table-header", { key: 'eb62c1711c644fec626bed7defc784e0fdcbf41a' }, "G"), h("smoothly-table-header", { key: 'ae2d2716634e835a02ec523648f0adba523d8665' }, "H")), h("smoothly-table-row", { key: 'b5c675c4e6f90b0990fa6fc0e3a9a847a0325491' }, h("smoothly-table-expandable-cell", { key: '45a16508c0771c8c7361bb856973be83d39c00d5' }, "g cell", h("div", { key: 'ccd0ad5cecb5d94da9d5603dc01e40421b8c3093', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '6d7ac4d0777134d341f4594c7c43d603f72452bd' }, "h cell", h("div", { key: '17bcbee83042ec0b209fd3810dda4184fae63d04', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: '637255dc3405f3ca9606143ab3dee291ed7828ec' }, "f cell", h("div", { key: 'e4eda95c43b1bac85d025fd41c5d5307a79aaddf', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '869c160ca435bad58b7821700f57f3e57df5bd95' }, "b cell", h("div", { key: '430c75f553f16f743fdc9df1428af7c0262537c1', slot: "detail" }, h("smoothly-table", { key: '29f8b19c79ea9e67f986dba2ad175e56c6038e74' }, h("smoothly-table-row", { key: 'd6a981299b40c08517d735fb1adbebbc16d32363' }, h("smoothly-table-header", { key: 'c6a482d2a46eee73a6cc65e7bc14f9d1f1468be5' }, "C"), h("smoothly-table-header", { key: '826f6b28305280251d56fc31320297eb20e4a14c' }, "D")), h("smoothly-table-row", { key: 'e4df9cf7c1570dd9a75a5e4cce2b6d3a566f8d9c' }, h("smoothly-table-expandable-cell", { key: 'e817572d771cd4302d4359beb27808e15a47f851' }, "c cell", h("div", { key: 'b2a81e52aa824cf3059c9a52ac66949c5e4cdac8', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: 'c82fa56be62e893572292cfdba4c8029e6defb74' }, "d cell", h("div", { key: '131d94db4b432bdc4204d2da5b64da8350c599d3', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: 'e2dd9ae8c73f8479f9c44a1cb706ccdb48de4912' }, "Demo table 6"), h("smoothly-table", { key: '6c2e4be7d91398896f44635007524e59e5766c08' }, h("smoothly-table-row", { key: 'f81d5caa43f09eaae3c93a0c76e72fed362fd8b4' }, h("smoothly-table-header", { key: 'b75f0a871cd6082e16744017a8e994be32725ecd' }, "display"), h("smoothly-table-header", { key: 'bd9f38937668659299fe7026e1c773e74c18550f' }, "contents")), h("smoothly-table-expandable-row", { key: '719b5460cc6d2dd0606e67a4b5a42dd24c68bf79' }, h("div", { key: 'd9a10c1de4fc60e0e8e670d632387b785f657995', class: "content" }, h("smoothly-table-cell", { key: 'fafbc25c0581438c93393b6490850f08ca405d26' }, "A"), h("smoothly-table-cell", { key: '79a557b14dae5899fb5bba81f32f3e70360241f2' }, "B")), h("div", { key: 'd6d1a0d30b310414fbf167f44d34006104cdde18', slot: "detail" }, "expansion"))), h("h4", { key: 'fc360556b13a7fc2fb3a32bc7d831bf40e77a823' }, "Demo table 7"), " ", h("span", { key: '67ac962f1d678d7820d942e9a84640658934b750' }, "nested 1 then normal"), h("smoothly-table", { key: 'd09cdc05350959c442531492b04173e41b9ab937' }, h("smoothly-table-row", { key: '86bcc5a1fe55a6869136ceebee91427871d87ae1' }, h("smoothly-table-header", { key: '2e65946759465848b0065c1e87bc288cfd925cac' }, "A"), h("smoothly-table-header", { key: 'e1e080702c449b3c0a2ad4b79be43962823ab1d1' }, "B")), h("smoothly-table-expandable-row", { key: 'bbdcbb6bd15d55df039edb298f645777bbdb9d2f' }, h("smoothly-table-cell", { key: 'e77d5cad7dc70372f79a14fea41c158c0e7f2815' }, "a"), h("smoothly-table-cell", { key: 'd2ec385c100d3668c6587bdce725c0de38ae6582' }, "b"), h("div", { key: '367c017889c3aca14b3a3f8e9fcd57358834e274', slot: "detail" }, h("smoothly-table", { key: 'ff63d4c3dff836b3df8d743038baa46cf24b857b' }, h("smoothly-table-row", { key: '203f4c54a06dacb0a73cf4953720621ccbb06431' }, h("smoothly-table-header", { key: '21fb33f06e878a715d822d47f96674a5dcb92f56' }, "C"), h("smoothly-table-header", { key: '2097c2b323c36021117b96b95272e6406c0edb48' }, "D")), h("smoothly-table-row", { key: '3ff6b62cf7446fb4eca6df6fc13143e6c1e460eb' }, h("smoothly-table-cell", { key: '1186335915945a96d64261b0e8de47a8c12ca827' }, "c"), h("smoothly-table-cell", { key: 'b996fc4591d27eeb1bbe977d3bb2e16d42360886' }, "d")), h("smoothly-table-row", { key: '29c4d2c57bf1e8af3ae136b12c80904a183ae927' }, h("smoothly-table-cell", { key: 'f054fa2640cfa70dba30975fb3d0d9e6aa1bc8b2' }, "ccc"), h("smoothly-table-cell", { key: '24f24ed158bff3cb95a1aeb4c137b754ca5fe8de' }, "ddd")), h("smoothly-table-expandable-row", { key: '1c2be4a4f94a57364f687abf60ab7ffdedc9d1cc' }, h("smoothly-table-cell", { key: '5647332d1265e86af137b95a98cfe80213965a9c' }, "cccc"), h("smoothly-table-cell", { key: '5ad3d89d762eae80e5eb76f77b06ef471d40cfad' }, "dddd"), h("div", { key: '4155c05116122dc56b0d7040ceba608207b23f90', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: 'aa5c1540f0875186a40ca0716186e85c9de175c6' }, h("smoothly-table-cell", { key: '2baa7e5daad582bdce32242b5bbcd87e248bbb80' }, "ccccc"), h("smoothly-table-cell", { key: '3c4c56b3236f5c466f276196dbc001300d048038' }, "ddd")), h("smoothly-table-expandable-row", { key: 'a137469ce97f63fdc2842a9d9e1db2d936debe67' }, h("smoothly-table-cell", { key: 'f91844c515e0b7c24f49164f62fdd42fb23d8f59' }, "cccc"), h("smoothly-table-cell", { key: 'ef54d06d342d9e1f2db9cb1e1aac9d435ee135a7' }, "dddd"), h("div", { key: 'fd2541e8d443a18c00dddf9acb74cbdb6b2fdf4e', slot: "detail" }, "CONTENT")))))), h("h4", { key: '89e86140d84f579f55059d9264f411777ac5aac6' }, "Demo table 8"), " ", h("span", { key: 'c199ae8f38acc634e545d2604d8aeb67f0d33071' }, "not nested"), h("smoothly-table", { key: 'aeb6678656be7e5e708c641ca17aefe9d261d869' }, h("smoothly-table-row", { key: 'c091a358dafeff2ec733ed853a781793725779d7' }, h("smoothly-table-header", { key: 'faaa41ac0254cc323bf9b7160d2ead5dec2c2246' }, "C"), h("smoothly-table-header", { key: 'b2c13a9e6f60cad289ec1d4f7c5d9fbebd699281' }, "D")), h("smoothly-table-row", { key: '7a2ae5656bb03ce62e12050be6c08e1733181715' }, h("smoothly-table-cell", { key: '2ff08e9fdc6e9de3f1fd1736ad633ff78ba4c13c' }, "c"), h("smoothly-table-cell", { key: '091659bd87bd13a6c4a5376c9f0a16ba9bf9e374' }, "d")), h("smoothly-table-row", { key: '2e02a72bd9c2dfe6b07bd2d3c36149063e9bda1f' }, h("smoothly-table-cell", { key: '2917fe4cf994ebf701ae41a091782041dc67318a' }, "cc"), h("smoothly-table-cell", { key: 'b4cf0c0adcf1f9d3c810229590e4545beb7764fb' }, "dd")), h("smoothly-table-row", { key: '8c9a5378ea27902b1e41677362959fb275b6507a' }, h("smoothly-table-cell", { key: 'fdcf6b3894477df4f21664eee676a7dd461a4882' }, "ccc"), h("smoothly-table-cell", { key: '6c0a3e5e6335a598162cc502fe11972e50a10f04' }, "ddd"))), h("h4", { key: '75d2a5c05d83cc92660e0f3bdf5c1117b575ab46' }, "Demo table 9"), h("smoothly-table", { key: '4fd387e594e9ccf7d898fe8a3de25d9ab69cd63d' }, h("smoothly-table-row", { key: 'c648d8a80572139e19ec9beda76b53a8f30852a7' }, h("smoothly-table-header", { key: '8d107fc3a61c5811af5670aa3df80ed920a0ec9a' }, "First name"), h("smoothly-table-header", { key: '75bd8a48f1310824264a8a010728bd5bb574da14' }, "Last name"), h("smoothly-table-header", { key: '808beb339db858193358588f0a82cbe447b5190a', style: { width: "1px" } }, h("smoothly-icon", { key: '6ad6202ec2a954f8d8d9238fe18d79d6bf8e523c', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: 'abb7bd9a192ababbd4d2bd61bd0561751d833ac3' }, h("smoothly-table-cell", { key: '69f27f7d31a6a393aef3e7352cf1c2e524f4dae1' }, "Jessie"), h("smoothly-table-cell", { key: '0e8041d5da6acf2b0383b58ac4882e68838ce420' }, "Doe"), h("smoothly-table-cell", { key: 'b45b1a41a54dc1fe92ba1f1178c8896fe14f327b' }), h("div", { key: '12b2141c1d682a97c6e7df228f8ba398611273d2', slot: "detail" }, h("p", { key: 'f0248b1f651a97144503d590d5c306950e64711d' }, "This is Jessie")))), h("h4", { key: 'f75fedeeddc0f769048db7b7f7c9782eddb16b48' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: '44e5223e0c1bc78f8327998c1cf5077535f65cc9' }, h("smoothly-table-row", { key: 'a035540e1fcae9596d8c6c9cbfb01992c8f5d96e' }, h("smoothly-table-header", { key: '977103327cd141e0c12dc105c77d4e17453d7969' }, "Company")), h("smoothly-table-expandable-row", { key: '9d6fadd4ef407ebd111f2905cfbb295ff48246ef' }, h("smoothly-table-cell", { key: 'b2142f6a1702ea1ab8f28670eb8529f649aaf2da' }, "Proquse"), h("smoothly-lazy", { key: 'ebc43f03580b947bb4349829dba32604c8182901', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '47e95c6d1014f371ce41bf56740291648d4d4c31' }, h("smoothly-table-cell", { key: '107acc7c3438b96037d60a7e5abc4f435f7a0a8c' }, "Pax2Pay"), h("smoothly-lazy", { key: 'd012a467c9d700640aa3dd786e5ab556e978626d', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: '03f14a9fd01c60f7b770b62d1fd32c57fd6814dc' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'd23a7ef3f92ce1a6afda331d3e1c5e2c64f9b11b' }, h("smoothly-table-row", { key: 'ffcb5814fd4afe20e9c6bbc9d4d18be81afb7d37' }, h("smoothly-table-header", { key: '270d83785d476b7150bce0e11fc539e05b054c98' }, "Company")), h("smoothly-table-row", { key: '7f438f85ccddc3f5fdecc4c97fde8bb1713beb31' }, h("smoothly-table-expandable-cell", { key: 'd01c427640186db29f26304d3d8844a3a6ecf1ce' }, "Proquse", h("smoothly-lazy", { key: '080873dd61bc4a620ece541bed52a4a51cd448b8', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '267f36435a9362e936049ac0c73cca9e215abcb9' }, h("smoothly-table-expandable-cell", { key: '7694f7f05cc5177b754da18aaaaa717826df7ff1' }, "Pax2Pay", h("smoothly-lazy", { key: '758d613af1e8d627155464ab7b479b54ceb2e6af', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: '60b2058a5e1c709910104b4c71275e2f7d75c069' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '25607a969ecf94dec2f6a9550e39c3a218074388' }, h("smoothly-table-row", { key: 'efcdd592fa0610270aec75f5f3374b3f53cefb6b' }, h("smoothly-table-header", { key: '20c039f01f984086505b15583c2b14b1189ca6c6' }, "Name"), h("smoothly-table-header", { key: 'f2be62591e3af045d183073ae507188373905296' }, "Age"), h("smoothly-table-header", { key: 'c32796e95f7c7dea3592ecf064409832d1d20f6c' }, "Location")), h("smoothly-table-row", { key: '64c3d1d6400b1d6c7f1c60fbcd9807907e8fe212' }, h("smoothly-table-expandable-cell", { key: 'a3a8e58e928fd3ba7829242138723871bef08680' }, "Jessie", h("div", { key: 'a0dd46a5f6414912900266f75ed69d62ebe3a9e4', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '995d3bc1a09c0d1f2fe1f6ded94a4698e9c81985' }, new Date().getFullYear() - 2000, h("div", { key: '9f0b33a97b0c68c81746eb4af317e77382e7bb17', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: 'e4877b8448c159df81001e2fac08f18f2da86bde' }, "UK", h("div", { key: '3c50cf7073cf071f81da5c5f3d7672eabee467f1', slot: "detail" }, "London"))))));
     }
     static get is() { return "smoothly-table-demo"; }
     static get encapsulation() { return "scoped"; }