npm - smoothly - Versions diffs - 1.2.1-alpha.34 → 1.2.1-alpha.36 - Mend

smoothly 1.2.1-alpha.34 → 1.2.1-alpha.36

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: '084f8dd93e2e896aa0c82a2dbf94d15e590ab6b3' }, h("h4", { key: 'b415225da9d340343c1140cece8896618734408b' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '02f0149fe05a809bddbb5387d76589fa95cf3636', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '3dd8cf1aa0f290b946924e7d33631ff7ead59068' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'a41c384503a52961c08bb410dd88c7519b728799' }), " ", h("h4", { key: '8ffd0c73febbec012336e4b74a00ce1e5937082a' }, "Demo table 3"), h("smoothly-table", { key: '8238a27bcac022b998c09c26d6fce868fbecfe45' }, h("smoothly-table-row", { key: 'b4e62f8d29d73141e4c42f4613e63d3aa1881e01' }, h("smoothly-table-header", { key: '0a42b31aa3b59120000525d88aec1ecfd8829c45' }, "Header A"), h("smoothly-table-header", { key: 'db14af55f7588b4ff340a847ba8540682bf03c73' }, "Header B"), h("smoothly-table-header", { key: '85d56a58d0de295a58995957a0866b79167121ab' }, "Header C"), h("smoothly-table-header", { key: '03e8cd286eafe69a2f50e051b2a85ef75e1a8a54' }, "Header D")), h("smoothly-table-row", { key: '2682156506f8fb68bf2c234b41a63ac110f8b727' }, h("smoothly-table-expandable-cell", { key: '9a15ca31cfe50004d6c49988aadd2225af73fb30' }, "normal row (exp.cell)", h("div", { key: 'e0e1b167a5333ff7508f1fda9ce8f46f94fb0c86', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: 'cd23c79877acb9f4ed587b9a196f482c99f77d1f' }, "expandable cell", h("div", { key: '70de6e1eb0e37b6e48fc58ab039d1646aecd5590', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'c767fc973dcb18cea7a825f4ebacc2fcb8f9f834' }, "expandable cell", h("div", { key: 'b87f290f7a61063e91b2dfaf6fcb78ed6d50edcc', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '5b915248d37d0a76409d4a3f42fa24ec6b3c24c9' }, "expandable cell", h("div", { key: '51d32db57bea1de0365bfed946f245a342876c03', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: 'c9b72eea96187a5eac7fa7bb92f46cdbbc236b7b' }, h("smoothly-table-cell", { key: '6afd7627309f99ea53ef3878564520e0342291d8' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: 'd807670bbd5847a95b1f7147f90d270ce577fb5b' }, "normal cell"), h("smoothly-table-expandable-cell", { key: 'e223767b8b762ae7d94e5dfcd18b436d99525779' }, "expandable cell", h("div", { key: 'e016a6bf37e842872fdb29278da36993e8b0a164', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '34f4733b68e0804be594201cf0ae1cbef75fb671' }, "expandable cell", h("div", { key: '3ff263ed2c11f61b644359f0bcdfee35d79998ae', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '2726ff719d4d97f44023645a474050b37693378e' }, h("smoothly-table-cell", { key: '00d7919bc16009c730d4bfe2eeb4bd81f586a75b' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'a4761fe28dd65afcd183de191305d044b80520ab' }, "Normal cell"), h("smoothly-table-cell", { key: 'efbc8a671ae907024a78075c17c40f6786310cdc' }, "normal cell"), h("smoothly-table-cell", { key: '257ec4c36bc268ac4cb1607042b9889896d888c2' }, "Normal cell"), h("div", { key: '08d7fe72f5ff16098b07ea7d685caf31bac8a6dd', slot: "detail" }, "expandable row content"))), h("h4", { key: 'd53e6ff4a6e60aab6de9c0d3ea74c969e5efda91' }, "Demo table 4"), h("smoothly-table", { key: '73de9321ac19acc5e7083f65a98db49be93153c9' }, h("smoothly-table-row", { key: '8b1f99d3233e48aea2af4dc26070c788f1a80cef' }, h("smoothly-table-header", { key: 'f78d80c0395bacb63328aa252f31c6768aea6b7f' }, "Header A"), h("smoothly-table-expandable-cell", { key: '633bd520914c060e51d28ff0b3c7449b3d22294b' }, "Header expansion", h("div", { key: '271e4f0728dfc22b1843849baf99434c9445909a', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: '039d4ce3aa5dee481d1ccb6cefcb6cd9ceb8185b' }, h("smoothly-table-cell", { key: '6ec346a0a7e23185af45bd4fdbf1f60eb3078937' }, "A Content"), h("smoothly-table-cell", { key: '5f87c71d9273c2b05571f04cc67063dcba800368' }, "Expansion cell"), h("div", { key: '16253ba3ae361d4de560d9f265a122dc1bae0348', slot: "detail" }, h("smoothly-tab-switch", { key: '6039dc4d4532d4889be6c32423feed2692573719' }, h("smoothly-tab", { key: '264d4a1b65e4c556b33488f25dcb83656abcdd61', label: "innertable 1", open: true }, h("smoothly-table", { key: 'a0558c84e47e3b700725c1d30621d9e5ceb8edab' }, h("smoothly-table-row", { key: '7bd1bdd05b70c08b609fe508c1e4dd8c710c7a4f' }, h("smoothly-table-header", { key: 'f456b7a3928350d4c70710213bb2ff711970de88' }, "Header B")), h("smoothly-table-expandable-row", { key: 'b1ba00a79b110a6e62af6650058c6188fc3f4180' }, "B Content"))), h("smoothly-tab", { key: 'b46c2ac2124563a2e65d2008f4619af7886c7300', label: "innertable 2" }, h("smoothly-table", { key: '3b2f4e9ee7ac056b3f7f6d54f8f8fa99482afdb4' }, h("smoothly-table-row", { key: 'a3880dcb6b5f4ab9f45a9a2944f2059ad2edb745' }, h("smoothly-table-header", { key: '2781272e470153161befa28cd47b2eab37dc3552' }, "Header C")), h("smoothly-table-expandable-row", { key: 'e1b0316a76d3e2139b9bca5e393f504c66661132' }, h("smoothly-table-cell", { key: '570a8b77983570a5ae493254bea8613c45f9bcda' }, "C Content"))))))), h("smoothly-table-row", { key: '782c89e514003e26997425a0aa803bc0572f3dc1' }, h("smoothly-table-cell", { key: '52e0c55e7b96d48165c15eb448f4873739a5bf72' }, "A Content"), h("smoothly-table-expandable-cell", { key: 'bea42d590e7dbab7e27310dd1d8dca682d3d6611' }, "Expandable cell", h("div", { key: 'c5c1a48ae9b53c4750477ff66020bbeba67047af', slot: "detail" }, "Expansion content")))), h("h4", { key: '25e07ce04b63fcc09ab412d7f73edab24b3e6f61' }, "Demo table 5"), h("smoothly-table", { key: '89b6d51a1d4a2ea21b251b30fd31ca86766ec7dd' }, h("smoothly-table-row", { key: '9d8342fb6eb14f04f0f6fb16cf2f6e23f8f7190d' }, h("smoothly-table-header", { key: '64ef56025441774a7bb463ef2fcdb76364acef65' }, "A"), h("smoothly-table-header", { key: 'f983b14b47f5ee7ab12610983bcd49a3d25e7542' }, "B")), h("smoothly-table-expandable-row", { key: 'd5aa34248de31182fe5f3de2a52417acbfe70dfe' }, h("smoothly-table-cell", { key: 'a8c0648d231f3b30ed4d34fcb61d7f1f2254bcde' }, "nested expandable row"), h("smoothly-table-cell", { key: '3e15199317d011a121e373b1ae9d6f459dc9c02a' }, "b row"), h("div", { key: 'c51357a401d2a6c636f61dfcb8e41c4a76caf82c', slot: "detail" }, h("smoothly-table", { key: '7f483c542f6aeb6bfe5f852367a810ffd167fd13' }, h("smoothly-table-row", { key: 'e41079da0e1c20212ba906c046a6ee8c7012085f' }, h("smoothly-table-header", { key: '574e43d55bc11849bb814b2d3f5afb97b0b483aa' }, "C"), h("smoothly-table-header", { key: 'aed74610f19b5833ef2c028f85b75e8147faffc4' }, "D")), h("smoothly-table-expandable-row", { key: '8c60b3f2e4a8adafb2fb6b363aa4ff1f496e1683' }, h("smoothly-table-cell", { key: '84bbfea75f60ce4d6a9a7820d064b65150272502' }, "c"), h("smoothly-table-cell", { key: '6b9dba2e33651fff09599fea52744c8778099c0a' }, "d"), h("div", { key: '5ef1ebbf76421a9d563ad8db5f3452b633700e00', slot: "detail" }, h("smoothly-table", { key: 'b187dff7aafce9f5fba1e72106cfc5171f6cfb78' }, h("smoothly-table-row", { key: 'a8100316b27da94fccb4d06e25c63712653d76b3' }, h("smoothly-table-header", { key: '0baceebe9adc45de825ae8c56ae7497d28bf54ac' }, "E"), h("smoothly-table-header", { key: 'a63e145febcb38e0b7ee223e0458e2704172d1e3' }, "F")), h("smoothly-table-expandable-row", { key: '562049af8dc23b1ae6d0b3cb1e158814549e1713' }, h("smoothly-table-cell", { key: '2a8ee7d89a1a259399b11f09296eb66f3af538c6' }, "e row"), h("smoothly-table-cell", { key: 'e33339a1468986981cbb0b45eae5d8bf5742e1b6' }, "f row"), h("div", { key: '1de47c75ad56b33b7064e0853f28794f920e57d8', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: 'e5b032ae2717048dbcfc8b8efa3cdf2d7a43a387' }, h("smoothly-table-cell", { key: 'd5eaaf9d86bddad56d3c4c4d068744a8956955e2' }, h("span", { key: 'd18bccfbd3c539699b7794ac24c96ef17a7577b5' }, "one"), h("span", { key: 'a5e0a3bd3645e8955b4a947d98ee3634464ad9e8' }, "two"), h("span", { key: 'f3fed1d5790af1c9faab9d82857d5a1c5d5111b5' }, "three")), h("smoothly-table-cell", { key: '4e84517cfb2f58318199929bba56dc8ac2066f31' }, "five", h("smoothly-icon", { key: '724f7c870f6f650366e8b9c8c7e271d9229e8dc9', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'c17cef1e13675ed6574ee0ed67fc3e0a809c4f62', slot: "detail" }, "four")), h("smoothly-table-row", { key: 'badec24e71bb0bc25eed15baae0bbdd6b34e56b2' }, h("smoothly-table-expandable-cell", { key: 'bb47b5ebaa9b57edf86661b8845ecd0b463f76ef' }, h("span", { key: '5072e29d8c1ec13b6f0fae9b34cfdf3b17abe76d' }, "nested expandable cells"), h("div", { key: 'fa02140e8c1cd37fc9102f8fee1730b0b97521f9', slot: "detail" }, h("smoothly-table", { key: 'c98d1425431843f5890ad268f1b4e51a89dd68d8' }, h("smoothly-table-row", { key: '62dbaa649f2d931965280496712102d828235dd8' }, h("smoothly-table-header", { key: '5ebe0f6612c4fa808af84a0618c20ab63f19e438' }, "E"), h("smoothly-table-header", { key: '5303b346f3942a30c91916cbb645c97e1a662388' }, "F")), h("smoothly-table-row", { key: '8048a33ac049fc2c4cf2c2bfa17225b37ff8970c' }, h("smoothly-table-expandable-cell", { key: 'a428e23eb58ecb10c22707c19779a05f7a935432' }, "e cell", h("div", { key: '5dd3c7a3fbf4e5ce5b2a8dcac4ffa70de76da152', slot: "detail" }, h("smoothly-table", { key: '5fed534993f7282fd1ceae9d63fb5d5f037e02d0' }, h("smoothly-table-row", { key: 'f15b11b8138c12e9262f7346eacc81b516b93052' }, h("smoothly-table-header", { key: 'a7b98696fb996541a0a660a3b8426c40dc04a531' }, "G"), h("smoothly-table-header", { key: '069e5d94c3905da04d0c459c86bdd84a25c8ac13' }, "H")), h("smoothly-table-row", { key: '84cd12fed1dceadd627bb542fb297d08c9733514' }, h("smoothly-table-expandable-cell", { key: '27b65a9b475cab095bf13b648b299e584471dcd6' }, "g cell", h("div", { key: '0a80848130efad2b6afdfa4e72c55f15f14a433c', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '65c391ce8ebd26e8acdcd840fc53c3a563ca4f78' }, "h cell", h("div", { key: 'b486f11d8eb209191358fa12ae9c7a5fdab676be', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: 'ace694e77923dbc4c25e97667c1210c820e72191' }, "f cell", h("div", { key: '49dbb266e4b771c118e17ad6b7386fc7de00e31a', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '32c9409c941c2f7fe2c05acbcf82b53883621434' }, "b cell", h("div", { key: '5c68f26d1cb6deb1a9beb5906ef92f856b1ccc08', slot: "detail" }, h("smoothly-table", { key: '2aed703f517727ab63fe300a8fbdf0273d73523d' }, h("smoothly-table-row", { key: '0d2add5efffa117a125fb6bcd1b2f658692f69cd' }, h("smoothly-table-header", { key: '0a27261642dd02abc897e0f15d867fe36a8a6a74' }, "C"), h("smoothly-table-header", { key: 'd2a853ce8ce64d5b9f8e6b9ed8cf0853559057bc' }, "D")), h("smoothly-table-row", { key: 'a1ad252e962e305b65a4ad345d4810349c8ffb3c' }, h("smoothly-table-expandable-cell", { key: '1a3447c4afc1dcfee4361fd7d33d6a46e1a7228e' }, "c cell", h("div", { key: '4d61b7d449f79258d113603b770c32bad133487b', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: 'edc66414c5267890c500920f0e1ce2f560b75103' }, "d cell", h("div", { key: '6ea88715023bbb1f355e5bb1c8b17b9b18d98f55', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: '7c6a91e1b9371b17f4f6c0552f212d02e70d4dd5' }, "Demo table 6"), h("smoothly-table", { key: '6940b4b31a7950383a5e3ac5476b19a73c83216b' }, h("smoothly-table-row", { key: 'c24cc1d61f51475ea694d0071f2e04cd70ff8fea' }, h("smoothly-table-header", { key: '66e2e3b67f8dbc26bee8b186dbdd858f47155298' }, "display"), h("smoothly-table-header", { key: '6a60efbdc7f23262971580112bc414b65f0718e6' }, "contents")), h("smoothly-table-expandable-row", { key: '4a35b9daa08c6e3e8eb067fb917a7e276af1df02' }, h("div", { key: '1df2a1a2843bb1107e3ecf9abe2dd95c52668d0f', class: "content" }, h("smoothly-table-cell", { key: '62662ad332e4632d3a1a6697549d3711be418a1d' }, "A"), h("smoothly-table-cell", { key: '351e6455db278a5ca76dd590e885c863ffd22490' }, "B")), h("div", { key: '4aacc22721929095a6c918241179b36ffb39f2b7', slot: "detail" }, "expansion"))), h("h4", { key: '3a839ad6f2e3160c7a2965af0a71650f612bca68' }, "Demo table 7"), " ", h("span", { key: 'c27d7696dc94d1efb9c9d5c83373d8de03d9141a' }, "nested 1 then normal"), h("smoothly-table", { key: '8346a49ab0cda4038b5d7b51ec333f2afaa96316' }, h("smoothly-table-row", { key: 'ad07b2deaf123302500654ac8f6c61fed5eacc33' }, h("smoothly-table-header", { key: '9feb73643ce3b74f46aa81b7a020d4efab09d4de' }, "A"), h("smoothly-table-header", { key: '10a2ca094a531f6ac810e1e070caae59291846f0' }, "B")), h("smoothly-table-expandable-row", { key: '903111d118991f769a083308c1b447f9a478949d' }, h("smoothly-table-cell", { key: 'd685dc02a9c45933343e63bfaf9a517c0bcdd86b' }, "a"), h("smoothly-table-cell", { key: '6204102aafb2ab25a2ab7a77fdfdac9fc5df3cfa' }, "b"), h("div", { key: '96e7a93c0941152d5a552a3b7aa82bd0726e2598', slot: "detail" }, h("smoothly-table", { key: 'a8f36265b9a846cdc7f5fbe2ae1429791a35055a' }, h("smoothly-table-row", { key: '0fb24b370fc86a548c3dd2010479d6ed62457736' }, h("smoothly-table-header", { key: '3a53717bf17d02d3967902029e609420580d475c' }, "C"), h("smoothly-table-header", { key: 'dc322ab7862c3d7914ea44158cfa15585ee47a30' }, "D")), h("smoothly-table-row", { key: '8379365daedde44e239af325dea73df327ed2222' }, h("smoothly-table-cell", { key: 'adfb3e913e9f9cf3856b6adcdcb1f47f9c12a05b' }, "c"), h("smoothly-table-cell", { key: '7336751d3220cd7a0a1091de6f650b548e6f9410' }, "d")), h("smoothly-table-row", { key: '30bf3a3f33bc2eb01ecd34014676eff5cde22665' }, h("smoothly-table-cell", { key: '699790b0055bc9c9f7dff3710b5ac83aa5d2406d' }, "ccc"), h("smoothly-table-cell", { key: '3f99dd86a7e914de11d93f00acae9fbcedf28f27' }, "ddd")), h("smoothly-table-expandable-row", { key: '4ff185adec3071bf09f923d631b8923c38d91fb9' }, h("smoothly-table-cell", { key: 'a883e5ac9951d84050ebede9a2cf9f5bbe20dc44' }, "cccc"), h("smoothly-table-cell", { key: 'f50ce74734d2a4386ea9981689cd308584ac58dd' }, "dddd"), h("div", { key: '2c53f30db73618ffb8fff8a979b0279b4150d9ac', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: '31fd43fc8566c591a042fbdee640827e6dc77368' }, h("smoothly-table-cell", { key: '41f75c1ac310ad0949f972d7a6f05f53a45d9ea8' }, "ccccc"), h("smoothly-table-cell", { key: '4d4d8120ea96e8a36cfd86fce57bc10b29ee4328' }, "ddd")), h("smoothly-table-expandable-row", { key: '28120ef8260c71e0b5300ccc384a6bdb6678bbc4' }, h("smoothly-table-cell", { key: '5a5424d55b7da2b636af18af5c8b988df1a8f269' }, "cccc"), h("smoothly-table-cell", { key: 'ac72e66032e40d46a727719aae69503c7751f687' }, "dddd"), h("div", { key: '48cdf7b6cc87291005e046cfbcbf9b86f5b6077d', slot: "detail" }, "CONTENT")))))), h("h4", { key: '5a53cc774f265f09f5d3f33e0da6d70c41d12c48' }, "Demo table 8"), " ", h("span", { key: 'ff2a030650a271288702f978eb820282ab287c12' }, "not nested"), h("smoothly-table", { key: 'f0506607bc3c1bf066580bd18e793087dc09a529' }, h("smoothly-table-row", { key: '73b0e3cf1a3f4f7fa824e235a5499ec0a287d87f' }, h("smoothly-table-header", { key: '2b2343f08eed4f99954e61d8ec8433fcfebc8b28' }, "C"), h("smoothly-table-header", { key: '8279d7521ea8e53bf041c08966e327fddf497597' }, "D")), h("smoothly-table-row", { key: 'd117f53d79fe9976c77a638072aa8665cedd84d7' }, h("smoothly-table-cell", { key: '96c67a9bf13a706b54845553edd3aeddabf8c1ff' }, "c"), h("smoothly-table-cell", { key: '1100b126555dfeb60aeb26b8a6c88e9ef367d8d6' }, "d")), h("smoothly-table-row", { key: '296525eb3c93ce79d920d5842fa472266ae57ed6' }, h("smoothly-table-cell", { key: 'fa2a68ff8fe56b9f6a3ce00e25c0aa747a520c55' }, "cc"), h("smoothly-table-cell", { key: '1aaae91b4e7b66db8b30d9815dbedef859aba8a3' }, "dd")), h("smoothly-table-row", { key: 'f65b4220c79cd12871c00afbe14416b0e457129d' }, h("smoothly-table-cell", { key: 'd5a84e0c2034e13321785771ad984a850587c436' }, "ccc"), h("smoothly-table-cell", { key: 'e20f9e8e1ee08ff361ccd5d3cea6a889f74bd943' }, "ddd"))), h("h4", { key: 'a900cb5746cd921bdfe5c8706425e5a8ddf59898' }, "Demo table 9"), h("smoothly-table", { key: '59e97480d428b7e3ca06df2162a81e01e2c337b2' }, h("smoothly-table-row", { key: '8d5f079bf0f868fe1e53fb8fc340e32f5eaa2b63' }, h("smoothly-table-header", { key: 'b0cb0b97cb301d9ece2d8f951f40f5a0105db609' }, "First name"), h("smoothly-table-header", { key: 'e6a1fb4c1c6dee461cc0bba8c8a31ec1eb2a5e1c' }, "Last name"), h("smoothly-table-header", { key: '7f6ea59562cc3b6ee9ed1bad91310ccdde157633', style: { width: "1px" } }, h("smoothly-icon", { key: 'a380ca2177275401ee96defdbf5cc9a9da876d47', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '277d38e71ef037cc745a92d1dcb297af1f672574' }, h("smoothly-table-cell", { key: '49237dd1700fea81b2a80270848ba0a9ad3d281a' }, "Jessie"), h("smoothly-table-cell", { key: '3b7e9e273e5883809e377616cb2b6212538f5741' }, "Doe"), h("smoothly-table-cell", { key: '68414432e77af3bbe828a41b4648fda8d0831f66' }), h("div", { key: '506223f6fd77d090fed6c76fcfd2595f356d5242', slot: "detail" }, h("p", { key: '146e68a3f9cc34215d6704a5cff01314fb415deb' }, "This is Jessie")))), h("h4", { key: 'aaa3b0bd7f949f74377bcf6827d093412030c95a' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: 'b0bb59d9539d0fd6c1dd5ede9c32efb42f46efcc' }, h("smoothly-table-row", { key: 'deecd22af026a54edc4ff57b3f35a4cbe3d9c8a4' }, h("smoothly-table-header", { key: 'ea174f5f29b39dfa28d5a32645f8b94b7a493eb8' }, "Company")), h("smoothly-table-expandable-row", { key: '650166a33923c9266f94ccf94a7b74bd9ec4f046' }, h("smoothly-table-cell", { key: 'f32f2b7e174d7e0066df89a462893efd145ad8f7' }, "Proquse"), h("smoothly-lazy", { key: 'e6c3ca28f4c1c21264e399d5c54f63b5484c3e26', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: 'b035d415a4c544073f548b62765be411ba3a4516' }, h("smoothly-table-cell", { key: '4fbc39e2055d66d3b75977fb561434d6cedee0f4' }, "Pax2Pay"), h("smoothly-lazy", { key: '092f9af72ca7cde3dc5e2bd214a97ae3c6912560', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: 'adaee86a43f6684bf70b5ca9cafe4168b2d348a8' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: '2fa365287c5df8f595e6a134d2074014b2dcdaa9' }, h("smoothly-table-row", { key: 'feef56cf007d5682e54c224cfbac19468ce8648c' }, h("smoothly-table-header", { key: 'bd98a797a038d07cb3db05ab188e951a077e0031' }, "Company")), h("smoothly-table-row", { key: 'e3fbc04bbc6bd0293fd2e12110f8a2dbd464f76a' }, h("smoothly-table-expandable-cell", { key: 'bdf9ca53eace2765bc5f1057614ee2777f22b683' }, "Proquse", h("smoothly-lazy", { key: '9e318ab4caf98f60e162855de7b3ecc385139ab6', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: 'b0bc3892ef4823ecfcc081b287b31dc23b0af70b' }, h("smoothly-table-expandable-cell", { key: '9682235912884a15b2fac7c2f97c297a83306eff' }, "Pax2Pay", h("smoothly-lazy", { key: 'ce067b4394c9754a7950efb9a1d864cd153cb427', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'e72e58977ae1f2c72632e116cfb36f1df0a950cd' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '506b3c5c8f7c4ac93f585a03048546c2a46ce7f6' }, h("smoothly-table-row", { key: 'beb8dc5eebf167f0815f7fafb183c7acd1cc1731' }, h("smoothly-table-header", { key: '117921c5a8ce86dfa45bc22c511e1c63ae342184' }, "Name"), h("smoothly-table-header", { key: '9a58650c185770fd18f5755767fe2ad44dd0632e' }, "Age"), h("smoothly-table-header", { key: '79116a1d1b433cbed0a27d6e2eaf5bdf863df930' }, "Location")), h("smoothly-table-row", { key: 'e91298585b10e4094e715f3c48b8453254a33665' }, h("smoothly-table-expandable-cell", { key: '909fb0bab82cc414edaa0d48f70c1f5c3ecbadfa' }, "Jessie", h("div", { key: '30b45fe235a99f5e78b098994ca6ca2d08be3ef3', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '7945b46982f8548d4eff5b33083a269dc6206da1' }, new Date().getFullYear() - 2000, h("div", { key: 'cb80ca42b04a969699a7c7badfd756ac54fd08cd', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: '433a980dd806cb4fe0958b688189375ba68d4e5b' }, "UK", h("div", { key: '1843c042018960e2f44de4873003a6720fd79e84', slot: "detail" }, "London"))))));
+        return (h(Host, { key: 'c2d52ed632722eed2a62ad7a8a1579532d535ee9' }, h("h4", { key: '6c2693b2a15e519fdfeaaad2babcc5a692d1df92' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '7370339c630782920d4ea3f87d9ca2a9fed09300', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: 'ec5ddba9aab436b3ea95416de3253c96f2619c39' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: '6aa1c41adfa38ae2a28fdae872105000feebae48' }), " ", h("h4", { key: '939935ca5079dbb902054281239160cc8043ba61' }, "Demo table 3"), h("smoothly-table", { key: 'd6dd1dcd03f7a8536dd35d947875b123868f363c' }, h("smoothly-table-row", { key: '44b5a11d7a6a946caf0026e987a7aecab47a46ba' }, h("smoothly-table-header", { key: '5c82e46165bfc38e1da1c9bf16a7c622cdc1cbb2' }, "Header A"), h("smoothly-table-header", { key: '9793a61c1baa8ed1a05385d8ba6d5ecc8feabca8' }, "Header B"), h("smoothly-table-header", { key: '2fdcec65ab24358281cec2f9a234b20320fe7310' }, "Header C"), h("smoothly-table-header", { key: 'be4f0c72552082bf4db899dcdc7c817e613b525d' }, "Header D")), h("smoothly-table-row", { key: '685202c84404570268fe43b9d15bded227d21412' }, h("smoothly-table-expandable-cell", { key: '0c9a6e9f61e686a12ef51ddfd5573951838ffe08' }, "normal row (exp.cell)", h("div", { key: '9cf941c6bd38cc9da27da2ec2003587a9d61245c', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '44f09c71e18c1dea662b7536e1b85e774e60b3fa' }, "expandable cell", h("div", { key: '7cc27d884ef807845990859b6220bbc3a00e0f74', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: '39ac19023b51b98928685c28453a62c175ece490' }, "expandable cell", h("div", { key: '1feb7f59580a2d3236a754acaf3736c4b12a3522', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '4596552b8df58fa0fd7163db0e3dfa2ab8830a01' }, "expandable cell", h("div", { key: '322cc72dffa047c63de26e76415b6405acb9c37f', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: 'b302f6bad02d9ff463f4d6d341f27b17839fbcdb' }, h("smoothly-table-cell", { key: 'f53be8bf1ac7d14b00f7d6d5ddce430e966df180' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: '8daf7d43483e973e62d10f189b4c9c340fce78b8' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '56d7c49a27529332278fc39e87c2882f311fe245' }, "expandable cell", h("div", { key: 'bff87d82c49e2e67863d6993d93a261d2eec6a13', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '53bfb99470e8de53b6ca24dd1ecfafbe0e74680f' }, "expandable cell", h("div", { key: '1a708007780b119386020462e0c76f6accdaa789', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: 'e18677d9c3a94f4836a10a536632ffc70f51b283' }, h("smoothly-table-cell", { key: '7f978bf73194847f9febf4aaac80134ffcebb58d' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'd528b2a72ddd039c82fdabd4e8851f7944e19f96' }, "Normal cell"), h("smoothly-table-cell", { key: '6b0b4d3f30b31a95133defff1c1c02dba990b723' }, "normal cell"), h("smoothly-table-cell", { key: 'e0539d8af66a3ae4d17fd5ef02967dfda589b38c' }, "Normal cell"), h("div", { key: 'f49755576fda95ee0348da9e24169bd2bff01142', slot: "detail" }, "expandable row content"))), h("h4", { key: 'ba5f2843a357a782b0347d475ee4dd5360572813' }, "Demo table 4"), h("smoothly-table", { key: '181ad9a0c236503c1288ff3e371e1fe323154cd0' }, h("smoothly-table-row", { key: 'a9dc6f2fb604e9f07355c87fc5ae13e45daefea2' }, h("smoothly-table-header", { key: '1bd1d0e1549da881ce3040f6c927816455089259' }, "Header A"), h("smoothly-table-expandable-cell", { key: 'c119128d0589bf3b771d8165ee358a547650e51a' }, "Header expansion", h("div", { key: 'd0428eba89739b88956fb71a68be68c610b3861e', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: 'a54c5b76e8e8db3b63af0a98ec58a955bbf48a60' }, h("smoothly-table-cell", { key: 'e8a46e0600bed42f94985bcf09d7581a9f5f8f5b' }, "A Content"), h("smoothly-table-cell", { key: '3941e1804625493e3e17963d83ab81f483072f0c' }, "Expansion cell"), h("div", { key: '4df8506a7bafd4cfd53a328d8c68f93f017e99f4', slot: "detail" }, h("smoothly-tab-switch", { key: '098ad77004c72f3fd0fbdd43364ae44a99aa1d96' }, h("smoothly-tab", { key: '626f48ff879c4fa885c370b2635ecb19a20c5f28', label: "innertable 1", open: true }, h("smoothly-table", { key: 'd010ef824f9e9881871cd58748f9099d2ad9a33c' }, h("smoothly-table-row", { key: 'eabd83af25882bbd229998ea5e1f4c521206fba7' }, h("smoothly-table-header", { key: 'fc2c448bc2a04e81b51b21eba3df60316506b23c' }, "Header B")), h("smoothly-table-expandable-row", { key: 'ba8fadbebcf9171a41d49c5cb90c5ecfa29cd9aa' }, "B Content"))), h("smoothly-tab", { key: 'ba476cffc2b17330cbf507c61fb5b834297c1547', label: "innertable 2" }, h("smoothly-table", { key: '3d25f6dea0616e0319de7b5dd61dba63b977babf' }, h("smoothly-table-row", { key: '792b9a85a866175b6bbbe1f2aa8056d614b59212' }, h("smoothly-table-header", { key: 'f7d5eecb605554b95c6df5fafbce00ea69cac00b' }, "Header C")), h("smoothly-table-expandable-row", { key: 'ac614f28e0c29a952f5cc9915568a57deba9409a' }, h("smoothly-table-cell", { key: '997018995ca3b0e127e1e58f60ac51a03b5a1d17' }, "C Content"))))))), h("smoothly-table-row", { key: 'cdae56eb4afb25d3ed32d2c4dd3a9593b60d58f9' }, h("smoothly-table-cell", { key: '9dbb1105388962d101bd18aef1ed79c57baf017b' }, "A Content"), h("smoothly-table-expandable-cell", { key: 'ea35ad9b5073c97d68f31c9d825e5d751e8a09ab' }, "Expandable cell", h("div", { key: '2eadd761c83b837d097194ab38d37668e6b57367', slot: "detail" }, "Expansion content")))), h("h4", { key: 'c0921bb24450881229d7c0144ac12d60c3bf8802' }, "Demo table 5"), h("smoothly-table", { key: '8b8b27a06a924553770762449aae0d692dcffb02' }, h("smoothly-table-row", { key: 'ef0757b3eb3241dca02d69cb5b6ecff660788677' }, h("smoothly-table-header", { key: 'e2394dfc5ad2aae143ed754cfcf1b16b587cf678' }, "A"), h("smoothly-table-header", { key: '976f42f99dfb0aa1ee9e44f41ef869762eb11273' }, "B")), h("smoothly-table-expandable-row", { key: 'ea9d260bc85c98fb1823a6d518e93fac6049cf16' }, h("smoothly-table-cell", { key: '42b115fba57971d490fefbf952f0c5d254ec7ba1' }, "nested expandable row"), h("smoothly-table-cell", { key: '3c7079b17695ae5dccc3a6ae5b5c482995cc8c53' }, "b row"), h("div", { key: '164765386ecc86a447e4137e87e9d7e1cb573295', slot: "detail" }, h("smoothly-table", { key: '75450c230a01788649351bc80de0853b1f8935df' }, h("smoothly-table-row", { key: 'b14c7ae5a9dd28decbe2128d0ceba6e5e80244b2' }, h("smoothly-table-header", { key: '9057cc610f407115f0822c86a60a17568c78a603' }, "C"), h("smoothly-table-header", { key: 'efc795aee91ff54f23f4e7960229807a67f8cc30' }, "D")), h("smoothly-table-expandable-row", { key: '91e50c30ceb62307e4ad1df65e38566659aad7af' }, h("smoothly-table-cell", { key: 'a24d04856a8497c8f25a4a1b7744e9e973cc1c14' }, "c"), h("smoothly-table-cell", { key: '043e58686a7541ff38e98cc33e3586c2ff5f0c1e' }, "d"), h("div", { key: 'b7731de099d67a42654775781c3a96ee0810af2f', slot: "detail" }, h("smoothly-table", { key: 'ca775626562496b8dc0434079316b0f4fd1d89fa' }, h("smoothly-table-row", { key: 'eb1fefb44df5c188c4db01ff41d7cf7c00cc2b95' }, h("smoothly-table-header", { key: 'f3164f22ddac32daf151fcd5eba6f45bbba965dc' }, "E"), h("smoothly-table-header", { key: 'ab67b9c9e21dd0e6e6638c24cc9cd775054b1c91' }, "F")), h("smoothly-table-expandable-row", { key: '356ed8bb3a77a72a20756b9af76e19ac0069afdf' }, h("smoothly-table-cell", { key: '76b4d9fd59c7b553ba1ad1504ed16af968913f11' }, "e row"), h("smoothly-table-cell", { key: '9bf94026759eb18cc35cde3e471e24e7528f4324' }, "f row"), h("div", { key: '409341d673cf5dd2f9b0030a65068d913eaa362b', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '2d0eba2de8835b8fcbba2145bb554454d8690cdd' }, h("smoothly-table-cell", { key: '177e9d24417f34c7d73b1053eaa81e5494deb6a5' }, h("span", { key: 'aa67f856f35c3abdc27d9c6e1c1f531c438b9e01' }, "one"), h("span", { key: '7282142fb079c4732c462bbabd5d89e9e905140c' }, "two"), h("span", { key: 'abb82c348c566994a35a7989a9c7c23c98786b85' }, "three")), h("smoothly-table-cell", { key: 'b5365ce005d7a4e7f9ec6a13572a293b5c07117b' }, "five", h("smoothly-icon", { key: '7b4594aa25c395070cf2f5abcad75798d89b9878', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'f0cb3e4fdee2c1593106f1504e2ef7a638089f07', slot: "detail" }, "four")), h("smoothly-table-row", { key: '67341204442bc35d5e036cce9ebf7165e2e5beea' }, h("smoothly-table-expandable-cell", { key: '1fd020b62e4752e4da359b9072b29a1c469164f1' }, h("span", { key: 'd9987a50b30c2dbbacf430950cec88b71df7c4bb' }, "nested expandable cells"), h("div", { key: '7dca663955279cf553bdad10fa7ba1ba9ad849eb', slot: "detail" }, h("smoothly-table", { key: 'b12943e4c64294fe3dc852ea9a387f2bd4103f0e' }, h("smoothly-table-row", { key: '815fcae633d87d07229b224bd285b45fd228a0cf' }, h("smoothly-table-header", { key: 'a4232bbf78259925b401c60b2e02a734e88d5992' }, "E"), h("smoothly-table-header", { key: '87be1bbde66b839a61043266e4f74a081db84c6c' }, "F")), h("smoothly-table-row", { key: '85bac83d081136be7b4e4641cec5565f141c647b' }, h("smoothly-table-expandable-cell", { key: 'db891efb53153b21e57f234536428607fe7ff8dc' }, "e cell", h("div", { key: 'd58b72b0d6d4e8c1a47cad77acaedbe3aa333277', slot: "detail" }, h("smoothly-table", { key: '2d831b60e3916e9c55c996c77cc388fa90a9a6d8' }, h("smoothly-table-row", { key: '341fc2cc9b75690d5992629e3860dc53884b3642' }, h("smoothly-table-header", { key: '085c7ac43082a11505e6d790c65193221820016f' }, "G"), h("smoothly-table-header", { key: '53d8981cb7b99a61d40ea23e2ffce1e88a2e5f4f' }, "H")), h("smoothly-table-row", { key: '037a91700c10a9b9ad73aef8385ac5044b661cfc' }, h("smoothly-table-expandable-cell", { key: 'db716a543afa17ceba2227b6ab34e6b7f59223af' }, "g cell", h("div", { key: '6e9f9921827564a4923dd73e67fc37a5f76beea6', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: 'ee77e6b9f6d335958d715180690f5a43b03e712d' }, "h cell", h("div", { key: 'f71a934e96a051fcc972d5fe931a6f424da334a5', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: 'e5aea1356b4b6e46b34cdbaf958355d31a43facb' }, "f cell", h("div", { key: 'f77e4852d7654966b1d2daca4b81f7c52e9a9118', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '21aedb52d291091d7dfad74c58eaebf11d21be54' }, "b cell", h("div", { key: '47774e13cde8f000da0bd172b295bafb5630bb97', slot: "detail" }, h("smoothly-table", { key: '59f9a71b6007d59160ae43f2167bf496f45b35d7' }, h("smoothly-table-row", { key: 'c446e2b029dbd5a2077906a8a965fd125013357c' }, h("smoothly-table-header", { key: '6c03213f88f20ee03bd8afb43ede67e5a3311285' }, "C"), h("smoothly-table-header", { key: 'f5c41638e374d59a772907d419ce3cdcd7c5b46e' }, "D")), h("smoothly-table-row", { key: '75a903bac35ab067415f6b3d2ea32eab3d1b50fe' }, h("smoothly-table-expandable-cell", { key: 'f3ef1fa6e1cb1fe528446bb4db238c13d1ec5328' }, "c cell", h("div", { key: '0d1b95ea59a79821b834a593196107da82a15b80', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: '0e7dee7e59a504516cf1dbfc564da6629e525ea7' }, "d cell", h("div", { key: '8a1442355a0d1bcc5ceded1749450bf83bfd84a6', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: '491844dd29dbea41bd33109e67bf58328718699c' }, "Demo table 6"), h("smoothly-table", { key: 'c71e325906a58796a3cb941a6d8d8195f838f7f4' }, h("smoothly-table-row", { key: '2a299a63fbbd9504b4734042d313815205b74f26' }, h("smoothly-table-header", { key: '10f8529b9ea32afb41a1879ef374b9e26659729e' }, "display"), h("smoothly-table-header", { key: 'e037e3c9674164926b2e1129446a2cd4bda1780c' }, "contents")), h("smoothly-table-expandable-row", { key: 'a7604f7aa4e574e04270edda2ce140dc9173d0cf' }, h("div", { key: '6e6ee07f7c67bc6f1b5b3157ef7f3d6bd16f7995', class: "content" }, h("smoothly-table-cell", { key: 'c560559faf746657f3637acfc0e13b38bb7b5ac7' }, "A"), h("smoothly-table-cell", { key: 'ee15ec06c1246e4e5b234adbcf96514e746b7064' }, "B")), h("div", { key: 'dcd83cfcdf0a1f1002467bac155ea00a68d540db', slot: "detail" }, "expansion"))), h("h4", { key: 'c976d7cce548795f7776ac78013c5ead5ff46442' }, "Demo table 7"), " ", h("span", { key: 'a41fff757011f21692cf7b48f8f6dceb710c90a8' }, "nested 1 then normal"), h("smoothly-table", { key: '30fc70242dcb689f44c2d10c6da06f0bf4ff3b29' }, h("smoothly-table-row", { key: '83ab53ecc50c0c58d5095a54dca7ef71dbfca94d' }, h("smoothly-table-header", { key: 'ba57eee8d8a906417da048536ddd4b7848abfa83' }, "A"), h("smoothly-table-header", { key: '75070cc5d7f9b378ec5cf1dd09cf938ce2627466' }, "B")), h("smoothly-table-expandable-row", { key: '5c238acce39b7b16fd29b5681b2fa0beb92f9d6a' }, h("smoothly-table-cell", { key: '0e84b683e6dd2cab1fb9b56e7b3d634a1db6b6d2' }, "a"), h("smoothly-table-cell", { key: 'd0b5f45e24f7207b6e4929297f77960a893b5ea3' }, "b"), h("div", { key: '2a4d70833716ba05f63f30bf414ef073ed544f5d', slot: "detail" }, h("smoothly-table", { key: '91f965115edf80e695cfab022c333ea75580553e' }, h("smoothly-table-row", { key: '0b16751c58986a2827bf86d9eb8609ac4149a6a2' }, h("smoothly-table-header", { key: '694d93cc20a0de953d9a1ccce8531fa1a3be15d0' }, "C"), h("smoothly-table-header", { key: '6e8f1b2412ca56766c02974e7b0f6c23c8b7e7c2' }, "D")), h("smoothly-table-row", { key: '9dd5836a7780bc96b98dea02534a94d46f413b0f' }, h("smoothly-table-cell", { key: '60d1507e3768c8e771fc2862204a75c6d65d0949' }, "c"), h("smoothly-table-cell", { key: '2a234c36950600f5c038aed22db95f806d95fd78' }, "d")), h("smoothly-table-row", { key: '06083e22aaa76953478b3d91b1cf1bfa33d36e91' }, h("smoothly-table-cell", { key: 'c29952966e7fe73c5c5487ab81a9ee79f9dc1ca0' }, "ccc"), h("smoothly-table-cell", { key: '7b2a22e7c5698da2ff9ecd10c7b91bb489192ac3' }, "ddd")), h("smoothly-table-expandable-row", { key: '067641facfd8e83d89d520155533feb17a19628c' }, h("smoothly-table-cell", { key: '5a738afa3444170250850a7d00ce9ec5c52a0827' }, "cccc"), h("smoothly-table-cell", { key: '34598e8935e09e660001548cd2f5f0049e0ba71d' }, "dddd"), h("div", { key: '8350e5e1ef3fca4e1423987e3d99328683156703', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: 'e4ee719169cc338d2420f7d3fa09b19ae022e6f7' }, h("smoothly-table-cell", { key: '66f289b9d4e5bb8fe6bfce7f8ae0629143a28ea3' }, "ccccc"), h("smoothly-table-cell", { key: '9e36c00f691b106ef5e58c25d3376618a1861759' }, "ddd")), h("smoothly-table-expandable-row", { key: '67f476453f943b6b75249ce633b1a652e72c0838' }, h("smoothly-table-cell", { key: '9218b679173b883967e4fd9f61622220a4e69cd5' }, "cccc"), h("smoothly-table-cell", { key: 'a0d921e79a8302d7e0b8f3fd702aead3c146a032' }, "dddd"), h("div", { key: '32ff6ed3b7dd8fe2769838a0ec9c08457f578ac0', slot: "detail" }, "CONTENT")))))), h("h4", { key: 'a5b4ae5de351c406d071e8405307486b236ae22e' }, "Demo table 8"), " ", h("span", { key: 'a7c396b267a5728a3ebd12033e0419c449bcacc6' }, "not nested"), h("smoothly-table", { key: '2b940b2551b11b5eeeb44f9fb78955848a9bb88a' }, h("smoothly-table-row", { key: '86a38a2dd5c238596452292bd5790d55436dc332' }, h("smoothly-table-header", { key: '16b53657c35dc13eec74f7944418f736c62745a8' }, "C"), h("smoothly-table-header", { key: 'de229cdfa50eafa737b2782f94120eff5d26e897' }, "D")), h("smoothly-table-row", { key: 'f034a73023a7f8ef3718ad795cc52043e7c83001' }, h("smoothly-table-cell", { key: '0fd9f2f32d6749d5cb66e7c8e70baec5eef46edf' }, "c"), h("smoothly-table-cell", { key: '59e23af09d690d700d877e2db3a7ffa4f5a989a6' }, "d")), h("smoothly-table-row", { key: '9d7c2e33cb3c81ca56eb444d044a04a155a618e5' }, h("smoothly-table-cell", { key: 'dc705b145b3731c6f32a1b2c8b6f67e10210be69' }, "cc"), h("smoothly-table-cell", { key: '1e5af428e4e23992db8452c9cdf9d7ca5e24be0c' }, "dd")), h("smoothly-table-row", { key: '536edadf240428490176429bd97e609164bd44fe' }, h("smoothly-table-cell", { key: 'a55ca0c9736ad2cc944a9055da21ba0dcd5b96b0' }, "ccc"), h("smoothly-table-cell", { key: 'e2e00ded28fe8cff0c7ba57b9911d9816e691171' }, "ddd"))), h("h4", { key: '7151025dac0d88842ec049d208b68e6b6c8e8ccc' }, "Demo table 9"), h("smoothly-table", { key: 'a648bbeee0de8645e8feabeea36dd82cdcdb26b1' }, h("smoothly-table-row", { key: '69f82749ace01c70f12e12bf973c4e68a7c0681f' }, h("smoothly-table-header", { key: '6741692157f9711406703a258661d363d46ad9cc' }, "First name"), h("smoothly-table-header", { key: 'c6471154158fda30b2a85f247563340713d5544b' }, "Last name"), h("smoothly-table-header", { key: '317bf1cd0457790c1185e2b0450ce1b23323374f', style: { width: "1px" } }, h("smoothly-icon", { key: 'a2d8633ddd3277777ca1754d1e0f6406ba4537e0', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '2e0c8471bd93774be4d39229cb07fc06de847025' }, h("smoothly-table-cell", { key: 'ba8aa8597cde75f5fc3a8bbc49c5b1ec388c8205' }, "Jessie"), h("smoothly-table-cell", { key: 'be279abe4d48f4f72bb1b2e5daf7b5622be26469' }, "Doe"), h("smoothly-table-cell", { key: '64375d0aaa75e484d51f1c19f6050c541feb8f70' }), h("div", { key: '701af93629039213c83f78009863eeb4f3cfa7fd', slot: "detail" }, h("p", { key: 'a2ef105c6d6e8c86604db5282cd91687a562be0a' }, "This is Jessie")))), h("h4", { key: '3e4bdf297eb97a83987575d9e63094e0791e0dc6' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: 'c4b7b9e0579fc5687aef6648f0cfde1b38227cae' }, h("smoothly-table-row", { key: '5e02e8b9fb5651300a9d3f7d73fb5b74ef56ecf1' }, h("smoothly-table-header", { key: '0c11cf42e600eb64a75699311036f8321b45086a' }, "Company")), h("smoothly-table-expandable-row", { key: 'eed4aefbe379f9e1f48039dbc19c96e5d4c5acd1' }, h("smoothly-table-cell", { key: 'a25c1eaa63d072db92da7f2c62cc46488163a2ee' }, "Proquse"), h("smoothly-lazy", { key: 'c968706a18a250fc87eeadff46b7e64091e95456', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '7733a8c3d37db1d3f4a0960567ce8e552e902cae' }, h("smoothly-table-cell", { key: '0cc350bef843e7bfa88a48e134a3e38fb4cf8e6f' }, "Pax2Pay"), h("smoothly-lazy", { key: 'dd2acc4f5ba563f02c8d64534863b09164c38c83', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: 'e33c1260f6f6b78f81f5170444e9fb306d156554' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'ea08d324eb273bf135b601e3cee2fab094cea944' }, h("smoothly-table-row", { key: 'b1b3d06556f18f5e524f1ee9c090ec333aefaa77' }, h("smoothly-table-header", { key: '53673b0956468b3eda784f2874140c1b331f5345' }, "Company")), h("smoothly-table-row", { key: '32b918aef1324fdd92fe33b5697c25e7a34e32cc' }, h("smoothly-table-expandable-cell", { key: '1c03cfc9d836db81f9347d816bc1c113b75cc845' }, "Proquse", h("smoothly-lazy", { key: '90d9c35c58d99145dfb3e466b930231d4e9c5260', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '00c7267ef997b669765a6d842bc2592485ca9317' }, h("smoothly-table-expandable-cell", { key: 'a20dd3662febafb60d52bb67459c8418289e3bfb' }, "Pax2Pay", h("smoothly-lazy", { key: '25f2445bcfc58807711963f3be6a123608adb212', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'ad5adf734d61be4daf3ade3b6a0371164ce6eed9' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '08eb6233562f117458dcfd19eb03524624506606' }, h("smoothly-table-row", { key: '0426d4016fa6092d6b205ee100a881b26389f87f' }, h("smoothly-table-header", { key: '125bf5f4ec3f13812556e94931999755128bf920' }, "Name"), h("smoothly-table-header", { key: 'bad40f5c6846cca62ceaa6da5567421c63928b77' }, "Age"), h("smoothly-table-header", { key: 'f09c9e0d0cbb39f2ca395b55ec69a63897137f9a' }, "Location")), h("smoothly-table-row", { key: '0049a5c72aa974d066067d2e6a2092a08edfc830' }, h("smoothly-table-expandable-cell", { key: 'b712269f190e0b8d94dd37bc53b4f0e4a114f256' }, "Jessie", h("div", { key: '3d8d620af2e9ac062a381ea1e3bb60b3e98f73e7', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '4ea5d099083a57923a8d64c1ac10300300347662' }, new Date().getFullYear() - 2000, h("div", { key: 'e6823568399487c76df82e5078167cdc45310e5d', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: 'c6fcc32668399cf74b2193982ac2cf02c968ae74' }, "UK", h("div", { key: '012b0fad1a980d79e208382ea034638204eec7a6', slot: "detail" }, "London"))))));
     }
     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: '95ca99628bf0142068b0b1604d93ed5059a7f356' }, h("smoothly-table", { key: 'e68e552d07c554978939ca17b43fad665a77dbf4', color: "dark" }, h("smoothly-table-row", { key: '3aa17a5551481edc96cb5b1245ba95a665bd5ad6' }, h("smoothly-table-header", { key: '83fa6460c5231e9a63c0fd09e24301cd5d6d5bd2' }, "Type"), h("smoothly-table-header", { key: '41653caf3ae5e589eb6f70aee33d089fbb7a37ce' }, "Name"), h("smoothly-table-header", { key: 'bad3dcf2e3daff8a63c9e9536d06eefa5cf2d1d9' }, "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: 'cc6775b294db656cf59b3f52c5fd3c23ce42e1f5' }, h("td", { key: 'fd50668d12f1059caf1bced562d1028717da171c', colSpan: 2 }, h("div", { key: 'b232bd68b7161949b0c9f35f21152c47a072eed8', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: 'd1b94c0f165829cbe755db0394a28ac2e4c396b6', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: 'ecd061dcf8eb6a90520f19627edf5d07da685d86' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
+        return (h(Host, { key: '19325eb2444ed608c0e080d3fa2d05632d5b01d5' }, h("smoothly-table", { key: '84b5fc3a45ac4f5fe56deb66edbfe381b72dc905', color: "dark" }, h("smoothly-table-row", { key: '389c265a2ee60633f7967170922d1092f90c4e24' }, h("smoothly-table-header", { key: '4d7ea68b2fe5216e1cfb64ba8bf6f8869c0416df' }, "Type"), h("smoothly-table-header", { key: '9c85bb77bf35c744f4f22943616c1ca041fb4341' }, "Name"), h("smoothly-table-header", { key: '111bafb16e97d7e21f3672b0eab58d00d46f1e09' }, "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: '5c635161e1051765ca304cde3b91ed2c235bb773' }, h("td", { key: '12728755d5bd9d560ed68f1cd5a7452f0b8a55af', colSpan: 2 }, h("div", { key: '1f160cf8459caaca8511c1ad7b1fb6244f11908c', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: '0b5d373d788d1d6e05ebb5ea9f5ef9038219cf4f', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: 'a1d3f62994b9c015c7fddff0208c88339d25f4f6' }, "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: 'fae816857a7a1e11ceaf6e68ec3235bcce42752c' }, h("div", { key: 'a5d7d227c773060d3362e6fcbffededb5479ce92' }, h("smoothly-icon", { key: '77e05e11dec65bba4ecfe55ef8909d78345369d5', name: "caret-forward-outline" }), h("slot", { key: '4b037932f5955cc06f4ce4c0c5335fc5a42fdfcb' })), h("tr", { key: '8db6015b46df85bf1398c66c17e442dc6e4857ee', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: 'a1cf80115cacbdf58ea26247eb3ef2ea37f3b4e4', colSpan: 999 }, h("slot", { key: 'da8fc38933a283d75c589e63a9083e34e031e1b8', name: "detail" })))));
+        return (h(Host, { key: 'c18073e79ed648b097932f65afc57b1a086d2aef' }, h("div", { key: '7b1ca3f50b8c2c1e2ccd009188a883d606f8f89d' }, h("smoothly-icon", { key: '38e25d23939f163e58e61541d5456d30842fc237', name: "caret-forward-outline" }), h("slot", { key: '6a6854a144d228579fd929a6454778e70c54a48b' })), h("tr", { key: '76832340657756d93f8257c7089ff4ec7a0c5b56', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: 'e786ee682b26589bf7d66ef358f042111eb63749', colSpan: 999 }, h("slot", { key: 'fc7df9a42bd8b719fe1c486cd0d47e730401b195', 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: '28554b39f11e3629095777c054c9a892fa9dcf1c' }, h("div", { key: 'f8274bcc990818c513c75d0a736505258c130a61', onClick: () => (this.open = !this.open) }, h("slot", { key: '5b2ae89526fdba843d282534ef45a33981a6e2a0' })), h("tr", { key: '92f536db44d47755fbf456e7409783729b065044', class: { spotlight: this.spotlight } }, h("td", { key: '3ce15c299ee5a3eeb10a0f69ce85d833aecc0837', colSpan: 999 }, h("slot", { key: 'cbd7bf72a3376d0c8a5c059f9fced11685c16271', name: "detail" })))));
+        return (h(Host, { key: '362c94fec5a6a946fa4cd3bbb0a7f1cd4b90de30' }, h("div", { key: '3f52cfe9f9bd4f40644473372b9917942659405a', onClick: () => (this.open = !this.open) }, h("slot", { key: 'a9973318d66636bc402e25cfb41233f278169aab' })), h("tr", { key: '580cfcc88440342a6705e87a95218d662303bed2', class: { spotlight: this.spotlight } }, h("td", { key: '833beb04554be089cc7b963287c5853216d8d90b', colSpan: 999 }, h("slot", { key: '0a5baffcc73ef8a859235ea3796c81f40fdded8d', 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: '9a8fd2ae8c30bc12aeb6b3ed124b09427d9ed9f6' });
+        return h("slot", { key: '01a691843d07bc7434c9ffa2d86767ca3e45fa18' });
     }
     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: '3727f46c284d59b2731f18824546968d2ae2a5e6' }, h("slot", { key: '16aede7771e7f851432365528d9f79cbc756c11b' })));
+        return (h(Host, { key: 'fb355436a7e5cdbc99236125054ea66721d6bda4' }, h("slot", { key: '1ca0bc6b9058546578507cbd73f96c6aa306fb8f' })));
     }
     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: 'bc7ed690ff5c01071dc2f439b76474122a93d3d2' })];
+        return [h("slot", { key: 'f820bba496a87eec4d3a16f455493511aafe9bfc' })];
     }
     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: 'f4016ec2ba8f871c843780d4d86306344f0a7b42', ref: e => (this.element = e) }, h("slot", { key: 'd02e94248182106e5ccb3da95370c2bd7a4e9b75' })));
+        return (h("div", { key: '52a85d45e77f78a479c1e314650c38b7b97502e4', ref: e => (this.element = e) }, h("slot", { key: '7438dcbe1986dd6d286cd9c2961d51a34f181c37' })));
     }
     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: '533cfc91493d6dceed5aded6e6f26e26859224a1' }, h("smoothly-tab", { key: '5984ae187c5cc23a4b7a64d43bbbdd7d48b7d861', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'b8a3216625e2408c3c3fab08b0be1bdf08850da1', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: 'bd876638a084205f45c910a842d3e20205db2e7c', label: "test3" }, "this is a test message again!")));
+        return (h("smoothly-tabs", { key: 'bf3e5c01fa0476ec17008f510c3627b12f41907e' }, h("smoothly-tab", { key: '65819b7cabe33f935ff283400dc5f242894a8d1e', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '77baaf959e4bfe230e5699b8c684c364eb2290e9', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: '6db948cc03dc3c952e2453b0a98bdac5fbc9e917', 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: '0e5023ca7717e4560b12fe3a18efa78121b2da9f', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '1b299ba1d8b0945a41016ce7f2da50fa73e36c17' })));
+        return (h(Host, { key: '13265df1e5924c455ab8b94b2e1d3942722120c5', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: 'ef457b562f8ea6c2d00f52c1049ae644bc0fadba' })));
     }
     static get is() { return "smoothly-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -31,7 +31,7 @@ export class SmoothlyTab {
         }
     }
     render() {
-        return (h(Host, { key: '417ad462857abdf14e1ec37429e75b689799efb0' }, h("div", { key: '6993c98633a3794b71b4b83a3a69423dac7c74e2' }, h("label", { key: '0ee24bb008ec1fb28e7c41ae1c282b25bef04a1c' }, this.label)), h("div", { key: '3a1c8c42d5ef94e61c632c4eecbc4d2d02ac732b', hidden: !this.open }, h("slot", { key: '3d87938f9cb4240dd659a77096fb4d185dbca404' }))));
+        return (h(Host, { key: 'cdbbca6716b3a1d87e442e10755e56e228a5ddf6' }, h("div", { key: '90fc76872efeec9892a1ad9a89aab0e13e86eea6' }, h("label", { key: '0c48385c46cb4c5aed14415505cd248a94d5e1eb' }, this.label)), h("div", { key: 'eceb62687b2e1eb4f022976e60daee5b42bb3f8c', hidden: !this.open }, h("slot", { key: '0d1d67d5c332d89e15e9eb1e7b7249307946027e' }))));
     }
     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: '31afa14d4490b5c2d3a09322999ac7ec6084f0b8' }, 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: 'a7d4302217c958ba525227484df493bc8fa312e5' }, 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: 'f372aac59b4dcc24cde0f65888c90b14e7bcc527' }, h("h2", { key: 'fbf02d997500cc247c994318d04362c4cf180d22' }, "Theme"), h("smoothly-theme-picker", { key: '07248d954a9c4f9ba0ce3520b9d3f52af592f414' }, h("smoothly-item", { key: '56f792607d3696823681005ab99c64d2c6c8a26b', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '88ed4bce954338ded99d9e20cc46922e6792fc05', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '62ad657fd2956e4a8ecd6cbe3a4594c419cd4857', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '1a05c71adfd42dce463c65d0f098c065661cc452', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '61fec55bcbecfd26a4d867598e1a7f3aed292408', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '70b0d3a2300539903fbf7ba5252bb1914e065ae7', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '4259aef8ff5e9b238aea52d3f5c629aafadc0d91', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '80f7c765f1de5982f9e833ef54a6635cbf0fe6b2', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '7ff3946958929beeb820e3129b9a654a1b362f2d', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: '103fca80dd8858bc227448bd56349026ecd444f4' }, h("smoothly-theme-colors", { key: '666897015cfd34976603149ded74fe06be6d9d2d' }), h("smoothly-theme-guide", { key: '9a0f02fa88ea4aa79ed2060df5e7ac59baf35b96' })), h("smoothly-button", { key: '42bdb748755ed442eb15da5adb7f4781ff3b10e9', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '237d637586ce0f1fa752df6f7c26334437bb6d96', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'f845f142b70b50a75a94e89725caddd0c4c4a379', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '062c928768a552527d1b4238c1a2fdaaf4c4a87f', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: '67785f5a8f7b0dfcc05ed3db061b16847f0cf2be' }, h("h2", { key: '010fc56a1a101557b8f6aa2d58e8e0d08f5e9a19' }, "Theme"), h("smoothly-theme-picker", { key: '78859336f91dc966250d92714dd68669f8fea47e' }, h("smoothly-item", { key: '7f7dfdc5179fcfe81129f0d29a057211ef37b7c0', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '5200084b7f82c9d2684d8891d2edabd3910c7af8', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '842c142cf1c1e22d082ea773ecf68762d33955c4', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '272f4ccd9f2a242ace94b07e49331d89af093c06', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'cc4a39a589fc9b763b8f01f528537661929699eb', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'dd9058c57fc46878af36f0a6957d7b010bc25f0c', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'da173ddd9a73cf8259adf9d5d292d2a799fb5bc9', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '44dbf248be4a3515834defd174f0dc2bea726f7c', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'c5e345aa503265dd8e8ef9d3c4023493f4c8fc42', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: 'f3578ff957b2a03ccc96d99b21255edb29c582ba' }, h("smoothly-theme-colors", { key: '5e293d62e394aa20f7e01f9d037cca5ecad36406' }), h("smoothly-theme-guide", { key: '447122ad26e6a3aa2944377e4417cab78c13988e' })), h("smoothly-button", { key: '13a8176fa6057cec8e980e9e327e52c4ebd405b0', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'c6e60ae0a148040df8880b44697f167d3b2802b9', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '397c225e488ffd99c0054c18b807b2539f6ad961', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'e6651a36be501ac3e862512f83825e27c3b0f364', 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: '115daaa00fb7a4e0bacb23cbda1ed58cdab2505a' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
-            h("br", { key: '0eacb21aa50f7faebf262e64b5e4c30878f50dc1' }),
-            h("smoothly-display", { key: '5eddcb2c707956bc39e7b675bc61bf222ebfc0cd' }, "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: 'f157bd5d1fd2aa1db645aae1650d5e3711c73a1b' }),
-            h("smoothly-display", { key: '58804f743836a8fc1822dac667724e24b4dca2db' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
-            h("br", { key: 'bad13ec12d0eab96921b00edaab1cc4acba9d94c' }),
-            h("smoothly-display", { key: '4375ae14448373728f92946e9984c55672432beb' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
-            h("br", { key: '357075bdb38d7f2d963dde17c2fd78d88702402d' }),
+            h("smoothly-display", { key: 'd78f620cf75a4531322bf69c0b9edc1ad0760fb0' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            h("br", { key: '82afe82bdbf31fe782fe2a25a13b1786172ce8d9' }),
+            h("smoothly-display", { key: '036aec35c1a3707770e0cc858050d7ad3cf80c2b' }, "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: '6f78be3cf45e8a8a255ee14f8ebfe344f4a2e461' }),
+            h("smoothly-display", { key: '7169ee0c18d1f5e96e4c8f5c813cb88699f3cf49' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            h("br", { key: 'c653eb38519794d49abbbc1c50375d624b07fb37' }),
+            h("smoothly-display", { key: '437ed227e0ad31891c165849373cfbea265d333b' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            h("br", { key: 'bd99df5526d7a1178779ba7810acdc2fef644924' }),
         ];
     }
     static get is() { return "smoothly-theme-guide"; }