npm - smoothly - Versions diffs - 1.7.0 → 1.9.0 - Mend

smoothly 1.7.0 → 1.9.0

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

package/dist/collection/components/input/range/index.js CHANGED Viewed

@@ -90,17 +90,17 @@ export class SmoothlyInputRange {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '98a98128458102922f18ec177df52a2f3a1c58ad', class: {
+        return (h(Host, { key: '32f523c35b0efa72e4545aa46fa6babc9f6410e1', class: {
                 "output-side-right": this.outputSide === "right",
                 "show-label": this.outputSide === "left" && !!this.label,
-            } }, h("slot", { key: 'e06db3f6ee0fe1348fbc09d0012c5339512552d7', name: "start" }), h("div", { key: '81d3179f141bb88c291cfc590d897917b3a8b348' }, h("label", { key: '837b8b5fff2ba7b1e37515dd65b877cd16a82921', htmlFor: this.name }, this.label), h("smoothly-input", { key: 'f572fea0e08f24de2f009e0e94021169a3dadee0', ref: e => (this.input = e), looks: undefined, color: this.color, name: this.name, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: async (e) => (e.stopPropagation(),
+            } }, h("slot", { key: '675bd94909fdee11523b5c4fe4187d2fa8d20b74', name: "start" }), h("div", { key: 'ee7e04a43c41273e1bf93f5ab16216b489e5cfb5' }, h("label", { key: '5dfd5eba1fb03ac4fe427a3fd3b1f337c68a2de2', htmlFor: this.name }, this.label), h("smoothly-input", { key: '59f668030f193953ec617ded4303415b1595cfc4', ref: e => (this.input = e), looks: undefined, color: this.color, name: this.name, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: async (e) => (e.stopPropagation(),
                 this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
                 e.stopPropagation();
                 this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
-            }, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), h("smoothly-display", { key: '190335c665330b75959e71c798bc21c4ac773234', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: '3a2308e1b862d0a68ab6de8f3744ec0222e7992c', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: (_b = this.step) !== null && _b !== void 0 ? _b : "any", disabled: this.readonly, onInput: event => {
+            }, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), h("smoothly-display", { key: '850494ecc2e2a6c3576ba64583b85d394cf10e55', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: '0ee0edec87459af898d12b149266d37e1cfac94a', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: (_b = this.step) !== null && _b !== void 0 ? _b : "any", disabled: this.readonly, onInput: event => {
                 event.stopPropagation();
                 this.setValue(event.target.valueAsNumber);
-            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '2312264e39ea280bb19c1f9edf1684b6207a21bc', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: '1b30b4f2d76728e54313f170631294334ae6e0da', name: "end" })));
+            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: 'cba44a5b739ae831042096bfe53ea2856a447d7d', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: '393da965bd826bb488908ac1a46f4e08b5d58f67', name: "end" })));
     }
     static get is() { return "smoothly-input-range"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/input/reset/index.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class SmoothlyInputReset {
     }
     render() {
         var _a;
-        return (h(Host, { key: '57e2e0372226f9bf0f4202b05c08277b0c9dc10f', title: this.tooltip }, h("smoothly-button", { key: '6b8a01fa2fddd93f37b18b04f1257872275bbbd9', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, h("slot", { key: '5f7448c8bd003b714e4df0e44f7572057324676d' }), h("smoothly-icon", { key: 'f018073be7166306d4799775211fe93e2e1b6eb9', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        return (h(Host, { key: '7b29798da013bf95744ec821f0ccb3fc2cfc736a', title: this.tooltip }, h("smoothly-button", { key: 'd44c7306d0b4a27e05f81bbdc749f16d89c8eacf', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, h("slot", { key: '18a5b54080ebfc46d1699a45ac831abf60812771' }), h("smoothly-icon", { key: '4ea0eed508ad3f6d0d55114def61f35f7cdfda1a', flip: "x", name: "refresh-outline", size: "tiny" }))));
     }
     static get is() { return "smoothly-input-reset"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/input/select/index.js CHANGED Viewed

@@ -279,14 +279,14 @@ export class SmoothlyInputSelect {
         this.addedItems = this.addedItems.concat(h("smoothly-item", { value: this.filter, selected: true }, this.filter));
     }
     render() {
-        return (h(Host, { key: 'cc2f32af9113cb135f67ad108e713ce816d02982', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '7f37e622e83a0b3aa3750838737654bc6830f077', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: '3d4918108064cb74b446de04eb359ac956d9236c', class: "icons", ref: element => (this.iconsDiv = element) }, h("smoothly-icon", { key: '4b94e6917943aadebdc6df22de085e723df52d9c', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), h("slot", { key: '9139b66beef3ba075edf0d3fc0008b1db1fcba15', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '4c5346ce25a54840c1886c33d2bef94fdf5db8be', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: 'bb1ffe6ca46c6fa722f03577f63853a85910f01f', name: "label" }), h("div", { key: '8d31463792eb47339cb5913a2b6311ccffd2bf65', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: '0f80ba71ac1884f2de0e6f4315cdaf648a455ea5', class: "search-preview" }, h("smoothly-icon", { key: 'e0f5bf862bdcc02a76578b6ed91f01d93616efad', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: 'f1d3c0b29e3977fe8220cd6e57bc03cf7e3b0e25', name: "backspace-outline", size: "small", onClick: e => {
+        return (h(Host, { key: '2187d9800a3fcf6be282059b39be56b477069b96', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '43297de2e29af0a413334f7cc4a98ae62cb6a59b', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: '1de51ebcfeff886dbc7aaf0af4fb1a4875188bc4', class: "icons", ref: element => (this.iconsDiv = element) }, h("smoothly-icon", { key: 'd96feece676984f0744baebee4b2519e8a083dde', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), h("slot", { key: 'eaf0a373475802ed1734b7baf5337f835f8a955d', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '6291b1b9b82b5757502484d393b8d6dbc007d28a', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '1b64e1c39a780575dae35ba6d3a6a9368ba9cc98', name: "label" }), h("div", { key: '172753c19442d095781728da314319db0d39eb3f', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: '6c755b32e002602ff6aaf2d55dbd13f8acdae9af', class: "search-preview" }, h("smoothly-icon", { key: '1a2f52a9d7c345799ea8c58f4622e334978c4f4e', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: '08676c731b7e053a4cf62e1c0b76131d5ab9f70e', name: "backspace-outline", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.filter = "";
                 this.element.focus();
-            } }), this.mutable && (h("smoothly-icon", { key: 'ec4d9605893885482781549dc0a19eccfeed2de2', name: "add", size: "small", onClick: e => {
+            } }), this.mutable && (h("smoothly-icon", { key: 'b5a495e4f0602618e35d818f35680a002d7c9a13', name: "add", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.addItem();
-            } })))), h("slot", { key: '284a9f4c2c198aa1c6924a86d5925bd2f705bfa5' }), this.addedItems)));
+            } })))), h("slot", { key: '586f08fe53dcddc61b04cb41fd1db4e4f6d96c76' }), this.addedItems)));
     }
     static get is() { return "smoothly-input-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/input/select/style.css CHANGED Viewed

@@ -109,7 +109,7 @@
 	box-sizing: border-box;
 	display: flex;
 	cursor: pointer;
-	padding: var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0;
+	padding: var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;
 	overflow: hidden;
 	width: 100%;
 	white-space: nowrap;
@@ -119,7 +119,7 @@
 :host:not(:has([slot=label]))>div.select-display,
 :host:not([show-label])>div.select-display  {
-	padding: .6em 0;
+	padding: .6rem .8rem .6rem 0;
 	align-items: center;
 }
@@ -144,7 +144,6 @@
 	fill: rgb(var(--smoothly-input-foreground));
 	stroke: rgb(var(--smoothly-input-foreground));
 	filter: opacity(60%);
 }
 :host:hover>div.icons::slotted(smoothly-icon) {
@@ -204,12 +203,12 @@
 :host>div.options::slotted(smoothly-item),
 :host>div.options::slotted(div.search-preview) {
-	padding: .7em .7em .7em .25em;
+	padding: .7rem .7rem .7rem .25rem;
 }
 :host>div.options::slotted(div.search-preview) {
 	display: flex;
-	gap: 1em;
+	gap: 1rem;
 	background-color: rgba(var(--smoothly-primary-tint), .5);
 	color: rgb(var(--smoothly-color-contrast));
 	fill: rgb(var(--smoothly-color-contrast));

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

@@ -38,7 +38,7 @@ export class SmoothlyInputSubmit {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '6275b8a59180dfe1a6c9ffe1c251a4bd2fdb1f3d', title: this.toolTip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
+        return (h(Host, { key: '36a31b49883f0deaf691213e4328c54e774e44a2', title: this.toolTip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
     }
     static get is() { return "smoothly-input-submit"; }
     static get encapsulation() { return "scoped"; }

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

@@ -29,7 +29,7 @@ export class SmoothlyItem {
             : false;
     }
     render() {
-        return (h(Host, { key: '2bcb4ce39cf6dc6c8ee10b071750cb7831f8492f', tabIndex: -1 }, h("slot", { key: 'e16e1cfdcdc3b2adf794846c892e74756c0a6e13' })));
+        return (h(Host, { key: 'a17a55d78fc5bb902887b702134981b487eb392a', tabIndex: -1 }, h("slot", { key: '7234de6f7f9cee8135d2dd51c06ec788f8b97a47' })));
     }
     static get is() { return "smoothly-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,9 +7,9 @@ export class SmoothlyLabel {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f2d690e01f4feb5fd77267a90215c635afb0f099', title: this.description, style: {
+        return (h(Host, { key: 'ff4c958ddcb7cd104ae5f3d01834781569fbbf98', title: this.description, style: {
                 "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
-            } }, h("slot", { key: '2e6db8a90c124d58ccaf1dba95081cd9526a4c8c' })));
+            } }, h("slot", { key: '083ae08e1e9addf6d761884056eb070d38f79bcf' })));
     }
     static get is() { return "smoothly-label"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SmoothlyLazy {
         this.show = true;
     }
     render() {
-        return (h(Host, { key: '450f3f9b10d1c1ce6b707ee7436d14b91a02f7ff' }, h("slot", { key: '30b4468cc7527a4fc6adbd35a80217503be8618b', name: "before" }), h("smoothly-load-more", { key: '878a61f0086a5def6ad24eaa4fa6092e49a60415', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'f5e9b745ba2369f7150a88714a5129ff4ffc7a79' })));
+        return (h(Host, { key: 'eb8167e1676060b46f89bf1cce9debc2caaca934' }, h("slot", { key: 'c0bad1237d570b6ae535942a1706566f23a857bf', name: "before" }), h("smoothly-load-more", { key: '480681f2afa4d8eb2d7ea76f7928db5de647cbc0', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'd8c1027ed0ccc4afde3ab49dee57fa04dd345b52' })));
     }
     static get is() { return "smoothly-lazy"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/load-more/index.js CHANGED Viewed

@@ -37,7 +37,7 @@ export class LoadMore {
         }
     }
     render() {
-        return h(Host, { key: '4f0df4fdcba3f813c7559c7415a60b91c8d3acb0' });
+        return h(Host, { key: 'e3512a1a09516e94017897a595a2eb4fda405719' });
     }
     static get is() { return "smoothly-load-more"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SmoothlyModal {
         this.smoothlyModalChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '2c2112786afba4ee1e0078af711cc66a3b54ec0f', role: "alertdialog" }, h("div", { key: 'e1037c2ea38bfa435b7d641dd5e23c354c97bcf2', class: "modal" }, h("div", { key: '1ece8c35264ff9229be44ab51a7501b329d9b952', class: "header" }, h("slot", { key: '2fc3f0b4de6d541138144f39d1c79f53aac71edd', name: "header" }), this.closable && h("smoothly-icon", { key: '8a53bb4df4ad0c58930e909edf2a4c1852334986', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: 'cb01d39b81fd0072650c8e252fe19a61fdaddecb' }), h("div", { key: '684d3c1b5abb7f0611d798df79643ba77edfcb30', class: "actions" }, h("slot", { key: '640d93cb040871439633722f29c4d82bb7fb4d14', name: "actions" })))));
+        return (h(Host, { key: 'f20c4debc5b51be27a9e04ebd60d7d3eb7a40b63', role: "alertdialog" }, h("div", { key: '04cd327eda66e98e205eafd5119226b25b6175a8', class: "modal" }, h("div", { key: '6685043b687be84ec722a160e1cc03764af14f72', class: "header" }, h("slot", { key: '088d69fbed14d73011d3649afeb6c8c66a105260', name: "header" }), this.closable && h("smoothly-icon", { key: 'f8a632641bc6b3d6dcbb9cf4ede95e02ed140124', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: 'ca2d5c860f010ffc642fcf16e458efd14cdb19e5' }), h("div", { key: '482cf744696458a0d4c123ace41202ce509dad59', class: "actions" }, h("slot", { key: '39445f760eab1c52eda713e5a4b9b565630a68a4', name: "actions" })))));
     }
     static get is() { return "smoothly-modal"; }
     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: '8fb5a20434e762590043ed4faf11cec75d008fb0', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'de26276f71118d785f71c4ae363fd9ddacc71ce7', fill: "clear", name: "close" }, h("smoothly-icon", { key: '2e399a9b671be2b1d74e3400d393cb779c03ddc1', name: "close-circle-outline" }))), h("span", { key: 'b904641dc0fe92147df5e5cb550207711321915f', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '7ab71b91b315668ada24d42f60af2cf0bd397a8c', name: this.properties[1] }), h("p", { key: '68e2b2c6a51829cd023bbaa3023790c36e3da46e' }, this.notice.message))));
+        return (h(Host, { key: '7ffd89b8c3ed29f130f5fe4438e6d7df8d9d2590', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '5eea7e45c08880935b23bc1f86f81154d7c911ab', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'ff5281f5b99cf1c979759104d429867b1e8e1cac', name: "close-circle-outline" }))), h("span", { key: 'fe26a4f55b42a9f6948d8de5dcc1a9221ff1d9ca', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '7779401ece7ff5abcf3d68f736e04d6bb864ece4', name: this.properties[1] }), h("p", { key: 'a3fccbc0fc3122a004738c029071010a0b698174' }, this.notice.message))));
     }
     static get is() { return "smoothly-notification"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class Notifier {
         this.notices = [...this.notices.filter(n => n != event.detail)];
     }
     render() {
-        return (h(Host, { key: '01bb9499d8533fc3b57267bcd33cb15bbf2ff864' }, h("slot", { key: '6be9c9ddcdca91c5d409ff6f30a45dbb138d4a24' }), h("div", { key: '657205e7d19a9fd5a8f3ed826d597358ea5eb013', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
+        return (h(Host, { key: '5293288105c9ea52864a3de37c45103200e965b3' }, h("slot", { key: 'db04a45bc8176bc78a7dd9c899cc819146cd2b88' }), h("div", { key: '9f8fd51599ed19080adb734102f9ba839d40823c', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
     }
     static get is() { return "smoothly-notifier"; }
     static get encapsulation() { return "scoped"; }

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: 'e398e743d6ae2c9371afedc1af71197697f8627c', style: {
+        return (h(Host, { key: '9a9f6d63e844ea6829c818293113d79b0448b150', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: 'f90840c895e699f9a7e0660b4c4487711992ce0c', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'f431c63f8b43f51fbc89aa7b926abd81202d4485', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, h("svg", { key: '7e1f82aaafd13c7f1b8ee147277623b22dd4aa82', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'ef89d46685920e8f9654a0b0db599c2251409c16', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
     }
     static get is() { return "smoothly-spinner"; }
     static get encapsulation() { return "scoped"; }

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

@@ -25,7 +25,7 @@ export class SmoothlySubmit {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (h(Button, { key: 'b0aa05118574fce76078015f942798b039b22d4f', disabled: this.disabled, type: this.type }, h("slot", { key: '7c7ca7592ef4365c241aa0f8007d86b0c44f2053' })));
+        return (h(Button, { key: 'b4e5179773abf831fd635a5b1920d5645b063a53', disabled: this.disabled, type: this.type }, h("slot", { key: 'b5298576f66bd27407580d4cd069366701c646ab' })));
     }
     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: '013ca7fe45e2706b0be77690a72ff55c37bd03cd', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'ff74d57224d99e0623f866711fca8d21d4635eb5' }, h("smoothly-icon", { key: '4a8b741fe22d64f2f411e6704b9b7b4d5d14b288', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: 'a8f5a0416c17b4c011b508f1b44f93a0362709b9', name: "summary" })), h("slot", { key: '9d7905d61c1cd60c1bd44c3e812ecd2c18eb63b7', name: "content" })));
+        return (h("details", { key: 'e089868332d9c2da5ef1538dddc0eeca6761dc3c', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '6f5dcb6bcba77541f5b21a596231cc395cb040a2' }, h("smoothly-icon", { key: '14870f086b798189cb04799758d6d73183995313', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: 'bd9d0615368f2cef1e58d5c9bc489ef89be97362', name: "summary" })), h("slot", { key: '14ef8eaccf7adfc437e800c691637006a858221e', name: "content" })));
     }
     static get is() { return "smoothly-summary"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableBody {
     render() {
-        return (h(Host, { key: '568b240511f1f928e398f24090134204e05f5725' }, h("slot", { key: '686d093a90d9a2a16492108c45ff2b9d60bbef32' })));
+        return (h(Host, { key: '8f76b6d932cbe0b0110fe1de10f28b7489923b36' }, h("slot", { key: 'ccf40f0798ac0afa90c2ba30bdba2c84a4febc64' })));
     }
     static get is() { return "smoothly-table-body"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class SmoothlyTableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8cd74b926185e5e15b8c48a0723ec6c9b03b1227', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'a1eb377c3532feb0ba18cd74fb09b0a00a780033' })));
+        return (h(Host, { key: '114e5f7b7eb422ab915e0fd5458854f3efe76242', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '527d8d43d4e58204adb1bf3dae0f652806142fba' })));
     }
     static get is() { return "smoothly-table-cell"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoColspan {
     render() {
-        return (h(Host, { key: 'f3c409f0b6f43da04fbe409c7ed7ebadf5c94799' }, h("smoothly-table", { key: '54b821e2e4524e7eecda98229df2319fc48c7724', columns: 3 }, h("smoothly-table-head", { key: '422385fdbb992c1d32cd6c8d0876d550f615f0c6' }, h("smoothly-table-row", { key: '2ad82993c654b485c79962b606eff1953644670c' }, h("smoothly-table-cell", { key: 'f8f42a802e34b3695d04e2de59a99b49c6192ecf' }, "Date"), h("smoothly-table-cell", { key: '79681fd1fe78adb229aaf3071ae51ba8161c7ba0' }, "Skip"), h("smoothly-table-cell", { key: '311219701e89b0ea46cac7c9e7334eb3eabc5501' }, "Total"))), h("smoothly-table-body", { key: '75a1ec1e2629ed1220673b48adca3189617f7443' }, h("smoothly-table-row", { key: '49295b1e8cbbf145ecca779851285e14665dff56' }, h("smoothly-table-cell", { key: '456af9cb2a8f86b7a63890fe8f5e8f581915be33', span: 2 }, h("smoothly-display", { key: 'e7031f02b0b241830e60bfd811757db862305df9', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'fb2be68daaa5221b44c7e3db0b55ac899c40acdd' }, h("smoothly-display", { key: '086f117daf113001597da48844df96f22d631b7f', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '97a1254a17a62dd45b82290c6bf4fef2853d7907' }, h("smoothly-table-expandable-cell", { key: 'c44e6b35ef42095c057c84696b536e9dddad3027', span: 2 }, h("smoothly-display", { key: '13a7b5c6d3defc5aa8d48f238f3de47e09a5ee2c', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '1278a07efc56a1bcd4360a2de22c0f014ed343cc', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '2f6cdd2a7cfcb741ed0d8ff8e2aa64d6221d42df' }, h("smoothly-display", { key: '5d716640836a1e215802d0584a894bd1b69633d2', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '1f2d1719387d09873db7affab6b4989253e5d46b', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: 'b2a3418c23c1563a518b563b9308e2ab1be21bb0' }, h("smoothly-table-cell", { key: 'f095ecfb75a74fd65fc7d0c20104947d02dd9864' }, h("smoothly-display", { key: 'b6ab78cc06b647366d9da976a220d186cb10c949', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'a5b5a5c7b8b01c5ba52fbd8ecb45ba5ab109120d' }, "Not Skipped"), h("smoothly-table-cell", { key: '9803423aab3535613a0b812b94b62f618a832443' }, h("smoothly-display", { key: '1a2f69afa1560deb43141bf1e62b47e324e9053f', type: "price", value: 320, currency: "EUR" })))))));
+        return (h(Host, { key: '342b93a7780cabe89627626aa966697565370e54' }, h("smoothly-table", { key: 'dcb2e6c56e39d9b891cdf5dbe7145fbad4989d84', columns: 3 }, h("smoothly-table-head", { key: '6b07fbda81ffb91defab8b3954baf858f045a150' }, h("smoothly-table-row", { key: 'd4bcd266f5f549934c3dcb2ca2834ad2e9ad1b1a' }, h("smoothly-table-cell", { key: '8153d8795ac524867d499045f19166f87a738214' }, "Date"), h("smoothly-table-cell", { key: '506e055cb7ba0737e61f9287a7814b8a573ac4d5' }, "Skip"), h("smoothly-table-cell", { key: 'd142c250291f84d376510774fd40edf4fe43c8e1' }, "Total"))), h("smoothly-table-body", { key: '736cd610663ac1f8007da24bdde0a67a81275f71' }, h("smoothly-table-row", { key: 'e3376f5766e588d9b4d5e64a6cb7833fb1e2b013' }, h("smoothly-table-cell", { key: '26607d442cff26b8f5bd1e5d9bb8f3daaee2d122', span: 2 }, h("smoothly-display", { key: 'cf732274067646330afaa2ff25bad0dd56165807', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '6cb0281ea68b00003c4b692bc8d95da22ea43dd8' }, h("smoothly-display", { key: 'd7043ccfccb1dcb07ed6797f3a889457972cafcc', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'ca6da9c37f87958a5740231025039ebeddb42ec2' }, h("smoothly-table-expandable-cell", { key: 'df84023e615b50733a18cb3af8a44483ada9f993', span: 2 }, h("smoothly-display", { key: '5e8c556b0db35af97747e8233cbd607b2207ce9e', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'c7ea53174ee18dc3f06e614ae2fc15749384f53b', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '7e47b91c25a8e3c50f16d13638d7ca637128534a' }, h("smoothly-display", { key: 'b6c4b1672e82b5716f841e6adc8f01be37a7b355', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'cf83e7b929a8d7d631dbaee6235061048328f73b', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '17eaeb4f6e1dc887394f02fbff59ddc41e56381c' }, h("smoothly-table-cell", { key: 'e574d885e4d8ec33f044e9bf2a65c7271a242cc5' }, h("smoothly-display", { key: 'd66b0ded08373f084745197395062135a3c31ddd', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '38e349bb2b51e70754c46fe06eedd8aead64aa0b' }, "Not Skipped"), h("smoothly-table-cell", { key: '7821c6bf922bbbf077a21a7ba679d2bdaa534e21' }, h("smoothly-display", { key: '73ea20cc186e6c87b3280f72b334680a2b528d64', type: "price", value: 320, currency: "EUR" })))))));
     }
     static get is() { return "smoothly-table-demo-colspan"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SmoothlyTableDemoFillerRow {
         }, 3000);
     }
     render() {
-        return (h(Host, { key: 'f7a6e988e23fbfe0d327f2c2c0ea383e91e6c00d' }, h("smoothly-display", { key: '1c15584e9359a22e169f9d996b64c2e4a8642e70', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'ff3d8237d67bee82f468f931909d6f7aa9ea1cf2', color: "primary", columns: 4 }, h("smoothly-table-head", { key: 'aa696f144f5eb68825668f25c70a47ebe604bfe0' }, h("smoothly-table-row", { key: 'a08b9a87b9e3d22e5052f835839b819509669bae' }, h("smoothly-table-cell", { key: '47cbc283c04f9de90787063b55567c62176b3b88' }, "Breed"), h("smoothly-table-cell", { key: '36576f62ebe64e4666256f71f3bba1d6865fb810' }, "Country"), h("smoothly-table-cell", { key: '86ab4675cbab63fe53fdd0c50249f6c9c954d2eb' }, "Coat"), h("smoothly-table-cell", { key: '33445c896de6507a1786622e87600d6799a853d2' }, "Origin"))), h("smoothly-table-body", { key: '3199cb2736ccc655d0a5e3a0b27e8957e7fade3d' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("smoothly-table-cell", null, a.breed), h("smoothly-table-cell", null, a.country), h("smoothly-table-cell", null, a.coat), h("smoothly-table-cell", null, a.origin)))))))));
+        return (h(Host, { key: '0430eb289119e7754f23cf43e4ea4a6d0c420e35' }, h("smoothly-display", { key: '7fa55fb69c231ee3feab11c9a51b9be356ae1de7', type: "text", value: "Filler row" }), h("smoothly-table", { key: '07dab05c2e5a952a67c9260e5255426e34469dcf', color: "primary", columns: 4 }, h("smoothly-table-head", { key: 'c94e0a1d71824e970fbcf94f56e5b54f1b0e5089' }, h("smoothly-table-row", { key: 'f2b59ff19a7e1f9327d4803138dd95b5f05695a9' }, h("smoothly-table-cell", { key: 'd9c8ab0e0254248e464f378cc883203800490312' }, "Breed"), h("smoothly-table-cell", { key: '81e7253c70c1fe3af2be648a28c2fd91572ac250' }, "Country"), h("smoothly-table-cell", { key: '388fda3b7a279a9b1401cd6c932dd5a1536bc38a' }, "Coat"), h("smoothly-table-cell", { key: '611f5e141f2d77d292a029972f0f5fc7145ca50e' }, "Origin"))), h("smoothly-table-body", { key: 'be99d88494d39fc8abafc694ba629a3f180bec2c' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("smoothly-table-cell", null, a.breed), h("smoothly-table-cell", null, a.country), h("smoothly-table-cell", null, a.coat), h("smoothly-table-cell", null, a.origin)))))))));
     }
     static get is() { return "smoothly-table-demo-filler-row"; }
     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: '9ed2288b9aa0b7fec71e9034742b3ced8fb95335' }, h("smoothly-display", { key: 'c9e9f9f84b649977c431411a45c9a7ef4c708650', type: "text", value: "Filtered" }), h("smoothly-filter", { key: 'df8733d3749d616833ad435fc2cf964a4d2889a2' }, h("smoothly-filter-toggle", { key: '28c6c2405c5e0ec916bdff7b01ef5f05b433594b', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '28356b3ac2762fbb0b02daa481a725b7c9de4ecf', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '84f494b764c2cb58c93a9dbc3d3937bc83950267', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '3fb0d6fcaabced6b54cf388785c62dbb712d4ea2', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '455dbc1ae303429a13b0d40d56c4db3ce3ea923e', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
+        return (h(Host, { key: '1ffaca230dfa0297c969606ea6fa78ea96a9a675' }, h("smoothly-display", { key: 'fc265dd84c2f147689fb488495b907c06be66a21', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '1da5e7346945ec05186649eb028ce66ef78e1003' }, h("smoothly-filter-toggle", { key: '9544ee92455f94f3b0788b6b7748957764ace760', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'cde4ef8f4082a476f5a9493bc4e3cbb13e4e6bc5', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '9ba2f638e1feb92d6168bc71f0d503b5271ad9ed', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'f4ea1da8492c30282a7242633df5a335f787e942', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '9529295e0934b1f43112e53f053e61b3687fb6d3', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h("div", { key: '65b8bfa14a1fe65f71e5b3d88422526d5300f316', slot: "detail" }, h("smoothly-form", { key: '606c9015213fc51bede9d2390204ab548d5741de', looks: "border" }, h("smoothly-filter-select", { key: 'aa61ce0e551a0737da8c6d3dd0f7fcf53cb22071', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), h("div", { key: '055fbc4079c42b8da03889c20d3e66499c934784', slot: "detail" }, h("smoothly-form", { key: '06c01d6d7addb8c16a9dcff5dded1443aae4c5c0', looks: "border" }, h("smoothly-filter-select", { key: '1bccc46303d72f791d3bc1a5675b4016471f6ab5', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h("smoothly-filter-select", { key: 'fafee16b81d94a8de99ecb1595311f699e77772a', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
-            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: 'd093121dbac5c4da3d847366e14126623cc3bfcc', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), h("smoothly-filter-select", { key: '91e50113284d353c3186f2f16ca938a482cef1af', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
+            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '97a6922e6e9385e66e0a44088b330cd465a5376c', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
             .flat()
-            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: 'f70f7009cfa2f2768c8201d1558131723aec8473', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '4b86865751461f38e68e3ee3cd3c73e3002ea39e', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", { columns: 4 }, h("smoothly-table-head", null, h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cats)), h("smoothly-table-cell", null, "Breed"), h("smoothly-table-cell", null, "Coat"), h("smoothly-table-cell", 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-foot", null, h("smoothly-table-row", null, h("smoothly-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
+            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: 'a6c7cdcc0080ecfdbf52aeee2359066be5ca0d98', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '6e21afc83179cd24e12fdcb820568c1eec263566', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", { columns: 4 }, h("smoothly-table-head", null, h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cats)), h("smoothly-table-cell", null, "Breed"), h("smoothly-table-cell", null, "Coat"), h("smoothly-table-cell", 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-foot", null, h("smoothly-table-row", null, h("smoothly-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
     }
     static get is() { return "smoothly-table-demo-filtered"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { Fragment, h, Host } from "@stencil/core";
 export class SmoothlyTableDemoGroup {
     render() {
-        return (h(Host, { key: '525eeb222fc5adf7686f01218b851237c1999f41' }, h("smoothly-display", { key: '16b431fd3e0c5121621001a637e35efa0471775d', type: "text", value: "Group" }), h("smoothly-table", { key: '4e71111d0ab87c2a1b7c017bac2467846a196a67', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '9bd108bb1e59a6ded5ec13ef0a87c36173be7f75' }, h("smoothly-table-row", { key: '82ac75f037ae43980e3379e94d9b8d5ab0a8b0d2' }, h("smoothly-table-cell", { key: '9f5e0d4b0b0089fb11325cedde0d3cb38311e74d' }, "Date"), h("smoothly-table-cell", { key: 'f8245b75fce32068c78393fb4739489ae8f198f4' }, "Total"))), h("smoothly-table-body", { key: 'd45013659fca29b22289625304ffee15ca8a5ef3' }, h("smoothly-table-row-group", { key: '1deb59cea4ed8fae6b8ead06c530d1ef28026592', align: true }, h("smoothly-display", { key: '9497ecdf2558f9f3a7e24495ace80c42a1667f52', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'c31bd0d77e8226c8548eb2088425d022554de981', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '5e8aa13aa0364e233888b5e9243697991105babf' }, h("smoothly-table-cell", { key: '653203b35b3fc24aca74f01eddf8a95e544985f4' }, h("smoothly-display", { key: '11e70eee43318e5a418504717297f8a0d322949f', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'edf443bf38474b73585310979c9cae9e1a710bcd' }, h("smoothly-display", { key: 'd01ce8934c552744864f98653ac86c906d8c7125', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '226222ba98a44d3a2177b9426ca075733dbf310f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '54eb65d5619d4bf9393b9d2b4ab93526d5713157' }, h("smoothly-table-cell", { key: 'c5514790ff8ab9bbc749f17b407562ecb6eb99ea' }, h("smoothly-display", { key: '39597722d78f192d2e4fbd05210a3f094712d3b8', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'a41a3848f53285f5cb1c08be15580476138b1c1f' }, h("smoothly-display", { key: '01979311ac640d12e119027b23403196e5db17fd', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '5100c23d76896339eb498b799d40111a4e25209f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '597ce39b9479a1e1357f796a71e2d1c503d919a8' }, h("smoothly-table-cell", { key: '40030ccef075d3db739f93313bcbf4fd3b217824' }, h("smoothly-display", { key: '1b7d2f7f188904a64027183c5b92ee46696a58b3', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'a1bab5c05633dedaa4577c3467c467e8434c9dff' }, h("smoothly-display", { key: '149cb3594ff7fce3804b249db2c0dc4eaab7c792', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '3f4cb98c9833ef2db6d620c19edb99664fceef81' }, h("smoothly-display", { key: '43da59e71204d7de7bb96dd2dca0f0e2f8ccb45c', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '8e9e3f780a49c66022c2d1a862fd4a045dccd27a', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '1cfc918002f3265ad9f41015d48c1f6b1239064f' }, h("smoothly-table-cell", { key: '42a745d0332754db7292bf73a7819477affcdc9a' }, h("smoothly-display", { key: '243ecea204945b53e1214e54451f6e1466c8da16', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '4e2a0cd1afd162c601598fafffd16bd603027b21' }, h("smoothly-display", { key: '8808efedafd877fbd37e86a48116e0c097c5f87b', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '15e33aa24d8a9b16cc769575f447906b6c857feb', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '2f7150bbf8788efdf3f952699ee0152314e50ff2' }, h("smoothly-table-cell", { key: '22a1cae330863e4d200242ca60ecc02e9d6d701b' }, h("smoothly-display", { key: '46af4c591ed61833edf8270a3897ce5523d926f3', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'd10025ffebe60be43a1be27f9f45256645601169' }, h("smoothly-display", { key: '6845240c041b29305eacfd40ac5a2d7c6e20111e', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '77894ef80c6e032306681e926d347c942850f73d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '05ae54333b11f8fbf78a278b2bfba561e63ae0df' }, h("smoothly-display", { key: '2fc5952b6551f0fc8766e7152b9966258761bb91', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '32b4a1ff9f17e25e60c07ec20452f88af599bd1e' }, h("smoothly-table-cell", { key: '828d082dd015e349dc37ff317619cd2d56f3470e' }, h("smoothly-display", { key: '74267a4292dd9ead42f26028bdd76fff623a2693', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'cd67a1766268f2d56559e7a60ee01046a7fc7a18' }, h("smoothly-display", { key: '05431f09e4bebf6ff856a41e0862a38cbe6137f2', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '67b58fb40bb98c3936d28afc76543df5748de6aa', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'f422620e633abee78fb069729fb95537e5cb94b6' }, h("smoothly-table-cell", { key: 'a590a63eece73f6ba0401c273962b960a801f7c0' }, h("smoothly-display", { key: 'dc59556c574211873d979ce2b21eb6944bbc7ea6', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: '2f9adf000972ce9ac3e5f9508d3e551e85da4f0f' }, h("smoothly-display", { key: '463b5ad3a144ffdea4e5815a9fdaef810579d668', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '24f174c46ca2b1d48a63ba9bb5af8aed4f677807', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '85c3a2b72afd6b4bd6ca5e049e5d998c7f452617' }, h("smoothly-display", { key: 'a3eab9df28f622cb7209d94998b9cd7092cf4094', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '2f519457811a80b7b046c751c7ca7ba809cc5a7e' }, h("smoothly-table-cell", { key: 'bce1e2896e6c67cc2f4ab6ea9a33da7f2ac6baaf' }, h("smoothly-display", { key: '0b399fa785d1c1584c2b5a0e2c62089cdc70b853', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'b11c1ccd8926cea12bab9b17e0213cd92448179b' }, h("smoothly-display", { key: 'f6f64669ddbb7929c4bf25434e2f1f01e7d28b8d', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '491217ba81f5f259eaf8bcf06f81a38c9786da5a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'e42f9a96e747c23a31fec50e85be8cf7adb6b5f4' }, h("smoothly-table-cell", { key: 'fff1468ed1fa968decd385ccb4d567db558d5236' }, h("smoothly-display", { key: 'd69fed5921022a7f1d9ee02068e2310939d12820', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'c2f9064d078bd2acc1372b13570da65de9540a28' }, h("smoothly-display", { key: '74576b278170b1fbfd42bcb460e04e3b3c0c278d', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'cb82144ebf48347f1e787948b7e2741626281cac', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '1d0501694958227a3fc26b5a71e47ba8c0f67fa9' }, h("smoothly-table-row-group", { key: 'cbcd31378bc87715a07f242e5b1e088b67c1ce36' }, h("smoothly-display", { key: '7ca0a0f5b277448b1427451ffcee6df822b6c0a0', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'a46ecf07459ba03d79db21f31f0c7570f8247a49', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'a0e0f8583067c85c2cfcd753bf77048c00c23ca0' }, h("smoothly-table-row", { key: '18bc28ff57dacc6ab43fac17ac2918297188363b' }, h("fake-cell-wrapper", { key: 'f74e9f2cf3a66f177b65005629dbb156668980c3' }, h("smoothly-table-cell", { key: 'd51d0c9b75b6deaba1e0fa1761e857d01bd349fa' }, h("smoothly-display", { key: 'cf39b5b2a9b261b586348fd9d8739533b5a0d100', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'b3c63c3130812325d382ab8ae4eff274e1dcc2c2' }, h("smoothly-table-expandable-cell", { key: '3a2d4f1c077e846f9f03605e9b8ccd24eac32914' }, h("smoothly-display", { key: '37cf54b0a6eb2c3787a074d45d563ce2a379656a', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '6776c4a2b15dc519c1fd4fde9b0db19d939e713f', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: 'b5157bc904e78c24500337f20b163a8dfda0de3d' }, h("smoothly-table-expandable-row", { key: '3f9f32a8424257aa9ab31fcf37dbd3684640a1f6' }, h("fake-cell-wrapper", { key: '40d9d8aef075ddd8b00348f75c3241cd70afa753', class: "span-2" }, h("smoothly-table-cell", { key: 'f74561780c1399d1b4122688cbe7a746b4fc6299', span: 2 }, h("smoothly-display", { key: 'a58fd01124a4c5768872c5be3d5f6454ff6a4db9', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '421930675caba973df071bd32fee2e86410eb3af', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: '5f80049f47cfbb23e355c7f71344c32ca121260d' }, h("smoothly-display", { key: '9850d54767d961cc1bc2ab91fa87a438d762aa26', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '5f6e9c093aa50717f31abad9d69fb142ef762a26', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+        return (h(Host, { key: '86aee6f69dc8146b17aa7fb65e7dd12c2d6b9d43' }, h("smoothly-display", { key: 'a8f1a68580cc6d8dbe740d50eef17d8a64a5a859', type: "text", value: "Group" }), h("smoothly-table", { key: 'c41ce5a4e57907d3181327f0a5d4260dbb7cda4d', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '69718f62e76e5af2227eb86006c2ec57338d5b67' }, h("smoothly-table-row", { key: '8a2bd99449eaf9d956e9b8c42e777dedbcdc47bf' }, h("smoothly-table-cell", { key: '448c924f76c4881682c9173a383b41ff6a284659' }, "Date"), h("smoothly-table-cell", { key: 'af21e24e807331dec20cce6fabfcc7680c4b31a9' }, "Total"))), h("smoothly-table-body", { key: '4cd52240534108766031876e6ddf4d7630d464af' }, h("smoothly-table-row-group", { key: '95cd022d21333e52033533bd6ab015a11c6770e5', align: true }, h("smoothly-display", { key: 'bcf78151e26a5d7e5ae36861d82591944d94972a', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '9cb9f30bfacae55de407015e84fb50fbabd89c2a', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '00e38f096af6e2ce5bbfccc1ef0630169d3e1b97' }, h("smoothly-table-cell", { key: '3e80100e340069a2e3d144b23aabe1476aab1c32' }, h("smoothly-display", { key: 'cc76279781fa66d18608ab16b977d82abcbdc5e5', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '7ecd85129cbcee04bdc493476886c2538037c52a' }, h("smoothly-display", { key: '959d125e95dae5117bbb1fc527f1c977045202f2', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '29a0fbf740dcc69ad1d36d2ea26745f60f3c574e', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '13188db5f2bc0c13284b4f3b49336733a11f9ef5' }, h("smoothly-table-cell", { key: 'c0f54015d543f181baca8f197fa8033f0fe359b0' }, h("smoothly-display", { key: '74037c6cd5afafdad94f5fe65d2d34c4cf02d75b', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '7d30ed32aa36107a1f6bc85aca397390d194d49b' }, h("smoothly-display", { key: '30114f6229f2b335cba26169d9be15caa4e607a1', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '3ac4873476e80b4b1341a8536b07dfb305c77799', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: 'ad3e276c9ac8f381acf804c678516ba9fbad074e' }, h("smoothly-table-cell", { key: '65c2343e37e36476b8295a36394a23102f24affe' }, h("smoothly-display", { key: '59ceab41811626847db40bf257ad9847bbb8cc53', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '63cb58ea17d0c6b12cd0fab63d7fec0fa6deef05' }, h("smoothly-display", { key: 'e505e09ef54d9f87b26e78e2e9a35f8c2295a7b6', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: 'b495e913e30e84afe412406293d3f91d0fba582a' }, h("smoothly-display", { key: 'd65f9fdb33c9c6984b98645e604eb13cc218658d', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '5f94570b33300e0229c0ab03a2b1a94fd11a4054', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'e0d0d574d0488362b3d555e3627f6840fd87dd59' }, h("smoothly-table-cell", { key: 'b533f8ed30dde6fb1c3a5a9863551a02be8c2796' }, h("smoothly-display", { key: '0919cce7f289d336f897ded3a93b4dcf7e721341', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'ca5920aea2b743c38dc9c7367c6f9265491ca0ce' }, h("smoothly-display", { key: '5d7af4894b1b5e47232463d2be863d55641152cc', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '22b4a41b172053b6ea901dfb8bc1b2c2834c6be3', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'fb139f2b157a0c37425c5fb8df7b03a1f79fdaa1' }, h("smoothly-table-cell", { key: '57fca5f708a1ad1a2693f2db3dc467886f8659bf' }, h("smoothly-display", { key: '20c06c88609e805154c20ae1893135f0f7f41d89', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '6fc61e9bb41fce20d7a6fc134bedc283025871b9' }, h("smoothly-display", { key: '1cadf6f163d1c400b9e2b933635f0b3df14b198e', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '37613b481b5a557dac12138f2e15b1bd1d30d235', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'a6d2ecf5ec2dcefd179192e56125243b1b15a952' }, h("smoothly-display", { key: '5eb25fb1a66cb44caa81a1f47da413f9d14c153e', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '5ae82e5b826d406a9984a584d5ed8d6f516856bc' }, h("smoothly-table-cell", { key: '3f92d92b003ae683a83b6568a8f1b8e2fa852b0e' }, h("smoothly-display", { key: '880dec380a1fd26a912f70007fef0a869c42ef2e', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '4d65519444b3245a161894cd40aebaac82b562cd' }, h("smoothly-display", { key: '26221813f9964d8fef1b7066d83d144c341a2ada', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '2f4282c419973a410e6bdd45a09e3b6585cc6fca', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'd36b0b0761281c933225fb96ff38798286f226b2' }, h("smoothly-table-cell", { key: 'd3b0cb59ee236562dcff1ab9d640adaed21a9112' }, h("smoothly-display", { key: '174ef564b282f34d9a007059db232f4e19425dab', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: '1dc5c5e06104b45dc77bb77fc3e51a28923906a1' }, h("smoothly-display", { key: '988649662e7c53a57c53e57ce599195030da586d', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '94b4e8769fe497154c9bdf705b44af1add787fe4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '5625eff75718f0114d9c425b004558b3a424501c' }, h("smoothly-display", { key: 'da76fadf23115e8a707bb53f3ef0046af8a5dd28', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'b576734fe2cbf5ac2e79655aab03ae91c28be91d' }, h("smoothly-table-cell", { key: 'f1d846bdd55807310e6e0996e50e85226b26352f' }, h("smoothly-display", { key: '178b00ea3bb1d00c7d651b8ae03a80801c3b88d4', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '14a0ca583f13ca5183ce1fc8e2cb976568ec23c7' }, h("smoothly-display", { key: '501163903a7ac0c4426e3be1e3872f7680f69b6b', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'dbc740f9e6cc379571f6ebbe4bac619504d431c2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '3feffda77b4003607ff7c3056c8f9ee3ebdc06dd' }, h("smoothly-table-cell", { key: 'b07bca064e4a28d53ea31698083700b26ca61aa3' }, h("smoothly-display", { key: '64f5c0f6ba962d3095e90275a99867448e32a0bb', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '3fc09d414b37fa0a1c28059d51a47e94513b8b4e' }, h("smoothly-display", { key: '21316748158a8da476a55c7237f989e2fd076327', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'dd2bb7a66e6dcdd91a5f0781ed24b6a4f4b3641c', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '3c435d8c9b7a88d566bd7275fed1106906893430' }, h("smoothly-table-row-group", { key: 'ce434aee3264caa303c1841c99dd3379a94466a7' }, h("smoothly-display", { key: '316f5e7e01f06005e3f137b8e849e7b7e9922d77', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'f31e01db836f00890cdbcb84ba015a7171502e59', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '7fa0524180d8979f1c24836b1ceec64d115d9428' }, h("smoothly-table-row", { key: 'b350d82f8177e33153a5cafa8b5497fb767b22cc' }, h("fake-cell-wrapper", { key: '45583a32b7a56ebd658452083754539a3568fee3' }, h("smoothly-table-cell", { key: 'e598a8ed2be10027abedae02b3fe304051fd1d84' }, h("smoothly-display", { key: 'baa5e8f906cd185bb140bcf5e54f334c9eee2726', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'ff37ed32fff2ed3c1b05ff1e718b7958ba298bbb' }, h("smoothly-table-expandable-cell", { key: '8aecee68a60958f11b9021ce6809caad4e1c0fdf' }, h("smoothly-display", { key: 'd3552b1a0749ccc326da5881a4b74c6f6401023c', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '4e149bce8a30065cabce22d16fdce4763bb3978a', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: 'dd0200fe647303eae73f71b6153657007c75a0c3' }, h("smoothly-table-expandable-row", { key: '81544c7acde8dc3ccde27267cfc7d55285726948' }, h("fake-cell-wrapper", { key: '224c65be073c5095f6a5af5adecc4f5a84c67b3d', class: "span-2" }, h("smoothly-table-cell", { key: 'f7273a091aa2ab41181ab93b6dbb4d1bd79b21ba', span: 2 }, h("smoothly-display", { key: 'f86df97a66a687b90bdf3f6a5ffe0837cdde94c8', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '70f2a2ac774b8c57e9f968502369982443ce1906', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'e5af3b7c33065e17acc4da3f8dd0ed945cac3d95' }, h("smoothly-display", { key: 'ac3e7967749ceda3b8ac020f92fac45d98d7e13b', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'c13a27d9ed802f8cfb1e6de3374b4e7eeacfcfb5', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
     }
     static get is() { return "smoothly-table-demo-group"; }
     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 SmoothlyTableDemo {
     render() {
-        return (h(Host, { key: '3046978ea77a2bff648a14420f05f85e398a0927' }, h("smoothly-table-demo-filler-row", { key: '6690a2d0b36d1e7f7969a61d78908de0fc568a50' }), h("smoothly-table-demo-group", { key: '37e23b74ae8923c970bbb2639e640222feedc307' }), h("smoothly-table-demo-colspan", { key: 'b8539d27f7a8f36cd1b7bca1bf54eb54183db0b8' }), h("smoothly-table-demo-simple", { key: '89fd22a0e50f0c87d39437fa5fe04b66e2280584' }), h("smoothly-table-demo-nested", { key: 'b4b1eae30554c4f7a56891112473c2eb84232263' }), h("smoothly-table-demo-filtered", { key: '7f9ec900541185901c822b5450edb4aca4f4ee2c' })));
+        return (h(Host, { key: '4871fe3d419a657381a36c8a20239dc6f5b1ab07' }, h("smoothly-table-demo-filler-row", { key: 'fb4ba4016701d0b228bbe72edb2832e099072a80' }), h("smoothly-table-demo-group", { key: 'c6165ac80ca779ad30953a2545af43d878d65f11' }), h("smoothly-table-demo-colspan", { key: '91455abde448b72a5c03311f55f3eecea02f9eb8' }), h("smoothly-table-demo-simple", { key: 'c95a55eacad1d75fa2e813b675902f80448b41f7' }), h("smoothly-table-demo-nested", { key: '3f2a50fdf139c7211e12a6bdfa74416f91144059' }), h("smoothly-table-demo-filtered", { key: '82b76eed4f977cc640149d1588cf1210177cfb7e' })));
     }
     static get is() { return "smoothly-table-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { data } from "./data";
 export class SmoothlyTableDemoNested {
     render() {
-        return (h(Host, { key: '1743d7589bd492377468972dabf4deec6e20069a' }, h("smoothly-display", { key: '779c7a09c0c0468f62b42dcb19787f19188f3481', type: "text", value: "Nested" }), h("smoothly-table", { key: '35f9b6f470fa53a1d7ad6336c6de80c0a49b5aa0', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '30f3cc7fc9e43d591701aa48673e85a50eea0039' }, h("smoothly-table-row", { key: 'be8c95740340f2aeedfd269b5aee1cbaca8d8fdc' }, h("smoothly-table-cell", { key: 'a66a2cfee429a827bf6edf8b46b132bff41219c5' }, "Id"), h("smoothly-table-cell", { key: 'fc52ddfecdf7f31a1fd24454ab7806fead292d97' }, "Registered"), h("smoothly-table-cell", { key: 'c59f5611769381273e862a38d30a6a7ae2ad75f5' }, "Name"), h("smoothly-table-cell", { key: '3c0453f5da50e9601e09841afa565c36e9e60b25' }, "Age"), h("smoothly-table-cell", { key: '92ec3aa300dbca0d2012bc7899fbc7e7c849bd4d' }, "Balance"), h("smoothly-table-cell", { key: '025e440cfd9de4b0a785d2e7502f281af4047518' }, "EyeColor"), h("smoothly-table-cell", { key: '0d138945bacee71cc2c558d2d8d5d2895283d080' }, "Gender"), h("smoothly-table-cell", { key: '8f233a5c7e1ff21618ba10d5aab626f91b45168a' }, "Company"))), h("smoothly-table-body", { key: '7fe751054d49b1e870665253493ef0745fd047b0' }, data.map(entry => (h("smoothly-table-expandable-row", null, h("smoothly-table-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-table-cell", null, entry.id), h("smoothly-table-cell", null, entry.registered), h("smoothly-table-cell", null, entry.name), h("smoothly-table-cell", null, entry.age), h("smoothly-table-cell", null, entry.balance), h("smoothly-table-cell", null, entry.eyeColor), h("smoothly-table-cell", null, entry.gender), h("smoothly-table-cell", null, entry.company))))), h("smoothly-table-foot", { key: 'e394c6fbe111c46b6f04955424a913cf54bdb28c' }, h("smoothly-table-row", { key: '79bba0ffedb84848d39eea8e3e40c154a74065c9' }, h("smoothly-table-cell", { key: '87248c277bb4bc20b961a575763470a8eaaee119' }, "Footer Cell"), h("smoothly-table-cell", { key: '3f084a0097337a69cab73887f0130b98129ca0e4' }, "Footer Cell"))))));
+        return (h(Host, { key: '6b93322401b7bcf0dfd8ef6c46bf1839f9497881' }, h("smoothly-display", { key: 'fae764a895f526da217163587942693afc7c51d7', type: "text", value: "Nested" }), h("smoothly-table", { key: 'b87171457eae4d1253f1c6d6212884849fa485eb', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '81d1c73492052487d577afe12328e53649fde1fe' }, h("smoothly-table-row", { key: '1132afeb68a32729489c26c028bebab01c2c10f2' }, h("smoothly-table-cell", { key: '77e35b1bcc2d2fa730e31d2c2badf9eaac668553' }, "Id"), h("smoothly-table-cell", { key: 'c3b92d94e235a0fbb7a8e19edd0e241d2f0800f4' }, "Registered"), h("smoothly-table-cell", { key: '12c8ce220e7fe46c43d0a545f20c43d6693dc2b2' }, "Name"), h("smoothly-table-cell", { key: '9683c52b72ea41160d9281409998bced4a290f68' }, "Age"), h("smoothly-table-cell", { key: 'd0fd0aa17ad866ced2e921ab9d85279a807395c3' }, "Balance"), h("smoothly-table-cell", { key: '273c2f6fc85bc2dfc25171423a024e7f34ab7d17' }, "EyeColor"), h("smoothly-table-cell", { key: '7c50bc8f6ccec9b41c4f7a3569d6cb2f81183ddb' }, "Gender"), h("smoothly-table-cell", { key: '4a625ddd860fd225837cf29776ef1d9a6344a4f3' }, "Company"))), h("smoothly-table-body", { key: '22b2183689fa1093224123ef7be87511a796ed5d' }, data.map(entry => (h("smoothly-table-expandable-row", null, h("smoothly-table-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-table-cell", null, entry.id), h("smoothly-table-cell", null, entry.registered), h("smoothly-table-cell", null, entry.name), h("smoothly-table-cell", null, entry.age), h("smoothly-table-cell", null, entry.balance), h("smoothly-table-cell", null, entry.eyeColor), h("smoothly-table-cell", null, entry.gender), h("smoothly-table-cell", null, entry.company))))), h("smoothly-table-foot", { key: '66d32ca94fc466197976347fb7b73888a04aa2ec' }, h("smoothly-table-row", { key: 'a2163cd7e8b380a741c4622c96e177d70452acc6' }, h("smoothly-table-cell", { key: '5e1f9286d88862d91ee208a59fcaa1cd27025db1' }, "Footer Cell"), h("smoothly-table-cell", { key: '526330c9cff200bf1d3048fd3ecc87aa7a97dc61' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-table-demo-nested"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class SmoothlyTableDemoNestedInner {
     }
     render() {
         var _a;
-        return (h(Host, { key: '83636579f0ac1515fa2c1a912d2625dc98dc2870' }, h("smoothly-table", { key: '04bb54e0def08d95349b4924d480702632a310ad', columns: 4 }, h("smoothly-table-head", { key: '444c47c289856b5b6cff4c44954656d0a853fe95' }, h("smoothly-table-row", { key: '59044bea8b54871bded78091b98574358fc6022e' }, h("smoothly-table-cell", { key: 'd77d47360a9c5a317357f15a87a17e191f202e3f' }, "Id"), h("smoothly-table-cell", { key: '953bf1a655f4807131ebffa8ea7cec8571177e8e' }, "Name"), h("smoothly-table-cell", { key: '047211617101160584267f87d55a4c63c4a3c54d' }, "Age"), h("smoothly-table-cell", { key: '0c01220d3751fd8e895180860d59f756758baed8' }, "Balance"))), h("smoothly-table-body", { key: 'fc0cd184a5f603bf0b827cf1b0e307320085fdff' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, entry.id), h("smoothly-table-cell", null, entry.name), h("smoothly-table-cell", null, entry.age), h("smoothly-table-cell", null, entry.balance))))))));
+        return (h(Host, { key: 'd86a0c7cabb3f6ec5b6695e1cf2c12029e13e52d' }, h("smoothly-table", { key: '6891f9700da9caa9cb01c825e284157fa11bf1d7', columns: 4 }, h("smoothly-table-head", { key: '29084ddb6f92d233e05a5b593667b86a8fce3de6' }, h("smoothly-table-row", { key: '08c5c5657cf086f12d29f668ce9ab1e3745b9b86' }, h("smoothly-table-cell", { key: '1904320e53ad235439f85d900e33ad2fa288d152' }, "Id"), h("smoothly-table-cell", { key: 'bf7c4ca93f24dd563524aceb53c6687f37c2b97b' }, "Name"), h("smoothly-table-cell", { key: '47a24166e78bc6c89ea252064f7fc5e6f44997e4' }, "Age"), h("smoothly-table-cell", { key: '35ac500fa0c07fb2cf87ac58d600b3382a43f6d7' }, "Balance"))), h("smoothly-table-body", { key: '9a6ae0e4257e5fd1265ab8cc826935d26bcc6c3e' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, entry.id), h("smoothly-table-cell", null, entry.name), h("smoothly-table-cell", null, entry.age), h("smoothly-table-cell", null, entry.balance))))))));
     }
     static get is() { return "smoothly-table-demo-nested-inner"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoSimple {
     render() {
-        return (h(Host, { key: '1e86196497b4efcd12ce83e2029e6405bd124003' }, h("smoothly-display", { key: 'fdeba88a51dfa10bdece176d5376a0be91fdd049', type: "text", value: "Simple" }), h("smoothly-table", { key: '4cf8352df796c51cb0885c5d6e8fddd8a629dddf', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '351cabf09c280eb068004a2f6a4d2fa2d4b59d8b' }, h("smoothly-table-row", { key: 'a59bbb50fa9833bbed66780e2e100404558b0fda' }, h("smoothly-table-cell", { key: 'ae807fbef99679ba195277ce450465eeb3b4cda6' }, "Breed"), h("smoothly-table-cell", { key: '1d4bf3137688e4ad1ea55eab3a347b0fd4dba1fc' }, "Coat"))), h("smoothly-table-body", { key: '8f2d969bc13ee4f3e8fd66eda1561ef5e2acd74c' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-expandable-row", { key: 'ce71eef208830a266b947cc06406abc16bd0d707' }, h("div", { key: 'f73b597444e74b3f08a1ecdf0fa97a3a7652f09f', slot: "detail" }, "Content", h("br", { key: '064db5c92f57b5409cd48ec77bbffc207ce9c3f4' }), "of", h("br", { key: 'b84db2dddd92c7a5d4a0da02f39a14a2e77f4d27' }), "the", h("br", { key: '453ce193951a32c0913225210095c490f975eaba' }), "expandable", h("br", { key: 'd3238f2c58cbae7b44a2430338437edbfdc2883c' }), "row"), h("smoothly-table-cell", { key: 'be1db189448b8296e525ccde250acceb8da69ba9' }, "Cell1 in expandable row"), h("smoothly-table-cell", { key: 'e036a536d5e2adb960fb9a8a48a053f59384a1c9' }, "Cell2 in expandable row")), h("smoothly-table-row", { key: '02d3d0a32b56cff3d08bb31bbc27e03d406023f0' }, h("smoothly-table-cell", { key: '1781f0b418317895b3e016a68622d6286ef2f78c' }, "Cell5"), h("smoothly-table-expandable-cell", { key: 'c193285c0ae1286aa8b4a23214078fdf9240fe20' }, "Expandable Cell", h("div", { key: '24b11089104ccacfddf9963e9a1a49921ea225d5', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '9e7a977a926a505c2eee8fb2a18edf6a522de93e' }, h("smoothly-table-expandable-cell", { key: '46cb2c15163d00214ea8abba6591890735fe9607' }, "Expandable Cell 1", h("div", { key: '13f57a5b68bb7f113712675789ae25904df76474', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'dca3f34766b72bc6f7524739045ab4f915be0a98' }, "Expandable Cell 2", h("div", { key: 'c10dd964b3286c3d19cc774393f7384b4a0c02dc', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '919b4e73a0622d50e98a02fb7cc8ac942b306c94' }, h("smoothly-table-row", { key: '35bb5238eca0e7cdbc877053a64f104815c62fb7' }, h("smoothly-table-cell", { key: 'bbaba511bd645d1801f6d8130ddbfaaca95128e1' }, "Footer Cell"), h("smoothly-table-cell", { key: '3f4a385d7a39c5cdb02b43d397205d92d2857d24' }, "Footer Cell"))))));
+        return (h(Host, { key: '9bed536113bd4ad064ecb0164818b24172f8459f' }, h("smoothly-display", { key: '4d8688f158d24896ae4d38a0ad857f4d5e103f0e', type: "text", value: "Simple" }), h("smoothly-table", { key: 'af250b0ba5004d8528df1f58a980930d0d226eb8', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '557949d8ffd64d7f563144faadc000ce5a4a0e41' }, h("smoothly-table-row", { key: '86a08364d4d2c34f797b66498e02fbc012c11179' }, h("smoothly-table-cell", { key: '22bdab9f76c5ae6c6d9f24d50d1b401f54f1ba16' }, "Breed"), h("smoothly-table-cell", { key: '3c835e9f3f03676b167967d3da7cd7d228abc01b' }, "Coat"))), h("smoothly-table-body", { key: '72ea5aa3d1ef5fbeaf197748a1e9915d69392e91' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-expandable-row", { key: '024e2e99ec1c29362358490a5d27b298f295d7eb' }, h("div", { key: 'ca9646fc350f64c80d7b1a29e7651c9bb965e342', slot: "detail" }, "Content", h("br", { key: '7a07f51b66c1a6ed3cebc593ddbf893eda5506e0' }), "of", h("br", { key: '9e0fbec94fe8a9d410326e1e38a3d6c53d7b04bd' }), "the", h("br", { key: '809a8d07c61cf174c2e25b44ead2b0295fc36827' }), "expandable", h("br", { key: '403115268e77edf8b7e5241516640d9d0563f384' }), "row"), h("smoothly-table-cell", { key: '1c16c033f18c1b0898d1878b0b01dacb9974c62f' }, "Cell1 in expandable row"), h("smoothly-table-cell", { key: 'ed12a9f62a1ad558e5c9bbbcd835ee6aeab46163' }, "Cell2 in expandable row")), h("smoothly-table-row", { key: '49f2ac9c3dfeb958a28f837074063ddfb391f990' }, h("smoothly-table-cell", { key: '3466994f3d252902b25c6906e0a258fb7d048d28' }, "Cell5"), h("smoothly-table-expandable-cell", { key: 'fc17566fdf96f3d8d0b0eaabf76ba070cbd172b9' }, "Expandable Cell", h("div", { key: '08af3434ad7409b1299ecc74044c5ffc64b20d81', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '1b4a76a32d2a8bb20602c322823e1e1383bce8c1' }, h("smoothly-table-expandable-cell", { key: 'a2c1c96f26df411c04cfdbb3a145db7888491af6' }, "Expandable Cell 1", h("div", { key: '2fb93cc65cde48e30b33f96ab261956d2edaa1e8', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'd3f05b45fde54c620b7f856b3a0d17269b8a9049' }, "Expandable Cell 2", h("div", { key: 'c3fede2641d842e533cc60b291e441fa4f803385', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '3aec7b4085864393f0442dfc3fe27253caf87045' }, h("smoothly-table-row", { key: 'f3202c3c12261e76407ef8b35fac8e045ea53835' }, h("smoothly-table-cell", { key: '322d38ecf4bdda1b050ea2b1bbe0c822a98af7a8' }, "Footer Cell"), h("smoothly-table-cell", { key: '080f8868e0d0698865ce098ec3838f0216c163b0' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-table-demo-simple"; }
     static get encapsulation() { return "scoped"; }

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

@@ -18,7 +18,7 @@ export class SmoothlyTableExpandableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd5b6720e262df19e8c0a465c046cc581e6b76d5c', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: 'a984cc509f2a176da5f00fc95410b3f9466ff962', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: '90fcd6fb228a36473d83bc1c46c4313cf983932c' })), h("div", { key: '7919ac6b9cf97e478f01029da270a510ca754d46', class: "detail" }, h("slot", { key: 'bbbd37aa4f47c109ff917ab32d15e22bd781b7be', name: "detail" }))));
+        return (h(Host, { key: '8a34015597e9004d0a55dffc7882677661d3eae9', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: '8bb9097296d48c71b1170d3712fba7f3b1121ab8', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: 'd804ee512d0cdfaf6150d197de75806ced9f3d18' })), h("div", { key: 'ad8a526ef56f468afab9fdaa032d4629ef35fc77', class: "detail" }, h("slot", { key: '296181113e75ddf8d25c8d44093a4dd321590647', 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

@@ -11,7 +11,7 @@ export class SmoothlyTableExpandableRow {
         this.smoothlyTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '5a03872a2612d5dc038fd10e1dd3992dd8449d52', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'c3bf948bb8a2a616269d1b4f446b3ee6db0a1288' }), h("div", { key: '39e4adac2059bd257187980f3563e91aba38c8c0', class: "detail", ref: e => (this.div = e) }, h("slot", { key: 'caf6ea84042033799aae986ff11a56d1db66d5ed', name: "detail" }))));
+        return (h(Host, { key: '622a498240f387d60009473440150a274227b6a2', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '31299214612ef6e58262dbd7fba8c55d8b4466e5' }), h("div", { key: '8830b5238e5910bc518da1135ee4c2d2672266f0', class: "detail", ref: e => (this.div = e) }, h("slot", { key: 'ebd46989ecc8f37ab7a890cf6bfebd73f2786933', name: "detail" }))));
     }
     static get is() { return "smoothly-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SmoothlyTableFillerRow {
     render() {
-        return (h("smoothly-table-row", { key: '92fd87de4da585ef58f350ab082895c4b958a156' }, h("smoothly-table-cell", { key: '49989c2461d4c057c81c4e881ae4d10f8aed5f7c' }, h("slot", { key: 'c4be1ef40a3106786e2d37528584a515dfec2264' }))));
+        return (h("smoothly-table-row", { key: '776a0d9872ebe20f3064f4d354566ef1b94cb285' }, h("smoothly-table-cell", { key: 'e9c8a0427fbcc03c03fee5263cb68125fd1c651c' }, h("slot", { key: '86c6bb676944c5918ab03a1c93fea092119069d6' }))));
     }
     static get is() { return "smoothly-table-filler-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableFoot {
     render() {
-        return (h(Host, { key: '797b95aea26a73ad238c0b44b431db7c9f83127d' }, h("slot", { key: '798ace60c404e7d2b7111188ea3ad7a575e86f89' })));
+        return (h(Host, { key: '699104c2cf3a129de5856a78ed8cad2b29597ee5' }, h("slot", { key: '733a82c2318900af6ee6f8ffd6ef720a66df5a60' })));
     }
     static get is() { return "smoothly-table-foot"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SmoothlyTableRowGroup {
         this.smoothlyTableRowGroupChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '234c5c04d4aa4ca110a3895227132669766abf22' }, h("div", { key: '804e459a3aab21755bc7f3f6a3dfd9aafa4d13f4', onClick: () => this.clickHandler() }, h("div", { key: '29cd5e3f57b697745a9a2ac77dffd01b10e8bfaf' }, h("slot", { key: 'd3bd27d6147985e3f19b15e4e9a4b02b3da47399', name: "start" })), h("div", { key: 'f6b0f6b8d3103bc85818380ab9c11b4f629d1c38' }, h("slot", { key: '85c4fe961a4dbc4ea4db73392ba26e549c3f7f08', name: "end" }))), h("div", { key: '23547483350de1447bf35f4dc6d6c057cd153b93' }, h("slot", { key: 'f34b550b48eced496d6bdd92bf28f6bacda47ae7' }))));
+        return (h(Host, { key: '4d7feb0fd88ae81e4507dbafd6c39b49f8b7d870' }, h("div", { key: '5b75ab8ebc14351865c02aa0d9106d6b3dc6ccd8', onClick: () => this.clickHandler() }, h("div", { key: '79b027d3d85a94d6030b8896451aedf6a906735b' }, h("slot", { key: '8b0166c2b162b615fc979065ea53008dbac493d9', name: "start" })), h("div", { key: '2fc79ac0d2174e48944e1ca388d43a659f83aad1' }, h("slot", { key: 'ae6661300e8add18d83b21e44fff89e5a7bf4689', name: "end" }))), h("div", { key: 'e3c12c80910ceed2ee9b6adc9a2e29d2af0da58b' }, h("slot", { key: 'd6aedb8dda5e46e1821345daa4aeda0393ddb596' }))));
     }
     static get is() { return "smoothly-table-row-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -22,7 +22,7 @@ export class SmoothlyTableHead {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: '1d91e59f55039d50572b9b649aa6b48b2528052e', class: { scrolled: !!this.scrolled } }, h("slot", { key: 'c733cae9e99665e62441ae8723331849db2394ca' })));
+        return (h(Host, { key: '58186ef2807045f88b38ee73cc540d852c069e90', class: { scrolled: !!this.scrolled } }, h("slot", { key: 'f2fa164bab07c90274a10f3b1ce03b03797d7a44' })));
     }
     static get is() { return "smoothly-table-head"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SmoothlyTable {
         event.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '272c1550a6839b84a3182b78744a8d744e9f201a', style: { "--columns": this.columns.toString() } }, h("slot", { key: '6d0e2a8487189de01d90a785966205648160d580' })));
+        return (h(Host, { key: '83932e9378c711c94700130214e18d777880be9e', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'b74cd05c1c66896a4fa6bc956f7b1bc12796bc7a' })));
     }
     static get is() { return "smoothly-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class SmoothlyTableRow {
                 event.target != cell && cell.close();
     }
     render() {
-        return (h(Host, { key: '710fb98629cc8100ea43178387a873aae6cd27b1' }, h("slot", { key: 'd9453ee6fab901e26500f3c423edbab1d0b479ed' })));
+        return (h(Host, { key: '02a964df7db94d893c641cbfec108bac991b95f0' }, h("slot", { key: '54694c75148fb7a292fd7fbb6aa2b5c50dfc5238' })));
     }
     static get is() { return "smoothly-table-row"; }
     static get encapsulation() { return "scoped"; }