npm - smoothly - Versions diffs - 1.113.0 → 1.115.0 - Mend

smoothly 1.113.0 → 1.115.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 (378) hide show

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

@@ -96,18 +96,18 @@ export class SmoothlyInputRange {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '8534047293e77d99f6c8a8e5d87659968516144c', class: {
+        return (h(Host, { key: 'db02e0bee4842a0dcce6ee6856758372481f2fb4', class: {
                 "output-side-right": this.outputSide === "right",
                 "show-label": this.outputSide === "left" && !!this.label,
-            } }, h("slot", { key: '6b092b4a1e91bf15f714996ed01a801548a75655', name: "start" }), h("div", { key: 'ca7c4207e37dccd2fbc3b0edae03895a39ec96c8' }, h("label", { key: 'dc1b4d97e1256c4ee1b7f9daa91d25fe523ce418', htmlFor: this.name }, this.label), h("smoothly-input", { key: 'ec6dfec2d8a625897d3a9b6a7fafcd897be8ef1c', 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: '5bcbb8d839800fef403fc14fc981182f6ed9ae30', name: "start" }), h("div", { key: '26827d93b47f12eef2709aea32588c1ec6786337' }, h("label", { key: '20c1213e52d592773db4c68b2bfcfb721d62d364', htmlFor: this.name }, this.label), h("smoothly-input", { key: '5e0bdd6c0467690f2d91cc33f24e7f3710f4b063', 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, disabled: this.disabled }, this.label), h("smoothly-display", { key: '4e698362ae12d14f9bc217afe8e909b3b13a46bb', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: 'a8f20e17b2910b97862b3490c1efd0dcb1aa89bf', 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 || this.disabled, 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, disabled: this.disabled }, this.label), h("smoothly-display", { key: 'a5502d4adaff32f798bc8e8b198d8f5258ab27e3', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: 'e2afaea01a569f8cafcbfa09dab6ad6551e76f07', 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 || this.disabled, onInput: event => {
                 event.stopPropagation();
                 this.setValue(event.target.valueAsNumber);
                 this.smoothlyUserInput.emit({ name: this.name, value: this.value });
-            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '46b26acc10c408177bf4b77af9c451ac5ec98360', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: '1ebbd0cc6dfbf6179f9dc50e1597944571e219c2', name: "end" })));
+            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '92c309c4224fe86c16b22445f2ef1ba4168306e8', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: 'f9373a748b2d160781543f267373f12c43dfd46b', name: "end" })));
     }
     static get is() { return "smoothly-input-range"; }
     static get encapsulation() { return "scoped"; }

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

@@ -41,7 +41,7 @@ export class SmoothlyInputReset {
     }
     render() {
         var _a;
-        return (h(Host, { key: '07fe387d6e31ee4b8733dd797ccbb6bc2a602450', title: this.tooltip }, h("smoothly-button", { key: 'db64da157afc163be326cc342d344881b0dd665c', 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: '6a6a1f5f60b8dee75d3adeba5a7dfd611a84d256' }), h("smoothly-icon", { key: '5d37c4a5f21cf620ab223979e1b0d0e589b97d73', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        return (h(Host, { key: '8be31b0878733c9af02d47f85fb2ce160d66f064', title: this.tooltip }, h("smoothly-button", { key: 'ffacca4558cfe1b94c3399ecbb4384ca6730c208', 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: 'a0b3a925b4062d14975cb3479f4cee3f40de7af7' }), h("smoothly-icon", { key: '8ca0aa0f3a534558de7fcefafe9267a1992d9594', 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

@@ -283,11 +283,11 @@ export class SmoothlyInputSelect {
         }
     }
     render() {
-        return (h(Host, { key: 'fc69e6b3aa75a286df61522835899bf05893e887', class: { "has-value": this.selected.length !== 0, open: this.open, "has-filter": this.filter !== "" }, onClick: (e) => this.onClick(e) }, h("div", { key: 'dc0215f0d88bb06e505f9392334926e337ede251', class: "select-display", ref: element => (this.displayElement = element) }, this.placeholder), h("div", { key: 'bee374985877632d52d267f69b35bdcf0e59e3a2', class: "icons", ref: element => (this.iconsElement = element) }, h("smoothly-icon", { key: 'd7a72d5df184d7f9196ee8cab6240a71755f89e3', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'f201848287035627b54f3a0eff16c4b2dbc19164', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '4953076b51e480e34240dfa6378839d4a6c215e0', ref: element => (this.toggleElement = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '58d76a74b9b1c67b238e63fa267ed091a274c534', name: "label" }), h("div", { key: '4266c5f1701da8c0abd861e0bbb093a972d6c56e', class: "dropdown", ref: (el) => (this.dropdownElement = el) }, h("div", { key: 'b775dddd5cbe75d1fe1bfa5cc1c5fe16315abda1', class: "search" }, h("smoothly-icon", { key: '0399e20f7a99b228ba652b6d1d2202e75a3e84a0', name: "search-outline", size: "small" }), h("input", { key: '950d94085d70803847237e0308eac7a7bea1720f', class: "search-input", ref: el => (this.searchElement = el), disabled: this.searchDisabled, onKeyDown: e => this.onKeyDown(e), onInput: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); }, onPaste: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); } }), h("smoothly-icon", { key: '10e8603c1bb8b5061a7615f15392b1cbc519a0f5', name: "backspace-outline", size: "small", onClick: () => {
+        return (h(Host, { key: '3eb062d5cc34ecef9c9341630243d549aad808c3', class: { "has-value": this.selected.length !== 0, open: this.open, "has-filter": this.filter !== "" }, onClick: (e) => this.onClick(e) }, h("div", { key: 'e605a24480a0b3dafbd1b596fac1725d5e25be84', class: "select-display", ref: element => (this.displayElement = element) }, this.placeholder), h("div", { key: '3366fc93ccab479a0d9d67e206617941ad091340', class: "icons", ref: element => (this.iconsElement = element) }, h("smoothly-icon", { key: '3f64b7dc283062976a7292160917ab7a8c281521', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'be63eaedc949912f5717ecceabb64ac93910dc98', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: 'e41773f5b431e916f8177e76b877290c5cad7db6', ref: element => (this.toggleElement = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: 'd2c2d0d9a983dfe2609b18eedda29244a339bbd8', name: "label" }), h("div", { key: '5e51033c06fa134e945ff2c27245340bcaed2069', class: "dropdown", ref: (el) => (this.dropdownElement = el) }, h("div", { key: 'f4237bc5b2001f68aa5fc0b30a0df08f4bf2bc4e', class: "search" }, h("smoothly-icon", { key: 'b23bba84f76f4da515ddeffa9a2ae7f62277915b', name: "search-outline", size: "small" }), h("input", { key: '86e28d85b9fd95a039d084db092b098342244813', class: "search-input", ref: el => (this.searchElement = el), disabled: this.searchDisabled, onKeyDown: e => this.onKeyDown(e), onInput: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); }, onPaste: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); } }), h("smoothly-icon", { key: 'e585529e50786c3ffc2dab72245230debd60558f', name: "backspace-outline", size: "small", onClick: () => {
                 var _a;
                 this.resetFilter();
                 (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.focus();
-            } }), this.mutable && h("smoothly-icon", { key: 'bd9f5b3eb6d8ef4f0802878ca327f29ccbd0795e', name: "add", size: "small", onClick: () => this.addItem() })), h("div", { key: '210cc7a519f44cb0ab8800145aa55e02353fba83', class: "menu", hidden: !this.open }, h("slot", { key: '0d159f5f2ceb3ecc45b314f519505982ca4622be' }), this.addedItems))));
+            } }), this.mutable && h("smoothly-icon", { key: '49866182fe80ba3ad18e1b821e7c2a55852f4bb2', name: "add", size: "small", onClick: () => this.addItem() })), h("div", { key: 'f635f6143d0eeff2e01fa0283f7f7d1c337ef8d8', class: "menu", hidden: !this.open }, h("slot", { key: '7f483cf3b64fb231c724ef4004073cf232d1a7ad' }), this.addedItems))));
     }
     static get is() { return "smoothly-input-select"; }
     static get encapsulation() { return "scoped"; }

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

@@ -40,7 +40,7 @@ export class SmoothlyInputSubmit {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '0fed4a319580841ba1d3281fb084b91a4d7b5a68', 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: '771dbd864209f2f419212813858c654de9352797', 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

@@ -34,7 +34,7 @@ export class SmoothlyItem {
             : false;
     }
     render() {
-        return (h(Host, { key: '5a606bfedb2eb8cf6a503386d2d5e16f0f60c090', tabIndex: -1 }, h("slot", { key: 'a7912c7b3ac7ecb40e61058d949b4cc62806246d' })));
+        return (h(Host, { key: 'a7ee995ec37b480a02715fb95c885152560cc0c1', tabIndex: -1 }, h("slot", { key: 'dcc2403a2253a7059dc88b4658c17c6533876a9f' })));
     }
     static get is() { return "smoothly-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -2,9 +2,9 @@ import { h, Host } from "@stencil/core";
 export class SmoothlyLabel {
     render() {
         var _a;
-        return (h(Host, { key: 'd6dfddb0df4c99de8e075141cf16d3f4ca4c861a', title: this.description, style: {
+        return (h(Host, { key: '2ae229f53b855fbc470064e7ded803a990d98711', title: this.description, style: {
                 "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
-            } }, h("slot", { key: '1f56e22de589b47ac208c96ee5c84edd8484e3a4' })));
+            } }, h("slot", { key: '52d6798bf0fbea2948297aad2fe3a71a000b4f76' })));
     }
     static get is() { return "smoothly-label"; }
     static get encapsulation() { return "scoped"; }

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

@@ -8,7 +8,7 @@ export class SmoothlyLazy {
         this.show = true;
     }
     render() {
-        return (h(Host, { key: '0b17b27ef091a5cbf3efedc7560c0af506f8927a' }, h("slot", { key: '7cb9a362b4540fbdcdc579bf95a273e7c13fad25', name: "before" }), h("smoothly-load-more", { key: '7dde9ba1e78a9a7f0eeeefbe124c3410f367bd3e', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'fbe22ffca8fa781a19bf07537f294be36a8bc212' })));
+        return (h(Host, { key: 'ecab373df940835270db5097a80b0214fc97907f' }, h("slot", { key: 'ac37f8070fab8c51b229f6dc81c9f2e65e64f251', name: "before" }), h("smoothly-load-more", { key: '3e43d4fd0c5f37d7826b7cc7da796fec07c7f7be', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '815b33c3657c84b81f0dd12768f2f2e983df48a9' })));
     }
     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: '1b86dd2400a791b125a24513cb9514face925d3d' });
+        return h(Host, { key: '88150a06ccdec5a72446a3f8dac86339b3007b72' });
     }
     static get is() { return "smoothly-load-more"; }
     static get encapsulation() { return "scoped"; }

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

@@ -15,9 +15,9 @@ export class SmoothlyModal {
         this.open = true;
     }
     render() {
-        return (h(Host, { key: '36caaa17bfd076dd297f58ccb9ac4a12871343a7', role: "alertdialog", onClick: (e) => {
+        return (h(Host, { key: '12ffaa744cfce7d329f9e335be7b63827eb40644', role: "alertdialog", onClick: (e) => {
                 this.closable && !e.composedPath().some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains("modal"); }) && this.closeModal();
-            } }, h("div", { key: '4c0f2d6537496a8b2392aacddd9ba9db9c5d6052', class: "modal" }, h("div", { key: '0ecf5c976360402e1117570ef10bd3e46f69ff2b', class: "header" }, h("slot", { key: '93b7f39f4a41f83743bc766a3c6e35f3ac1c324f', name: "header" }), this.closable && h("smoothly-icon", { key: 'c61e00a97962890149cb89c0daf5df907c7dfb6e', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: 'fda69f545df08c71f58c85ea096fed500a6c6ff6' }), h("div", { key: 'c7e180ef59712c1096aa12359eac3e97d0c42d6e', class: "actions" }, h("slot", { key: '7cfef8c5cdf40fc9eedb5a0fa2538e02d82be8a7', name: "actions" })))));
+            } }, h("div", { key: '264ba4a63559188eb2fdc52d0b15014ff8991622', class: "modal" }, h("div", { key: 'c99296b4e6b05e4669ffb56b4ae93bf815e2e449', class: "header" }, h("slot", { key: 'cf25306f526a89e8daea125faaecb33d72fa9e4d', name: "header" }), this.closable && h("smoothly-icon", { key: 'd676f4f20a6ee187295a7f7ebc573e3a06a98ed6', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: '22955703aec9be9e882bb77cfd0fd327f2436903' }), h("div", { key: 'd8dd03aa8538e9cb373282aab2f55a6793e76c83', class: "actions" }, h("slot", { key: '45b9e1bf4300ea44dbf13b50839ca9689576121e', name: "actions" })))));
     }
     static get is() { return "smoothly-modal"; }
     static get encapsulation() { return "scoped"; }

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

@@ -50,7 +50,7 @@ export class Notification {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: '02ae0659b1c3c7e4e5e74ac356bb94cf91ef8835', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '4525814eb8b98479507575f107ea3f89f708bc56', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'd611ae4917fa50ef7d0e397a96fec34aee39cb72', name: "close-circle-outline" }))), h("span", { key: '30b99783d4c02842315a782a4029f97a450f5a2b', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '147a0858cc23b98e8aac82463ab19b1891896d1a', name: this.properties[1] }), h("p", { key: '45d9c9e89189a31941461500868439768c3199e6' }, this.notice.message))));
+        return (h(Host, { key: '6c91fd348be22152c98396a00e0f333901e7edb3', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'dfb962471e36cd4b2b063d81470dd2500c5f52ab', fill: "clear", name: "close" }, h("smoothly-icon", { key: '0552e3732cdc2371b430c565b7bc243a6b855446', name: "close-circle-outline" }))), h("span", { key: 'c7df2fc46e03a56f937d3fcddce3ee9a9a199b88', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '8662182866050fc3aaeeb51b0d79529c0a57e10b', name: this.properties[1] }), h("p", { key: '0f539660c5267a748ba9fc514abdd33429b9042d' }, 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: '6da528516e01fc32e6f17fd480068664b5c9e021' }, h("slot", { key: '1067e9afd266e04d3e0b32a79f974762f3bad7d2' }), h("div", { key: '493f3f5119c9c66fd6e5f9ee90d7b4fea22dc30f', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
+        return (h(Host, { key: '00187e7d82c05944c3e4ed5ce6ae2367b113e2fb' }, h("slot", { key: 'ce3b80b8e40d1a745cf910126cde0fa97a16cdc4' }), h("div", { key: '2b8faa5193ebf47c4cb7a8602c3821d44c46dbcb', 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

@@ -5,9 +5,9 @@ export class SmoothlySpinner {
     }
     render() {
         const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
-        return (h(Host, { key: '9a0cc6ad21f0c3bfce350ba2a2c83272891844d6', style: {
+        return (h(Host, { key: '458303df1f0703dad9d88e9a6c1dfbd063de34e7', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: '669a73232e58cb2d87dca969cd32150f2fd010f5', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '31faf5cfc5a15e627ad7875af4cd16f6e9adac09', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, h("svg", { key: '8065db9227fb249027fe4b7dbc79152de2627ec2', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '8da0fa969c76d3930a14005f951f79f20dc6bf57', 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

@@ -20,7 +20,7 @@ export class SmoothlySubmit {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (h(Button, { key: 'ae0834363121d13204f7ebb794c44acfe10ca71e', disabled: this.disabled, type: this.type }, h("slot", { key: '7cafd59438f3f509652a416964338f8e6a87b9f4' })));
+        return (h(Button, { key: 'b56bb200c5af6dd9a949ed1989ef150cf5902f33', disabled: this.disabled, type: this.type }, h("slot", { key: 'c3795191df1b9e6c5a696e7821d0fbc865814cfd' })));
     }
     static get is() { return "smoothly-submit"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SmoothlySummary {
         }
     }
     render() {
-        return (h("details", { key: 'd77e78b718fca10f4d8e9e2bdae4112cffb4cfc3', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '5e264e08db22ec0eb85433d3d72f0f12d10cd2c1' }, h("smoothly-icon", { key: '36d49d1d21151034a35fca5b93a064074d49bb84', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '55164da27444d19c18b6b931813d12a3d5a4abe4', name: "summary" })), h("slot", { key: 'b459e14735415bee4c85af02cff23c0675372931', name: "content" })));
+        return (h("details", { key: 'eff4cfcc4681f7ae8a50dffb024ed2a2c7f34a82', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '579a019b8ae584f018c1a039ad2f637eb136db88' }, h("smoothly-icon", { key: '5b13ecddb1ee8805bba66d60aff9f1cfe8cd10b3', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: 'b01c31deaf1bb7574eaa5a383a5385555444845d', name: "summary" })), h("slot", { key: '04fe3aca685b1108f7227f2c45d28d6ef38e9292', 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: '383e7918b3e1e57f2970da2d97f19f2628a53e64' }, h("slot", { key: '8d9059eed589799ad9eea2132a0bd2b10aabc03e' })));
+        return (h(Host, { key: '35794212738d56a6ee77383f2cdee89a57db82f1' }, h("slot", { key: '34c2c0ce45bc87a5ce11c7ded126b1bdb89af320' })));
     }
     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: '2c1a6679cabf05342c1e8a783a4a8fb27fd8c6f1', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '3a33c09387abdf5f499ba1f92dcf92b5b7f71a2d' })));
+        return (h(Host, { key: 'c135688a83c65d795da7cbc7e946df1842b7eee1', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '06ae1f08e462da16c0a010a99facdbd2bd41f71f' })));
     }
     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: '1b9dfde05087d6be2711b86baca19630286b2322' }, h("smoothly-table", { key: '0ba0536e747782d879f6a2cf099388435c881ad5', columns: 3 }, h("smoothly-table-head", { key: 'e14bea187af499007f4173c261526c72f3b89c8e' }, h("smoothly-table-row", { key: '9104850519968b86ba1f48f5ee997a1ccfa49a12' }, h("smoothly-table-cell", { key: '26dd9041355d04f517e3951ce608cc8b60b8caaf' }, "Date"), h("smoothly-table-cell", { key: 'b78eb957ed8ec68b5919362fe0afedc1f6375c5d' }, "Skip"), h("smoothly-table-cell", { key: '1f8ef467f5a9e9ba2157e126fc3adedb2821c9ea' }, "Total"))), h("smoothly-table-body", { key: '6679b94c153ce61b39957e64d453f8f5edd47cf0' }, h("smoothly-table-row", { key: 'd0f0c0b13b0e56b7fc761701897f9304c531c5d9' }, h("smoothly-table-cell", { key: '8e022e2e5befad0983c8d6e0567dc92a8fe1bb0c', span: 2 }, h("smoothly-display", { key: 'efb5e464048093e3855163818b6b38d86f084995', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'c9912c8e499f751cd84323b15b282f58e1a2a052' }, h("smoothly-display", { key: 'f618c45ed3960424e46ef6f40adf2b69c7307a08', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'a8605b2eb3eb80ab039f2cc6e257842045e16909' }, h("smoothly-table-expandable-cell", { key: 'cf8436e7d932f4ff0d92a054c74275551961a1ab', span: 2 }, h("smoothly-display", { key: '2013f65b67bf9f03de31fabae41e2fa4cfab338c', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'e8d3b46995025d2f3af0f2f587b555bf4d1c0daf', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '0409b2d3c90ada5737e6bb9069fb1066ff7063af' }, h("smoothly-display", { key: '82bd4a3cde9062604343fd53161a7d86838f4fed', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '4592efa154194347becf15f00275303577d743b7', 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: '0aa33698c9d9de3f41d04298d60a15b62f9294e4' }, h("smoothly-table-cell", { key: '5e7265ba2d08b2aba02decd78ad88319cc407f72' }, h("smoothly-display", { key: '5af078d9ea92c4a6865a3f7545ece78d709c85fd', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '606899c1227efff03793e7108f413ca727b77304' }, "Not Skipped"), h("smoothly-table-cell", { key: '9fcdda1bad4686bf2c8a5a78486a05d25d923402' }, h("smoothly-display", { key: '033cf9f7f2f090738f71320df238d26152acdcd1', type: "price", value: 320, currency: "EUR" })))))));
+        return (h(Host, { key: '591888818b4300109779447443c6e5aab1b14da8' }, h("smoothly-table", { key: 'c938d62de711c1ccf5f4688757b3513df44e8af8', columns: 3 }, h("smoothly-table-head", { key: '479a91f092d7ab61f5e023187b3962cbcfa752ea' }, h("smoothly-table-row", { key: '09acaf59f4ab8afc3af9931911547c6c9160e96c' }, h("smoothly-table-cell", { key: '7d8343c2153cc0dad70a3b93f713297911b6a999' }, "Date"), h("smoothly-table-cell", { key: 'e383250690b45d63ca6932488089448063a00b59' }, "Skip"), h("smoothly-table-cell", { key: '9249209f1c691bf8b599c19a7c69241b4c375bfc' }, "Total"))), h("smoothly-table-body", { key: '08ae40864961b80b1522166a429f53962f0248c5' }, h("smoothly-table-row", { key: 'ea7dd286a24979f8d193c215fcf97728a165fa16' }, h("smoothly-table-cell", { key: '441dee1ea77f41f61fc110987a62e404a05aa297', span: 2 }, h("smoothly-display", { key: 'b6f97a5c900d27d4cd5c8a3193c08d379c73da0a', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'a3c7b056c9b0af04ec00c95d01422d2f56c3c806' }, h("smoothly-display", { key: 'dc812c579111236c03c21edaafb7906297cb2625', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '004a397622e3facc508a92e645a3ac4fa9532e0a' }, h("smoothly-table-expandable-cell", { key: 'a4b75ba00befe6a8a34fc5c99690cb03c3ade7d7', span: 2 }, h("smoothly-display", { key: 'bb91f39b2d8833ad116268618a9be82aa96a2fc4', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '51e9b4cf9d9a9ef15c04996aef32d7ec916ae79b', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: 'cbce7604964ca0c217d549bc1b1e50758b0217b8' }, h("smoothly-display", { key: '3cabab2c49146b2ac49882b592ce38cae1dd17ce', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '84d7a668b2f59da0df7a95eb1fa3d8221365f2f8', 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: '8c8cabd1f86d8c435925a3e2386bfe91f9d604da' }, h("smoothly-table-cell", { key: '36d5b65550ad5c09fed7441e9c0892bdf595d979' }, h("smoothly-display", { key: '3580d0ec9bcabc49ba7e3247786c3626760dd405', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'cf38589846b2f9925a79f79d64c298e96a3174b8' }, "Not Skipped"), h("smoothly-table-cell", { key: '2ae25896d0fcfaa3884da36a63bda5bd730797bd' }, h("smoothly-display", { key: '88fed0a43e38e936abc981beac382b83e86263e6', 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: 'f857bf2706fea0bc7bef38da1231c17460e9c609' }, h("smoothly-display", { key: '56bb55f00ea43d80e8b94460bb2e951bc741aa72', type: "text", value: "Filler row" }), h("smoothly-table", { key: '3a6c43bc37797672d40417395ffdacca1b52f327', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '09289f8564422ceb0f8b7d33040a561d35dc9a02' }, h("smoothly-table-row", { key: '9675f44ce397953bc4b674bc768299d3a018820e' }, h("smoothly-table-cell", { key: '8fde03da5517c6f75c7c8da3c5bb336d2ed5a4b0' }, "Breed"), h("smoothly-table-cell", { key: '721fc804d59cb6dca7b66b2fd38dd700172322be' }, "Country"), h("smoothly-table-cell", { key: 'e8fbd6258f7167841eef83776e00406cd9ed3690' }, "Coat"), h("smoothly-table-cell", { key: '3e514eab5bb013da0d23cdde06324492bb97632b' }, "Origin"))), h("smoothly-table-body", { key: 'a14df5fcfad26c2d54ef13810e409ed65f72ac39' }, 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("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
+        return (h(Host, { key: '38d70dda60dda3debcf93c39712447b147f1f8aa' }, h("smoothly-display", { key: '184a415c969fe7f8067d39b8bca1c60e2cdc525c', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'c25e191ff3a0d83771c8c4057a391af7d29f3aeb', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '6a0abb3c6732c84bbf349fa5564d27d3b0189f36' }, h("smoothly-table-row", { key: '2f91fa838939f85bee7d2fc07bbcf66f19e31af0' }, h("smoothly-table-cell", { key: 'b50f41f05faeb8105905c2d2bc694ceba0291b11' }, "Breed"), h("smoothly-table-cell", { key: '1165986b307056c5356dad70b6ce04059aaebdd1' }, "Country"), h("smoothly-table-cell", { key: '348327ae0225c33862c65c536b31bbab5bd706d9' }, "Coat"), h("smoothly-table-cell", { key: '449b076a7ccb0922362af57fa66bbf081fe73c1d' }, "Origin"))), h("smoothly-table-body", { key: '7b4d12422054f92287036881aaba5156de8adc87' }, 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("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
     }
     static get is() { return "smoothly-table-demo-filler-row"; }
     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: '9af97a2dd73e554ea9c1bff231782e9889157fde' }, h("smoothly-display", { key: '2257c3cba1ba5ce0431e32f53dfd92573b25bcb3', type: "text", value: "Group" }), h("smoothly-table", { key: '90b901a78ae391af9f7acdd0ef1c494a8f6fe133', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '972dd604c495658a4655c9d4afbe7585b7f34e9e' }, h("smoothly-table-row", { key: '71e959f5666e68ad006252a4591a194840495936' }, h("smoothly-table-cell", { key: '62d2bd26dce8826b74dc4c8e8c569532cc07ca45' }, "Date"), h("smoothly-table-cell", { key: 'f866b0f9719d679f6a7830c65ac3391491c00349' }, "Total"))), h("smoothly-table-body", { key: '70dc05107403877ad47644460a09d3250c1ddd1e' }, h("smoothly-table-row-group", { key: 'e7f2268c625dcdb0350b9b6171fdbeb3163d8413', align: true }, h("smoothly-display", { key: 'dac67a56a4fc3ab520128b3b63646cde0c6fcbce', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'ed4b8fd5dcafc2cae49e475b4c091d35b2b30b3f', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: 'ff08cffdfcec5945cb13ea713e5379ff16e8e917' }, h("smoothly-table-cell", { key: '2575df31b1c799750a491c07400b90f3c8c0732e' }, h("smoothly-display", { key: 'a72e50c14f31b8061a78eb378fdf243e6a757d9a', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'b88eb73fcb09cbce241d452905f767498da92335' }, h("smoothly-display", { key: 'bf82b932285431bc9beb341f8c5bd9aaa5b56766', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '0f51682b219b4130d614bffb8399011764f81018', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '24aedfa873558b5bfc91d12ed8a1283097b11add' }, h("smoothly-table-cell", { key: '5e7a30c94f9c8b5607ced0bdc1756ba89a9b19e9' }, h("smoothly-display", { key: 'bc14c1e289193e3be9bf3ba4940e11eb2db915f7', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'd82b33d05e427ec17f8aae619b168e6968addb68' }, h("smoothly-display", { key: 'a9b7548b18d6ba3dfa509ce436bc90848a485f15', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '5f6c95d971232a61ba4366a0506c6a4d6e143b08', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '5e50d0d8833c2d51d3926dd13d13632be5d4a14a' }, h("smoothly-table-cell", { key: '500e6fa274591bfa46fb7df980e5c00e66950f1f' }, h("smoothly-display", { key: 'f3b0357299f95a2708a205a2d6a36fc9153a113c', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'e714d0a9d84bc9c2fb7e63df0a5a2242ff0aeb47' }, h("smoothly-display", { key: 'f77b5b7645e03522332aad7c867cc9cc7d50ce5a', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: 'd5563da2fba612869aee7e52891dbe3bbbb3eb5b' }, h("smoothly-display", { key: '938b397b77eccae59e9d75c6095314b04d49005d', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '94cf02e6a97968bc0698e36db986b8f201f383e3', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'cd8a0312c1308565eecd1989eff865836259e9ec' }, h("smoothly-table-cell", { key: '6e53dceadf261cfd110895b6803f85f428fbc788' }, h("smoothly-display", { key: '7f006f2a033a00961c7a6a3d68c22f873857ad98', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '039d08030bd0f63af9c1afa1a728dadc9680ae82' }, h("smoothly-display", { key: 'd88710af1a900007217541f3943e5a7efb5a2a3f', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'fdcd37bb700758be174cc0e5713b4c07403f8682', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '79b4d9f391ef6ab8841d2de05cf8aa55ef8a59ec' }, h("smoothly-table-cell", { key: 'c1261022a5c3fffe6119e321d129907c07fe18ac' }, h("smoothly-display", { key: '5748d8bc6db59fab0f80ce1812f569287d808b81', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '118a115ba40c16775073062b039d382e5501cca4' }, h("smoothly-display", { key: '42d80083625b2e8374f00c629ea64802788c8459', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '808b3347c13ec37e4a4a1b63c91392eb667e4f66', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '6f0a95e81ca788091fc90768f1a0f295fa35b6b9' }, h("smoothly-display", { key: '731be311b19de2a133edc969fc6561ded4e6aa99', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'e09a2691c08602f3fda9b2803a30ea5056761c27' }, h("smoothly-table-cell", { key: 'e50ef37a30a54a6d1b76cd27fe678c6d4e998486' }, h("smoothly-display", { key: '2b2147f209ef7ef3fcdefe8526d8332188a64e60', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'df7f27802f806d3d63c9855f49b26a7281ab2c7e' }, h("smoothly-display", { key: '0945da5982870fab2637680ecaa974801c046690', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'be7bcd85defabd41296f9e428cbac22bdf52fffc', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '4caaa5c8890ff1aca72adea083a6fe58f23ffc1d' }, h("smoothly-table-cell", { key: '46ffccf1ff8e575e1784a8a8b62799c163f76bff' }, h("smoothly-display", { key: 'df4c90a165a16556072af954ddd2ecf2a25fb6cb', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'c42afea6b5256e18b5c0bd235abb00a5589a1639' }, h("smoothly-display", { key: 'afd91932af6b3d9df399e31f3a3dfb3710dd67da', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '116923536874fae3bf8f248c654620d7e9d84caf', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'c5bfe45b4fe1f13f93cfd525ae19d50442851294' }, h("smoothly-display", { key: 'bd7d161f3cafdcbd699db62bc17723818ef72549', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '6c23d8c95b24d54b1b331353e18b75069d088ead' }, h("smoothly-table-cell", { key: 'bb493a1fd99fffea71a80b2ee6896461c6690b67' }, h("smoothly-display", { key: 'a97142706d066ef6044dd8c2ffebf1dd205a42aa', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'd1dc093bebe2b4983aba8a146958dd91ba25e3d1' }, h("smoothly-display", { key: '375f129f914048e76c1fcb32b9f95eb83acca27c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '0b75809560b5a2eef3e8efb5a1d4b413430ffff9', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'b53719c5188bb125812eec710b00bf93a7d64fce' }, h("smoothly-table-cell", { key: '20012bd7ea22477b21ca4c6522e04a2296cb5e95' }, h("smoothly-display", { key: '6bbd6c62dad1231cb57e68df58ccceaa33ec76ea', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'a04700a2c7ba95e6912a0c8685dd394e1116e56a' }, h("smoothly-display", { key: '28993df17be6cd71f9d8da5580bd13173e5b1728', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '716d3711fb1ba17f1b07e40d0cc4e42f77d6e48a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '5a8d87d22055a3cc9a6eb3fac647b3b10ddf3107' }, h("smoothly-table-row-group", { key: '6c29d6604c34f297e75f4b5d6b1599b38e3f5c4f' }, h("smoothly-display", { key: '25835c64a61ef3ef5ded3ec48be000c759f3c263', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'b986fbafe80daab7dd7a2c522785c633406c01c0', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '6f0817c4ed598275401f6d86c869dd39b3b900bb' }, h("smoothly-table-row", { key: 'c627b346517b950d2883bed648e8acd06991f7dd' }, h("fake-cell-wrapper", { key: '2136dcadb092ce67f4ce986fe3bd1d73759ad03b' }, h("smoothly-table-cell", { key: '21f1b8c4df866a68caee5da599e1bb8219e042b7' }, h("smoothly-display", { key: '857236ba64c06093da4c1ecb7eae6710c2cddbce', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'c840c1896076ee2ca7e6bf3217b6f89ec3cfac7e' }, h("smoothly-table-expandable-cell", { key: 'b5dd3983275b0e6948b71d4d5d4e8696ed9a0373' }, h("smoothly-display", { key: '44b2aa3acfebb161747e8e693fcadd6a95c1f2df', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: 'e555b070d789e2ec97a730de08dd5b4c479eb06a', 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: '47afe4d30b2e7a0f29f019489d00f93679b3b3f5' }, h("smoothly-table-expandable-row", { key: '0e066e8ef7beb4f5212b7ab366faa8e8a766f8fc' }, h("fake-cell-wrapper", { key: 'c1e8f9e0bc80e21f5cf13a9e1c08dccfc69812a6', class: "span-2" }, h("smoothly-table-cell", { key: 'aa446fc3558e1777af3f7db9de01838e2f7da1b9', span: 2 }, h("smoothly-display", { key: '80800c6bc0d00193c959425eb1e72d82f74519e1', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '761732bea1df5e3e78dadef9c2817610e50169ff', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'ccc5676e70c09b50f05a5429c8bbba6e7c0031df' }, h("smoothly-display", { key: '8ef9e40351c078324f6f599addbf8d767b4d4a77', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'fb97dc92fb8b501a5bcf89e68a1d8ebba1a856b4', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+        return (h(Host, { key: '13ca441187f66529344769d886b77d0c01cf0ec7' }, h("smoothly-display", { key: 'b2dbf9deacd800eb2bbcc303418a5f2ce6344399', type: "text", value: "Group" }), h("smoothly-table", { key: '8e80f2e26eda2a33c65d665d2d369b11a03f39b3', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'a80ad7e011c9432b00488a3dad6cc48d4cf56ffa' }, h("smoothly-table-row", { key: '9d15a2c5ec712913ef7195f40eae2d7cc4328b43' }, h("smoothly-table-cell", { key: '4658db6a627442459d39caf71d3053c0b0373153' }, "Date"), h("smoothly-table-cell", { key: '62640f3c5426d8b1cbb7e5309b9a5eb8ae1fd244' }, "Total"))), h("smoothly-table-body", { key: '30185fa157aeed1482eb4ed13e227e735450204f' }, h("smoothly-table-row-group", { key: '2f88c12ff6aa6b59f6545f1939c0b390ff04fb9b', align: true }, h("smoothly-display", { key: '504c5fd4776cf580054b1643d3cdf25746b0ef4d', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'abb7c187f97506286cce8fdb7cf9e44024cb1eee', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '4c4ee8e36cdef0fa1c7dd5e088ba27b0470b94a0' }, h("smoothly-table-cell", { key: 'e78d6d08b6b141e5d37e309697ae71a5158aa83e' }, h("smoothly-display", { key: 'd4545cbccf585edd9a753216cd7eb065794cc61d', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '2bfa64247f7bf2ccf879859f66de74904dd7438f' }, h("smoothly-display", { key: '45bc665caae3e04dd8f4a94ab96d0e5f974c1b66', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '60b37654b01d3c248d2c7339593990e5a04fb188', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'e18d58866e7e132073ccd951f114780566bc19d8' }, h("smoothly-table-cell", { key: '9bce755fdb66c5a53be2a1a30b897c56cfd292e2' }, h("smoothly-display", { key: 'e93ddd23a90132c87a717651c39cd9b3e0ec76be', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '25760dc3dc0c4db717a663849b0a5b4855d0fa49' }, h("smoothly-display", { key: '6bddb16177d1b3aaba00f690e15830b4de4c560f', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'b270f93a5b22cc963761b4ba3fac9831948eb229', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '13eeb89739730d945227aff29d6ffb02405a7162' }, h("smoothly-table-cell", { key: 'f6ee0efe4aafe2b3bc46d1391addd0cdd0372643' }, h("smoothly-display", { key: 'fefcd6b25329f0acac11ce9b5f62936c250e4e13', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'ef2d0fc611d84b2380f4cb3342e9a747ca7b0571' }, h("smoothly-display", { key: '049dfb4f85369daf945b216256ced74597135572', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '0818d5289ddf639e1f41b8377eefda9a42e8a660' }, h("smoothly-display", { key: 'c313d4b6c8e1658c6a2bb9bda1b7aee77b5c4708', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '6e57124ffd9cb7a0737b49144fdae07c04e7ce54', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '075bcd04dbac92bb2733eae3983e205c604c0897' }, h("smoothly-table-cell", { key: '2da65d488c647c5952fd2f7b496ad477c78e43a0' }, h("smoothly-display", { key: '268b41c5942180ff8cbf781c225569a464a98048', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'bf8c3e7a40c471fc22de92ff894ab5145407949c' }, h("smoothly-display", { key: 'ee271b788d3bccfec5354a4e96b0a16a9faa224d', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '684a6831e691a9dc67f81977c39f32cb74ca4796', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '82ca4163f480bb0f87f51d40680ee079dd615b11' }, h("smoothly-table-cell", { key: 'c7022929f9eee697165dabdf09f209f62cec9e20' }, h("smoothly-display", { key: 'f85ecb5f99a2f5f00b1d8946a33057b87691ebf2', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '71a2d8a0b8426614bc5842b27e80957bc560066b' }, h("smoothly-display", { key: '6e1fa476d41664ccd4f4475e3d78e6811181dc83', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '3c21237b9ab3bcbad4ce8f71d590b62e92f425e4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '89f7bd195d9558793f2806d9331a4f60127a2288' }, h("smoothly-display", { key: '9af59f5175f04af6c3c661efea33c884ef2443a4', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'cf98a3d3738cc247ddb748eb5d62103b5f4cb898' }, h("smoothly-table-cell", { key: 'fed5bcbfedb84593f7372d686ec367176e09f203' }, h("smoothly-display", { key: 'cbaf8f631003338f43637aca9af85e05ee61acb9', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '01ca45bac88026b162678192a11a4f5dd3c068be' }, h("smoothly-display", { key: '80a57b43c7a010aab88b2d16c7fbedaeb29568ce', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '70d2c87d6db5d93807832babed5234fb464f74f4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '20cb4d49bb58652118d26a85e3700303493c68c5' }, h("smoothly-table-cell", { key: '825986c6db5f37ccc73569f6f1c2228a5974165a' }, h("smoothly-display", { key: '21e131ad762de83ceb50ba3c73438b19726c38e2', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'c5ee086388bcba90b3f2f8b8e87de8b640af19ae' }, h("smoothly-display", { key: '0451e5542008991f62d5aed3be962be7ede89e92', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'eff29a26691c08d70aa7cacad2a199dabc06f76c', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '16aa704a00da4ee503ef5c8a66ce41cd2768d704' }, h("smoothly-display", { key: 'ebda8de8516871eaf501d00fe3c334dc229b8105', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'dc912bef3657af1eadb481ecbaa1f71e061fd3ae' }, h("smoothly-table-cell", { key: '7f3451e00998d997440f16b85fb53598778128c8' }, h("smoothly-display", { key: 'def111369e6fae7bcb7e5c6bdc3bfaaa9700b6fe', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'cf70102ed28029c2eafbfa3c14f5f42bf185b4cf' }, h("smoothly-display", { key: '567fe6aa345e74223a8332b93cc1b1b9cb288eba', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '3ad490689fcafce374b5b02550d5e03962da7a75', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '0cfffb40fd9119c737384bdfcf4196252e2680ed' }, h("smoothly-table-cell", { key: '17017970a2de014c63dc0c2f942e83a4ef9b322d' }, h("smoothly-display", { key: '9f6d27350e38a66bab11ce29a331ccecee9335d0', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'f1d2cc0caf106aaabb4d9262fb6f589924ded4cf' }, h("smoothly-display", { key: '1ae2025a7b69811c991c4e50acd45be7f2af4820', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'fd8db8bbca191d29614972042d49aabf04b00325', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '7ed94c5850dca92de109a72d543e7892a4ad1f27' }, h("smoothly-table-row-group", { key: 'fd411b94eb083f25414f29ee5f0c82fe10e336b2' }, h("smoothly-display", { key: 'c1eec946da5403fe5fb367f864de25a07d37bb45', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'b69b22be0181ebd04b4fb6c9934b76d41a8c92f6', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '39f7a1f520615967cc4972f7c2f2ffd6824c3fcc' }, h("smoothly-table-row", { key: 'a0edb450a28de03759ae4c2240a979f27704718b' }, h("fake-cell-wrapper", { key: '9c2c3823f9e8771e15625a0353e7031be7ab862c' }, h("smoothly-table-cell", { key: 'b47064b530ce8ee1bb66350cc2bb4ac172bfbe99' }, h("smoothly-display", { key: '23245c1af652033586ff8b001f406da931221ff7', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'cecaf2863e686ddd4b7b6db5bf0ba39a6f77b70b' }, h("smoothly-table-expandable-cell", { key: 'b715899e9cc80dfded13610df5224069c9eebabe' }, h("smoothly-display", { key: '3e261554b8e11c7388c5cf4057228575b87acd0e', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '5844d701bc675abd246d2d18f7387edd9c9f7e7b', 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: '32bce4a1c74db7b752671e090eca7216dfeda5e4' }, h("smoothly-table-expandable-row", { key: '76397c42828314da38f36ba8046227bce793f3b0' }, h("fake-cell-wrapper", { key: '4707a608abe80f2fa745d0a669dd26d327ce3fa7', class: "span-2" }, h("smoothly-table-cell", { key: 'a4b2b9dba3fe2d95439f995c04d218729f6f7c05', span: 2 }, h("smoothly-display", { key: 'd3ab93ede3071809115eb9a392b29c97ada02788', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'ab3787df579b0c266b5cc521e6c88b8976d7eeb4', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: '31e0f780af3568f236e185c33beffd1fe131f15c' }, h("smoothly-display", { key: '71f3de541c67562eed2c4138b3c487e13f45891a', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '56b9d221c55a67b758a529d3542819b8cc73a9d1', 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: '35794212738d56a6ee77383f2cdee89a57db82f1' }, h("smoothly-table-demo-filler-row", { key: '4eeaba2055e5ad58c8e9942264a5f8d81c04e29e' }), h("smoothly-table-demo-group", { key: 'e8d15d7d715d993385df9de46b4dc42597f3a120' }), h("smoothly-table-demo-colspan", { key: '7ae3ade7115e92e55cb992749b6a5e5a6371634d' }), h("smoothly-table-demo-simple", { key: 'edd4c2e7e16c3c9bbb2e28f4321b66fad061e339' }), h("smoothly-table-demo-nested-no-cell", { key: 'd07a40ff623a290ea90367b1b170ecd93b150565' })));
+        return (h(Host, { key: '94e95e0d83a8ff1f6b0175d81f6a4d0f573b3387' }, h("smoothly-table-demo-filler-row", { key: '0517b70eb65ed6a34faaa1c7805907f304654951' }), h("smoothly-table-demo-group", { key: 'e92405b3fa081cfa94f0311970db780f44782bd5' }), h("smoothly-table-demo-colspan", { key: 'd9f10e07549f56da20d1dcbca45f3a497db3e072' }), h("smoothly-table-demo-simple", { key: '0ae3ade94e2cc900e0a5362f65778163868f3ef0' }), h("smoothly-table-demo-nested-no-cell", { key: '9d0f1784998f8f7607f93b914cd2d5c53a986f8a' })));
     }
     static get is() { return "smoothly-table-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class SmoothlyTableDemoNestedNoCell {
         this.loadedRows = [];
     }
     render() {
-        return (h(Host, { key: '460dd1e98f1ee50a19fbbcc297389ce8406bb59c' }, h("smoothly-display", { key: '36a48c1134c56fb73ee494a3d5838a07485473a1', type: "text", value: "Nested" }), h("smoothly-table", { key: '8eaba9ebaaad200fa7bd0addaca098651dff32c4', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '0a4c113f707aa20076ea30a3a5dd2f27152fedac' }, h("smoothly-table-row", { key: '0c4d3e3ded2c62be537c7304d37533ba3a53e9ac' }, h("div", { key: 'f59f569ba6872affb34f6cf043f08a597f171e2e', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'a72101553c2d7af6d2ce92d488b7cb0aaf622fca', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'c442f7e5260320209001d6b381089a68f33cf0c1', class: "smoothly-table-cell" }, "Name"), h("div", { key: 'd5c73e0cafdfa5db279babe93176b0efebffb256', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'd668bf984ce8de36976bf95f2ede82f0770336d6', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '9f92f505cef3b3fa10538a33ce94d1aea27e8496', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: 'def6a9aad7bb6fb64bf6400650c75c5bf89fcec4', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '1e0aad645cb72a7dc7cde05d0e30cb46a86de437', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '409e2bb51254cbfcb7f87bc77f0723e4ecbf162f' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
+        return (h(Host, { key: '58aa208d70e2da93e893ef08cb5967664bd0c051' }, h("smoothly-display", { key: '2deea15d1b6e1df7377c7d7a75f1bf3bdc0e23e6', type: "text", value: "Nested" }), h("smoothly-table", { key: '86c9c4de9e86faddf03910093dc8046534198a6e', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'e68242f5576ac5903448bc958706512b6fdde4a2' }, h("smoothly-table-row", { key: 'db1d09f006f8e6d7ce18ae91caf34d6f5a14bf83' }, h("div", { key: '3e3e11e86247d24322182392410b18b1f77be2d9', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'd9e4adcfa2c4f241f0351c78cb21a968663a6c44', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'fe70738e34cad44a2334118b1390c3a4fc55a78c', class: "smoothly-table-cell" }, "Name"), h("div", { key: '8d289629063da16589bb44c438577ece4eff5703', class: "smoothly-table-cell" }, "Age"), h("div", { key: '41d4a8187b8a431cea1ab7c0d5dd94fc5e3d7c14', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '1394c75f60c62a437f8e45bd331e102a84b3357e', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '675a742c81647d180c327a3b033a7dd90bda7411', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '16c97f1027ac5d65ebfaa303a56bb80ea37c7c40', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '8839563b64e8c05cdfbf0be64fd78e901490dcf3' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
                 if (event.detail) {
                     this.loadingIndex = index;
                     setTimeout(() => {
@@ -13,7 +13,7 @@ export class SmoothlyTableDemoNestedNoCell {
                         this.loadedRows = [...this.loadedRows, index];
                     }, 1500);
                 }
-            } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '5c99a61adab8729709a0887dd866b462e6737554' }, h("smoothly-table-row", { key: '2d224a2a8ad6e35ff2c36eadec885de9f0203b48' }, h("div", { key: '78480235c2e055b5960c5a049314e323528e6030', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: 'ba6d2fb174d44ad05eb6d99deec082a8180a247b', class: "smoothly-table-cell" }, "Footer Cell"))))));
+            } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '6b4ad314b547876f79a192885d8f6c396b5289a4' }, h("smoothly-table-row", { key: 'd0b756f7d918e94ef014702eae9f6b60de81feec' }, h("div", { key: '06107bc944f6e1304054e68b91622ea30e0a833e', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '0150811226ddc55197a6ef7933f024a54ab2c853', class: "smoothly-table-cell" }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-table-demo-nested-no-cell"; }
     static get encapsulation() { return "scoped"; }

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

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoNestedNoCellInner {
     render() {
         var _a;
-        return (h(Host, { key: 'aac05d43b4512b20fa4cec737ccb31ec3a528b56' }, h("smoothly-table", { key: 'b022de2650d8db21e46aab409b8d1df0dc409f80', columns: 4 }, h("smoothly-table-head", { key: '6516f877eb54fdebc85619885a92389af7ec34da' }, h("smoothly-table-row", { key: '8951f89b3230404a2fc8fc6ef1d48a20abea803c' }, h("div", { key: '82ee1252466066d77df7f70385faa4f83850d9a7', class: "smoothly-table-cell" }, "Id"), h("div", { key: '7145ba1e199eadecb5dd727ae1adfa52d25e4bce', class: "smoothly-table-cell" }, "Name"), h("div", { key: '60d99a7d209367adea18000214d01b4a3e1905b9', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'ee489d4b66d755c9590cf0dfe23fe09c440773aa', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: '86837cf19c76e57fe423dd185e1c877e4f04b192' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
+        return (h(Host, { key: '9150c28b151e6567c9d4d385068702f600fcb2f1' }, h("smoothly-table", { key: '7261ea2339bc05332c0bb2e8d43a9362bbe13d3a', columns: 4 }, h("smoothly-table-head", { key: 'd800c29461ff8bc75f0ac1265e50640c0138d211' }, h("smoothly-table-row", { key: '56bb549fe6154737b01ad2564df4c58a6e5f8c52' }, h("div", { key: 'e6e3a1c445d93d2c814c7cb6057643124c132de2', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'c92d18120e36c54139713090f821a605ad42e3fc', class: "smoothly-table-cell" }, "Name"), h("div", { key: '2fc4f2987f92840727806f222a300bf463990917', class: "smoothly-table-cell" }, "Age"), h("div", { key: '4c5f4888480ac4afdc2a7ea0ea1223f019ac342f', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'ea1511197b149bc2963a00345c5cde47378c7f26' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
     }
     static get is() { return "smoothly-table-demo-nested-no-cell-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: '70206f06c6f0927b7fd56f6c447441883cdb8cbb' }, h("smoothly-display", { key: 'fe882f04329755107f28029e6c3ed3162e2a6f2d', type: "text", value: "Simple" }), h("smoothly-table", { key: '943c5b0e05764d07eb88e9723c42214c7c785a74', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'e26f7945d199844450707d36aa848e7ef5e85e4c' }, h("smoothly-table-row", { key: 'f60bcd540697bf27ef22ba3b2db828c1eaba8a18' }, h("smoothly-table-cell", { key: '5e2e2d9f3724051fd61ff787caae7e47c120e31f' }, "Breed"), h("smoothly-table-cell", { key: '5ac9dddc03f397574b16d7809938f133be3a5e32' }, "Coat"))), h("smoothly-table-body", { key: '48228f02bdc713ef18e1e9400c7b274b6ed7a91f' }, 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-row", { key: '04146e8b286cede980153a96645635ec21d87135' }, h("smoothly-table-cell", { key: '37ff22202464b1ef68aecea476a5070e3612fa5d' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '0db694a71548c2a27909bd2b74e9c4e24e1368cb' }, "Expandable Cell", h("div", { key: 'f73430644f301ba65ff5b10affee17b767dda779', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'd8e43c4f6104f2ea9ed4a3e1d5526f4216cd1755' }, h("smoothly-table-expandable-cell", { key: 'd63e6c60646e17005dcd1502603ecb0a0bc58519' }, "Expandable Cell 1", h("div", { key: 'f7892854c7a6284ac783062ddf9a99dda3693dc9', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'f46176b69a8f96ad79ab20d0c7ad48dc25830437' }, "Expandable Cell 2", h("div", { key: '7a77dc2d15bb99724a61c606cc21760361f03187', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '48288078e1087b9a080970b292019f34c154516f' }, h("smoothly-table-row", { key: '36df570d42c5b836f46876778c1be549ddacf5d9' }, h("smoothly-table-cell", { key: 'b428dbfbc9460d84ca3c86d3e9b3c911e4bf174e' }, "Footer Cell"), h("smoothly-table-cell", { key: '3f288427d5c543e60e9aaf1419b265ce7a26d452' }, "Footer Cell"))))));
+        return (h(Host, { key: 'fa0ee8dabad78b4e11466c08476a7b7bab777bcf' }, h("smoothly-display", { key: 'f1929229c708243f89969fb865281c87cdea3974', type: "text", value: "Simple" }), h("smoothly-table", { key: 'a74ccd3d2757769582a1640cd03f275040258979', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '3740997a15cd0be3f576a5ccd325dedbcf7ecf57' }, h("smoothly-table-row", { key: '173e8a0edf3ca6131dbfd5fd2e23bf5e818de068' }, h("smoothly-table-cell", { key: '6ccc98fe385d936d3fc18a0802aa171c9e4833f0' }, "Breed"), h("smoothly-table-cell", { key: 'f12b6543b4b7be9f4d26610d2a90b900951e7f52' }, "Coat"))), h("smoothly-table-body", { key: '2cc82f1d8659f303f29352fa4cce8961fa698fab' }, 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-row", { key: '9548adc12d9a485c5e973deeb2fe4abf22119809' }, h("smoothly-table-cell", { key: '502907286ab36ee5358c143d8d5613bb0685fa29' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '4ed0239f7262bfb76e8dbfd94b4b76e992dbf1af' }, "Expandable Cell", h("div", { key: 'f576406602ee34bf67621939ff7fe2c57c4b66be', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '54e2ecd8dcb9c666930d9005ba31a3f64e25aabc' }, h("smoothly-table-expandable-cell", { key: '88b51a8cf477ca4de13d0735a491c30fe28870c6' }, "Expandable Cell 1", h("div", { key: 'd0ddd7d5489dc8e9df88b52315d61e97d9c6434d', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'ee707b238f569e36eb9bdbaca1c82fc7a0f830bc' }, "Expandable Cell 2", h("div", { key: 'bbdaab7554b86deee81fea4697afc013909cb218', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '936f27ddd1dbc6b3b1f8fa5cbe9887898c1b3688' }, h("smoothly-table-row", { key: '161b992762fa4617785cd6c6c83d957a7d5f976c' }, h("smoothly-table-cell", { key: '158fc3ac159fe7eeac086fdde980b1f39c9d79db' }, "Footer Cell"), h("smoothly-table-cell", { key: '3a6ff2185ab3ff1306655498582ea9bfff4d7099' }, "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

@@ -25,7 +25,7 @@ export class SmoothlyTableExpandableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '80017dcf8950e676a48dc9aedc3d11ba12cf011e', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '57e34f20710f1694470a5e8d481d51480d4afb36', class: "content" }, h("slot", { key: '664f3698eb43707e4a53a252a57e0e43ddebfb40' })), h("div", { key: 'e010fe7654eaec8fc4418cb1560d0f8b3b82df7d', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'c524d17ac1f1fd7ed8070cf9eb07590fd0059ca7', name: "detail" }))));
+        return (h(Host, { key: '1c27ff4e5c10ad504e0c8307be3bfb1243afc5d9', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '9df957e7d9f55f6687adbdfc550b3cfa6a8d3dea', class: "content" }, h("slot", { key: '505b6a8964feb91d4d0256b6ea3f27519742ef6c' })), h("div", { key: '9054849f559fc9f02c7ba5c9c95cabf1e741f417', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: '0feb5288d454fc6b606ad4585706f40ec3789443', 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

@@ -17,7 +17,7 @@ export class SmoothlyTableExpandableRow {
         this.smoothlyTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: 'c3888ffed7c052d5df798d01e6137bbe7057e4e3', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'cdd186acc3862b6125c85942a673415da659ffa7' }), h("div", { key: '1be46ebc8404b04d5bcc7174f4fa36e0e29a8bee', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '2d16b8dbcd03e0672f585a6d89e72d070b572299', name: "detail" }))));
+        return (h(Host, { key: '21d040e883e73f9415ee1a3e7055fa5ce9adc57b', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '9c42a350c5e00b6b24f7c746cc801588df69c14f' }), h("div", { key: '0c5c8a4e231018e1f96e09348447c876051540cf', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '263395e4d57775e72e510071245261a23097175f', 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: '74889d28c93b9142041a444f3c88842851eabfee' }, h("smoothly-table-cell", { key: 'f085bb29ceb64ec8a0e6a1b2ef07323aaf79dbff' }, h("slot", { key: 'c09f20c0fe10bac51d4c2ebb12127935092e8d90' }))));
+        return (h("smoothly-table-row", { key: '7561aa3596121beb8d1fa3af10d14ed9be08f7f2' }, h("smoothly-table-cell", { key: '04c9c851fb31ec6a246b2bc82cdbc7293478a0e3' }, h("slot", { key: 'f0db97bf64c0979fbca0c6f5ab4296684f743a70' }))));
     }
     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: '6e3eec46ba1665a4c6cc1131fbf406b1aa997364' }, h("slot", { key: '816b86c8c621a8625378e307df634a1b820fdff3' })));
+        return (h(Host, { key: 'fa6bc933396023c1d84d01460a4ff641c53136a1' }, h("slot", { key: '7aaddf60b15f344866dce0847441bec4dc739ae0' })));
     }
     static get is() { return "smoothly-table-foot"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class SmoothlyTableRowGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'e7c58f7d7b9fcc27145e398a64c04451b3169a29' }, h("div", { key: '93b4472da7d3c7f0135862eff75390b0ad0ca2c2', onClick: () => this.clickHandler() }, h("div", { key: '36579099012a695455c882f8888f54b49acab4ac' }, h("slot", { key: '75921365a284a67e75723d2618dbc58568cd1a43', name: "start" })), h("div", { key: '9eec76375486c07dcc1e1a4e2474b4ef4b3fd804' }, h("slot", { key: '668fe80f0dd42ac7a103b5952f8c15215fa70076', name: "end" }))), h("div", { key: '60747a2e17ae4fa7fd44c02fdb140bf59f233736' }, h("slot", { key: 'f333d49e6caf4f252a3db59ee0768a8d07961086' }))));
+        return (h(Host, { key: '8407e47bd79c00425a93bbf78bfaa234417e6730' }, h("div", { key: '80a4d3121142f72cecf08afee5083fc3f00e8772', onClick: () => this.clickHandler() }, h("div", { key: 'ae02eb813ffb3951e41363c41b89e16f8cf93199' }, h("slot", { key: '5020efcd50f6b9349c05c93c90c7b0499ebaa5f6', name: "start" })), h("div", { key: '081546adcccc771440f2f5e681dfc15712579fb3' }, h("slot", { key: 'd05a5dff9ba8473a329e3cb00bedc0732cbed6f9', name: "end" }))), h("div", { key: '26e75848ce1b7f8c889fb7376f5c65c9a1f95ef8' }, h("slot", { key: '0d1687ebc94faafddea6b096c26ce5fdd408ff7f' }))));
     }
     static get is() { return "smoothly-table-row-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -38,10 +38,10 @@ export class SmoothlyTableHead {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: '7649393821cbe7b9c336b9ae5d88e4a9edf8a409', class: { scrolled: !!this.scrolled }, style: {
+        return (h(Host, { key: 'a892578836b416a7ca7dcecf5436988fcd9c33d1', class: { scrolled: !!this.scrolled }, style: {
                 "--top": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,
                 "--z-index": `${10 - this.depth}`,
-            } }, h("slot", { key: 'c20ebbb80c1d9b5e1210fd2c194a754f0e9e1755' })));
+            } }, h("slot", { key: '6905eb9cae9ac8411ff90d83de4ff7a2a5fd5f12' })));
     }
     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: '3a7738442ae2ebe705e9c75fb9aa06862a4157e8', style: { "--columns": this.columns.toString() } }, h("slot", { key: '67b59f54351d43e5c3fdf73c77aa991b2fe73acc' })));
+        return (h(Host, { key: 'e1e0fc478ebf90003f156eddb44e1de2213cf4e0', style: { "--columns": this.columns.toString() } }, h("slot", { key: '10e080ed0213084a43750f73df364993b30f72b4' })));
     }
     static get is() { return "smoothly-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -15,7 +15,7 @@ export class SmoothlyTableRow {
         }
     }
     render() {
-        return (h(Host, { key: '4336ffac2830c4b434a1c987c9620cfd98d336fe' }, h("slot", { key: '568632a78f16c07aa4e0ebd28c1577cb8eac5132' })));
+        return (h(Host, { key: '213964e8d2239419bb9dd5751e00096a922ab084' }, h("slot", { key: '37b92c81dff5ba150141d0d060f7d1eb17c414d2' })));
     }
     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, Host } from "@stencil/core";
 export class SmoothlyTabsDemo {
     render() {
-        return (h(Host, { key: '5781b5ebdcad292a5b08f40f31ebebb24222014f' }, h("div", { key: '0988223a7ffccdb2cab03999dc462ced6f6996cd' }, h("smoothly-button", { key: 'e97edc5cf05136e6ab3032e6271275a6fdc947b9', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '87a0b317fbfb07a8f2f03ec0e866dc4376c7cae2', tabs: "multiple" }, h("smoothly-tab", { key: 'd644206d3f7b6baf6c0900f2f461d18f3dc16e23', label: "Single Tab", open: true }, h("strong", { key: 'd02c9f64638183e494f0c903aedb31ecb07e5791' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: 'a62e17aa9f7ac71c74a2796f9491610ef3ecaadc' }, "tabs"), " to", " ", h("code", { key: 'b14b0cdbaad33dcda4a8a824e60351779966895b' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '6576f69475e5c5a97ffca76f2481acc6983ef451', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '55be8c4f25e2a4bb806a355307b48f8a0c3430d3' }, h("smoothly-button", { key: 'e456813c237a864bc2f21e6af147a63f62daec22', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '2cafcf41ba65de3f65ce1090e03d7e2f8690e2f5' }, h("smoothly-tab", { key: 'f67c211b8436be3361fe382c67c88690ad745e1e', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '731625fa3d088cc441f8434af3a6723463d10e0d', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '27af20a8bd5902978986f98b0b54d5bf8cb0cb0e', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '76ce0bd1c7fe46c76b1401bd7dfd5d3dde777fa6', label: "test-extra" }, "this is a test message!"))));
+        return (h(Host, { key: 'e5afcbf69dade2bfdfbccdb5ebef98067703e03e' }, h("div", { key: '720708cebe6311006737245ba3bfd2ce495fddd4' }, h("smoothly-button", { key: '9cc479c1ca7de47f611071bc020640509ec55f13', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '5e91c482c3f8d282c48630216797762712fbd088', tabs: "multiple" }, h("smoothly-tab", { key: '30fd2e83a0ad2e4ef4363b2471d5ef3a8f508e79', label: "Single Tab", open: true }, h("strong", { key: '46b7eb4a05793c23e1235026732d599ad7cd8acf' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '7f0e856a9e3b6f922c9a872e303f8ef2af92fe68' }, "tabs"), " to", " ", h("code", { key: 'b8398697b2d6c2757cd0a9a6216b1ca9b1680053' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: 'd52047652788873a578d9f071e07e7a0ade65ea9', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '4ce9bdf4953f65e8296e45fc63ea4eef285010bd' }, h("smoothly-button", { key: '68c65012a5382c124b140c26442bbbf00e09b94c', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '7afa233b048274a8966859485ebbe28c76e6b87b' }, h("smoothly-tab", { key: '390d8492e788d1f8748090a43e57b12f0ce88107', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: 'f3e74d731d6b3fcd9d188a5653beaec79fc179ee', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '6de96abf84eb6fb72065cdcc97691257cd0ced76', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '01fba3e8e1ad1ed22b3458bd5240f4f4192f3145', label: "test-extra" }, "this is a test message!"))));
     }
     static get is() { return "smoothly-tabs-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -35,7 +35,7 @@ export class SmoothlyTab {
         }
     }
     render() {
-        return (h(Host, { key: '3e4ab8c68f5ffa9eee15277b8c629ac11afd4d73' }, h("div", { key: 'e5aeb2372baeaeb090b911b44e23a601e27e1a78', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: '77ed6ef274b240e5029110eac46695f198d61bc2', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: '418681197eb143ea4bc79e4dac8b8b3de2671572', hidden: !this.open }, h("slot", { key: '7e888a42abfb3f81b8650dafedff8d84141d2280' }))));
+        return (h(Host, { key: 'dd61170ab95f4c9ceaca14bea3f9a232960a6d9d' }, h("div", { key: 'cfc1188d6c8c405c46a234ad9ac98eb81fd65ec8', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: '25b8c5b4de124f5e597a524aa086a54f3f65ba56', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: 'd9931e625c2f70c92b8c6ac0efa66f28ae7f4d62', hidden: !this.open }, h("slot", { key: '5811a6f791ceddbf1ef12a80913357fabbc53e5e' }))));
     }
     static get is() { return "smoothly-tab"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyThemeColor {
     render() {
-        return (h(Host, { key: 'a1fcf6ce5205459d5f58c9dbe2b5585975638a9f' }, 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: '2ffa9ed25b646e14b48d6da53a3afd3a9f897468' }, 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"; }