smoothly 1.2.1-alpha.47 → 1.2.1-alpha.49

package/dist/collection/components/next/demo/fillerRow/filleRowDemo.js

@@ -0,0 +1,32 @@
+import { h, Host } from "@stencil/core";
+export class SmoothlyNextDemoFillerRowDemo {
+    constructor() {
+        this.cats = [];
+    }
+    async componentDidLoad() {
+        window.setTimeout(() => {
+            this.cats = undefined;
+        }, 3000);
+    }
+    render() {
+        return (h(Host, { key: 'b7e5fddaa2acf3e9f92f00cf90dca4701485dc47' }, h("smoothly-display", { key: '3d0e8e789be4d9c2b00bf0b5e86d122e70d87eca', type: "text", value: "Filler row" }), h("smoothly-next-table", { key: '5fc7d8d7fa92fc4d759d0e2dbf603432e2a967e6', color: "primary", columns: 4 }, h("smoothly-next-table-head", { key: '9e5d6762630530c3885d7bbf974dfbadb5fff225' }, h("smoothly-next-table-row", { key: 'd77fc3f96385f037859b82d64015695fd0b4317b' }, h("smoothly-next-table-cell", { key: '3ec5afafef17365a3e7d707d638c0af1e30df0ef' }, "Breed"), h("smoothly-next-table-cell", { key: 'ed0c6df720f0b3abb969297f745024a8284b39e6' }, "Country"), h("smoothly-next-table-cell", { key: 'b4003ba900cf958290b0fc6bdb72d33380e92e81' }, "Coat"), h("smoothly-next-table-cell", { key: 'e3a4f14716109b4dc52293248f2bff3287b437dd' }, "Origin"))), h("smoothly-next-table-body", { key: 'dbeaea2b089b7e27f4052e154505d26f486ce3cf' }, this.cats === undefined ? (h("smoothly-next-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-next-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, a.breed), h("smoothly-next-table-cell", null, a.country), h("smoothly-next-table-cell", null, a.coat), h("smoothly-next-table-cell", null, a.origin)))))))));
+    }
+    static get is() { return "smoothly-next-demo-filler-row-demo"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["style.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["style.css"]
+        };
+    }
+    static get states() {
+        return {
+            "cats": {}
+        };
+    }
+}
+//# sourceMappingURL=filleRowDemo.js.map

package/dist/collection/components/next/demo/fillerRow/filleRowDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filleRowDemo.js","sourceRoot":"","sources":["../../../../../src/components/next/demo/fillerRow/filleRowDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAS,MAAM,eAAe,CAAA;AAOhE,MAAM,OAAO,6BAA6B;;oBACjB,EAAE;;IAE1B,KAAK,CAAC,gBAAgB;QACrB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;QACtB,CAAC,EAAE,IAAI,CAAC,CAAA;IACT,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG;YACnD,4EAAqB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,CAAC;gBAC9C;oBACC;wBACC,2FAA0D;wBAC1D,6FAA4D;wBAC5D,0FAAyD;wBACzD,4FAA2D,CAClC,CACA;gBAC3B,mFACE,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,+DAAmF,CACnF,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B;oBACC,wBAAkB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,CAC5C,CACjC,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAClB;oBACC,oCAA2B,CAAC,CAAC,KAAK,CAA4B;oBAC9D,oCAA2B,CAAC,CAAC,OAAO,CAA4B;oBAChE,oCAA2B,CAAC,CAAC,IAAI,CAA4B;oBAC7D,oCAA2B,CAAC,CAAC,MAAM,CAA4B,CACtC,CAC1B,CAAC,CACF,CACyB,CACN,CAChB,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, State, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo-filler-row-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemoFillerRowDemo {\n\t@State() cats?: Cat[] = []\n\n\tasync componentDidLoad(): Promise<void> {\n\t\twindow.setTimeout(() => {\n\t\t\tthis.cats = undefined\n\t\t}, 3000)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filler row\" />\n\t\t\t\t<smoothly-next-table color=\"primary\" columns={4}>\n\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Breed</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Country</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Coat</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Origin</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t<smoothly-next-table-body>\n\t\t\t\t\t\t{this.cats === undefined ? (\n\t\t\t\t\t\t\t<smoothly-next-table-filler-row>No data to display</smoothly-next-table-filler-row>\n\t\t\t\t\t\t) : this.cats.length === 0 ? (\n\t\t\t\t\t\t\t<smoothly-next-table-filler-row>\n\t\t\t\t\t\t\t\t<smoothly-spinner style={{ margin: \"auto\" }} color=\"default\" size=\"small\" />\n\t\t\t\t\t\t\t</smoothly-next-table-filler-row>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tthis.cats.map(a => (\n\t\t\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{a.breed}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{a.country}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{a.coat}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{a.origin}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-next-table-body>\n\t\t\t\t</smoothly-next-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\n"]}

package/dist/collection/components/next/demo/fillerRow/style.css

@@ -0,0 +1,9 @@
+:host {
+	display: block;
+}
+:host>smoothly-display {
+	font-size: 2em;
+}
+:host>* {
+	margin-bottom: 2rem;
+}

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

@@ -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

@@ -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

@@ -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

@@ -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"]}
+{"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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -7,7 +7,7 @@ export class SmoothlySubmit {
         this.expand = undefined;
         this.fill = undefined;
         this.disabled = false;
-        this.type = "button";
+        this.type = undefined;
         this.size = undefined;
         this.shape = undefined;
         this.prevent = true;
@@ -24,7 +24,7 @@ export class SmoothlySubmit {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (h(Button, { key: 'e626224ff9e4f244914f9de0ad48e4a73570a3fc', disabled: this.disabled, type: this.type }, h("slot", { key: 'd8bd3b258e250bfa191d0298f5aaa22aae8aaeeb' })));
+        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"; }
@@ -137,8 +137,7 @@ export class SmoothlySubmit {
                     "text": ""
                 },
                 "attribute": "type",
-                "reflect": true,
-                "defaultValue": "\"button\""
+                "reflect": true
             },
             "size": {
                 "type": "string",

package/dist/collection/components/submit/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/submit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAE/E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAOlD,MAAM,OAAO,cAAc;;qBACe,SAAS;;;wBAGd,KAAK;oBACU,QAAQ;;;uBAGzC,IAAI;;IAItB,KAAK,CAAC,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;YACrB,CAAC;QACF,CAAC,CAAC,CAAA;IACH,CAAC;IAGD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAA;IACtB,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YAC/C,8DAAQ,CACA,CACT,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"../button/Button\"\nimport { Editable } from \"../input/Editable\"\nimport { Submittable } from \"../input/Submittable\"\n\n@Component({\n\ttag: \"smoothly-submit\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlySubmit {\n\t@Prop({ reflect: true }) color?: Color = \"success\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: \"link\" | \"button\" = \"button\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() prevent = true\n\tprivate parent?: Submittable\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t}\n\t\t})\n\t}\n\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.submit()\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/submit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAE/E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAOlD,MAAM,OAAO,cAAc;;qBACe,SAAS;;;wBAGd,KAAK;;;;uBAIvB,IAAI;;IAItB,KAAK,CAAC,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;YACrB,CAAC;QACF,CAAC,CAAC,CAAA;IACH,CAAC;IAGD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAA;IACtB,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YAC/C,8DAAQ,CACA,CACT,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"../button/Button\"\nimport { Editable } from \"../input/Editable\"\nimport { Submittable } from \"../input/Submittable\"\n\n@Component({\n\ttag: \"smoothly-submit\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlySubmit {\n\t@Prop({ reflect: true }) color?: Color = \"success\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: \"link\" | \"button\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() prevent = true\n\tprivate parent?: Submittable\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t}\n\t\t})\n\t}\n\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.submit()\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"]}

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

@@ -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

@@ -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

@@ -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"; }