npm - smoothly - Versions diffs - 1.4.0 → 1.6.0 - Mend

smoothly 1.4.0 → 1.6.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 (449) 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: '2faaa0e7a748f84cb04a785ffba77ac005137e04', class: {
+        return (h(Host, { key: '98a98128458102922f18ec177df52a2f3a1c58ad', class: {
                 "output-side-right": this.outputSide === "right",
                 "show-label": this.outputSide === "left" && !!this.label,
-            } }, h("slot", { key: '652c0722bd06da67656bb6cdd941cfb9808fab6f', name: "start" }), h("div", { key: '0b1af258430da3891efe8dabd7f8d34ce023f113' }, h("label", { key: '31c27bfd26aa9671668b449c0b4e53025b3b08df', htmlFor: this.name }, this.label), h("smoothly-input", { key: '8809cc1771f887cf29939a78f31bf0090a650349', 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: '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(),
                 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: '3f49234277227496ebc666da01ce74b920573795', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: 'aeb3791f8cddfa450c297c271af75a1eaab3229c', 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: '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 => {
                 event.stopPropagation();
                 this.setValue(event.target.valueAsNumber);
-            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '5f259976445a88d9204f3afdd3ecaee885d3cc37', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: '28f5e3334e63b5930fac6f87f255c7841dbeb3a8', name: "end" })));
+            }, 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" })));
     }
     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: '898e6ce3936aa5d448653cf7297050e9b8d9b789', title: this.tooltip }, h("smoothly-button", { key: '6b417bd20cc7e55bb669745475fc646b8f7729d9', 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: '7ebc5081b0d518f22f4961ae5852b98b1abb5572' }), h("smoothly-icon", { key: 'b367a1fe2f2b6721b10a2ae7e52f36c0e16aa50c', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        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" }))));
     }
     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: 'c631dc1181b49bd7057175d67ed8c2e5b2dad63f', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '29660cf0508f40e9b04fe5011517e4b03819a13e', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: '8be43f1f1590b43fee1ee7a95a2beeba1b8bfe1d', class: "icons", ref: element => (this.iconsDiv = element) }, h("smoothly-icon", { key: 'bf67cf558290681008788976b57f119027eec54f', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), h("slot", { key: '7a0791050ba8cec4053ffe30c8f00b5ba5c858ea', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '456fe3c9e103033de5e14815224bb82906cf00d9', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: 'd366cbabc2d06aa0975623b56e7a68206586fe3b', name: "label" }), h("div", { key: 'f1ff68203d774d98e6497ccabae9a33fa0957df1', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: 'f830796521edba5c927418e05acdcf4f83442a5f', class: "search-preview" }, h("smoothly-icon", { key: 'bf5d3525c6ebca58be716e6bbdd2b03307087a39', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: '7bfd62b31e9464bf8a6afd6925d5da23d05a0a00', name: "backspace-outline", size: "small", onClick: e => {
+        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 => {
                 e.stopPropagation();
                 this.filter = "";
                 this.element.focus();
-            } }), this.mutable && (h("smoothly-icon", { key: '79262791c7deafb2d4ec24eea96c077cb3a807b0', name: "add", size: "small", onClick: e => {
+            } }), this.mutable && (h("smoothly-icon", { key: 'ec4d9605893885482781549dc0a19eccfeed2de2', name: "add", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.addItem();
-            } })))), h("slot", { key: '165ce33ce27039b670b03ad5b578167966a613b3' }), this.addedItems)));
+            } })))), h("slot", { key: '284a9f4c2c198aa1c6924a86d5925bd2f705bfa5' }), this.addedItems)));
     }
     static get is() { return "smoothly-input-select"; }
     static get encapsulation() { return "scoped"; }

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: '5c8b92761756007ece453dd533f33bcaa5f0e95f', 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: '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" })))));
     }
     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: '8fdd6ce70e3a8263c4b939a8c43d1039fc72a56e', tabIndex: -1 }, h("slot", { key: '84271be5ece6ae93054de397edf0eb49c9d1a2df' })));
+        return (h(Host, { key: '2bcb4ce39cf6dc6c8ee10b071750cb7831f8492f', tabIndex: -1 }, h("slot", { key: 'e16e1cfdcdc3b2adf794846c892e74756c0a6e13' })));
     }
     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: 'ec1329d179512c0470f04abbe12d98fa0a5810f8', title: this.description, style: {
+        return (h(Host, { key: 'f2d690e01f4feb5fd77267a90215c635afb0f099', title: this.description, style: {
                 "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
-            } }, h("slot", { key: '09bbea1ba8a2ab9ef7b417275c3500ae44711ce7' })));
+            } }, h("slot", { key: '2e6db8a90c124d58ccaf1dba95081cd9526a4c8c' })));
     }
     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: '0f6d1d415c90aa8891873c229585e7e2a5fd9ff1' }, h("slot", { key: 'f1f8c6da2e7b3d76433853365b54dbdb9a54bf45', name: "before" }), h("smoothly-load-more", { key: '3308f6e409f6b4fbd4f0e9eecaf6481d2c9b1a51', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '2581dc862b138ddc60fbd581e9b16404d9b22ce8' })));
+        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' })));
     }
     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: '9e6f0728a14a854d39e5b7c10ec663e8e0b12bc9' });
+        return h(Host, { key: '4f0df4fdcba3f813c7559c7415a60b91c8d3acb0' });
     }
     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: '9e7830cc5e0d8672ac279c7148ea9f2f71112c17', role: "alertdialog" }, h("div", { key: '8127616fe7158848d3c6f6b1124db0bfb283277c', class: "modal" }, h("div", { key: '2f64da1bd8e42a737baf8f2ea9d50264553876ac', class: "header" }, h("slot", { key: '4e0b103f8f9dd9e370789e71a9a01f057787f528', name: "header" }), this.closable && h("smoothly-icon", { key: 'fc9f4e07359b7670e5b5e89258590c504ae5ecaa', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: 'e175c68469046774ea8eaafd443675988b4a94c8' }), h("div", { key: 'e1be4aea7820501bad389d7f52ba6017234943e9', class: "actions" }, h("slot", { key: '6798c42f8f4f7d3e1d5a6e47f06bc3beea23477e', name: "actions" })))));
+        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" })))));
     }
     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: 'c9d05c75f3632db3f15858d5c02f39c38b0925e8', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'd2f70e41ac22b0b9918e558910e7021a8fe31d9f', fill: "clear", name: "close" }, h("smoothly-icon", { key: '35e2695cd3a83e3699b117a01e62efb96d17be78', name: "close-circle-outline" }))), h("span", { key: 'a199bb745cc72a0c635c15bc4a26a6509ad12910', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '5f518ab4af784bbe5eada263b726718e4bd07b0c', name: this.properties[1] }), h("p", { key: '6064c0964359b9953a713f3a6aed1bcbf3d23e64' }, this.notice.message))));
+        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))));
     }
     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: '7e71527eb9d845d83a31a54fb59a516fef7d2985' }, h("slot", { key: '8da2fa5664ae5c4453e06ab14b73c7f8335fd72a' }), h("div", { key: 'b19ec204f8215f9f552422990263e2a89b320082', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
+        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 }))))));
     }
     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: '41b99e921e14ec12d85f0535654a3312e0a0e064', style: {
+        return (h(Host, { key: 'e398e743d6ae2c9371afedc1af71197697f8627c', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: 'ba95701f05e8916221779a08278736b3cc32b868', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '762d7d72d60f998898a13d10675f3008dd7476f4', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, 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" }))));
     }
     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: '5ee3843f853946af074245c61d9d0f5eb77e32b6', disabled: this.disabled, type: this.type }, h("slot", { key: 'cd267bcdb7435ef93652e1514f12710e43d43cdb' })));
+        return (h(Button, { key: 'b0aa05118574fce76078015f942798b039b22d4f', disabled: this.disabled, type: this.type }, h("slot", { key: '7c7ca7592ef4365c241aa0f8007d86b0c44f2053' })));
     }
     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: 'affa54f5d7cf68fe7f8e85ebef3cba2f26dfb4f6', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'e0a90e5340973d5a4bc7daa923910c4ed30f6848' }, h("smoothly-icon", { key: '786ef493adf27540e1d6fafc75b1d8acafad701c', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: 'e0681a2e318a8e7ccc06acf27e64daf3b3948585', name: "summary" })), h("slot", { key: '805bd54a4f306c1ffc4f944942c60ca00eb852bf', name: "content" })));
+        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" })));
     }
     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: '0ada15e4c41e0728f3ae1fdcdc85837412360be5' }, h("slot", { key: '9ff916c41b95eeb8b127f8df0c27d0f4f570ae98' })));
+        return (h(Host, { key: '568b240511f1f928e398f24090134204e05f5725' }, h("slot", { key: '686d093a90d9a2a16492108c45ff2b9d60bbef32' })));
     }
     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: '8d3d61d3dd6662a25300eb43b6ff164554672e0d', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '05a97c68515632493be2333cdc43fe7fec9309eb' })));
+        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' })));
     }
     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: '52a60c5b7897b5c62e3accb439c3015df87c5726' }, h("smoothly-table", { key: '47b3f1fbc81e9d8228cf3a0cfae13cc128bdabdb', columns: 3 }, h("smoothly-table-head", { key: '0473090ae8a09e024d3f8729e4f17f5dcd52f581' }, h("smoothly-table-row", { key: 'f92c603b53912109b94e9e371fd2c5fae0c550db' }, h("smoothly-table-cell", { key: 'df62d09721b0f7bf5f3e246baf96969bab4cfb7d' }, "Date"), h("smoothly-table-cell", { key: '4af65c6e059e4c26a58882396c8c87aac19b2578' }, "Skip"), h("smoothly-table-cell", { key: '05dc66e7bb0d3f11ca0fffd6eecd7e32958118fa' }, "Total"))), h("smoothly-table-body", { key: 'c3f452ef201d714624c9849c443b26c7799e6374' }, h("smoothly-table-row", { key: 'b14aeaa8b8f23cc6f16e60bca382b8e33c282632' }, h("smoothly-table-cell", { key: 'ecd28f52a9ccf616098a026cf8a587f15dded411', span: 2 }, h("smoothly-display", { key: '0d0354908dea64d4b59e5cca0cab93d3003e7b8d', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '3e08f587933f153cc27c034170f6529bfa8198ed' }, h("smoothly-display", { key: 'b22b375f6181cbb05e651b34844720a131f7f2eb', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'a44a3587308ff7aa181faf9109246d1e69138c93' }, h("smoothly-table-expandable-cell", { key: 'c2a3e2e9b9a66e4837ea4ee7727720d1b7caf336', span: 2 }, h("smoothly-display", { key: 'eeb70f7444fd6cc95641ba80230104d21d207aa2', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '28e0a1be13c4580cd7459e63d57295872a83c1e2', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '0fc19b4ca2e81e91004bdbbdc76130aa02b19076' }, h("smoothly-display", { key: '7e82f526773b50d8be3cd435e3599bc52e2943af', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '5321d3c3d733e6c1fa1610d2f18fb42858c08b48', 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: '117fd7a049aee712ed0dbeb9810a94baf887eca8' }, h("smoothly-table-cell", { key: '3a149155a5fe80f1cb8f7b43e566743b26ce0db0' }, h("smoothly-display", { key: '87688bcea53a58823bf2785605497fc37eb483e3', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '0967becc93a1908abb519ffa15de55a275553729' }, "Not Skipped"), h("smoothly-table-cell", { key: '4357c37ccd914e1fae027cedb8fd70da12555d11' }, h("smoothly-display", { key: 'd271dc5bc6110639bcc915bd67242d44138ce44a', type: "price", value: 320, currency: "EUR" })))))));
+        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" })))))));
     }
     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: '3732c9f5b04611c92815425c666cb98a1a8a13b6' }, h("smoothly-display", { key: 'f8870230eb6cd3dd6ab82b8d40e7f13271acb663', type: "text", value: "Filler row" }), h("smoothly-table", { key: '4984b2eaa37b32f667cede832c56e4cf378de49c', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '44333a55c2bd228fd3c8dc14043e3ca5156c2ddd' }, h("smoothly-table-row", { key: 'c615fc72b835e77ae9b9f8ba5d0e1e0b61954030' }, h("smoothly-table-cell", { key: 'c0ac5b42239415560e589de1d50024a22d1e0d65' }, "Breed"), h("smoothly-table-cell", { key: 'd3bf58bcd3d630f02e4645215f8e981c180a3bf5' }, "Country"), h("smoothly-table-cell", { key: '6e26fd8c273220e6b970b8a9dd3a2de90c4d3661' }, "Coat"), h("smoothly-table-cell", { key: 'c98c2d0387969a9a7998878b089fcecbf10f8c58' }, "Origin"))), h("smoothly-table-body", { key: 'b54e5af5cae91e7db57e58f0cc09eca10e9fbe86' }, 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: '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)))))))));
     }
     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: '6a127cf14c6e9ac9cf1fd624976c7202c7443521' }, h("smoothly-display", { key: 'b540b7fae79ae7a24c60d9cb612d5abdc020d629', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '75a46178baeff2e540033e1995e7453a9a63f782' }, h("smoothly-filter-toggle", { key: 'af8c196c100f0efb79ea0f1d33344923acba1d34', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'b365b3ea14a558a82bfb901bca2c3b0c163d8b0c', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '487d35f33304a855dae3e822fa4e637ef0af6f01', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '167dc2b558a6f119b1643796bb212ce5033c5b08', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'dfd5d2d8fec55e3c98a9ceeb0585f838abcfb5a3', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, 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 &&
             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: '8f242713cc3aaccd0bca45b5af973d58e1fed72c', slot: "detail" }, h("smoothly-form", { key: '54487a1753cbf4e9e0ff9958d8c2e1e6edf86573', looks: "border" }, h("smoothly-filter-select", { key: '0366d788269d03db39f41c9977ccc7c185a524b1', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), 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 &&
             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: '547d51c2bb14f44d1a708d37b114bcdbc05fa3a7', 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: 'db47a049da7fbb18888e899f27d0b5ffd74dc871', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), 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)
             .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: '1d02ba7ad55d55de609badd1bd4df469c809dadd', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '480b135571c42dcd5460f7f8f1f70ed03b1e54ee', 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: '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 : "?"}` }))))))));
     }
     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: 'ac1e2b26f2380a5f96245f1b2163151b2ad7b3e7' }, h("smoothly-display", { key: '2aacadd33613d06b333ad69891486fd8b6eb69ef', type: "text", value: "Group" }), h("smoothly-table", { key: '57d9e86ee2e9886663ebaa8a4eed65d15a6b7b92', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '51b92cb9bc233305b122dcf17218ffa8484fc45d' }, h("smoothly-table-row", { key: '594ed85e562ed3fb61d06803a4e068cb6597c599' }, h("smoothly-table-cell", { key: '1a2fd79dd5b6cf3639d46ecc7575d8875774348c' }, "Date"), h("smoothly-table-cell", { key: 'be4715328ec4467c724bf09c370ec1091fedb771' }, "Total"))), h("smoothly-table-body", { key: '8f33c69d6915080b09f39fc81f24c0d884141fbe' }, h("smoothly-table-row-group", { key: 'd0f4dd5a1f7df7b292bd2fa48548ab11f2331e23', align: true }, h("smoothly-display", { key: '0163976ad21213b03059df5b33fe8667e4b1ab61', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '9fa1e617b130038c017ffbb8b14c16b894bd0fa7', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '01cd244dc7b6c8c2c46466932d2e1b8fcc72136b' }, h("smoothly-table-cell", { key: '599ea21bf02dd781b0e534f536d9db2d357411dd' }, h("smoothly-display", { key: 'e69887f04252006b8c815497717683d6bff103ee', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'c7083e894459c0af28577d7f457445fcfbb332b8' }, h("smoothly-display", { key: 'ebd41fd0de8f02cd8791fbf1a8133d0cf70e7bfa', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '1183b94bfa97c42c4a283291c4036b91e9aba84f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '197aa13a0ba31133e08f2723ee398b541052e377' }, h("smoothly-table-cell", { key: '148263446a5546a9aea1c24c627a612a5447a22c' }, h("smoothly-display", { key: 'ab9646e529fa57b8bf1bf3568643891bd6b34659', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '58a8d86babe68e9c6988bd2972b0edda1749c0ec' }, h("smoothly-display", { key: 'cfa34641d9c1adb8e7f6e6239bedcd44bbd4d908', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'def091fc9cc806d11379792cb18a027591155484', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '6257f6207341f724d6a9dffeeaaf8186fb36673a' }, h("smoothly-table-cell", { key: '93989c61fe42aa07f202610f0929c2049faf8301' }, h("smoothly-display", { key: 'ae0ac80a8105d5137c7541cefaa0da293d7c166c', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'c049824b441dcfd5a90952814b7932e0a706a611' }, h("smoothly-display", { key: '1109b09b8fd9ab91aacad6fac87663dd7d8bc397', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '8024d8c48bc150254bb7c32b9b1e4d25c1f0227b' }, h("smoothly-display", { key: '8b0512426d5e003c7dcd168a7033ba91c5482f3e', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'fcf8088def567c886ef14394ae761c7481e8ae69', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '77855907af956570d16bc04979b2d133bdf0f3dc' }, h("smoothly-table-cell", { key: '645dd969cf30cad850143b7746775f67e8dd067c' }, h("smoothly-display", { key: 'a8c4208116f295666224502abc1935df992caf25', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '6f9e7bd4df149dc8f26c7e4cac625c6ae50ba6e5' }, h("smoothly-display", { key: '561248e3a9a090f71a5e8c0824e04cc151781346', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '01e619b768f4d6a75d330717b8c62caff3b1d5de', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '11fc0d3d5af141e92f95cc0f33d1624b6ecfc702' }, h("smoothly-table-cell", { key: '53b593499f30b1fe9bbcdcf9e34a3843f595065d' }, h("smoothly-display", { key: 'ded56d951cc0954619d31c9153f9b4b38d04b4ac', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'f45ee29586add80ae10f886974fa99f7b2692f5d' }, h("smoothly-display", { key: '26940755ba0efb3151154f4efca225f071b231e2', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '4b48c9d516e1c0acd6de61f385563f0cce5fc3f5', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '49b134a12cbee6c373abd8e1cb29bd7a42e58122' }, h("smoothly-display", { key: 'ca0b7af40a5b904722ea9352471dc592b6888d22', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '619bf96abacccf28b1d0cc6b4cf760a20cabcfd0' }, h("smoothly-table-cell", { key: 'f81c78d4f6ac39a9f511b9c2a3f1781861462e13' }, h("smoothly-display", { key: '02941b7e64aa0b43fc204a67f3239af65c818fbf', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'c93c70f460e9ddbb9d2ddadec99771cb8b80787b' }, h("smoothly-display", { key: '1f0fad76ef3a0775bfaa7901bea6d039a480808c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '88b01a1486453745ec84673e9b8ba1d3b5665fd4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'f46236401cff7790c805501aaf17fbb27cb5deef' }, h("smoothly-table-cell", { key: '983123f84dac8b8444d574c0f17b40fde54f82b7' }, h("smoothly-display", { key: 'ce2ce797c6da24fe2b792ea0fdbedf31446c554b', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'd7cee8e15c2729262626df9e7fb4f274081bf6d5' }, h("smoothly-display", { key: '3e030ede5ddec3069cd7523ccf0e72667025c897', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '20444c6ca489da00358efda2aecd4d2b4828d943', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'b4102e638c5be5706df5202e443dc6627e5100f9' }, h("smoothly-display", { key: '835b77937ce71f8dccadfbe27424698654758bc5', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '133846d95cec85f4d36d3a35ea342b170c907fdf' }, h("smoothly-table-cell", { key: '96e0ab35c87f41b52f5ac25fa37c91577d3dab4c' }, h("smoothly-display", { key: '697fcaf06d91f8fcf675a9c181752eda2edcb957', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '01e3e076f6e3b2237baa5ae94c11d099f40bc2c1' }, h("smoothly-display", { key: 'dfabd0a43902e0d2468e45c4c0b7e57c26c72f21', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '74ba4dce88edcb26d388dc570fc9e7f683ffe914', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'fc95ba0ad6792d17b9a152e220004c0a0ae915fa' }, h("smoothly-table-cell", { key: '4095a8723d5dfef1a5311d02b5eb6ddacdd21d4f' }, h("smoothly-display", { key: '79e73efb2d15ad1423ff50fc59850d33e0c37332', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'bcebdc2bd0446896de6bbe63b36353d21572e4d2' }, h("smoothly-display", { key: 'debfdac7984b94192a8f4b0de882830a0fe1b9f5', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '57853f97602df3961cc1921e73ad0eb7e2edd2cb', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '3d4d9d34a570a9a1ed3762aa1884d105ff1c3921' }, h("smoothly-table-row-group", { key: 'd4b1ace25b3870f2e5c9ff843eef7cdc58f8d77b' }, h("smoothly-display", { key: 'bef9be6c16383367efeed4e0329408991f86afe3', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '7852ab6f71d06069c70ee749f7d75da35e56b3dd', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '59d809fadda4bf589598feb8fcea0775d524b5ac' }, h("smoothly-table-row", { key: '4be357fc59ab67ab05cb567f922967a196a4e4ee' }, h("fake-cell-wrapper", { key: '287d8fac5591b448b02f02170011ec50213c5724' }, h("smoothly-table-cell", { key: '0d6caa57455cc936a149fa987616ddd143a135e0' }, h("smoothly-display", { key: '90b82e4e9d5d28f6825fc8e4a225c887b37cea1f', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '0d4a64edab46d9ae0d69831713a8cfaca6630da1' }, h("smoothly-table-expandable-cell", { key: '523918968f3a22ddc5de7d0d7577e18d524a9aaf' }, h("smoothly-display", { key: '9f8da05b5a433d82fb68f656217a22c4801d07c9', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: 'a196d55674366110428f32f469f414048f9a8c8b', 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: '42945048578ebfb8e5573604347776dae8efb2dc' }, h("smoothly-table-expandable-row", { key: '9a3d3fe7187c0181beb0d0d71519d3fc6caec842' }, h("fake-cell-wrapper", { key: 'a8c8cc790dc98f50640c7c55657f8772634d50ff', class: "span-2" }, h("smoothly-table-cell", { key: '1ad78842759037672fe9e31d08c8c845b46b9814', span: 2 }, h("smoothly-display", { key: '96951fcb252a7c29a5c69ddc1b319e706f806cdb', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '7770e38591005b8f87cf28ae9b46643b84804fa8', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: '6b57c7aecd0e4556c47826bbdedd42c3b716ef73' }, h("smoothly-display", { key: '26e21c0bc8fea7e27387dde2471fd34f6fa3623b', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '39995adb80b1c246a45aaad63d28b31a36d1b5f6', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+        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 }))))));
     }
     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: '65cea5347c7532eaf07a12b55993cf601a5256e8' }, h("smoothly-table-demo-filler-row", { key: '2574b26c77d3fcd6134bc1f7f11971030419ed4b' }), h("smoothly-table-demo-group", { key: 'e6d462116b01ab4d129541da72e57e7563a8f2ed' }), h("smoothly-table-demo-colspan", { key: 'd32e5b14f816384531fccfeef24494d13ec481d9' }), h("smoothly-table-demo-simple", { key: 'b9fbf61c71a2eb7dfabf14d6bc7f1202d1634358' }), h("smoothly-table-demo-nested", { key: 'ce1db6290315b9d0936e1674b0c38c4c38c67a9e' }), h("smoothly-table-demo-filtered", { key: '7dd201443e90c58bcb9b8c8a0241d16f4978fd0b' })));
+        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' })));
     }
     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: 'b1cfcc83bb5397065a1d777dfa0f9cf751e808be' }, h("smoothly-display", { key: 'bea669ea1d46ac3ab50e4033584e352de05fdb5c', type: "text", value: "Nested" }), h("smoothly-table", { key: 'dbd243f99ebeb3126748c56757295707c7c175c5', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '4dd94aa5f1a331edc9b41aa95ab0e17f4586f045' }, h("smoothly-table-row", { key: '9d042acec171f925354f8f252ee659f8ac427891' }, h("smoothly-table-cell", { key: '279a2a141615a6ea84c55a86529a2132d20b2046' }, "Id"), h("smoothly-table-cell", { key: '1de3fe9c3024565213bc56a6c4cc19da422d6136' }, "Registered"), h("smoothly-table-cell", { key: 'f43b1fba655d56b5d67b24246b11b6a0c3180a4a' }, "Name"), h("smoothly-table-cell", { key: 'bfbed6445d92e2589e2880e963c2c1e5e1602499' }, "Age"), h("smoothly-table-cell", { key: '1c318f2accb7742ada0c08f57450ed0e95660bab' }, "Balance"), h("smoothly-table-cell", { key: 'ee1b188c175ad0aa13da3ece68cead04e4c37ca3' }, "EyeColor"), h("smoothly-table-cell", { key: '0ea22b942e50353848b8f780ed026a53ae7823b0' }, "Gender"), h("smoothly-table-cell", { key: 'b6e5fc234c096fc087747453bdd998dd4354c797' }, "Company"))), h("smoothly-table-body", { key: 'ad2a5aebba009a01c4a9e5d658df6d693a1052af' }, 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: 'af0f355726c11ba2b1b828bc734dd8640a352e3d' }, h("smoothly-table-row", { key: '73a5a5f6123bcf29225cab6c848c9e472770c18e' }, h("smoothly-table-cell", { key: '9f77de2a89b6dd6ad7a52774ce959fc53e8651e4' }, "Footer Cell"), h("smoothly-table-cell", { key: 'f68116ade3d4242b8d9e886e800bc465ca7ffda6' }, "Footer Cell"))))));
+        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"))))));
     }
     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: 'c0654deea2db537fe7c1487df0eb688bdf25e8a6' }, h("smoothly-table", { key: 'a3459d01e3831cf3e9fc979b18e88115bf81d300', columns: 4 }, h("smoothly-table-head", { key: 'faf10ce9172f295ec14fe0e6931ba752f9df7f49' }, h("smoothly-table-row", { key: 'ab5ef8bef62bba52edaa6226981b382f0e9f36f6' }, h("smoothly-table-cell", { key: '0da61e2692c0452333dea76b135ee20668e5009c' }, "Id"), h("smoothly-table-cell", { key: '8ebb662123689a08fb0839aca95fc8241c542aab' }, "Name"), h("smoothly-table-cell", { key: '9e00beeb61e6d93d47d1990dac907ef870738a4d' }, "Age"), h("smoothly-table-cell", { key: '0f013a590d49450f35e8f543e4534b7b4e16d26a' }, "Balance"))), h("smoothly-table-body", { key: 'c3beac792b1f7dfa4cdbe8f852d3d1181ffa090d' }, (_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: '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))))))));
     }
     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: '4160a168ef196c8b45b43f09f8ae12537cd3ad89' }, h("smoothly-display", { key: '12db6fc178e7f7f5ac419003b71a24c38a77c29b', type: "text", value: "Simple" }), h("smoothly-table", { key: '21d36d1aa990d5294380638a4d8a71530f7ad947', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '2345482602d9f425bbc2a950ee69b5a3f7903b9b' }, h("smoothly-table-row", { key: '056ceafc16fb10788c272c19bf603ac6996bee49' }, h("smoothly-table-cell", { key: '11cb8ee8e2075de98a82b94fa1d69003d9bac260' }, "Breed"), h("smoothly-table-cell", { key: 'dfbdf9fcfe690da26a7cf9ca0baff65a45058093' }, "Coat"))), h("smoothly-table-body", { key: 'fd43d6ba0345d8784b8c9ec978cfe4e24686b60d' }, 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: '363729f4f578bbf278a33f50dd6f102212bd0c59' }, h("div", { key: '192cc5b9770ad01445e01d4044798d8c8e4f17d5', slot: "detail" }, "Content", h("br", { key: '5ab7bf93f05a1d379077dcd18316773a9f8d8d27' }), "of", h("br", { key: '27196c3cf38a41451303673dea547a4c9989df43' }), "the", h("br", { key: '429a2b8bd42a852b291ae7cffb7895fe556521c6' }), "expandable", h("br", { key: 'ea5a837eb4ba48a3f3b17020d8005f843205c1cc' }), "row"), h("smoothly-table-cell", { key: '114f74729aa76bed62c2c2afbd064364649e622a' }, "Cell1 in expandable row"), h("smoothly-table-cell", { key: '4293fcd40caf821b226104e23989b6903ece84de' }, "Cell2 in expandable row")), h("smoothly-table-row", { key: '4c45e0a6e39e107e39dd70bb383e9568c425d9cf' }, h("smoothly-table-cell", { key: '0f8778b5b0dd9d61a409ab8da0b76cbfa72cc95e' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '0293a16c0179cffa94efa38d225e6c925ad273ab' }, "Expandable Cell", h("div", { key: '5a7d691c14ffe390bab6385cefcad5e370eee625', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'ec09b484fe4c56a016f2d46fd6f18f9d2e8e93bf' }, h("smoothly-table-expandable-cell", { key: '4b06350e86abb3aaf4bb03a18a226a4fc6288be4' }, "Expandable Cell 1", h("div", { key: 'fd36b974249796bde27c44dfaed50ab5fa1507c6', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'c3c818355805831308cc0d6d054f332d95b20613' }, "Expandable Cell 2", h("div", { key: '5e4a1d4d7d37f4f42544b33ff6725d6d02194fc0', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '8ecfbcb2a29dc1ea3697cacfe037fd40e03dc4cc' }, h("smoothly-table-row", { key: '77190bca600068af282bce6e81b354f5e65040db' }, h("smoothly-table-cell", { key: '7f20ab199ccf7d1c0e2e9e9fb646262d9c0b5000' }, "Footer Cell"), h("smoothly-table-cell", { key: '3aeb7280536957ac5cf6b49c5b0cd306e2d7e71c' }, "Footer Cell"))))));
+        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"))))));
     }
     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: '4f1000fd7561413101983a7441ff34f87fbff049', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: '4641a3bc646176b9f59ec6a9d0f138c0aaaef38e', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: '5c5e5844812ec4823c21326d6ed6cfbe0ba7d641' })), h("div", { key: '1f985dbde06079773c72da68c6e112d14a725551', class: "detail" }, h("slot", { key: '9bbec1f675f4875276b42248bf2763a5dd211326', name: "detail" }))));
+        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" }))));
     }
     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: '9479deddbc9ed879366caffff26c426f9f438c56', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '67e5f0bc1338d700b42e568917b4ebf5858efc5a' }), h("div", { key: '2bd03a31ebe086abd6ea476eff35d378ae0a4d6a', ref: e => (this.div = e) }, h("slot", { key: '74086f954d58fe3e9d3969f10f08e1f2e2efef48', name: "detail" }))));
+        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" }))));
     }
     static get is() { return "smoothly-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/expandable/row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAS,KAAK,EAAE,MAAM,eAAe,CAAA;AAO3F,MAAM,OAAO,0BAA0B;;oBAES,KAAK;;IAGpD,YAAY,CAAC,KAAiB;QAC7B,CAAC;QAAA,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACnF,CAAC;IAED,UAAU;QACT,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YACrD,8DAAQ;YACR,4DAAK,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;~~gBAC5B~~,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop, VNode, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-row\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableRow {\n\tprivate div?: HTMLDivElement\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableRowChange: EventEmitter<boolean>\n\n\tclickHandler(event: MouseEvent): void {\n\t\t;(this.div && event.composedPath().includes(this.div)) \|\| (this.open = !this.open)\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableRowChange.emit(this.open)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<slot />\n\t\t\t\t<div ref={e => (this.div = e)}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/expandable/row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAS,KAAK,EAAE,MAAM,eAAe,CAAA;AAO3F,MAAM,OAAO,0BAA0B;;oBAES,KAAK;;IAGpD,YAAY,CAAC,KAAiB;QAC7B,CAAC;QAAA,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACnF,CAAC;IAED,UAAU;QACT,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YACrD,8DAAQ;YACR,4DAAK,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;gBAC7C,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop, VNode, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-row\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableRow {\n\tprivate div?: HTMLDivElement\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableRowChange: EventEmitter<boolean>\n\n\tclickHandler(event: MouseEvent): void {\n\t\t;(this.div && event.composedPath().includes(this.div)) \|\| (this.open = !this.open)\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableRowChange.emit(this.open)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<slot />\n\t\t\t\t<div class={\"detail\"} ref={e => (this.div = e)}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/table/expandable/row/style.css CHANGED Viewed

@@ -23,6 +23,10 @@
   grid-template-rows: 0fr 1fr;
 }
+:host(:not([open])) > div.detail {
+  display: none;
+}
 :host > div:last-child {
   grid-column: 1/-1;
   cursor: default;

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: '669bd80f7d70aeea18b844f5a638befadddc9962' }, h("smoothly-table-cell", { key: 'e4ba2e8247ed5786b69f2f841b7af91c4221f841' }, h("slot", { key: '8f87537817111fdee4b82d8a33e83346afd59e78' }))));
+        return (h("smoothly-table-row", { key: '92fd87de4da585ef58f350ab082895c4b958a156' }, h("smoothly-table-cell", { key: '49989c2461d4c057c81c4e881ae4d10f8aed5f7c' }, h("slot", { key: 'c4be1ef40a3106786e2d37528584a515dfec2264' }))));
     }
     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: 'd62f9ff352e723dd96a9dca0b9ed1dc7e3da35d4' }, h("slot", { key: '36ebf16d849edd47d09bf8826602a2d6e3286f05' })));
+        return (h(Host, { key: '797b95aea26a73ad238c0b44b431db7c9f83127d' }, h("slot", { key: '798ace60c404e7d2b7111188ea3ad7a575e86f89' })));
     }
     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: '91c803790cbbb1d1f98138fae837f4797a8e543f' }, h("div", { key: 'fcfabf942cd18c6647d00bece21412e768656454', onClick: () => this.clickHandler() }, h("div", { key: '3547051ef9a8900a4982b9e0592b3501ba9d46cc' }, h("slot", { key: '9613f0b10c3b589ac2d9c7e73cf09d155e162eaf', name: "start" })), h("div", { key: '7c431d32cdd963bf166dc44693a239872fff942e' }, h("slot", { key: '7f9992bf59d226da834e2015f1e9efd574a72aba', name: "end" }))), h("div", { key: '1aacd15711f519620ce5ec07691911bfe650d5e0' }, h("slot", { key: 'd40ae903a11106a79fd96efe3f31be571b3270e1' }))));
+        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' }))));
     }
     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: 'f8b99f1629ab98316368f39dbae06c562c6edf37', class: { scrolled: !!this.scrolled } }, h("slot", { key: '29259680e8b93ecf2d780e608a8fd3036d9641bd' })));
+        return (h(Host, { key: '1d91e59f55039d50572b9b649aa6b48b2528052e', class: { scrolled: !!this.scrolled } }, h("slot", { key: 'c733cae9e99665e62441ae8723331849db2394ca' })));
     }
     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: '27103c94544a0522eccaaed12290f4ed90c590b4', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'cf2e937d1bc707539cf332e91461b9e21f97c4b5' })));
+        return (h(Host, { key: '272c1550a6839b84a3182b78744a8d744e9f201a', style: { "--columns": this.columns.toString() } }, h("slot", { key: '6d0e2a8487189de01d90a785966205648160d580' })));
     }
     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: 'b608313036bb6e17c3b4b60fdadf47e5d817d489' }, h("slot", { key: '9873b97f168b210f50924a06a3a8923da052ffe1' })));
+        return (h(Host, { key: '710fb98629cc8100ea43178387a873aae6cd27b1' }, h("slot", { key: 'd9453ee6fab901e26500f3c423edbab1d0b479ed' })));
     }
     static get is() { return "smoothly-table-row"; }
     static get encapsulation() { return "scoped"; }