npm - smoothly - Versions diffs - 1.2.1-alpha.55 → 1.2.1-alpha.56 - Mend

smoothly 1.2.1-alpha.55 → 1.2.1-alpha.56

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

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: 'a02b6c6675fb539889cb9b9301d59bca8661e1c8', style: {
+        return (h(Host, { key: 'a4a43de76df6f5497a710d6a44c4f08ea8d5a8f3', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: '6c73515870d733a25d126e0bbf1e97cbeb6acdf3', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'e20de5f3584d148efaed2390d66577ec6087d202', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, h("svg", { key: '8fe085b56c0f56b0cf18838febb24a93db15fbfa', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '67a588b203385240a0a1084187ca76c3e8c3d64e', 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

@@ -25,7 +25,7 @@ export class SmoothlySubmit {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (h(Button, { key: '32bc189c2442612efdcb413f2e0a6c21e597676c', disabled: this.disabled, type: this.type }, h("slot", { key: '0c85cb939835a49d5d5cda59a6d66f8a5f66d7da' })));
+        return (h(Button, { key: '38f2af2c012d59b9d0ebb179fc1c85263083764a', disabled: this.disabled, type: this.type }, h("slot", { key: 'a2254b3fa765ab5b07cf41b323cd9b9842720243' })));
     }
     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: 'ee64137eb2602f80947c504919436f8915ca11d8', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '3825bd22d7d067d5b7db61516bde33c76aa95d44' }, h("smoothly-icon", { key: 'eb261691c802689273ea6c0aaaf93ae02a9bc2be', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '5fd15219e08d9b609bc514f76c8ae0ebc5d116e6', name: "summary" })), h("slot", { key: '0425b325aa241a80081023ce4e99d280092608d0', name: "content" })));
+        return (h("details", { key: 'db42c69d9d5c12ebf3f4cd44304827a479ada63f', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '3c0552d3df2469fb2464612fdad04d7b37aea3d2' }, h("smoothly-icon", { key: '1b48642f6cabdcbd8b8e74ff9547c52ee7c8e386', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '19df2566c29cf0d306ccb59255ae5d2cea8979a1', name: "summary" })), h("slot", { key: 'a250c33f1a121c4edd454d74a0f0d127a4e61491', 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: '5062854df0d108862d1d5a68ec3daec19c87baa6' }, h("div", { key: '74f3e178740893891eedf00a0eadcb364c00f1cb' }, h("div", { key: '7347de0455eec66b9c60578a775bda6f6860ed65' }, h("slot", { key: 'ceb8dc424f808039fe50544ac519b281ed2129c0' })), h("smoothly-icon", { key: 'f71a3af5f5b1a55925822a35512f9eef70447411', name: "caret-forward-outline", size: "tiny" }))));
+        return (h(Host, { key: 'b2e26c5efa6a0998a9e4f2e386008e5d83b9014f' }, h("div", { key: '2647d6b541eab5847b74bb8b4b869926f37fac12' }, h("div", { key: 'a56ae7aa84dae912105aff1957ba487c1de3cea2' }, h("slot", { key: '0dac2c08fcf86810abb66e19f68d4e79ee1bfb5f' })), h("smoothly-icon", { key: '02761a618d0eeb45694baca5c992abf8bc3a4d9c', 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: '7e89b205a06c9f1d524782bc39ed0f76333c48da' }, h("smoothly-filter", { key: '3e0c0425f82e1d0b3712992d7fb80196db67b9da' }, h("smoothly-filter-toggle", { key: 'f83cf44f38531c9e4c18d3fcae37b7b6c8cf01f4', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'f114642fb32785594437c21f15f3c0827a1bc17b', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '73692bcb3101f84dcc250e951a8290d629d7ebe1', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '83a177fcc8b2ffe94babf679fb903a0d3f377020', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'a7bafbb133c673c03aefc84146548d1b19918556', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
+        return (h(Host, { key: '7c04accc5a76683442261f6cb23a61b553dd1dbc' }, h("smoothly-filter", { key: '7a1960d7637718005c16814b825e0717ef6de467' }, h("smoothly-filter-toggle", { key: 'e545003a8bcb7ad76782d143e3b0d0d52c13deee', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '1b59e1701b91822da437dd5db289fe72b84e08e4', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'bb88ce9e07b0d003a1373ada9f3ec21a88361a7a', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '35a4c1ea2c4f3538965fbc4611abff257a21c64e', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '133339d67b5ea09a456eadf89e6b7b836d4a02d1', 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: '41efc9c597771832388683aab2e074e8bfe9023b', slot: "detail" }, h("smoothly-form", { key: '880e4ab57cf803acedb7eb5fa6bf61940b7b8091', looks: "border" }, h("smoothly-filter-select", { key: '3bfe3c2822cf97f9e4f71a634f927a3be723bfbd', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), h("div", { key: '3520ae0be7fb526fe688e4389fda908369b57c38', slot: "detail" }, h("smoothly-form", { key: 'bbec4f5d3a7446205e1490fd891851f01a398343', looks: "border" }, h("smoothly-filter-select", { key: '923a40b42a516bdf1d8ec11502068de700972cfe', 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: 'b12933b3e188c7fa9d36168e501665873435d1d1', 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: 'a761a0966af375330aaba63810f252e4caa3ced2', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), h("smoothly-filter-select", { key: '9bbb2a64f7011c6ce2a496119173f5f7caae7bb4', 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: 'd1b9d3f942f5307afd5a794e7be82796b748dc17', 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: 'b55b4c494826458bcd6dbbac7e077dc813d28f27', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'e2a623792c3251b7d93d8d583405dd8766b3cbd6', 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: 'a13b4aebd242e36bcb2413573a94d07dddee846f', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '75e9f70d0bd04e5b7c87d47f0724095e51d0cc07', 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: '53be42a59eae93cd04089ceff69e4279067cb963' }, h("h4", { key: 'eb82922296ddd16ac1755b1ee996eebf16a20d09' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '7e81cafe928f6e8bc94954aeeaaa1d9ee96d974f', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '8a7997f79ee7d91a9062452d7e0f67fc231a00c4' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: '737454cdc9fd7ec3877cf3abc20c324682b0b7b7' }), " ", h("h4", { key: '0831ab751372c3f4fa3ac915b13a32cd2dbb6612' }, "Demo table 3"), h("smoothly-table", { key: '63dbfdd026af3770afe21cdd4423e0ae587bcb05' }, h("smoothly-table-row", { key: 'd4aab6e8c91f4a818778b1221f0f8a91f378aa11' }, h("smoothly-table-header", { key: '4f67a6f00cf9c58fe7ceec318e0f8eba4379933d' }, "Header A"), h("smoothly-table-header", { key: '4b77c188619fcc87bd538e016fc3a18a37de1de6' }, "Header B"), h("smoothly-table-header", { key: '77e20fd93103e998d7d99ce1abd784e60d86c2f3' }, "Header C"), h("smoothly-table-header", { key: '37c063e78d39652a9faced7fb502b802ee5cbcd4' }, "Header D")), h("smoothly-table-row", { key: '53fa8e66d71549e339e25d27e40a1372d9308fbe' }, h("smoothly-table-expandable-cell", { key: '6fbf000e9fa22ae8f1fd7d50d34a1509c9b5ca58' }, "normal row (exp.cell)", h("div", { key: '065bc1cc7e18d97c6d812957a4572af1283baa9d', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '5ad4def608cd5e6d4f832d73db0c15a6d88e0344' }, "expandable cell", h("div", { key: 'a381374626bb69c50d50274e653e0583954906ab', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'fd0fab270484c25c845e33b04765bf3688566e48' }, "expandable cell", h("div", { key: '6fec880c00f197a2b53abf24a3abe1093cb3c4f2', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '719f23b7d5b5dd7d8f71eb7f9db7b3970fc8464e' }, "expandable cell", h("div", { key: '2f49608fdaa0a93f201530a896c6ab55a28f4694', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: 'e39ad100aabd0560947f9451eface079cc5310e2' }, h("smoothly-table-cell", { key: '5f056437a7d214299d4575c4f2e2632ca522c346' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: '52668cc7d4ccadd22820249347fdf2660ae7a085' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '521dff0d3a6e771d109410fdd44553c95ea25c8a' }, "expandable cell", h("div", { key: 'd264864ed7b4b229dba5c45e25ca8b479c20cb35', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '89840546bcc7326181c85cce667ad2fb49493fb8' }, "expandable cell", h("div", { key: '4610e446018c5d43f8e71886940a8d6ac81e0281', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '1713a3125720a103ee6e95c63b0b9b1587d8cd7f' }, h("smoothly-table-cell", { key: '5a8734b046a1d07e1cedd0985ee4f497e9e136d8' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: '09df788fff971152fecf9d103b9dd62aeebbc296' }, "Normal cell"), h("smoothly-table-cell", { key: '8f67df5ff33c39149476871245fc7aeb0e08fc55' }, "normal cell"), h("smoothly-table-cell", { key: 'd552f77aaec787156b92775db9af7f39d2df007d' }, "Normal cell"), h("div", { key: '57cce465b74d94cdb07c80f573da1eddc31c2fe8', slot: "detail" }, "expandable row content"))), h("h4", { key: '21be288e1b027ec3d91c4ae289d0ed3ca910f72b' }, "Demo table 4"), h("smoothly-table", { key: '79c5d88554a41218e9e2460d427168264b0cf594' }, h("smoothly-table-row", { key: '33f26f80e4b4cb17506d50a29273af3841d8f222' }, h("smoothly-table-header", { key: 'd33b1f37b787b14b28c7448194595fadaaecab7e' }, "Header A"), h("smoothly-table-expandable-cell", { key: '16a420bf3010f1d943bf0ea8b20a6c2f100c4246' }, "Header expansion", h("div", { key: '01f58dab2bb54d466bb349e0ac6319c59a6907a3', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: '412a9dbb500e06828ad3a636cda7ffab111f95c1' }, h("smoothly-table-cell", { key: '12443da33ba5636fe7385cdbf885bd795aad53e4' }, "A Content"), h("smoothly-table-cell", { key: '2ae92fd591fc09968f0dd64ae4710ab4b8500ba5' }, "Expansion cell"), h("div", { key: '61aca20db9b20d153a41809e646af783bc5c0df1', slot: "detail" }, h("smoothly-tab-switch", { key: '1c731320d3376f90b1aec4cefe9be81ca59d8e0b' }, h("smoothly-tab", { key: '787dfd25409d1eb8c032de03a4e76021273b2c39', label: "innertable 1", open: true }, h("smoothly-table", { key: 'bf7ff75d0defd3dfec37e1c9812b08d1fd9fc0df' }, h("smoothly-table-row", { key: '9b0976a3bb217182b0c4eccf0d6ce9f6489db5b5' }, h("smoothly-table-header", { key: '8318c77201c05f4b02cc41744eb35bf2f4140826' }, "Header B")), h("smoothly-table-expandable-row", { key: 'abf930d458088ff00d6894e04ead5d1bf61a0a41' }, "B Content"))), h("smoothly-tab", { key: '6f6d637cf420bbac5568137fc600c0d42117e39f', label: "innertable 2" }, h("smoothly-table", { key: '2daff30706926cbeaf3cfa172afda97f519f03a5' }, h("smoothly-table-row", { key: '37e4ac959eabe3a284a9ede1385f82d515e31702' }, h("smoothly-table-header", { key: '6c84a8ebac2350edeef0653f3e59079e5c969dde' }, "Header C")), h("smoothly-table-expandable-row", { key: '6b56c777f4286168241e83efa484512d275ae23b' }, h("smoothly-table-cell", { key: '918a273d94baf14e27a9042b75f82698fc2679d9' }, "C Content"))))))), h("smoothly-table-row", { key: '4c99290f4567f45c8ba2606b19aa38d3950278d6' }, h("smoothly-table-cell", { key: 'e24602c2d06e80798ce8ba36644746d724ae98c3' }, "A Content"), h("smoothly-table-expandable-cell", { key: '4aaca4f1195f72b963a70881ac080b315676e31f' }, "Expandable cell", h("div", { key: 'fd897f99596867ca2644533180023bbd4db57904', slot: "detail" }, "Expansion content")))), h("h4", { key: '464e5866782dd5b72f52ecc96626a73eaa8be487' }, "Demo table 5"), h("smoothly-table", { key: '3139ea330252eb033895f7d16ebdc0e3980e369a' }, h("smoothly-table-row", { key: 'b69b34950d30b773165172cc0a6e3e08de0c7a24' }, h("smoothly-table-header", { key: '84a384ad69d58a5d03dda1b68942c087aae877ce' }, "A"), h("smoothly-table-header", { key: '9ece563e33a3b3fd6a1104947e4bc7eb77ccde96' }, "B")), h("smoothly-table-expandable-row", { key: '5a2a87a7808fa7f6542077d7c7ce1749f2674908' }, h("smoothly-table-cell", { key: 'a7dd2f2be706a2f1d5f5613a6933fe98fb038122' }, "nested expandable row"), h("smoothly-table-cell", { key: '37e8d1009e76cd6d0d2988a30cf9c53ca3ce6c5d' }, "b row"), h("div", { key: 'fa3b423faa8d27d04c799d7633bec0f524cae4c8', slot: "detail" }, h("smoothly-table", { key: 'f74b66f981299ae91080332cc1300b3ef250a227' }, h("smoothly-table-row", { key: 'ae79b6b1a558535948bdfdb3b0b22c5685918a03' }, h("smoothly-table-header", { key: '18ffda1fb5f144c974faaefcf6a473d106029dd6' }, "C"), h("smoothly-table-header", { key: 'd6de449c379e1be2627c74ac7d50d1a2bfaf0efd' }, "D")), h("smoothly-table-expandable-row", { key: 'a462d2d5e136b90613894c44ace30d5baaf91df2' }, h("smoothly-table-cell", { key: 'ff31516efa7b0c1185fa45aed651fa1e64075447' }, "c"), h("smoothly-table-cell", { key: 'c50cca9b9dbb1ae62425c2320cddc924f80a21a3' }, "d"), h("div", { key: '47b90196c2250a63fc75f30c31b5cf02eb739524', slot: "detail" }, h("smoothly-table", { key: 'bc74a905a606424c061b7fcea5f1eaa3d195357d' }, h("smoothly-table-row", { key: '6344086cd19faecb48068ea0eb9df6abbc67483d' }, h("smoothly-table-header", { key: 'b96fb744d05ef7727d10bfddb8d835403a343c3b' }, "E"), h("smoothly-table-header", { key: '4f28edac13b26b5e5a436007cb131103f967b486' }, "F")), h("smoothly-table-expandable-row", { key: 'ccb6a3921f90059b4b13516a940c1d47673d93db' }, h("smoothly-table-cell", { key: 'c4ac72428b4fa249d248c6962108f919cf91b796' }, "e row"), h("smoothly-table-cell", { key: '931265002c1979ff05aad3c9c1b8857c7a303cca' }, "f row"), h("div", { key: 'aca1cb61af0b26a1d086d46aed3ee87f702abe3f', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '1846b0b91e1f6fc8c36eaeff02d8940a487cb375' }, h("smoothly-table-cell", { key: '9812fecd9a5d276d71f2e4d7cc961c3b9ca1a40e' }, h("span", { key: '5d5b2b8960f9f1d7cdcf37ae8096388476a053a7' }, "one"), h("span", { key: '3575c2c34ebd6c74234c994bc3e935f3b075103d' }, "two"), h("span", { key: '8b57fdcd4b95d1524757ce8a5b87a29aa5ab7886' }, "three")), h("smoothly-table-cell", { key: '8c66989e3216fdaf29c406fa0b8c889d0678289d' }, "five", h("smoothly-icon", { key: '63b081c0e50a59303e9a4396e881ccd29433d97b', name: "paper-plane-sharp", size: "small" })), h("div", { key: '71ab643847e708d3e662c6abaed05032a183781e', slot: "detail" }, "four")), h("smoothly-table-row", { key: 'be51504e8593bd6daf007e0447ff838abc315d1e' }, h("smoothly-table-expandable-cell", { key: 'f003dcecc891e1fa2c14ab0e1267dc11a8f88b2b' }, h("span", { key: '1eb82cea60c15964020f429a56c2e2de0d103035' }, "nested expandable cells"), h("div", { key: '7cfde4f0bd7ac82bbb8abecfc25d34536180ea0e', slot: "detail" }, h("smoothly-table", { key: '0d077b70abb3b5c7b000b35c68c7427740f455b0' }, h("smoothly-table-row", { key: 'b5e3dca9510878a4e05a6bd5b21204a309ccfe93' }, h("smoothly-table-header", { key: '81f4698df8129aa4c1529ef025263d33a0b3c3b2' }, "E"), h("smoothly-table-header", { key: 'bdbbb3abe8317a38e4182542b30cdb65e19fe749' }, "F")), h("smoothly-table-row", { key: 'c4c77253db5205de697387ddb0e6c47e5180540e' }, h("smoothly-table-expandable-cell", { key: '5f6e8709b83d966a6a63008136e63786d3bde9eb' }, "e cell", h("div", { key: 'a25d89be67bb681a00fe29c89835742e7ca5619f', slot: "detail" }, h("smoothly-table", { key: 'db2918aab38e4e3b4f728436d49abbd3cc603fa3' }, h("smoothly-table-row", { key: 'b7498411f85975d4cdbca6b7847b3d9bd12b8bfd' }, h("smoothly-table-header", { key: '4e00e77e49ec8a356f87834ef11a56fd47d1867b' }, "G"), h("smoothly-table-header", { key: '3bccaa99253e8c6f6b879ee3aae3500330b37014' }, "H")), h("smoothly-table-row", { key: 'd7798c3ae8ae3e4bb3e9c4507e9c7dcd15c4d5b9' }, h("smoothly-table-expandable-cell", { key: 'ef6860199bae63f6133ac8c618c82d4c963c537c' }, "g cell", h("div", { key: 'ba66f3b4ac75731b027e0356a832d67691074308', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '2c8a43f2ba6e63d6351469e1b55e85a9966064bf' }, "h cell", h("div", { key: '42c56ab6922c05a378e24e53f9dbfb3ea3feef1d', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: '09477cbf50821084917fc057b57e981a70fba3ff' }, "f cell", h("div", { key: '3cbe5260f269e2bfa1aaa3d572a6cd77491b9876', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: 'e3a91516796ed2261d85958eca6f51d96e562779' }, "b cell", h("div", { key: '8aedda49b2422eb69fb2c07b3f192cefc9b67731', slot: "detail" }, h("smoothly-table", { key: '42a8077b634bb8233cc1ac84e09f744119fd49ba' }, h("smoothly-table-row", { key: 'e018db87eb09f82a374601e662dd2272208e52f9' }, h("smoothly-table-header", { key: '8fde0db8cd4caac95a00b178bedc3bdea893ca09' }, "C"), h("smoothly-table-header", { key: 'e0a57373f48ea22b8d2b282d6cc927ebdc164d28' }, "D")), h("smoothly-table-row", { key: '3f557f3880bbe48ae0c25e0b5424e71e2a8515b7' }, h("smoothly-table-expandable-cell", { key: 'ea925a8a132155918d0ed21ead5c6f529abb6aec' }, "c cell", h("div", { key: '52b0a1775a5170443035919292e2455510c9f33d', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: 'b76b324f5cb0f52393550cb22222e5bd2c04ff43' }, "d cell", h("div", { key: 'ae05f73f18d89f513bb22621c1d12789231872d0', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: '6438b23072b40c3bc099d0cf5daa5b8b5357ea38' }, "Demo table 6"), h("smoothly-table", { key: 'f20f628341871564f5d59d19ecddb5546b8d38ac' }, h("smoothly-table-row", { key: 'd3d1bbc34e34d7588227ce7cb1186d856e4d8049' }, h("smoothly-table-header", { key: '3f0e92b3d7261a7df46926985cba28db7844fdf6' }, "display"), h("smoothly-table-header", { key: 'f5707ce56267df67e3cd3df795377b83dceb4255' }, "contents")), h("smoothly-table-expandable-row", { key: 'f2bda55afc889531878a3829f777503637679b48' }, h("div", { key: 'c5b1957c219a5e339af7af1651381e05ff348dda', class: "content" }, h("smoothly-table-cell", { key: '365a004e4b59db24dab6bdb60c72e3a2fcff8b1b' }, "A"), h("smoothly-table-cell", { key: 'b5ba9d75db1b029cd5d6132eeb607061a0d6bf54' }, "B")), h("div", { key: 'eb91d19f108d7257d0a294f270bf40d6627d0cd1', slot: "detail" }, "expansion"))), h("h4", { key: '9d5f1cf978c2664f101ebca6010f476b684ddd56' }, "Demo table 7"), " ", h("span", { key: '06b5c34d857967b1aa7586a323cd03b51ce49c35' }, "nested 1 then normal"), h("smoothly-table", { key: '3711d238f8777d80bfd10e554a3482dd56f57b03' }, h("smoothly-table-row", { key: '909ed9e0085499e2df9a011d4b6bc393a92c6e47' }, h("smoothly-table-header", { key: '1bc9a70fcd64fa6ec024a92fd3decd39756d2789' }, "A"), h("smoothly-table-header", { key: 'f7d8450307f414480684ae78227c834052a3de0b' }, "B")), h("smoothly-table-expandable-row", { key: '89ed4dc28fca818ce6810a048342ac95b1efc171' }, h("smoothly-table-cell", { key: '43475fa094b0cda43a36d575a5c276c3f1f5f7d7' }, "a"), h("smoothly-table-cell", { key: '066f0d4136ed9666a14f0b054314f665058c3889' }, "b"), h("div", { key: '87d5cc45e000b8f3a5837b3eced1ec07a6f38286', slot: "detail" }, h("smoothly-table", { key: 'd0f341e85834aada799ed91b921868eaaa6bcce5' }, h("smoothly-table-row", { key: '9d3df7952a52b2ea60b7c560f12a5548f64fa276' }, h("smoothly-table-header", { key: 'cca4a3e44f8190840954ada48214c96cbd6f73f2' }, "C"), h("smoothly-table-header", { key: 'aad16b50d58b290bc92c365d3ad7093ac93c8c42' }, "D")), h("smoothly-table-row", { key: 'b2410f573e4b6e5145d1500459cf8c829dfd1b43' }, h("smoothly-table-cell", { key: 'b3bb934c325fa2e31dc137e6bdbd17a57df51c97' }, "c"), h("smoothly-table-cell", { key: '9af6e85dc3c35be8a0cfd9f0ddec705c30d5f210' }, "d")), h("smoothly-table-row", { key: '4e3b2f5e2673272154a2af4f2fca975989c6ed3b' }, h("smoothly-table-cell", { key: '14b370359113242ab32710fb90bc4ffd6ad9bdbf' }, "ccc"), h("smoothly-table-cell", { key: 'bf682bcf6afc718acab50ce0424c667727027b13' }, "ddd")), h("smoothly-table-expandable-row", { key: '8c01e7aaea93262f13bfc94e77d4f17df783bfdf' }, h("smoothly-table-cell", { key: '58bcd236abc71d79ea1a161bd6cc4e26b4714843' }, "cccc"), h("smoothly-table-cell", { key: '9a1ab4ede2df570c36e4f272c53af7e641f81170' }, "dddd"), h("div", { key: '146b2067ee93e6ca4ff7b751011967573c6a0c8e', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: '77aa000c64e986d8bdde7a2be2dc1401ecb740dd' }, h("smoothly-table-cell", { key: '420eb1202a5b11b60373d6ca907155e0c999fc53' }, "ccccc"), h("smoothly-table-cell", { key: '8f317e48c7b1ffb4021d9ba7530867d29495e69c' }, "ddd")), h("smoothly-table-expandable-row", { key: 'd2f2461ab8890259add01e72b4a6fb14cfae103b' }, h("smoothly-table-cell", { key: 'c1a391f17e78eade7164f38e39da4654745d0a4b' }, "cccc"), h("smoothly-table-cell", { key: '4a21834108de69eafc6afb5c9ba7bc38c68df5b3' }, "dddd"), h("div", { key: '67841034f3773a7bb691d5eaa81331b8cc3f8390', slot: "detail" }, "CONTENT")))))), h("h4", { key: '212fe2aa1b5f596a50c4f531b0ff878dbf54dce4' }, "Demo table 8"), " ", h("span", { key: 'fda94e3d597b2e76b6706c34b87fe43b63cd46ab' }, "not nested"), h("smoothly-table", { key: '64a60486ab6a8ee4c4ae9457d398714000614042' }, h("smoothly-table-row", { key: '06c60080d5971679267d08e70220071209dfa195' }, h("smoothly-table-header", { key: 'b34b6ecd52c21407e1640824bbb6f2d3c79467fa' }, "C"), h("smoothly-table-header", { key: '2190dbe3b5416140c407fa2c94b7b8162ff16308' }, "D")), h("smoothly-table-row", { key: 'b9daca3cb9bf107e7d8efa49e4699ad14673acb7' }, h("smoothly-table-cell", { key: '8c183a97f3c9431c24c9e885eb34b41d51dda994' }, "c"), h("smoothly-table-cell", { key: 'a7e2667b937c1d8ed12c5ff7a969101e566312c1' }, "d")), h("smoothly-table-row", { key: '5596e62054e2919743ac5d39f4f579645e358b2c' }, h("smoothly-table-cell", { key: '311c108dda3a3ffed0184107d9353f8cc7860aa2' }, "cc"), h("smoothly-table-cell", { key: '388a86072db44bf753219a97092ed45c99d11a37' }, "dd")), h("smoothly-table-row", { key: 'e3d1584898e569ec0def668c03511b757c451244' }, h("smoothly-table-cell", { key: 'dadbffc5adc459ded3292ca42d62430acb4fc205' }, "ccc"), h("smoothly-table-cell", { key: '0d67878f1d28cb6d7737024a8419d8027b4b6c8f' }, "ddd"))), h("h4", { key: 'ed768d6ff1486be23fbcbaeb895df7e7f9ac76af' }, "Demo table 9"), h("smoothly-table", { key: '4513ffa1a0993f366a6531033f5e15f4b4acf256' }, h("smoothly-table-row", { key: '4871c5b275ece855c9bf7853a224bbc86f2e8698' }, h("smoothly-table-header", { key: '4e0e165504502bb6e8e3a42533aa8937491fdc70' }, "First name"), h("smoothly-table-header", { key: 'ac042a99df6bd34c1100d78e5ed713613b0ea69c' }, "Last name"), h("smoothly-table-header", { key: 'fa2278a5c0245670fb20c1383aca763bae074c07', style: { width: "1px" } }, h("smoothly-icon", { key: '808eba27940405b4f5d4b8b2dfe6659b60ef67b6', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '0f8b1958f4ce3fcf1f1c380247386f09cecb0b7d' }, h("smoothly-table-cell", { key: 'ab1468dd6c339a7d3aff94663bdb41d60059b6fa' }, "Jessie"), h("smoothly-table-cell", { key: '8fb30d257a9571789b37240f0b149c0baabc1e62' }, "Doe"), h("smoothly-table-cell", { key: '845e11d81dd7d39856e76e4ea15b7f08d7200438' }), h("div", { key: 'ac7905d0e54b50af47326d3b90e66dc72b914111', slot: "detail" }, h("p", { key: '056dcc6010198390547269c2a67fb13647bfb80f' }, "This is Jessie")))), h("h4", { key: '5765cda98831141b38f6cc8382c752cb403f1335' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: '5829a6614b1eeb7d702b4e3416c5c309d7b301e0' }, h("smoothly-table-row", { key: '0d2e7ede6669addd5b377f994c8fca915328f385' }, h("smoothly-table-header", { key: 'db80f2b2d84d91ea428066a7dcb70349b6f4fe74' }, "Company")), h("smoothly-table-expandable-row", { key: '834cfd2ba1d4db4e4298db3a28ac461fb6fcf81c' }, h("smoothly-table-cell", { key: '8f728d96847b859604cafab5a1bef0c1e612f0e5' }, "Proquse"), h("smoothly-lazy", { key: '7e3d68734014e00799f86f1b0be62f9764d18576', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '13460803adf16c0d2f2469ffbf8ede151e042bbf' }, h("smoothly-table-cell", { key: '6f34443382211e3f339cda6977cfdf19de4f67f4' }, "Pax2Pay"), h("smoothly-lazy", { key: '82de1aff69f37df7fe1d373901475204a16e3434', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: '7fb779cbd4c2f6d5a720afd4c51510a38927afd6' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: '067cc248556ea06c41021f0b885b87d842857be3' }, h("smoothly-table-row", { key: '20e9e2a2f6354322f35f916403fed7ac437bb642' }, h("smoothly-table-header", { key: '3c8b7e1b9507493be02a506ad3db77e63c27399c' }, "Company")), h("smoothly-table-row", { key: '176ab380d25c0b47ab2dd396eee77447c636af97' }, h("smoothly-table-expandable-cell", { key: '422c328a4f38539c81b3611683d5162c2d006d80' }, "Proquse", h("smoothly-lazy", { key: '1b4e48e54ef09fbea0f9d65dccea88ea0fdd6f48', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: 'f1d3848415a2291a24cadc5ff5c6183eadaaaa36' }, h("smoothly-table-expandable-cell", { key: '3d76c51793ffada2758a8991d2154bcc0061fef9' }, "Pax2Pay", h("smoothly-lazy", { key: '07a5a8744fbc02d6ad4b2e174baf49932070f26e', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'de0f29d86ea9406dc33ae6cbb05a985e2fa340fc' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '6b1c7e3adba982d3b0559ebeb902076267ac5a8d' }, h("smoothly-table-row", { key: '012d772d605f309923ac667b5edbc2c90aed56ed' }, h("smoothly-table-header", { key: '7d2ade80f993e248cb17cfe6f792efb803d1f137' }, "Name"), h("smoothly-table-header", { key: '114ed0393418455c376eac9fbbd7c84c62af2964' }, "Age"), h("smoothly-table-header", { key: '025b401043e6a856eab22a25ddd4b0a245ac2aae' }, "Location")), h("smoothly-table-row", { key: 'feedb223f8173e0b43725b2f49eab2789c4d6a49' }, h("smoothly-table-expandable-cell", { key: '83d20ed834c415c8baa2f96df41168b0a719d4df' }, "Jessie", h("div", { key: 'cacc88512e4cbd909cc784fdb117bc0bc1d5d1fd', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '6b47573a5eb0f807fa7faf820fe662927f29c913' }, new Date().getFullYear() - 2000, h("div", { key: '8e5c97a6fd99957bb55c6e7e655a84c8b52826d4', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: '735b452b7df36b50155bdd2d618a1ba585702eac' }, "UK", h("div", { key: '708b6efad43c434240dde3cdbea2a74981f75d6c', slot: "detail" }, "London"))))));
+        return (h(Host, { key: '05f202f2465dcb45de996ad8da83d99ab7d80e38' }, h("h4", { key: '4fb706f301922f1e9f40fd9a588509bd13a2dc3c' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '01ab63987373e6aeb373b86d6588b0ce5550f59e', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '5df16d4cb71fd74b02f716d54c448f8e4a02f208' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'b4d3450eee53c6013a6f168fb402605b17443ea7' }), " ", h("h4", { key: '9c0b85ef1f56e844a7398609376fee0dbe003f4e' }, "Demo table 3"), h("smoothly-table", { key: '2b8d57ac2ffdf810d1adaaead410a1597b099538' }, h("smoothly-table-row", { key: '37688f6eae727d327a9567bb2068d85bebfb7d42' }, h("smoothly-table-header", { key: 'ab7e497e138ab880b9e8a60149de142feaa91ce6' }, "Header A"), h("smoothly-table-header", { key: 'a650d31e07a5d7c300051a2e7354e49b65ba2d43' }, "Header B"), h("smoothly-table-header", { key: 'da026fe6de478911c2b91f88f250bdd0482541ba' }, "Header C"), h("smoothly-table-header", { key: '6f4096092dd4d635dc5483ecb2dff0a7b6036a6a' }, "Header D")), h("smoothly-table-row", { key: '36ebe1ae15329edecf13aa2dc6da44ba418266e7' }, h("smoothly-table-expandable-cell", { key: '5f41b80a041ed39936fc448e99d793ced964a88e' }, "normal row (exp.cell)", h("div", { key: '56bc2ef683d6a8db7bc059eec0e61bd73912b785', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '477ec62e71400eb89f679404831183c440127dcf' }, "expandable cell", h("div", { key: '3a654c4d5c05599270bd77769ee67d09667ce35e', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'd91a1e8dc0a60e5cd3e7ad55409c38c669b51bee' }, "expandable cell", h("div", { key: 'a99ddd91b83589fc577ef6c02081e55973453ddd', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: 'fc0ca417ad26488e566ec3a48689b60cdea751b9' }, "expandable cell", h("div", { key: '5faff4c747c77ef4fb6c3f760cbf3084bad6ff62', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: '26bbb75af599754893af2877534f52e48da19334' }, h("smoothly-table-cell", { key: '7ad4cc1410e3203a6b6f316c3e392a3a8905a660' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: '2c400cbbefc0bcf889276d0dc65a85384810671e' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '9d5e82da00b05b10c9a495be604bdcfd6827b318' }, "expandable cell", h("div", { key: 'f7850e39aba565986f159f35ca9e0e80ae56d6d1', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: 'bb98edc0b115bcf830320ab5d188a182a1b73574' }, "expandable cell", h("div", { key: 'f27137e171c7189a70dc792dc534d649066d71eb', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '5e54a7f6c06da4fbe552d66bd21b463546d714b3' }, h("smoothly-table-cell", { key: '59121b3d6e411c06b163473eafe2f4c01f56a3e2' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'e487d13c983c0363b51078d77862c35026f82528' }, "Normal cell"), h("smoothly-table-cell", { key: 'e4012866ee117188dd89943b9387c119b71a4329' }, "normal cell"), h("smoothly-table-cell", { key: '859122b5626676521e571b35e679a7096a005e45' }, "Normal cell"), h("div", { key: 'ba54fad8c30b691f352d4e8bd3dc9d0a7458e6c9', slot: "detail" }, "expandable row content"))), h("h4", { key: 'e4cfbd7da1e63b683d091e0df04cdf7db48ff847' }, "Demo table 4"), h("smoothly-table", { key: 'd996a18ccbefd79d69d54dd5574e4cc45807989a' }, h("smoothly-table-row", { key: 'bee281c92bb204afc5a9833cc2fb056b0a9f3ea1' }, h("smoothly-table-header", { key: 'e6a0fdea2462f8557cc442227005d5d85ae78a35' }, "Header A"), h("smoothly-table-expandable-cell", { key: 'b0d36ffe7d963dc14b193b0ee2a08faff7029d7d' }, "Header expansion", h("div", { key: '4c3eb0fdfb54020bd812d082b981db82ddedaf59', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: '9ca4f969abb65ecb43804ae49ef7ce5e58175a49' }, h("smoothly-table-cell", { key: 'e4756003dbdbacaafbe1db02e366d1784e84fb34' }, "A Content"), h("smoothly-table-cell", { key: 'd9bb302411c51434676347f1ab7406b1fa10f082' }, "Expansion cell"), h("div", { key: 'b507a3600c1f5d13ac7ed4a9894f6cd583a4b10e', slot: "detail" }, h("smoothly-tab-switch", { key: '5fad8c37db98a127616d7673e38b38c2d259cba7' }, h("smoothly-tab", { key: 'efed1b1c8ec802ca4fc40deaf957ffbfe8299ece', label: "innertable 1", open: true }, h("smoothly-table", { key: '7f33b79f3e605642f56a65d243672174b221ca35' }, h("smoothly-table-row", { key: '86e41722dd4ca2af660ee3896336d1c151894bae' }, h("smoothly-table-header", { key: 'a45d287ad3983d19c2558342cd7d8893d98e37fc' }, "Header B")), h("smoothly-table-expandable-row", { key: '4a21193948f233640b2d6f0118aa2bea80f6bb0f' }, "B Content"))), h("smoothly-tab", { key: '68231adbcf106c17f3572982f5a5d58740213c2c', label: "innertable 2" }, h("smoothly-table", { key: '19add4adc328f1b744b3ee36d24b0923c1500a0e' }, h("smoothly-table-row", { key: 'd002836fe5cb9be4020d0c136c1cf7730cd9ec18' }, h("smoothly-table-header", { key: '13d4addda48d16e992cf5d2c1c4cffee0165847b' }, "Header C")), h("smoothly-table-expandable-row", { key: '6f905a3d79f4f05f33ffa638f684d9ee9a91a7f9' }, h("smoothly-table-cell", { key: 'fdaa97d08c14401a94f804b9d18b94338c37a33b' }, "C Content"))))))), h("smoothly-table-row", { key: '4c81676b6a633c44c81e74c14a55863573f4fb4e' }, h("smoothly-table-cell", { key: '2ea26a31ef0f3b2659cc1c2d32e873e6b7e77164' }, "A Content"), h("smoothly-table-expandable-cell", { key: '855e772a47a12735845d671ed521f5118a56945b' }, "Expandable cell", h("div", { key: 'cff1b5a9e6d6a80ba5563cdbe0e798353d1da929', slot: "detail" }, "Expansion content")))), h("h4", { key: 'dd301800ca3390151a7e2b7552c340871b3ada65' }, "Demo table 5"), h("smoothly-table", { key: 'ab270e3d69ab0581922073ae676af5c3e4d36c01' }, h("smoothly-table-row", { key: '51511e231342b68bcd6bcb6a5408b5cdf0f8bbb9' }, h("smoothly-table-header", { key: '1c6f0c1c5b1a0ae641b6e29f0de63287afd6f657' }, "A"), h("smoothly-table-header", { key: 'b157296178ed172bff8237ea3243737829459f0e' }, "B")), h("smoothly-table-expandable-row", { key: '72d21b76a187aea5d3f8d9d0037d95315dda6a1e' }, h("smoothly-table-cell", { key: 'f72bb26c40ecfc84d9e0d931cdaec94f597690bb' }, "nested expandable row"), h("smoothly-table-cell", { key: '6b5a6f9c3246f1cb7d2587f5bffae8d7f2ffea94' }, "b row"), h("div", { key: 'c6e651dfe3a597ae41f673634e4e81307b779d6e', slot: "detail" }, h("smoothly-table", { key: 'c3bf5c5dfb33de98b23c5e74f3698dc3b353ad1a' }, h("smoothly-table-row", { key: '0e5406f1d24248aa82c8ea7537d032e3de884801' }, h("smoothly-table-header", { key: 'e465ee0c16a9b35d147e85714e5c1252993b20f2' }, "C"), h("smoothly-table-header", { key: '18f38a2f20719e8ae6bcbe6039d25b21fef4b1d4' }, "D")), h("smoothly-table-expandable-row", { key: '0e62c20ba70f075d6def447a697354a39a4f38a8' }, h("smoothly-table-cell", { key: 'c8819381eddda17c7a7f3f08031ebdfbba5fd0d4' }, "c"), h("smoothly-table-cell", { key: 'a616f2a62a0d1883feb465167bbf108283108220' }, "d"), h("div", { key: '71c1a8685c1817f187d15f8b171b3285cfa398bf', slot: "detail" }, h("smoothly-table", { key: '97dc04e9fe88fc62f6b492fd596ad39dc8bec9ae' }, h("smoothly-table-row", { key: '199501009078d13561494af21c8ec0840ee9d104' }, h("smoothly-table-header", { key: 'f9e37b800be70c2f480eec874376ce8cbe3f12bc' }, "E"), h("smoothly-table-header", { key: '812e05fb00483ac087894496f23264a257fb00de' }, "F")), h("smoothly-table-expandable-row", { key: 'f32fa191f4fb8c24e0e1889a3313d05e800d0339' }, h("smoothly-table-cell", { key: 'da620105064652b2fd78ed180848b32562bae6d3' }, "e row"), h("smoothly-table-cell", { key: '3f1c00270d76defd41b7e482e6417c3ab1e7b80a' }, "f row"), h("div", { key: 'abdd6f4a647af8a82f8080f695727687f9bd6e13', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '6b0fed8fd85b5ac6720e9e5bab76d8962611f799' }, h("smoothly-table-cell", { key: '75f9071102edb24f72a8170726e7c301a3a3faf4' }, h("span", { key: '90fcf7a251ba34793dc66602598ccc056439d5d0' }, "one"), h("span", { key: '9a9f1f69a3153527aed737d1e56a20a337df19c2' }, "two"), h("span", { key: '5205ead387624f310cd64f301ca17773ab5c1be9' }, "three")), h("smoothly-table-cell", { key: '861582eff0124b03a5f97532322913181358c0c7' }, "five", h("smoothly-icon", { key: '356d04dbe0cf5b075f5776fe2aa1a784b108a8f0', name: "paper-plane-sharp", size: "small" })), h("div", { key: '8b2f3d2f93d9b8e929032afb282ad982b85eaaa4', slot: "detail" }, "four")), h("smoothly-table-row", { key: '226a638694ebf076a5919b431fe31f934c40af6b' }, h("smoothly-table-expandable-cell", { key: '7b7815d7615e48097ab17b841fde7cf5127dd862' }, h("span", { key: '0d237074de99748f00e5650c21f21bd608277de6' }, "nested expandable cells"), h("div", { key: '25c3656aa0a42e9da41fb5c8453ae5b50f5fb073', slot: "detail" }, h("smoothly-table", { key: 'd04902b2a68e1be3f897a460a4701cee840d4497' }, h("smoothly-table-row", { key: '6f8378ca445613c84228bb6f79e33b5c925fda62' }, h("smoothly-table-header", { key: '01406ab549f571dc9f1b7c93694976cb998516b0' }, "E"), h("smoothly-table-header", { key: 'e184ad1947135d32d095739c11e37eb663ed76af' }, "F")), h("smoothly-table-row", { key: 'dcc40d7510958ceb58f607f1b00bbfdcfa07088d' }, h("smoothly-table-expandable-cell", { key: '4bafb838bfce5358ded7456e18bf4e6b01955625' }, "e cell", h("div", { key: 'a7a29a42cf1498dd930b211a8c13fa61e4e0f5c5', slot: "detail" }, h("smoothly-table", { key: '5fd8eb9523d42adcf8beb802f3771551dc460269' }, h("smoothly-table-row", { key: 'f2186ed8479e075b0a917ab98094cbbef29d4da8' }, h("smoothly-table-header", { key: 'e0ddb5223b0831808a39d31c8b6e6b2bf57cd423' }, "G"), h("smoothly-table-header", { key: '9e3e6fc6f31039d520fa323a7f5549390cc17f76' }, "H")), h("smoothly-table-row", { key: 'deeefaba22b977edcf0412d7bb8cb0b426bb0e54' }, h("smoothly-table-expandable-cell", { key: '88821dd02885d589f8085f23e6f36c80d13b2d17' }, "g cell", h("div", { key: '39dbd0b03e45454d7d250e678ecbace797de9a0b', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '4d37286adc530cbfe80455a4a66b19c1eef62c7d' }, "h cell", h("div", { key: 'b44f5357b900bb7231516f03f9cb78b5f012abf0', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: '6d8088c01c1946415d2e6ecaa452a21d08c0027b' }, "f cell", h("div", { key: '55f8999fe29ca292d0aa58568e7ce8a420054f8b', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: 'd5f68a4ec6b87f8852b1c8e7cf197a6b33d65289' }, "b cell", h("div", { key: '0b45b5765eb119e4b040aaf9c269f32cc51f847a', slot: "detail" }, h("smoothly-table", { key: 'bd483dfee993041149aa77d4b1858662de73542f' }, h("smoothly-table-row", { key: '152f5e9742fe66c3d10bb95d697fd89c291e504b' }, h("smoothly-table-header", { key: 'd10c9873ca10d7d0ec3693bc1170bccd2d6d3950' }, "C"), h("smoothly-table-header", { key: 'd9b0595ab82b9463074253048186a263a80dbcd4' }, "D")), h("smoothly-table-row", { key: '13c97897313ad8ed43bb275a796aff2d946d0956' }, h("smoothly-table-expandable-cell", { key: '216b700ed3d29cee790d9040624195981b421b42' }, "c cell", h("div", { key: 'bffd6278082600b414b1df53d4309b75bc519a7f', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: '63f23114f39b396fd6a2b76bf1b42bd0311dac47' }, "d cell", h("div", { key: '1d7b427855aa5171459f09a8d30eb1fd08a7ca5c', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: 'd7d1f71d7dd493aa647ddd78cadafe6c1e2165f4' }, "Demo table 6"), h("smoothly-table", { key: '2f54b456aa9dd3df462698ec3574d05629371bdc' }, h("smoothly-table-row", { key: 'b3e44cf670beb3480231a53bd64f6bfea4a93764' }, h("smoothly-table-header", { key: '58fdc45c8f914d6fdddb7c163b386341658ab80d' }, "display"), h("smoothly-table-header", { key: 'd200bcfe5dc61905e8cac792fc09ccd5868be188' }, "contents")), h("smoothly-table-expandable-row", { key: 'e0c5ac990df41da2e3af26a8384209eb2f750a34' }, h("div", { key: 'f8053809f0e8231645c4275586daf98c5a006c67', class: "content" }, h("smoothly-table-cell", { key: 'd3455132fb39edade7ce473444b8121d2c4bf4b4' }, "A"), h("smoothly-table-cell", { key: 'a1e1998ec1205c136b14e178d998ce962abd0f9a' }, "B")), h("div", { key: 'a091c38f2c87095be721d707b5c2311f09cac5dd', slot: "detail" }, "expansion"))), h("h4", { key: 'a121efde3449fe3b0d137d833b6ae341b504e461' }, "Demo table 7"), " ", h("span", { key: '1cea473703f5570ec3b831a9b82cf560d626e480' }, "nested 1 then normal"), h("smoothly-table", { key: '6e48019d21d7fb678d1b326cc642df179281eb95' }, h("smoothly-table-row", { key: 'e7802be1bba803eb03a384d9f1c42f62f5d390d2' }, h("smoothly-table-header", { key: '40e805e08a0668a530c3bb4689160f8201f6b8ac' }, "A"), h("smoothly-table-header", { key: 'dc4682e849e8a2ee8404141eaa64bd313bd3f1de' }, "B")), h("smoothly-table-expandable-row", { key: 'fe90bd61f27a568eb9d08a7608a6f8fa4afb6d50' }, h("smoothly-table-cell", { key: 'be5a961485f323b6a7adbe07846671ea5e44e8aa' }, "a"), h("smoothly-table-cell", { key: '86849f70da4daea9146fe368ada9af469ca0e24e' }, "b"), h("div", { key: '536a13f511d78941b60fd0ca66df440dd812d36b', slot: "detail" }, h("smoothly-table", { key: 'cc64421e35a9b194244bf65f62bf912d45b7473d' }, h("smoothly-table-row", { key: '2c779f4ca95c05227dc716da7ce5a6b2bc1478bb' }, h("smoothly-table-header", { key: '134c7db01d37c2eacb5657b5a5412ee1c49afad5' }, "C"), h("smoothly-table-header", { key: '2ea508f7502be2f0a7346bdab7aea557c70786d2' }, "D")), h("smoothly-table-row", { key: 'dd7e394bb923e671fd77ec9e92d1e0f988582fcf' }, h("smoothly-table-cell", { key: '9b816eb941de433187616b5dc19e298d5531953c' }, "c"), h("smoothly-table-cell", { key: '4ecfb6cce1d2f0f7233d7c28ae658bcb102bd393' }, "d")), h("smoothly-table-row", { key: '4ee2dd20b58148f56cbc82fbc50e56dc478a1773' }, h("smoothly-table-cell", { key: '2cf709ba94dec6405acafc6bf51df9a000442c47' }, "ccc"), h("smoothly-table-cell", { key: '191db9f6db47fde77b2ae13a99708281e408a419' }, "ddd")), h("smoothly-table-expandable-row", { key: '9348628506f543af56c015787e067845490a5afb' }, h("smoothly-table-cell", { key: '5a27eda4518331ebdff51e19f868b54ba81d3db0' }, "cccc"), h("smoothly-table-cell", { key: '19491dbe0a49fff575e6f2131f21cd567142664f' }, "dddd"), h("div", { key: '0cc05beec1eb2a94276e67e349549b1181c2800d', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: '6ad3a5ad78d7a13ee874aa1e34454b655151e212' }, h("smoothly-table-cell", { key: '5f87aefa8c343fed00ded2056f2a3bb4a7bf81f4' }, "ccccc"), h("smoothly-table-cell", { key: '6f4cab1a6e713e9919721e943f3a311babdbc514' }, "ddd")), h("smoothly-table-expandable-row", { key: '2ade8194c8c81a2622075119bd0a774a8e895255' }, h("smoothly-table-cell", { key: '0ca024ae4bfbc7ca1736740bb99a23fd751eecf5' }, "cccc"), h("smoothly-table-cell", { key: '30b6ebead0a09cc72778937cc2c8a09cfaac9264' }, "dddd"), h("div", { key: '86684916edf971ccda8b60f99a9b14fca41ef807', slot: "detail" }, "CONTENT")))))), h("h4", { key: 'a32d1ecac3af32f7d3f1f649e011b08de7d3c169' }, "Demo table 8"), " ", h("span", { key: '11805bd521860c5331c8b9f0d4a8a406c014ba61' }, "not nested"), h("smoothly-table", { key: '4009576336308323853efa04d38751a57700285b' }, h("smoothly-table-row", { key: 'e2844f71096510bb9b20f4e0bc48d9927671b78f' }, h("smoothly-table-header", { key: 'a63ac3e592875b8426dede361e956bd6b4662406' }, "C"), h("smoothly-table-header", { key: '4c436af23c1b72bea53a2746c284f6a5cd62b1f0' }, "D")), h("smoothly-table-row", { key: 'f6c7c46e2add524b441b29034577ff598c7f81a8' }, h("smoothly-table-cell", { key: '82eaf9546f4fd04ffd199d20139668a9612765a1' }, "c"), h("smoothly-table-cell", { key: '131125bdafc52dc560a2def28a0bc9166f2fff79' }, "d")), h("smoothly-table-row", { key: '236112fe5d153cdeb63b046273f8cff31cd5b22f' }, h("smoothly-table-cell", { key: '688d94753909a1fd3801bd6d1dc3dead99e67b40' }, "cc"), h("smoothly-table-cell", { key: 'bc1caa7f054e948ec18fec235f4b2d06a32402b1' }, "dd")), h("smoothly-table-row", { key: '23b9f9f34f4b2b7da11704a85b9fe375e3fedc79' }, h("smoothly-table-cell", { key: '1a126531b75c204a734c9b5e0b1bd3375b0fb6ab' }, "ccc"), h("smoothly-table-cell", { key: 'a115c869e5d45f6752d7f5e041b4d08a0bab78d0' }, "ddd"))), h("h4", { key: '6feebb9f06c57f279ab8a60f5d3243090a912e48' }, "Demo table 9"), h("smoothly-table", { key: '29c4d826c117b47c733efa914407f3f29d25701d' }, h("smoothly-table-row", { key: '3227be3032ba5f29711afe3269df22685be72a73' }, h("smoothly-table-header", { key: '076d1c42e20aebc7584ea5dd5165a33f45382cec' }, "First name"), h("smoothly-table-header", { key: '1110901b7d4d40f6c16a9485078640d1148c00f3' }, "Last name"), h("smoothly-table-header", { key: 'b9e61cf76ad893838d961521611ed26a3fe55c34', style: { width: "1px" } }, h("smoothly-icon", { key: '3a9cc9fd79801293bdad68ab70a74e370ac4d132', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '1d02f306f52f865ce010e64acb2929228c7bd15e' }, h("smoothly-table-cell", { key: '848030e2325ec5ff5fd539752323e8283b131832' }, "Jessie"), h("smoothly-table-cell", { key: '30435bba21263764657b3eb41ee0222e15501bb3' }, "Doe"), h("smoothly-table-cell", { key: 'a6edb66a4e6edaee7fb70bcbbc4b9b41928155f4' }), h("div", { key: '50629ea722f0569758f015bd0437e8a1d66bb045', slot: "detail" }, h("p", { key: '87a784ff6f169396885a315e6ad6b0920b22e319' }, "This is Jessie")))), h("h4", { key: '0ffdcaa8b0e2b82be3abb880610f323281830765' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: '193fbefb3e6994c6252b159399a2216304d53c30' }, h("smoothly-table-row", { key: 'e872ad769cc23dcf369076776b439a7a5913420a' }, h("smoothly-table-header", { key: 'bb5573cec75c0a96ce64b417a5950ecca09593ab' }, "Company")), h("smoothly-table-expandable-row", { key: 'c8e12a4f92615c3b1dca5ea5434386d6d608682a' }, h("smoothly-table-cell", { key: '0f2496508407c14acb8820c22c05822eb9090f1f' }, "Proquse"), h("smoothly-lazy", { key: '5ebe1059422b7b05546f0e684da832f9e66befde', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '19f0e2c1a5003808858d23dbc48547efdc650c95' }, h("smoothly-table-cell", { key: '2e2b0d6eff03ac53f522764140249a1a37b4b7ef' }, "Pax2Pay"), h("smoothly-lazy", { key: '72de23a4e67b331f5d8cfaea9412945b29a5de37', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: '8e3f421528e5484987efef812df2e3856f3b17c6' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'a4e8d1cb657daea4266f45f6623e54fdf130977c' }, h("smoothly-table-row", { key: '8678c8072d2e3ef513c6425290031678cff5d928' }, h("smoothly-table-header", { key: '6bb9b99332a14a4ce86049e0b7aa0165b8a71767' }, "Company")), h("smoothly-table-row", { key: 'e5a05489897c5407917fa63be289fbb205f2e02f' }, h("smoothly-table-expandable-cell", { key: '3180fe43068e9ff3a03dd19099f75adbf6c268ca' }, "Proquse", h("smoothly-lazy", { key: 'b66009b63c479e33b057c64c447f78c2cb030666', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '073a56f66b9896ec6b36f4c044046dffc71f5dc7' }, h("smoothly-table-expandable-cell", { key: '8fd513b716f561d50e281e51797126bd1dd87952' }, "Pax2Pay", h("smoothly-lazy", { key: '61e795ddcfb53acc6b3598bf944b00a5a4254278', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: '554d064b27480332a853fa3aa74e6b04a7298c06' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: 'c99a3f2196512e9037ddbca6ae12de38d2d3b0e0' }, h("smoothly-table-row", { key: 'dc20930e2fa94a7b6be76b96c780fc308f233104' }, h("smoothly-table-header", { key: '41206e45c194741515bec5503db4080b5846ab6d' }, "Name"), h("smoothly-table-header", { key: '5c80fb1c5ffc1b9a3a26ac36e052a96b06c352fa' }, "Age"), h("smoothly-table-header", { key: '2fac1535bd56aa78fde0c5f68163999f87f19b16' }, "Location")), h("smoothly-table-row", { key: '774d89720aac88456620fad2aa294313d3a4026d' }, h("smoothly-table-expandable-cell", { key: 'c33663348ac58721578053b1e59794d018285725' }, "Jessie", h("div", { key: 'a06d9bfd6935dec6e35494e4700ce73fc804039a', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '286b615fefab1bc4c45e2476541eb2c8379c6bca' }, new Date().getFullYear() - 2000, h("div", { key: '82ec68afb6a3552bb0f323c9074e36689f42e0b5', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: '745bae86ec773951391956639c035b13d0ff5655' }, "UK", h("div", { key: '12d29d81ccf035f307747c50f14ca69663e69181', slot: "detail" }, "London"))))));
     }
     static get is() { return "smoothly-table-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class SmoothlyTableTesting {
         this.counter = 0;
     }
     render() {
-        return (h(Host, { key: '5648a38718203e12eaa67cce3097c3dfc138cdea' }, h("smoothly-table", { key: '6dc3f69ab19c5e94dce6fc2e2ff7dc8c712fbb73', color: "dark" }, h("smoothly-table-row", { key: 'b6e56343dede2fb9f17cc569673081d1113359eb' }, h("smoothly-table-header", { key: 'f19ce75f56f05bbad834f01c895f0ccca7808528' }, "Type"), h("smoothly-table-header", { key: '854acb3340db3f663ad44a670d40f0c6f2d1bec7' }, "Name"), h("smoothly-table-header", { key: '6d071c920967bb089a1013d241923d8dd8190547' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: '10bbaddce7cc1951f42157c1b98ba813bf9951f2' }, h("td", { key: 'c63de455f4fa7bb560a483396a36d15c3abf0377', colSpan: 2 }, h("div", { key: 'd5d83339fc626e695fe2a54b229b227f84584814', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: '6dac050dbbe811722b94385ba89d5dda9b672de8', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: '2fca25d5e730d4b6ec31157db2a1954918cb5062' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
+        return (h(Host, { key: '21215a09e085871094148e63d5f5466e03f3bb1f' }, h("smoothly-table", { key: 'ae858527f73f8383a03ba5434f781711d3afbcb0', color: "dark" }, h("smoothly-table-row", { key: '4b1489fdf2a2eb36f7c77b7857ea245ebda37c65' }, h("smoothly-table-header", { key: '639831c9d6202b8a281dd8d1a5728e9b4cdfc3b9' }, "Type"), h("smoothly-table-header", { key: '90c244060d544ef5added3b185f433ce77bd5199' }, "Name"), h("smoothly-table-header", { key: 'b99d1ffff751880b5de32e1ea70624e529a57b9d' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: 'd2ebd8cad2d05ad755d59d991af67d0dbde5d686' }, h("td", { key: '2ce095b524e4783878894495137474f8944d2fce', colSpan: 2 }, h("div", { key: '6455b857455fc13f7f599a213989e7bcfdfee12e', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: '9931a3776728423f6df73a042a043544a62cf0f6', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: 'f08ab8a84d8cfe3b95c769c2f9741b31798ec1f6' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
     }
     static get is() { return "smoothly-table-testing"; }
     static get encapsulation() { return "scoped"; }

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

@@ -36,7 +36,7 @@ export class TableExpandableCell {
         event.detail(this.element);
     }
     render() {
-        return (h(Host, { key: '808fd676f21ae7f63189c1ed769f5726b5caa72f' }, h("div", { key: '14a42d8a10b2b360dcc0cd0a229a580e04737abd' }, h("smoothly-icon", { key: '135e8aaf4323b690e97213b08e8b5535d6c8f145', name: "caret-forward-outline" }), h("slot", { key: '7f483ac11de8750c332a430abc0557be90ea37bd' })), h("tr", { key: 'a7a95e974d4ab556715f89376c9284f947bf3052', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: 'a9e6d2127b555bd6b91cfbba9af1bb12ac2d5977', colSpan: 999 }, h("slot", { key: 'fb3c0654386bffd51f0e666508431a53965195e1', name: "detail" })))));
+        return (h(Host, { key: 'f411536e1e40a6e88dfe7a9c7629c5b58564f7b5' }, h("div", { key: '9d6a7345f698eb817ffffe47193e4a65db4befb8' }, h("smoothly-icon", { key: '18c56a090eb5c1badb143ee5eae67c96599f2ba6', name: "caret-forward-outline" }), h("slot", { key: 'fa98b3e1e3b995427630691dea8af39cef643da7' })), h("tr", { key: 'dbcac9fc20df892fbf8442e44b7d57599ced4acc', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: '7cfd2871877b0a9f6d98f1211eff4c66f1143c8d', colSpan: 999 }, h("slot", { key: '09d2d7c4e768455c322f19042184c17fcebfa44a', name: "detail" })))));
     }
     static get is() { return "smoothly-table-expandable-cell"; }
     static get encapsulation() { return "scoped"; }

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

@@ -18,7 +18,7 @@ export class TableExpandableRow {
         event.detail(this.element);
     }
     render() {
-        return (h(Host, { key: 'd03993dc82724315772638202e3d042a7d766b61' }, h("div", { key: '8af4f611d4b436dc8468fda6994b29d12c46e368', onClick: () => (this.open = !this.open) }, h("slot", { key: '0f091ff804221336d3c4ad1439cb4f4df1867971' })), h("tr", { key: 'a52a4da91b542aed37b792a24fad2defeae077fd', class: { spotlight: this.spotlight } }, h("td", { key: '502bcf07e4c8a43a35d1dc99628b3c19e6e65337', colSpan: 999 }, h("slot", { key: 'f8271e5aaa5dece22256e758025fe0c9ebef77b9', name: "detail" })))));
+        return (h(Host, { key: 'e23e27417222e7720baeac8551b60abc10a0842b' }, h("div", { key: 'eac1bd46882b2df478999e5fc62f1b96dfbb2e99', onClick: () => (this.open = !this.open) }, h("slot", { key: '7335f2e1e36304a44b749480e052cc9534705c13' })), h("tr", { key: 'a7bc18eea142d709203c5424a0a5c630640de4e4', class: { spotlight: this.spotlight } }, h("td", { key: '7311c658043396c5b902fa4b1b8afda5c64daa42', colSpan: 999 }, h("slot", { key: '069bcc48a059cb7d4955f01e4a105ff3b55365ed', name: "detail" })))));
     }
     static get is() { return "smoothly-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TableFooter {
     render() {
-        return h("slot", { key: '366472017dd6ced157b3c13dbed21b18f5d4afb0' });
+        return h("slot", { key: 'c8607ab14808db4426066e52b68f3daec99d8d09' });
     }
     static get is() { return "smoothly-table-footer"; }
     static get encapsulation() { return "scoped"; }

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

@@ -4,7 +4,7 @@ export class TableHeader {
         this.name = undefined;
     }
     render() {
-        return (h(Host, { key: 'd6bbd0deda2293d2f0767b64de6ef3e96a6fc979' }, h("slot", { key: 'e43a6de99c586b0bda8e4fe6a4845303c226048f' })));
+        return (h(Host, { key: 'fbef0c06051b00b98e84b0e7313b605f53b9d4c0' }, h("slot", { key: '0886ac73a5692fd482ff781f08659170cac91640' })));
     }
     static get is() { return "smoothly-table-header"; }
     static get encapsulation() { return "scoped"; }

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

@@ -35,7 +35,7 @@ export class Table {
         event.stopPropagation();
     }
     render() {
-        return [h("slot", { key: '278cb8ca9f29fcab5127be95c03ad3f82b1935a5' })];
+        return [h("slot", { key: '40600ea9817abce274ee559964ded3a4c577e642' })];
     }
     static get is() { return "smoothly-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -20,7 +20,7 @@ export class TableRow {
             (_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
     }
     render() {
-        return (h("div", { key: '666cb04189c53ad35e8ad078dd780b3989714e60', ref: e => (this.element = e) }, h("slot", { key: '816f9d7a88457912f0e3cd5f6298f8462135970c' })));
+        return (h("div", { key: '977cefc7438a7212a424ab903b2378c1cbe40a71', ref: e => (this.element = e) }, h("slot", { key: '2b8dab0ef5559cecec9989770a6d012ea6812658' })));
     }
     static get is() { return "smoothly-table-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SmoothlyTabsDemo {
     render() {
-        return (h("smoothly-tabs", { key: '5f79f0587df1ec966586984c14ad9390b9a4293d' }, h("smoothly-tab", { key: '92ca2b4b3090400a1509f0ce1e61a14365297c0e', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '40cfd71a2ad44e3ffa4fd3f3060dc394c9ee36a5', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: '16c1d576d687a30ff8fb1fb534a007d53af64587', label: "test3" }, "this is a test message again!")));
+        return (h("smoothly-tabs", { key: 'be38f49689f79e21017a0573f3a197e708b9563a' }, h("smoothly-tab", { key: 'ff0d2c06e9cc5080080eba71891035e0763e11c3', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'fed1c968c786138273891e5ed4a86fe40867bc75', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: 'fa1264ff5d40850f4ed5af19f8417e24086b0825', label: "test3" }, "this is a test message again!")));
     }
     static get is() { return "smoothly-tabs-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -21,7 +21,7 @@ export class SmoothlyTabs {
             old.open = false;
     }
     render() {
-        return (h(Host, { key: '03c4aac613f91d7e18c8ab96c9ae797a468da427', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '5984c55b9acfbb1b1980223c62f4ecaff0009cec' })));
+        return (h(Host, { key: 'a5b7b0582045c02167439c2fcec55f86f4fa9b33', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '50e183b3c4b2d4e30408503415186348db3021e1' })));
     }
     static get is() { return "smoothly-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tabs/tab/index.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class SmoothlyTab {
         }
     }
     render() {
-        return (h(Host, { key: '6a8f9f0ed4050a8e803c7027ab46699a02545d31' }, h("div", { key: '287365385a80bd8d92e28096392f26544089a2a4' }, h("label", { key: 'c0fb752115acfce430b55a249218be1ea27ab7f0' }, this.label)), h("div", { key: 'fdbe867c13983b95011c44716c1afb68f4f38ca5', hidden: !this.open }, h("slot", { key: 'ea0d17983043a4573ff1591ab5532bdd2b129e6d' }))));
+        return (h(Host, { key: 'e9abf085f302382337c13ecc659ce455ef0c605a' }, h("div", { key: '6215a3bea53670b063afccdcafebba61262b7923' }, h("label", { key: '17139bd2eb67fd86ef9cccf069fa426175f66a33' }, this.label)), h("div", { key: 'cf9e34980ad64f038caffa856713e81f2b24864d', hidden: !this.open }, h("slot", { key: 'fa720f5aca2c2fd2a2017ada2590aa10f3e446af' }))));
     }
     static get is() { return "smoothly-tab"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/color/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class SmoothlyThemeColor {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: 'd44937141874c0438806f87026be2d27f5cc82c5' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
+        return (h(Host, { key: '6b62e176f604438b62079881c825805090b1cd06' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
     }
     static get is() { return "smoothly-theme-color"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyThemeDemo {
     render() {
-        return (h(Host, { key: '793d95d5f57a5f91b7ba2e5daa519da8c497d68c' }, h("h2", { key: 'b4f8bff98ade37d770bf4d2abb06990892a025a9' }, "Theme"), h("smoothly-theme-picker", { key: 'e320933588db47a00bb1885127cd0381e4701d41' }, h("smoothly-item", { key: 'f44f44a9ddb381fb3b5c6f82debd892fadd4a014', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'a2d1d8e98ad92382fb6c6a924e0c210772b8ea39', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: 'bf14c312720ac6b205c74ca6c597da1451f8f860', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '69f04bd6f92140d2dd953bdc1830c11a4f659eb9', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '705b60314edf91a54b3da938c9765873690e3816', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'a04d55f62e07ed512856dcbf15bb33978a1ce81f', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'd70c4eb8c2a9749570484ead07e24cb2a9ffbbb1', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'a452689da71c4e83a58668ed0a2bdcb58d43c32d', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '40d3fd59c77de2777cb9bc8dbe381eac06bd238f', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: 'aaf07a1f34d3af2b8e95b7d99d13f3f4fcfdfadc' }, h("smoothly-theme-colors", { key: 'd7be8b7089e5204bf4f2f18f1b50fe98c79a6761' }), h("smoothly-theme-guide", { key: '285d50658ed6911104036007a485602642923792' })), h("smoothly-button", { key: '48c1366384b380b423282ad95ac1536b0d5c6916', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'f11fdec530ed5ab393d65ecdb79240f8fcbc414d', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '42372ad9b8992368789b59a4a06ccb02714e98d9', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '7bd40f4f9d1b33ad4ca657f0fd958b58cdf6059e', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: '6cc1af72ad0bde9d00142122a3fa5ffca03bd026' }, h("h2", { key: '86c4634e5fe177e7c2e189131abd4a9a2666e6e0' }, "Theme"), h("smoothly-theme-picker", { key: '8f7a62dfa572b27ba905d66bf06220f8193b456b' }, h("smoothly-item", { key: '729459a73f5e69894914525c052901d5fa9ecd04', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '106fe641b9432d7e247b2199f0a6b02b0535e16a', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: 'c9e620012e86a505b5b5b14ab18d3937fca0dd78', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '35b0d982c84685b3a273dd8a95a86f6b88f723e8', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '136f49334873f0712b255ce098b3f0d98266b32d', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '7cd89c94b5fa0d247b41b34968fc5d1399f09c7c', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'c78fe4025f4bf6c5e3e072d80037b310bbcb7ca9', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'afec0e7fbfcf13b58dc27c5f53505eb39b7c16b5', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'f6f40516ff6ac8b26d66a3208bacdb272a7970ff', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: 'b1ef136924f073771ac50bf7c7804e18d2b92610' }, h("smoothly-theme-colors", { key: '311644a5f6988d684db4d28ae0b21a604a656a63' }), h("smoothly-theme-guide", { key: '6b2feb5356e74bedc53f8b03cb18c33269ca1830' })), h("smoothly-button", { key: 'da921eb58fa407bb306a97648c64a6ecf4695fd0', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'f0a9118be465d5f5392cb2d2c6643026f57e714b', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'a4ceb0c7b0c5991b7acd2e7440eb9ea0f4f0f05e', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'cbc41766769adc5c07ff3b7f20c34704abde6587', type: "link", link: "redirect/nested" }, "To redirect nested")));
     }
     static get is() { return "smoothly-theme-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/guide/index.js CHANGED Viewed

@@ -2,14 +2,14 @@ import { h } from "@stencil/core";
 export class SmoothlyThemeColors {
     render() {
         return [
-            h("smoothly-display", { key: '7f0294ef8ef07dc2514f067d30a11d5465cefa0a' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
-            h("br", { key: 'b018237ea4efadaae929785cae725c4697fdabf5' }),
-            h("smoothly-display", { key: '1391886555ce154328f44ec0015a9127876a54dc' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
-            h("br", { key: 'ba2bd49747e83cb59c7d00ec501fa58e2f3c62bb' }),
-            h("smoothly-display", { key: '15b98ab34d5d139994ae6e5de95dcdf9a4995ff2' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
-            h("br", { key: '2c84a19dac4e5a0d37b7f5a63bf7bccea47c8498' }),
-            h("smoothly-display", { key: '02c9de731cbde79f35a93cf169c63df3839f38ec' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
-            h("br", { key: '5087d642ba0649363a5513f8d93fe2acafd59692' }),
+            h("smoothly-display", { key: '77d5537d9483e58433a0266d3065098bd601951e' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            h("br", { key: '1dbf202ca245580dd88f2c421c15cb4dfb26c587' }),
+            h("smoothly-display", { key: '726ff57a55bb51989ba4bf685dff2dbcfe4ef426' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
+            h("br", { key: '0adc33d33ac13615ed96d7d27d137e255b4adb08' }),
+            h("smoothly-display", { key: 'c94b2390d510756fa9fbd8c4346a2f73be1e30fe' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            h("br", { key: '5ef4844dd3f283b53e31a9ef0c7de293a6d7f60f' }),
+            h("smoothly-display", { key: '65a03835a4ea17a28fbddb87494a8a763859040c' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            h("br", { key: 'd6780671360b0d3905174dec43a0082eed28639d' }),
         ];
     }
     static get is() { return "smoothly-theme-guide"; }

package/dist/collection/components/theme/picker/index.js CHANGED Viewed

@@ -4,11 +4,11 @@ export class SmoothlyThemePicker {
         this.element = "smoothly-css";
     }
     render() {
-        return (h(Host, { key: 'ed5111e30efa517b5c6c247c19f3cf0a53d387f8' }, h("smoothly-input-select", { key: '9c899632ac4c1d0e5ef5f9fa14093067bd0b3e67', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: '7e83f623fd4e94e7b476f6373a83405ad9ba2512' }, h("smoothly-input-select", { key: '36388d703eaa1c25655ab9bb2734b9e4b91c8ce5', name: "theme", looks: "border", onSmoothlyInput: e => {
                 const element = document.querySelector(`#${this.element}`);
                 if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
                     element.href = e.detail.theme;
-            } }, h("label", { key: '72d5d5c54b6c1703a1396e7964e1e8a937d05416', slot: "label" }, "Select theme"), h("slot", { key: '9c622ea4dd736b299b4766632f80d0b7fee5270a' }))));
+            } }, h("label", { key: '6e4b9e3003adc91bbb7aa6402fca451e7aa51d12', slot: "label" }, "Select theme"), h("slot", { key: 'a585a8dc4713ef8e26a2c6baf95a5503db41fed6' }))));
     }
     static get is() { return "smoothly-theme-picker"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class SmoothlyToggle {
         this.selected = !this.selected;
     }
     render() {
-        return (h("button", { key: 'fc4e0302087404b96ad3979140fcce6cb6710451', type: "button" }, h("slot", { key: 'a30c63b58741834aee67392b338fa882c8e46f52', name: "icon-slot" }), h("slot", { key: '218d4c315122ec36ad3e017fd5b3724d6a122f60' }, this.name)));
+        return (h("button", { key: '500f95b2ef0cf7419d29ff7a518c63b0229bcbcc', type: "button" }, h("slot", { key: 'a16785326bfb15b9a6b3d36d421e18c174064241', name: "icon-slot" }), h("slot", { key: 'e78f86bd135d536d8e8c4473976836ea61eaeba8' }, this.name)));
     }
     static get is() { return "smoothly-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle-switch/demo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyToggleSwitchDemo {
     render() {
-        return (h(Host, { key: '031da63d1248ab68490e544deb8f5bdd7b9aa2c3' }, h("h4", { key: 'a2a24ec94bea9dc2cb260361d32515c8549dffed' }, "Toggle switches"), h("div", { key: '9337624286e61cc2f5f5e31368ed4b16cc39ba43' }, h("p", { key: '640fadaed7ecd9b09780463a453e6fb156905e10' }, "Checkmark"), h("span", { key: '909509d2a95692c5f27b50b7323b647cbda2a0d8' }, h("p", { key: '9d74e64b1c52affd7a702c5ddbf4c7e919601c4d' }, "Tiny"), h("smoothly-toggle-switch", { key: '8c53dc0a44a96e1916eea6999351ecd085aa0a53', disabled: false, size: "tiny" })), h("span", { key: '44376aa3af440c53330ac3257e987fac566c35b4' }, h("p", { key: '9535aa348024765ca68ffa60d6c354f05e8ee226' }, "Small"), h("smoothly-toggle-switch", { key: '27f834ea5aa77af4721481c9d343cb4e9b62e34f', disabled: false, size: "small" })), h("span", { key: 'e77a16d23997e88e4ebaadbfe8676ccfcbbc9dae' }, h("p", { key: '00c71961096e623b68e60c583feacc5c71359943' }, "Standard"), h("smoothly-toggle-switch", { key: '8e94223b118fec6aea600dba4e9afbcd6cc4e203', disabled: false })), h("span", { key: '9fc15593113054ac85c21f1a4127ecc86becc2ed' }, h("p", { key: '3bcd2e36e3d61b11bbda767431cac1910b9311e6' }, "Large"), h("smoothly-toggle-switch", { key: 'e5a1f5ad8c174a70c7a5a29292241135a3daae6d', disabled: false, size: "large" })), h("p", { key: 'fe22ed85901e7e3661dfc821a9a58da54124543e' }, "Colors checkmark"), h("span", { key: 'a9771555699ffb9c30788ffda3d7b4f47c8f8bb8' }, h("p", { key: 'aa8f40d3c1f73d02f99976a876dc357c0a1de12a' }, "Danger"), h("smoothly-toggle-switch", { key: '06c3b768b63ee51317b65ee059cef4eae94e84f6', color: "danger", disabled: false, size: "small" })), h("span", { key: '5ccb146347cade3819b99bab890ba789bef1372f' }, h("p", { key: '6b801be2fa3f184b7d6698d8d1ef572798405ddd' }, "Primary color"), h("smoothly-toggle-switch", { key: '674498717c90d62348c36f90cf8741cd5b5ab8ef', color: "primary", disabled: false, size: "small" })), h("span", { key: '6e5574c91e0679064ba65ebb07a1b69df33208fe' }, h("p", { key: 'e0d51f6819de46a94fe53c44f2bda7b50bf2a1cc' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'd1f091c1a4def71356eccf4e8bc766b55fb8a473', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'ed84ce6fe56f70515993b7e423aeb8d7176dc4d4' }), h("p", { key: 'd067af60c3771ac4c0be199a7f3e173c79bd4192' }, "Colors no checkmark"), h("span", { key: 'b0b4308eb7c6fbc1d466c84c6f0814f8a6306af8' }, h("p", { key: '7ea85b9d52fe1b1d666948babf1e633930b176ed' }, "Danger"), h("smoothly-toggle-switch", { key: 'b660d7f1426c75cb3c24d69e2d67d06553016581', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'b6a7884663ade1816fc49962827cbd8936c2d8c4' }, h("p", { key: 'b7b33e9ebd268281cf5d654f416068c826202801' }, "Primary color"), h("smoothly-toggle-switch", { key: '44b93d3be239010f082d740c21a11ce0e2866f1f', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: 'e6e6834c079cd6eb9a6ad4541b89649516265296' }, h("p", { key: 'add3788dad2b1590ddc89df7750fb44ad8e71487' }, "Secondary color"), h("smoothly-toggle-switch", { key: '4b22b4510c40a43547ea4b0bc73f73e53f1d20bf', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
+        return (h(Host, { key: 'd44e96ed3c64fcf690af376a49719083911dba70' }, h("h4", { key: 'b8db83476c90da989c5a5352685b8f5a076ca17f' }, "Toggle switches"), h("div", { key: '14f1cb978354b9e881eabafbd161085a3af37a95' }, h("p", { key: '9f0f7646a271bbc61113f0adc130604f469138d3' }, "Checkmark"), h("span", { key: '67e7f43bcbe9c1190254afd40dfbd1b2391f03f6' }, h("p", { key: '779eaae2ab25d007b2de1189ce3461906a4df4fd' }, "Tiny"), h("smoothly-toggle-switch", { key: 'be5f4b74488b119d76964b53329edbbf2179fd29', disabled: false, size: "tiny" })), h("span", { key: 'c12231fe652d0fb33cf0636d60ceb48c5c6f0376' }, h("p", { key: '0b2333abf721e95981da640bc5ed87f9c89eb350' }, "Small"), h("smoothly-toggle-switch", { key: 'fdc2dbd57714184aaea52428e085bbdf3233d6ab', disabled: false, size: "small" })), h("span", { key: '21d9ede7fa3fcbef7a37ae6ba3f7c4b8e69fe20b' }, h("p", { key: 'ba1fdcc8decd7f86bc3f616a3973ac3c33852e6e' }, "Standard"), h("smoothly-toggle-switch", { key: 'fb02ae9d896a8fb7dafca574e15787bfb674c32f', disabled: false })), h("span", { key: 'e3ddae31c4189e48da19fa5b088fbc4ed7414c75' }, h("p", { key: 'dc8a4999b012325d07f62e31a7f1738ebc0abc1a' }, "Large"), h("smoothly-toggle-switch", { key: '8e07d6145eaecdba986368575cce31252e6095fe', disabled: false, size: "large" })), h("p", { key: '01c06d278717e3acd6f31d0776cd889f8201d5bd' }, "Colors checkmark"), h("span", { key: 'dace9a88be649b8eb1d9a83b2a2921a485741e70' }, h("p", { key: '65f3a51605a776c4bc08717dfb2ddd851692286f' }, "Danger"), h("smoothly-toggle-switch", { key: 'efec024d66830f165c9652c3529dc918953dd26f', color: "danger", disabled: false, size: "small" })), h("span", { key: 'f1f20496a7515df4a2c8dceeed09fcb5eb9ad91b' }, h("p", { key: '4d377d53265cc5dc9ad78fa3f0365b9fc09cdafd' }, "Primary color"), h("smoothly-toggle-switch", { key: '07bc54d2fc990d30da5e69103027d43c04fde84d', color: "primary", disabled: false, size: "small" })), h("span", { key: 'ab5f67ca7e2065dff62124333146bd55f3e822cb' }, h("p", { key: 'c456e032a49febb89187eff9250d079a8582dec3' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'a30ea32233e7ce9552d1cda9a1a32c93275d8c59', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'd4112ad3ca78b9e20083cab4eb4110ceb499f711' }), h("p", { key: 'd4db8e46892e0f0b2242f8e9496055b422221b4e' }, "Colors no checkmark"), h("span", { key: 'd06820b06dcc667ea394694e9d8c35e2433565bd' }, h("p", { key: '4b843aa71ff9e222cc66fa344d22514b6a359df4' }, "Danger"), h("smoothly-toggle-switch", { key: '239102ce48ce29201ea856b8239e2c834a914610', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'd0234b78d0b106a7772e3ee6be1b132190f2b9b3' }, h("p", { key: 'c3fed6d338021198d517e1feea6f3462932aa13c' }, "Primary color"), h("smoothly-toggle-switch", { key: '01d23428b82e7222b5885c099723c89f7b062597', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '5c29f75218d1a209f4c5466472ff751c586203a2' }, h("p", { key: '785a6a22e4687852a3405faadd6c3a456fb020b1' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'f7ea7e6e3955d52ea23217758642a7f07b58b45d', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
     }
     static get is() { return "smoothly-toggle-switch-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle-switch/index.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class SmoothlyToggleSwitch {
         this.smoothlyToggleSwitchChange.emit(this.selected);
     }
     render() {
-        return (h(Host, { key: 'fea96dea98bbf7d62dbb82821d363ee2b492ddee' }, h("button", { key: '02c4a22dd09328a1e4b8c13441c6d1e365661efd', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'b4e41dc3f88730a34fdd35319437eebb6a8bdd92', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
+        return (h(Host, { key: 'fc3ac94f429ce8710d1a256a9cf726fef48ef085' }, h("button", { key: '62c6e4e69b9cbdd2067a7dbd44650a2f8a9dd5fb', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '6315f2dd489ba9b549dd71ab234f706e552169fc', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
     }
     static get is() { return "smoothly-toggle-switch"; }
     static get encapsulation() { return "scoped"; }

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

@@ -20,7 +20,7 @@ export class SmoothlyTrigger {
                 result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
                 break;
             case "button":
-                result = (h("button", { key: '479c644915049bed07210f0d3af39c53972ffe75', disabled: this.disabled, name: this.name }, h("slot", { key: '0fd43622722659b0066b97965400ea1a054cebf5' })));
+                result = (h("button", { key: '9f90f57a800588f874792965f1342ac8fd9da77d', disabled: this.disabled, name: this.name }, h("slot", { key: 'fc127bbbf5abe08d2fa85682f475e79bf9bc3aad' })));
                 break;
         }
         return result;

package/dist/collection/components/trigger/sink/index.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class SmoothlyTriggerSink {
         }
     }
     render() {
-        return h("slot", { key: '3059b2188888f9904b73071c566be1218a84b1e3' });
+        return h("slot", { key: '3e02f3832fe20ad5f9512715774834ac82b5bc8d' });
     }
     static get is() { return "smoothly-trigger-sink"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/trigger/source/index.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class SmoothlyTriggerSource {
         }, window);
     }
     render() {
-        return h("slot", { key: 'ca1d624396a58e62968ae68b365a7aca60fb1191' });
+        return h("slot", { key: 'e1310a84e95c12348d3b8149ddce4b64433f1701' });
     }
     static get is() { return "smoothly-trigger-source"; }
     static get encapsulation() { return "scoped"; }