npm - smoothly - Versions diffs - 1.2.1-alpha.61 → 1.2.1-alpha.62 - Mend

smoothly 1.2.1-alpha.61 → 1.2.1-alpha.62

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

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

@@ -106,9 +106,9 @@ export class SmoothlyInputMonth {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'a5c2d389e6f6459735db538f5009e2c164b95fb3' }, h("smoothly-icon", { key: 'be09a62abd6e174ed1206ed3a1cb3faa034e842f', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
+        return (h(Host, { key: '8d6d58f19857560bb647feb6f07d117ff32f5e5c' }, h("smoothly-icon", { key: 'a96466450e2c0f52a4547c3e73be5f12e7fc8185', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
                 disabled: this.readonly || !this.allowPreviousMonth,
-            }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: '0fb82cdc57b300c50f1039ae60e4492664997278', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: '93d073b5e1525185e2594212564a8d3b32f5db4e', slot: "label" }, h("slot", { key: 'c3896f5a650dd662ac2559eea6155410f68cf42e', name: "year-label" })), generate.years((_a = this.value) !== null && _a !== void 0 ? _a : isoly.Date.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), h("smoothly-input-select", { key: '71be5ad03d21841eb59516f8f8e2b3f5953a14ae', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: '3e039e68f2442726208422aa665ec394fe610d77', slot: "label" }, h("slot", { key: '23b59c54bcc24ab6c9663aa0287857a962865c2d', name: "month-label" })), generate.months((_b = this.value) !== null && _b !== void 0 ? _b : isoly.Date.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), h("smoothly-icon", { key: 'fb57b80ab4a1e1068bd8c4752f0758e358d0af03', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
+            }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: '4d9bc7ff4ba2abb8706feba8d70bf27d8358c6bf', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: 'b2b7c3c08e6190b111fe6705da0a67dbb8ac7a13', slot: "label" }, h("slot", { key: '390da9b74eec6f2e26b35a9dc4e7e028d49a7ce8', name: "year-label" })), generate.years((_a = this.value) !== null && _a !== void 0 ? _a : isoly.Date.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), h("smoothly-input-select", { key: 'ea8933a3d7c111b4945622056bef619fbeda3885', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: '4406bf69875cdee066dea362b6079c1e02c79f2a', slot: "label" }, h("slot", { key: '36dccb1cd12ac6580b55c859bc56a892e57cf704', name: "month-label" })), generate.months((_b = this.value) !== null && _b !== void 0 ? _b : isoly.Date.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), h("smoothly-icon", { key: '9b0fbe42d865b52cb06fff38cc525c410d9705a3', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
                 disabled: this.readonly || !this.allowNextMonth,
             }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
     }

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

@@ -96,7 +96,7 @@ export class SmoothlyInputRadio {
         (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
     render() {
-        return (h(Host, { key: '33e83daffc9d7c7e89378e204b704ca1df2a80d5', class: "floating-label" }, h("slot", { key: 'b89e248290616592a883bc91ed195e375d7193e1', name: "start" }), h("div", { key: '1371da1571d8205214e7a9f32febcb1a332ee9c7' }, h("slot", { key: '5f450610241677051c003bcda6abc1256fb6afdc', name: "label" }), h("div", { key: 'ff5034df9c86072a5774e670849209628f8a5c35', class: "options" }, h("slot", { key: '49e1bbc206bb3eab59f6764fa16ab25721ca3d9b' }))), h("slot", { key: 'cf46f8fcf62680eac716991c4d292da190a51227', name: "end" })));
+        return (h(Host, { key: '14c5f85b5b0c7cfd321e2328b677452b782aa5fc', class: "floating-label" }, h("slot", { key: '206397de0c4f978e662d8c5a0d6eb4677bc1538b', name: "start" }), h("div", { key: '481361e50d551d93508b306909843f08c02e4c61' }, h("slot", { key: 'cf59f6ced7a7c727c7815f94e0eb85c6bce2a884', name: "label" }), h("div", { key: '103d55a402384f5cb1b20a228e173a6944b6e6fd', class: "options" }, h("slot", { key: '131fe08ee7e3d771ca291b1cb4daf258fe54217d' }))), h("slot", { key: '9bc6a3ae69e22269209965fbf5467a11c824793f', name: "end" })));
     }
     static get is() { return "smoothly-input-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -14,7 +14,7 @@ export class SmoothlyInputRadioItem {
         this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
     }
     render() {
-        return (h(Host, { key: 'bc02b0502580340ecb5fa192b39f82b71fc3cec8', onClick: () => this.inputHandler() }, h("input", { key: '6e536dcc14a512ee978bec110f8eed7a907de912', name: this.name, type: "radio", checked: this.selected }), h("smoothly-icon", { key: 'b9b63e3b3e658fad2767d61ef5805a257c836024', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), h("label", { key: '24e327f0d4f3cca0973f22bc61fa47753b3f4a32' }, h("slot", { key: 'ce13a2ce4789a04261dd291176c1e2a0d522afd2' }))));
+        return (h(Host, { key: '445ef0f4c36d3b307154b6ea14b186d9c0d47c6e', onClick: () => this.inputHandler() }, h("input", { key: '082a0bd1fe3a850dd72da3b7a933898cd06b5d9a', name: this.name, type: "radio", checked: this.selected }), h("smoothly-icon", { key: '22e4068f2fb882d078772d01a6d9b958ce627c43', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), h("label", { key: 'c11b76f7cbdb3bf1e5f56295ac44cc2f8feeb818' }, h("slot", { key: '8312f51540b6f9b15d385bda77959799fdeddd5e' }))));
     }
     static get is() { return "smoothly-input-radio-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyInputRangeDemo {
     render() {
-        return (h(Host, { key: 'f581dc7ef29259c080cbf53b8e4302aa0ad008b7' }, h("h2", { key: 'f2da5ea21d7a042a15a1b2e1e3920543c122ca77' }, "Range"), h("h3", { key: '6591967e0f3bbbdcb6366b5dc78ebab0e05330b0' }, "Phone Number"), h("smoothly-input-range", { key: '12ba506f6c44e9e97ba24d214c290fa276447ea4', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '30cb7652889fc9238db6c572a0821154d00855b4' }, "Stars out of ten"), h("smoothly-input-range", { key: '0c380ba9fc9c750368c98a782b3a2c42901e4228', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'e1a51c77997b4efa230ec565521e6a3b38ccdbc6' }, "Percent"), h("smoothly-input-range", { key: 'd00d603bce0471b856abd334ab66d158708e4259', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: 'c9ab03c022ea27ca34f4901a971bad709194fdab' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '5a250a0f429cd4441f59a62eb84a34b50b1a1121', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '4caf5457ad2a853b549e9ea127a2c3c6393993d1', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: 'f910ee270005fc5cdf7d64812ec2979f9a4b21d5', size: "icon", slot: "end" }))));
+        return (h(Host, { key: '85b6282c50f89bee4840e693926c5ce11b8468d2' }, h("h2", { key: 'b5a5bfea39b7a5865dc2b675328518dcaa580815' }, "Range"), h("h3", { key: '3027e87b61097dbead9b1cf4f10631a32f0d6117' }, "Phone Number"), h("smoothly-input-range", { key: '31757986d4852b37927bcb19668890e700f85504', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '59ea0e4817e7b9bbc58d036519e353a1aa5e8e4b' }, "Stars out of ten"), h("smoothly-input-range", { key: 'aee411b555cf88517a82aca02c6b5b38322a1483', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'f1c1639384fc3d62e9bc37cf7c58cebe27d53a87' }, "Percent"), h("smoothly-input-range", { key: '4719a44a7107c7383df68a36bb9b84e1d3e5ac60', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '0e07c305b2bc726df28d1c9382f2b9b867437f6e' }, "With icon at start and clear button"), h("smoothly-input-range", { key: 'f68492573ae570abfbaa7b78e2f7fec795516576', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '5a8edd71548ada20177deb229daec450ec3aac25', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: 'f5e2bbaa52d1eff08ab227349dcea905804d941d', size: "icon", slot: "end" }))));
     }
     static get is() { return "smoothly-input-range-demo"; }
 }

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: '70128d9ac099c1cd852bb1b5dc8717646984eb7b', class: {
+        return (h(Host, { key: 'db783417b42bed5076f915f08313768bb88da4dd', class: {
                 "output-side-right": this.outputSide === "right",
                 "show-label": this.outputSide === "left" && !!this.label,
-            } }, h("slot", { key: '301b644eb7c8df20012a829c1bf5e1238d1e0c4f', name: "start" }), h("div", { key: '1e26e6b11f814def73fde42ee2c24294edeb1031' }, h("label", { key: '901dbda93df7632cdaeefcc06f18e72fbbedde51', htmlFor: this.name }, this.label), h("smoothly-input", { key: 'd18cb15cbef044d11950983f2f403e15e7891078', 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: 'fa546d63cc333586a0790952abd17d3e38ed57d8', name: "start" }), h("div", { key: '7174fa5235b46e4d5814a6319ee87780f53182a1' }, h("label", { key: '68acdcdac91793738f6b9c793bbec91112452656', htmlFor: this.name }, this.label), h("smoothly-input", { key: '2358aca48abfdbb7bf64509ffca4415c1417a7b0', 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: '216a04152ee52272379d594ae42a3e76ad1e8bab', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: '776ab022a0defa8c954e21e844d9b2daa9ad2d64', 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: '46d85841ca98e52c4983f3ec120aac867c82fbff', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: '0ab661e4cec6705de67f731b5ea77030358a2326', 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: '3795b214890bedc6f982879aee6ae5f679cf1eca', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: 'df70f63235a6f9f11771aa32c763585985daff17', name: "end" })));
+            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '07ea47fe23295c4f7ffa6897b4454d3f5506ad46', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: '86f0ecb601f375f1b9991308b7840cec3594860f', 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: '1f2b1af44599e1f880fa59c186a66fe46cd85b9a', title: this.tooltip }, h("smoothly-button", { key: '84e22d1382ae7836442859fe4bee9d61737cb75f', 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: '7ce4e59101629024cef25297a24b601d633cf108' }), h("smoothly-icon", { key: '04e73ec95bcbcc095dd2a1bd0c423b7c0e4afd38', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        return (h(Host, { key: 'ddf4d620b1e0a0ff24f3ebaa02d310d44ffcbe16', title: this.tooltip }, h("smoothly-button", { key: '6275117e110e26ca2a335384da1ffcc16bf14195', 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: 'b3161df742bcd93d8c14e693e35403a3939b10ef' }), h("smoothly-icon", { key: 'a2fe246a617475efda9604db8526d7aa7b7b546e', 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: 'c62fd66c9ba4eec894a4ffff22f143709d33eec5', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '88b7f3c532fcbdedaf9132fc106f20e16f787126', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: '3df61df5c679cb1ac2d173dd2c8ea0d044ea8b13', class: "icons", ref: element => (this.iconsDiv = element) }, h("smoothly-icon", { key: '2fb8f963e220f10ea6a42255da8742b3ec6baa17', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), h("slot", { key: '553e3bb02bd43b3ceeb3091cd714d5c078c39c8d', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '2b49a0d08bf3df0951bf5dc5663033cb59115cb7', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '095a8a4a711dd13caa6e88e23f50bb4caf95b1d3', name: "label" }), h("div", { key: '92e14329f382db29e7344d9d27d22b0110b4428d', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: 'e45e1b04755aa14a81b7731b4115f6624dce5118', class: "search-preview" }, h("smoothly-icon", { key: 'fb9b94127aaca8a22f165684e88c938979f26fa3', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: '220439a98a62c91a48855a3ab1784349ebbcb422', name: "backspace-outline", size: "small", onClick: e => {
+        return (h(Host, { key: '53ca1c9cf778456791b51a012feef878a757b201', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '6f34984590263650dc01631642dd8d1fcb99e6f8', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: '4bc2998836740edcdf28cba931a493e41eb27164', class: "icons", ref: element => (this.iconsDiv = element) }, h("smoothly-icon", { key: '7ecbd020399beedb2f247dc24f34e124dff681ec', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), h("slot", { key: '12a9f9bd31a268275d52e072f200b65065c6ebab', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '471609e7f3392d240a86dcc12ec7789efb5fdbf0', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '86dd1aab9ec4f5de581116941c093190a753800e', name: "label" }), h("div", { key: '2df664b32bc54c10aa785f04fb433041ca77e5af', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: '5f79fc4cadd7de3b18391b04beafb49d192eb471', class: "search-preview" }, h("smoothly-icon", { key: 'e39f46a99686b49c6d2b84efdc6b1b0af3ec4292', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: 'df7b29e678db8cd87fe4f57c8bcad7b9cb71bef0', name: "backspace-outline", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.filter = "";
                 this.element.focus();
-            } }), this.mutable && (h("smoothly-icon", { key: '0627576082b52563ae949e7dbcf3166f6f7e9b68', name: "add", size: "small", onClick: e => {
+            } }), this.mutable && (h("smoothly-icon", { key: '264aa85b53723489930a72ba8f070b51223de7ad', name: "add", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.addItem();
-            } })))), h("slot", { key: '80415b018a5d81f702e60842acd38d29c8b7e96f' }), this.addedItems)));
+            } })))), h("slot", { key: '1f1d5c8170cafcf97c73f1b9c25afd2333339606' }), 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: '15da6fa1f5f4f2ed946f68bfc392e01cff368223', 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: '1d8c88daf379890ea99a468e995664358fe34358', 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: '4f8182b389900e4dc7dfb59372ddaa594e9f161b', tabIndex: -1 }, h("slot", { key: '1c9da4ff4b5edbbf9c074e642dec0be598403cc7' })));
+        return (h(Host, { key: '3ed995516cbc1201d69cf5ac51fec581d7d336e1', tabIndex: -1 }, h("slot", { key: '86b7afe4dba82ba858cb5cb423c48e83be1613cc' })));
     }
     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: '8129f1db21623337d8102f9b0ab6d31f6b8828fc', title: this.description, style: {
+        return (h(Host, { key: '5774de78bb12d627ff4cbe9e929e9111fb7190d5', title: this.description, style: {
                 "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
-            } }, h("slot", { key: '6407607825c94484040ea8c3abdaf63cde04e9e0' })));
+            } }, h("slot", { key: '9a8a3d260c46b24373ea2f825a01934044406eb0' })));
     }
     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: '3bcb203cf4c62810edbc8d8e73e435334320757c' }, h("slot", { key: '134e64e49e4a4c7b1ea95cf150c7da57b25a9a25', name: "before" }), h("smoothly-load-more", { key: 'ae62bc4186ba3e2931f36642c8f074aaabc11402', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '5dd61a3aea61c4ffadf2ed8b5f1adffde1428b6a' })));
+        return (h(Host, { key: '9232620482ed6c3a6f428bfe60cb697414b6a336' }, h("slot", { key: '25929b29e0ae6429f009bd55c60698e9031375ba', name: "before" }), h("smoothly-load-more", { key: '636eedc57a3698f4a376b1f72557124e1fb9acfd', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '0d88241bd8026ae932531aa40995f6fe852cae66' })));
     }
     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: '1e5aa151e1acd2f091b925f9a4ceb45a609ea198' });
+        return h(Host, { key: 'ab441b5c3f3d5d75cf571153176f2feb2e22be74' });
     }
     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: 'a3fcbf6570682dc94970853a2c1a57f926156647', role: "alertdialog" }, h("div", { key: 'e678d085096aa5968d0addecb9c5f672f67cc0e0', class: "modal" }, h("div", { key: 'ac5ef3de38862a2027e0a031fe4c7eaf0da20c14', class: "header" }, h("slot", { key: 'eedabda53e46f3aeee6e86d26f3eb28cacbb48ef', name: "header" }), this.closable && h("smoothly-icon", { key: '848c1824a1422274429e03d2df6e8876fca7d9f4', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: 'f675af8f89db2b520bdf7601d1a1384a9837032d' }), h("div", { key: 'd6b5a0a91b701e4c0a2116f67f67065afc8b5963', class: "actions" }, h("slot", { key: '364d754a0884af6a6d357c560f0c7dd587a8eb93', name: "actions" })))));
+        return (h(Host, { key: '4e8e1a3fa1514c5f4e96be5ca19a3e51b00c8ebf', role: "alertdialog" }, h("div", { key: 'e34db35173c29b139189d2f4ed3f9ae32a0d1b8b', class: "modal" }, h("div", { key: 'd612e953afeeb5f263733f3962b75352b0acd4ac', class: "header" }, h("slot", { key: '43bc2a0ba4af24172aa61445527bcca7daa20062', name: "header" }), this.closable && h("smoothly-icon", { key: '077cfd88bb565982a48044d5449c23a33c86cf6f', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: '7cf4fd88b99e833ceae23b9a84629cd832429615' }), h("div", { key: '694537630273a9b0457329c25930a681cac0d822', class: "actions" }, h("slot", { key: '3be84aa4fb5b6df9745bf83121d5470df03e063f', 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: '4f9ff6f7eb15a0292e408eded5af0cfe7a233716', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '444c117196067bf1bbad4bc3d16823d2a25a539d', fill: "clear", name: "close" }, h("smoothly-icon", { key: '2c1b2e9be8fca6a72daf006a27790559896e16c9', name: "close-circle-outline" }))), h("span", { key: '7fada3523bca91e346709fdb8578145ea534fe6f', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '912da44e0c378f678f3b041be1fc0d43ce9137df', name: this.properties[1] }), h("p", { key: '4f6c8006c2de6edd85b4d2d31b30159209a69428' }, this.notice.message))));
+        return (h(Host, { key: '7c845d41e00adf4dcaae082e75dc602fbad208da', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '4ba34762185e7f145ca7220ff7a93e8139601caf', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'a01ea1020f051a238299b6082d7f9513582b437d', name: "close-circle-outline" }))), h("span", { key: '750ba5c476f6b4261f994fc5c3355e4a86127be3', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'ba67d3bf5712d9693c66ddee9a66da24521c7d60', name: this.properties[1] }), h("p", { key: '58b2e4f5ae440f81332125276bb6797dbed026d6' }, 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: '5fd9551ae9c12de16236d82497aa4e918d17623d' }, h("slot", { key: '788431d7ce3a7e2ee8ebf1b0694089805ece19e6' }), h("aside", { key: 'e25e808d6fb17f246437aa36d9667c9b92e49e98' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
+        return (h(Host, { key: 'c3f5493e09550b6c51e8a4a5d79e879213177971' }, h("slot", { key: '031af69c7df7e8ec52665912c005603ef19e607c' }), h("aside", { key: 'b373e41f80802cad42a1893ddb4cdcc11767d0d9' }, 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: '1c790579c31061c33fa3091dfb2c449598efaf9d', style: {
+        return (h(Host, { key: 'ad927ab405fb8e1d9f65754de12159074f4674e4', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: 'd50777b7f9afc60017fa24d3bbb7935e041fa36b', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'c7e01af7d14a3b1e7665982568f9224799f5f707', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, h("svg", { key: 'c40d7dc9441ded52ef098365baf77870b110f757', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '8653e85654b023d560baaef3c094da84eac870e1', 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: '81374bb3ab857fc8a7944ae84df0a68854ad258c', disabled: this.disabled, type: this.type }, h("slot", { key: 'bb3c95260ff1ffb07cb806dfe998f027f5ff112a' })));
+        return (h(Button, { key: '831af4459da02ff6cbe3ef5361ce21a4969facde', disabled: this.disabled, type: this.type }, h("slot", { key: '8c0ec50155ca4cbe2444cfb83f2191ab1f85d46b' })));
     }
     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: '0992340a956b04223ea7959da62ce5a6c39137e2', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '7549a887c08d7a4f9a8dcf32a9a5235cec95d3d4' }, h("smoothly-icon", { key: '5218d138d2ce4c1abeaf9a84c701fa04b5041709', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '5be813bee929e19c932e8bbdc1f60c341655c2ee', name: "summary" })), h("slot", { key: '9d521db99027941e0dc4b22f1194557cc6f79f25', name: "content" })));
+        return (h("details", { key: '867e247e3c2b27f03fe3d8d79ddccd2a4a24bd2a', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '302c2da5ca9acd9b7b1d0500f7cd449d5c0363b9' }, h("smoothly-icon", { key: 'd8f86b4a3a12ccb790a9d00269501d8f427eafcb', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: 'b6746b271026ed27921a810b9adcc30a5d139a57', name: "summary" })), h("slot", { key: '81118cd7721c2ed5294eabb32c0fe819c423d9e0', 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: '419b6269854847340440c32fe1439913b44fc87a' }, h("slot", { key: 'f5369f0d2004f35397bfc1a04ba0e72f72e30444' })));
+        return (h(Host, { key: '3514090979dca3daa66aa8ea35358229fd0b9065' }, h("slot", { key: '9540bae0c43bdeff30d05835c2b039f23c9c458a' })));
     }
     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: '839b168d063d5e1069c1e560b29189d1d035bf35', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '96f38dcbf676e717e42f0319784605e4cb7f04a9' })));
+        return (h(Host, { key: '579536102af161d3f9eb9e00af627344d069b2d9', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '716b8539866c94a4e9f57beedc26c0b3398f3830' })));
     }
     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: '3e34193f308159bb9bdc0f09b977700650de4693' }, h("smoothly-table", { key: 'b43a4d0acd678728c583d83346da6f7a7dc67c41', columns: 3 }, h("smoothly-table-head", { key: '56664269fc7083d97664607c234cc4fbb1f6f4bf' }, h("smoothly-table-row", { key: '974080501902f03522b722a5ed62965ac535b2e0' }, h("smoothly-table-cell", { key: '7b804228226786642237dca441a21c4a2bf3d86a' }, "Date"), h("smoothly-table-cell", { key: '7e6f1f57ebbc2cd5034bf2c1768d4cbe34f6d083' }, "Skip"), h("smoothly-table-cell", { key: '8e5bdba4f1ab4370fdefdea76e5877881d1b8d1c' }, "Total"))), h("smoothly-table-body", { key: '5a3d668c0ae144cb569a01ed01569ffa3f0b4322' }, h("smoothly-table-row", { key: '02370401ad4db907a854714b682c4a0753f7e969' }, h("smoothly-table-cell", { key: '33e0acfc2f4c23e7ba1d6c49987210f3f3a090ab', span: 2 }, h("smoothly-display", { key: '87f76a1898d3b438c4f7abebec4b0217cd2f071c', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'cde95f8d767fe1749c8b1fd625a9ce56166ca8fb' }, h("smoothly-display", { key: '39c94b8daa6c5c0d3855a884433bd0690d903d1d', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'dae86a5b39cefd863cd378407af6df79b9cc4234' }, h("smoothly-table-expandable-cell", { key: '38f21be1a5d61fd8af6b3b8cdb492ffc9bef0b5e', span: 2 }, h("smoothly-display", { key: '3c60783835b8e38a85f50fe5b9d6b636e4f23232', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '90032d321295b755b72133e4802b4ec82c6bd61b', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: 'b7962eee7b81e2ece5d17e114f67a424f22e08b0' }, h("smoothly-display", { key: 'cfba3c5ce58f5591a510e826765ab5fea2366f58', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '5e3e291772ae876d8a2cd48fe25d80bb94e0d8f7', 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: 'a8b2e296f55a212eb47037af89458c2030b2eda1' }, h("smoothly-table-cell", { key: 'ed221ee93d5babc1f73bd6f4da928e9bb0f665ec' }, h("smoothly-display", { key: '23c4efeaff167ffef3993e4916dedbe14aaeae4a', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '35bec64456de5038f9775edb19d1469ade53cf5d' }, "Not Skipped"), h("smoothly-table-cell", { key: '507ddc3265af461673fa2a81baf20573b998a5ef' }, h("smoothly-display", { key: 'f266d235837d23ba666d060e48cba5e7d6b7d470', type: "price", value: 320, currency: "EUR" })))))));
+        return (h(Host, { key: '9f2e3eb9e4d95cd8230e6fb82791d5d0c6012b53' }, h("smoothly-table", { key: 'f74d01b7f0160f4b23424ffdb8fa6b7b44d9fedd', columns: 3 }, h("smoothly-table-head", { key: '4a53bd44d03ef7a46a46a85bd39af45b69456f59' }, h("smoothly-table-row", { key: '1823ff3900ae5b940aacafa8f1b610b51e4adaa4' }, h("smoothly-table-cell", { key: 'c5c75b7295bd895df50f12fed08995265ffbfbbb' }, "Date"), h("smoothly-table-cell", { key: '79bbe92adfea579806f89da74bff195092a1e85b' }, "Skip"), h("smoothly-table-cell", { key: 'c8541523b82dc0e447ab67b52ab66e15f655bf16' }, "Total"))), h("smoothly-table-body", { key: '7c924ca900b3d482b340d3cbb5b461cc0371dc45' }, h("smoothly-table-row", { key: '73845881085f1dba7afb783d6ec9eeea860df09f' }, h("smoothly-table-cell", { key: '33c011cd65a3cbed12dc95372b3cc8321861e2c8', span: 2 }, h("smoothly-display", { key: 'd35fb76e50566c42e4ae7834d056ec7c3fd19651', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '34b5085f8162964c3b5a690704a28d57ba98c507' }, h("smoothly-display", { key: 'cf24a3b830e3f0e4e57b8c0ece0b8d639c11fc82', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '2a4f9a805b0141475f0f56305b68babfdbe99364' }, h("smoothly-table-expandable-cell", { key: '1e37cefbe785ecc65d5cec5370d8f1ec8ae155bc', span: 2 }, h("smoothly-display", { key: '16a398443bf00001d9302a106708a33739138cef', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'c872fac48a23e9245817e020bbf119f10abb5a87', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: 'a0619681740d615b3638b0c1381868fd876d7b96' }, h("smoothly-display", { key: '9b983efcc92fe95fa83b691ae129f4c81ec27566', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'c066cb080f4938384a01ec61b0d8660fc4f74267', 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: 'b50830acc0c012b28d177b54cacc50f8bd4bfb1e' }, h("smoothly-table-cell", { key: 'ce9db98b833a2e09ee94bfad3582c0d5d107d9f5' }, h("smoothly-display", { key: '5770b3138473dfd7fab6ec400f67250ac6b671f0', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'c9f828236815c213bb2e78f989f1a484f7fd5a26' }, "Not Skipped"), h("smoothly-table-cell", { key: 'ddd50ffd161dd24d9196e6760fcd9e4bfce003c6' }, h("smoothly-display", { key: '30b22f99777dcfb88cdb6420b718c45f709b2db5', 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: '19bc7d4ed0eb23c000767c730aa4e228fdb50069' }, h("smoothly-display", { key: 'bb31fb70ffe9240b5af1fe847b6f25880ed2b0e7', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'feb1a1ed858879fc7dc5a8a012d3e167c08cb7a8', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '49c5ce0d2cad194cc4ae9ccb67553f55000298a5' }, h("smoothly-table-row", { key: '3759ed5a89913c27a0bd9564f7926417fa4c6bc8' }, h("smoothly-table-cell", { key: 'e0fa6b5c4e4483082f07abb262ff0ac765170f4f' }, "Breed"), h("smoothly-table-cell", { key: 'e9adc4def9a510c64a7a726bd15f52a7884b8577' }, "Country"), h("smoothly-table-cell", { key: 'a2aa66dc2a576fd8f80603696b3e2ea4e6435c04' }, "Coat"), h("smoothly-table-cell", { key: 'f8a537417a8e153686f525a83852b7ef348df382' }, "Origin"))), h("smoothly-table-body", { key: '8a4b21db78bd229f4b6912d988df97b1a2326eff' }, 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: '4bfc0a1cdf124c7e8b9e139cea9fb1d40a698977' }, h("smoothly-display", { key: 'b4ecca1026d3f3c0d5fd964b0e6e668f068fd4de', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'aa373236eada287cf36872a8309b46864cd8a23e', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '0ab77571d777d6e808eaed27304af683dc0ae7ce' }, h("smoothly-table-row", { key: '5a615f3b3dfbb0c3c2627cb5fc93643931adebf3' }, h("smoothly-table-cell", { key: 'c874d318c92a76a6eca2050cde288ac99c6aa3de' }, "Breed"), h("smoothly-table-cell", { key: '8325696db18f5c147f6dce7154bfb5f328557fbe' }, "Country"), h("smoothly-table-cell", { key: '7bbb2ab808a0a51dbd00a4b0cd8b4e16a4901fc5' }, "Coat"), h("smoothly-table-cell", { key: 'a26e3b609437a4bb89485b02cfca289beba1c427' }, "Origin"))), h("smoothly-table-body", { key: 'e3505ea86686e84fd19a3bd054193e02a879396d' }, 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: 'f8244e86f9d20163a296eff32c0126192c2f0168' }, h("smoothly-display", { key: 'b8c6ff3c636231f5e0d14b260f99b4767f49f889', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '2c52b1628d21083565da0dc1d4dfe5f1aa5fa11c' }, h("smoothly-filter-toggle", { key: '30feb3b72f53bb17e4cae9b7de3c32e9f9082fc4', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '3a203996f9cb545d0797f93c34034bd4fca27ea4', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'a6a6d3b7b359de6a8143fd23575809b41235b4ba', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '878dac5daece272d96e40bb1cc5e996a3e9b235e', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'e3ad45d9e9932f1ea6d183278efe2a9413905c70', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
+        return (h(Host, { key: '8d55f782a5df458d13a02d59a0c204037cb084d3' }, h("smoothly-display", { key: 'b031a5503b68b070fbe0fa1e0a7973104bdd66b9', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '5114ba3045e6a38813a4dda29ac3303f001af64e' }, h("smoothly-filter-toggle", { key: '845ee58c9a0ce4fa8ff8c1e4114de768ac175fac', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '7c8e98ac1bfc7537a9aa6412255b34a54fc60de3', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'f14605713a881dfdc90e7fcac7bd7a550b06f587', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '2183ee1b6762ebd5ccaff93f0c1848a6c4cac5c7', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '266ad69988175d612400edfcfb8dcfd7af16670b', 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: 'a2843093bf727be5191134fc35ca7a3dbfbb5010', slot: "detail" }, h("smoothly-form", { key: 'eef5df439484fc442843b45d9aec2b48af3bda66', looks: "border" }, h("smoothly-filter-select", { key: 'c88d9d5f254b31728950a4ba703c823515601998', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), h("div", { key: '801474cee57610ea30e72193425c88d8de454e4e', slot: "detail" }, h("smoothly-form", { key: '752f211850ac2e71727e5a7b2021f1bbcf7d68b3', looks: "border" }, h("smoothly-filter-select", { key: 'e9ecc6a81dd93740bb29c31d0916b32191317d77', 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: 'd76e123d6f63ad3dadc8d46b4ec3c1ff26414461', 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: '217a1ec1a690e657fa064591616d0e9e24cce84e', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), h("smoothly-filter-select", { key: 'e3ccd5e3248302430f151cb7190b82f6013e6c65', 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: '72505b6a1afe108c13b52aef6ab2874bb5c97782', 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: 'ede93e0f3c380f7057f0fecf6d6e063881f132eb', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '56ab36148e22836aea817bc970865da8799965d6', 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: '6b5fc795a759f451ff4e46fad05c108ed5b47fc5', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '53086231e9056ad86984bd63c1208b8e1df5ef15', 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: '1034540a98faf600a953aec9b0d9b5d26031f166' }, h("smoothly-display", { key: '88f047faaced01d446f0a205a560ea84047744a1', type: "text", value: "Group" }), h("smoothly-table", { key: 'af471bfcedad100ae30150628d4cc3800ca8b6ca', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '14642db2794498956bb5d1fe6acb5fdc84b6e2b2' }, h("smoothly-table-row", { key: '2a0ba815cad8dda6501a0d3bb49a8dbb62261f30' }, h("smoothly-table-cell", { key: 'b377d5e5cafebd0280aeb0f99fd1bfa7080ed033' }, "Date"), h("smoothly-table-cell", { key: '4ea57090e582d506d569b618e03115d7cf175630' }, "Total"))), h("smoothly-table-body", { key: '07ab19f5e57c95e1449428638cabe53be0ab1982' }, h("smoothly-table-row-group", { key: '4f11896e5ca0ddc9ad4a43a99d618ca687fd0665', align: true }, h("smoothly-display", { key: 'b193951320dc1044ce6e8abaf58337b940a09894', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '32218a0b2afa1d24817cc963922eeafa2e1e5db5', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '81e7daf6a6e9c53db9e3bf54c19ecf2b50fe1a14' }, h("smoothly-table-cell", { key: 'a92e44fc7721a2b8f9a69008d3879963c105ab1f' }, h("smoothly-display", { key: '4836adb43eecad122272039cee91db984dd743f2', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '120d701d11a219a6541831baaf87ff4d723cdcc4' }, h("smoothly-display", { key: '43cc5384340f4548687dc83dac8eab6d5c7a8ec9', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '3dcac4e4d28bac23a172da204439b2631ef96798', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'c682c8da163d199ec418b9c8a8a757c79f4bc2dc' }, h("smoothly-table-cell", { key: '996085ca2beaf50fbb6b801005b9027841f7dbbe' }, h("smoothly-display", { key: 'c16a1b376275e61a9710de2ce9f315d670618310', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '366ae68c39dca6f2325d9041a46384cef5739024' }, h("smoothly-display", { key: 'bef71253203a53db1b9eb0569004726f1a8fb254', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'da35ffcb42c4e729f2a0527b38d0c216b71da52a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: 'e92df1aa55107de9287b4e6d0da32de331d8820f' }, h("smoothly-table-cell", { key: '499be1873791c2fd7f727d7ed0d1629e29688e28' }, h("smoothly-display", { key: '6c6ac22ebd8a5b56cb52c5a8542673eee54fdc6f', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '77158bc253e893d9471afe55dd6ce37e1e22bf16' }, h("smoothly-display", { key: '28832eae08eec6de59407c9de07fdef3e616170e', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: 'e9e4e349e364d8d26fd1b90b18e24e75f3af710c' }, h("smoothly-display", { key: '43164349ce717696792a21421f9b52bfe62044d0', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'bd8eb344377824670e1219c802e99727e2f8a89d', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '31bcc27b52845699f0ee7e9efb27cccbe4d43223' }, h("smoothly-table-cell", { key: 'f0c1462b237797440696298f6086c7dc3fd1cd98' }, h("smoothly-display", { key: 'cfdc9876392add8fcd24ea4745770036af566da4', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '5605695d73d540b01984598c1f5964860d8438f6' }, h("smoothly-display", { key: '7f355901e0101c45bfa2a5653026e78320acb139', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'e1667a9048344e93aafb944e48123afcb9896ef2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '0472b3979d1ac6f92e20fe5f709c67af7ee63bfd' }, h("smoothly-table-cell", { key: '06359d29cc7a216a23dfb2174a98797cbdb73da4' }, h("smoothly-display", { key: '264f1532cb20ccd6ec12deef3ee86f17863293d2', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '72a12b91b051b2896a74a5add41e7a18c712dfe9' }, h("smoothly-display", { key: '13b46fad06f4c50051a1d759e14964539e5080fe', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '57f10d0b320a04996492e96c41616f467dc8a970', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '99f021f3d3c93e1ad10c824c02938990bd097a38' }, h("smoothly-display", { key: 'cdd2ea85952eb82236b830d28a7b0e04f56a3a88', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'c81417b3c22bdbdf39b3b2954abbe27ba36200e9' }, h("smoothly-table-cell", { key: '9f72351bc3ca870887829689ead20a662f1939d3' }, h("smoothly-display", { key: '4aeb1c5d1860d272daf29c42f51b4262e3ae130b', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'de6dcfc8fb2616402ee0b13efd1ebdabe515a127' }, h("smoothly-display", { key: 'e91648acc4a155293dba130e178ffbee56e9dbbf', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '324773d0738ce82283e6e8951265bd6a6b85ecda', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '1bcfdc3cdc43857b29dd359facaf75e4b7e199e9' }, h("smoothly-table-cell", { key: 'b318048f5cda12927f4fad00ddaa6ae57700fd4f' }, h("smoothly-display", { key: '8936240e59e693824c668fba172ef7abf5bfe154', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'c24285792e6394dac7871d02d79cb486ba9c7269' }, h("smoothly-display", { key: '509b4ebffda8e12de3eb4352c10e342025ac0f4e', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'e96ef00ea6d1866b0c8ab24a996aa9945a2cc81e', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'ea8ee80354c68b0f0aef455de4a93c53d6f79064' }, h("smoothly-display", { key: 'ff1f9450bc55b46c5a37af12ac990fd3c478aeac', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '29973938b1cebd9eb81e39f58d5973c291421b2b' }, h("smoothly-table-cell", { key: '7bf794e7b3b0bf8cf4d1530dbf1ed35b241d9fcc' }, h("smoothly-display", { key: '9eecb9255f5a75c93de280aad89f0f113388dd74', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '29e8bb6a32c4809cdf5454db6901b5ee5d9fc818' }, h("smoothly-display", { key: '1b0f13543db874ccc0a58aad14dfdbbcc1d8568b', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '87219c0372a63cfb2ee9b2c649a995b0b5f6870e', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '110c5c56ef60a472c20db6630be831e4ec2f96c9' }, h("smoothly-table-cell", { key: '10bf1dc3e9603fe4ecd0f0a1235b98942b28d121' }, h("smoothly-display", { key: 'c9da9d00ff04e7f550099ace2219940a50b28c48', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '2e581d12913416d23f17c9b5b8b52b871f45b736' }, h("smoothly-display", { key: '6d2d1449bceb8b9f72bfbf5ee5c285f8a0e42936', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '7b5e7cd8a145fb79cc3115e9910d9401788d043c', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: 'd643f958e09e8a4ce097ae22e9c75487fda068e6' }, h("smoothly-table-row-group", { key: 'e2c08488abe0ec8e17eadb8e6bb097ca705e5270' }, h("smoothly-display", { key: 'c86ce34607e245f4fd31b67f4bded15086538a3e', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'a36ef3d966f2862f1f65a9c8b8a8f9536069311e', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'adcad0e70a4db0594014f808caf00c98ca2b7ac7' }, h("smoothly-table-row", { key: 'a950bbbb0792b9a28324105b447e5347ceb561e8' }, h("fake-cell-wrapper", { key: '3220faff99707a6f8c54ab624f1e21d1b33dbd6c' }, h("smoothly-table-cell", { key: '27c97c03c54e5f5564b3125e02e672a50fb6d0c1' }, h("smoothly-display", { key: '299d746ccab64a1db90ca1aef21d3e8df61aaa22', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'fd2791819ea29c8f2bac0c400fe38f6c7a24fe04' }, h("smoothly-table-expandable-cell", { key: '19e32e94b1066485d1fb4d27f5ef3071d210c492' }, h("smoothly-display", { key: 'd28c9c3e98422760a2a9bf970d5c5434dd9c0805', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '4c7f4047f79dc6125eb9c7b99325dae50c1244ad', 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: '172a08d7e467a00ec054c668b3e4f7b7276fffe7' }, h("smoothly-table-expandable-row", { key: 'f7519806559ed0358bd48dfa2d793a8d562a4687' }, h("fake-cell-wrapper", { key: 'de3abe6b9cde5ee429071430a1372bd363ca062e', class: "span-2" }, h("smoothly-table-cell", { key: '9b22dbc7264514633f198767171c52c59ba9b60f', span: 2 }, h("smoothly-display", { key: 'cd8f6855d38a8c1e74d23c32b3792dcbcf88ca71', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '65f410793a67e31ada397a000d6119a0b9238fff', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'e9b3b35a246b1f210d87fe9c128f47aeaee91445' }, h("smoothly-display", { key: 'a827670eb50efe1287215c1171c8058af0d8333c', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '772c96f8a63b795575f2c4be5f9fd250862e011d', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+        return (h(Host, { key: 'ab17a5de6350253218129e9ef1a901afca119cb9' }, h("smoothly-display", { key: '241b4f2a5d975758716c86f4a9e607a603deda71', type: "text", value: "Group" }), h("smoothly-table", { key: '862a1f6f51b60bdf7180a23ae2e5e8ba756da733', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'fd02d23e191fa245f87fba4ad4d6bca4589568d9' }, h("smoothly-table-row", { key: 'e680167eb05b171558d9eaa020078890e21b4417' }, h("smoothly-table-cell", { key: '6b52630d199801fed460f8ec4006ed99917b55b0' }, "Date"), h("smoothly-table-cell", { key: '257ab1871963edba4c508b9239d91fdc47a4188c' }, "Total"))), h("smoothly-table-body", { key: 'e105bea8ba10cbc7f28ff60276e905905e6a4f61' }, h("smoothly-table-row-group", { key: 'cfb10b12fa24d5f3503efc04cb630ed6f062426d', align: true }, h("smoothly-display", { key: '1eb844826cb1b1acf2ac13aa7e042a430d930cfd', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'f80a2845de1d28e0827cc41f5d1060749c4ec953', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '4efa1e4899770886d3a227487f50c3584555a8d0' }, h("smoothly-table-cell", { key: '547add4a1a36ed0d969caa0c066d564cb44e2748' }, h("smoothly-display", { key: 'bb67befeef44104cbc3bf02c7880ff58387f2891', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '6c9442e995afeba0d129e32c7a32744af53c9725' }, h("smoothly-display", { key: '2d310c3f5a84ccad1d17c457dfb74b9d7e1bd9fc', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '6f978c968c43d7315509241291a2a955ebbe5539', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '492e93fa2821b38ab1f0ce305ea9fd65f8781e62' }, h("smoothly-table-cell", { key: '68dd180e3c2954bf50ec903b3809304b4300dac8' }, h("smoothly-display", { key: '172525308c6323f08391250970f83648f295f928', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '102655f27f8fff0e563c1b9c4f91a7a5180517ed' }, h("smoothly-display", { key: 'a292efb6a9913c52a09669531f1ae420dee9bafe', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '2229625dc6667273d75e5bab7e37c28353ff55c1', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '2f6a9d343d2b8faeb54591568fca534491e09624' }, h("smoothly-table-cell", { key: 'd28918b88277bab63ce3ac9e0c2ea2952fdc149f' }, h("smoothly-display", { key: '57254b712a9af72bd17db942d8c67b550f4bc249', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'ce6078b20e8ad3a60a2c7487b3c10033721c71e7' }, h("smoothly-display", { key: '59811e12b22df83a8b9f96743592aa3f0660c06a', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '794c6bd76c772c87610ddaf77da871e28b6fa3ce' }, h("smoothly-display", { key: '4abdc694438211eca8549e931f62db5078e13d4f', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '4d9af1d234da7b5489714cb6e0c2fa368e88e39e', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'a0866cf4f36b6e50e600d446ff6d101ebd5164fd' }, h("smoothly-table-cell", { key: 'd5f7ad1ff62d6b1002a3b191352fc3bf4cd4945c' }, h("smoothly-display", { key: 'e0066e67a6de844cd3e61d0898b216c14664dc65', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '2de722ca6f420151fc220421e71e6ae4f76d63d6' }, h("smoothly-display", { key: '83f90ecb3d641449e5abceaf5ea70dcc863ce6ad', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'cab86fe7bdf6a750ab4acdf9f329829b8ee0f885', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '737a4b2c40839d199221bc63185b59668a081428' }, h("smoothly-table-cell", { key: '1aab121795680be1745e57dc057d0b3d110679c7' }, h("smoothly-display", { key: 'ca32ff5340a004a4c2c44bf321ec47e7857a144c', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '340e08d0a9bc1e9d483215e9bda2c9c20183fff3' }, h("smoothly-display", { key: '017cdd7cf3ac6aa73b2419abbd10484223ff8c93', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '7e924702b8fd7ab2485fbeeca10c37851a415f62', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '0a71b3746078226007b57f1ef91a2cdd29a22dad' }, h("smoothly-display", { key: '6e179b5eddbcf3ba6effb11e02c0fd0c414a2f89', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '05dcfe20a4b3f6e312d2a7f487690b31190d0191' }, h("smoothly-table-cell", { key: '9ec721a6d7ef609b489c9a9c67ef9013f337d187' }, h("smoothly-display", { key: 'bbf1daa961b4fa73148bab8bd0cb843f34aecafc', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '9bf0559b4456306ca7547011a93ea009dfa5a47a' }, h("smoothly-display", { key: 'a505d472404ec220b78837d01fa9c48ab479fbf1', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '07defc9828ac26cda563bc5fab971e95e5edb7cb', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'b14b8ddb71431247dbaf2fa0a9a5bfa519773850' }, h("smoothly-table-cell", { key: '15f885b73e9b55da373fc4ba2a9f2ec26df7a1ad' }, h("smoothly-display", { key: 'f837ee876510ded9cdc95fb1f319ad3f0d033066', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: '24ee4da95e2f6567e84979bf550ba12383f8bbc7' }, h("smoothly-display", { key: '0c238ff9e955c702396b5f55362aa2b9b870e623', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '4ddb314c99c1fcd10e0dfd624e15c705194d3999', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '76c28c274cbe1d43976ce8bf2f68c6a7c38cfb20' }, h("smoothly-display", { key: 'b906ac9acb1c046c0e180d99cb5f4d75ccb063aa', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '1a1cfdb1ed8c2fe215346bba93775813853aa082' }, h("smoothly-table-cell", { key: '5d093841d54189dff2088e417a0df853af75fd9e' }, h("smoothly-display", { key: '85c9271cc6eeb69e1e8a9b2e99baaecec0d24e6e', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'd0207e188bfc3fcae67208cb54313e37b39bcae4' }, h("smoothly-display", { key: 'fda474c50fc46b3b1f9e3a765b83859082367204', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'a6212b95f076d12ab0f70d1ce10170647d3dac5f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '2e3631f82c36b66f801d36ac420a9972121626e2' }, h("smoothly-table-cell", { key: '83e96169bc9e24188f64356e8ce2909ea93705a5' }, h("smoothly-display", { key: 'fac1debee6f460708486d20a44da4783f7ef798d', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'acc2178f2d34df95125bb8a6591f3eeac8637c97' }, h("smoothly-display", { key: '2ba249b1cb1f3fa8e0f19d660bf555bfc2023934', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'e2325d894438f3283173ed8b9ed9a5ad7fe1f766', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '6f03088f762e762bca3aaf5c9c2e0db272ea859b' }, h("smoothly-table-row-group", { key: '8588a6eb1d4ae426898fdaac653e45053488f977' }, h("smoothly-display", { key: 'e74e5318cf74c0a3baf0af70a603238dd0aea2bc', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '37bbc408b2e023340c64ee2184efb3414a8ed78a', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'aa2b9dcb132df48feba44e8e645bb5f9d866d700' }, h("smoothly-table-row", { key: '3fb8882c74c28e9f52bb812ecf95fc72788f4e28' }, h("fake-cell-wrapper", { key: '65a11fedd55768fa7a2bfde52e35752f20bf941c' }, h("smoothly-table-cell", { key: '3abc35523c899732331481fd7a533499647e9e11' }, h("smoothly-display", { key: '15d61e95a487e711bb423a71dd687b9c8ac99b3b', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'a5635badb923e122f6b539825695f23f07784ee5' }, h("smoothly-table-expandable-cell", { key: '92596731648f02e90a6d3393f5b9154358590fc5' }, h("smoothly-display", { key: '946cce4395db9b1db2994fbb898dabcf9587c445', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '593551e1a00a7367db227a1b165b01325d0bbfe2', 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: 'c3b8371c6f75c763d2f7983f9d6814cb6fda7b2b' }, h("smoothly-table-expandable-row", { key: 'f368d9a8964cd3491a6c3b15fee582316d93321b' }, h("fake-cell-wrapper", { key: 'e53b542c79a919162a5663937ea215f5ade7abe7', class: "span-2" }, h("smoothly-table-cell", { key: '4d3d43c2fbcb74b8ab0ddc290d31eddf6eb3adaf', span: 2 }, h("smoothly-display", { key: 'e29d593e033eef6aa308729c115d6131c57527f8', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '8efb4c4255338d4a042909417b6bdeee312a1395', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'b6d86bb92d60916bd58e1eb3d6eee104cfbe95e3' }, h("smoothly-display", { key: '7f9f43eb7f95a2671a83bda52957c69b286881d3', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '5c7cac6977f26a51ad35fdcbf4a70a0aefa0d4cf', 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: '52073c33fc6aa4db38cc4f12dd2f46d54e9836a5' }, h("smoothly-table-demo-filler-row", { key: '4f35a1cf85a6f7c88ded0ee190b6b21b14995e59' }), h("smoothly-table-demo-group", { key: '1c33720119dad21403df3a243a91a791b32f8bcb' }), h("smoothly-table-demo-colspan", { key: '8b64521946930deda49a51dcdb76c8790d9e2bc9' }), h("smoothly-table-demo-simple", { key: 'ddfd2d9c341a927852bb1899e677a737eb38ad79' }), h("smoothly-table-demo-nested", { key: 'd9e0eeddf5863739b2ae6a047309f4183ccd4e56' }), h("smoothly-table-demo-filtered", { key: 'b48c95f784cb49e66370ef5ce130aaeff9015ebf' })));
+        return (h(Host, { key: 'f02c9aa3d13d5348511bc42671c77fe88473618e' }, h("smoothly-table-demo-filler-row", { key: '57b9f89eba6c6a93cfea05e753646a08ec5999d1' }), h("smoothly-table-demo-group", { key: '8bef227a7c5e4c4b3094c1ec04393909b22fdca9' }), h("smoothly-table-demo-colspan", { key: '2f4d90087abedaa28c03d535835f92b60f596241' }), h("smoothly-table-demo-simple", { key: 'c518a151a2d43c0377bd4d9d94f85497bb73c1ec' }), h("smoothly-table-demo-nested", { key: '4ce6c41b94062d9dfea5b1730cdda6e9a87391a6' }), h("smoothly-table-demo-filtered", { key: '4a7901a241a00affa343c593c477509776596735' })));
     }
     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: '69539e731b90d5b511d364a0cbc504f4f3b7b998' }, h("smoothly-display", { key: '2adf938a2648edc88a391b7135aef7d9fd4da26b', type: "text", value: "Nested" }), h("smoothly-table", { key: 'b1281e55321dacce35828ba7afd040da105f8625', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'bba8cb215ebc040cacac13c7d1a3c580e401769e' }, h("smoothly-table-row", { key: '6145e98d26c3612170bbbe4e8fdb327d70687491' }, h("smoothly-table-cell", { key: 'e440820fa3cb61fa114a11bad1d5cc515b71f02f' }, "Id"), h("smoothly-table-cell", { key: 'b83c06761eff7b69d744218657989d69366dcbe3' }, "Registered"), h("smoothly-table-cell", { key: '6a17ffbec65a8008ddaaeaccd6f0e0814e9646ae' }, "Name"), h("smoothly-table-cell", { key: '7e16bc49d25f91da77a7bd9f6c4e32486a9829e7' }, "Age"), h("smoothly-table-cell", { key: '4ed8677d72e0a71e4dff482c35305882e8d6e4ef' }, "Balance"), h("smoothly-table-cell", { key: 'e8b12d3c076ce442c6424745ab5803444855efc4' }, "EyeColor"), h("smoothly-table-cell", { key: '4222c1a4830c631b590056ac3309f0672b09df81' }, "Gender"), h("smoothly-table-cell", { key: '4fc564f09cb4d994753d83095dd7381b9c29cf53' }, "Company"))), h("smoothly-table-body", { key: '1dfe30e5488defdfebf8ec5c09347b31837b9f1a' }, 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: 'fccda52a42a3549a7c87127a037257f05a65000f' }, h("smoothly-table-row", { key: 'aea36ed1341c1889f4675c97c44c94662d020ae5' }, h("smoothly-table-cell", { key: 'c2724c419810089e8f9e776244401a09dc1765ed' }, "Footer Cell"), h("smoothly-table-cell", { key: '3fe2b6e9a49c025cb677e458ae1a010130c6f45b' }, "Footer Cell"))))));
+        return (h(Host, { key: 'f7dc608b56f946058e12ed68ea7e90df810f987a' }, h("smoothly-display", { key: '358904431eafbb1d627d0fdee7c08086f6153dc6', type: "text", value: "Nested" }), h("smoothly-table", { key: 'c2f0330f908bffe60134686ab682c4cd2387248d', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'b1fe6f04435b744f361633a7a887578b933fa1cd' }, h("smoothly-table-row", { key: '78e9506a94ad8fdf48e78f9ab62bec3e9d9bb935' }, h("smoothly-table-cell", { key: '7a7231af5f81a6eb7ee43349d63f83358103eb3d' }, "Id"), h("smoothly-table-cell", { key: 'ff3a6cc9c47a64b963b5e40001e88d3069bdbf0c' }, "Registered"), h("smoothly-table-cell", { key: 'c38b672be9a1365330d07b69054989f5e60ee1c8' }, "Name"), h("smoothly-table-cell", { key: 'c292d75f64bdc388ff8c264ecbf085e771ce2492' }, "Age"), h("smoothly-table-cell", { key: '8365cd3d2247db5520b8e50ea0d0fcd87b382cd6' }, "Balance"), h("smoothly-table-cell", { key: '62d413791161883a1e49ee7dff722391e82e5fb3' }, "EyeColor"), h("smoothly-table-cell", { key: '49c25aaf48bb22a60746db2ccf645e7036a64ead' }, "Gender"), h("smoothly-table-cell", { key: '0788fc296b75856ccc29ed294b4e626492813c5a' }, "Company"))), h("smoothly-table-body", { key: '1a0cd70d6e0571c0ab7eb46af0d593f5728a6706' }, 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: 'ffd413ef41a90b18d9bc871c7b93f41510dc0509' }, h("smoothly-table-row", { key: 'eaf3e4be22c78eef4eb41ff9299781fca20496e0' }, h("smoothly-table-cell", { key: 'afae4894d7f49040746b279f6ce95a3eeb110778' }, "Footer Cell"), h("smoothly-table-cell", { key: 'c4b6dd203fbe9d891a46eb279188fd1140e6f514' }, "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: '7c40ccfd1a54f9463c9ae1ec97c6536bb38746c4' }, h("smoothly-table", { key: '6571617ffc5049746e279895de3e626682b81608', columns: 4 }, h("smoothly-table-head", { key: '9554b931df59678906b7eaef48b5373950c8cd26' }, h("smoothly-table-row", { key: '39acfc3805f1799c190d511c1b73fa9448d206fc' }, h("smoothly-table-cell", { key: 'a7d5232032ddb6a93a5fe7d3e47808c7e6af5e4b' }, "Id"), h("smoothly-table-cell", { key: '42694d147f8daa24c3ddab07f1eb3cdb8881bbaf' }, "Name"), h("smoothly-table-cell", { key: '9ce43b9965536d4d6163feb44439828e27b92e7a' }, "Age"), h("smoothly-table-cell", { key: '46df5081158ff565ce3d98c50076bd9593edaadf' }, "Balance"))), h("smoothly-table-body", { key: '15f5f434ff013679b752aa9b365eb362d5178397' }, (_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: '5c101d92550729cfde6440bf56e62dfd38aa03c6' }, h("smoothly-table", { key: '9412c6c571b7ad4b48f883e30914cdb82a2ab24d', columns: 4 }, h("smoothly-table-head", { key: '8c7348cef6b37f3a44fcdcfe24df87f54ec65144' }, h("smoothly-table-row", { key: '0c81c23928a5c3822190d40e855dd86869094a01' }, h("smoothly-table-cell", { key: '3ad50370e49f30a997b9549f262dc305e53ff25c' }, "Id"), h("smoothly-table-cell", { key: '64e491e442a81d44f04719f9244f28fbe184a91d' }, "Name"), h("smoothly-table-cell", { key: 'fd80beeaacbd5f32db39deb0eeeaaf3c4fcd5034' }, "Age"), h("smoothly-table-cell", { key: 'fa5cbb0cfe826bfb09459894a822467a0e7e5ca7' }, "Balance"))), h("smoothly-table-body", { key: 'cbfc52a2bda400b6dcc2798a152d3b752bb7ce76' }, (_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: '780ac65de4ffcb956dbad69d202adc24ac71f5cf' }, h("smoothly-display", { key: '769ae723fe3ed9ceac79f85aaf80145cf1a9e227', type: "text", value: "Simple" }), h("smoothly-table", { key: 'f751cd5b359e9191d32f32db11b285359dd71a04', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'bd89fcb03ca046ad5e732d489e00c88ddd24a34e' }, h("smoothly-table-row", { key: '64aea3a162f0a3cc7ce910f29026c316bed319a6' }, h("smoothly-table-cell", { key: 'b00a8bc995f1c759a94fc5669e96a4c3d3cbacc9' }, "Breed"), h("smoothly-table-cell", { key: '9ba3b1942b96f41bddad179d557f1d7724caeb1d' }, "Coat"))), h("smoothly-table-body", { key: '9b27306a73b99b92735fd1234e8e9a7df724d1b1' }, 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: 'ce2fb49396773d07fce9cf19438b92466f5a6589' }, h("div", { key: 'b88ab73776042dc73de6844a3ae3789af13e2fa9', slot: "detail" }, "Content", h("br", { key: '760a0069b9d767d88e0ac10744d37ae3af7a70e2' }), "of", h("br", { key: '60b435dcf383249c163fe3a44d356b46a4da92da' }), "the", h("br", { key: '84ad54def16c023acd4b676dd00b0253f6054cc6' }), "expandable", h("br", { key: '3465b4c9931c76532b2b42b86ecdd45f495942e0' }), "row"), h("smoothly-table-cell", { key: '8274a7413f2632306f99d5b9c0505572ff56d402' }, "Cell1 in expandable row"), h("smoothly-table-cell", { key: '6d944f54dc5d1671847821bc3b7d9e178a23fd67' }, "Cell2 in expandable row")), h("smoothly-table-row", { key: 'eb2dd91dc0408665e8f21f0f6111dc79a5f282c4' }, h("smoothly-table-cell", { key: 'eff62097e34f55554390e69ca801a0377344ce80' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '2817aed70b5792d59680412e8c497b1656696c3b' }, "Expandable Cell", h("div", { key: 'dea33dcc6f841d0c1b7fd85727558ede5b2ce444', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '560975f92466b626d2dd30cb5e2591bece061405' }, h("smoothly-table-expandable-cell", { key: '816ae1d28cfb3aad7f9e2af77e57b1b79d502d34' }, "Expandable Cell 1", h("div", { key: '74b07ca9b1d36dae21fff5dde7e7e520f851c331', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '8e0d753e4879231b98225951961e3ec552af648a' }, "Expandable Cell 2", h("div", { key: '2e79fd00c9430021ff5e48cb948e9128f8565888', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '9f6c473c6be9450ac13b6b683ead10022d2b5e60' }, h("smoothly-table-row", { key: '364561f4dc75d33b9d5b562b76819cee8c7c21ce' }, h("smoothly-table-cell", { key: '06449b9d6faed54aff67df842a95e1e14a4aac11' }, "Footer Cell"), h("smoothly-table-cell", { key: '9d4653c5ff5da95ee3861402b8055c166025ee59' }, "Footer Cell"))))));
+        return (h(Host, { key: '7a1bac3d2892a466093ba4142113a0c67b757a6e' }, h("smoothly-display", { key: 'd0281faf4bc55a5432974d45971dad531e61fa2a', type: "text", value: "Simple" }), h("smoothly-table", { key: '09b616689732bf5d0246af33cdfe9551e6a6a879', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '7fad53ce1745be87aa696524fe5992472e509f13' }, h("smoothly-table-row", { key: '7a38f71a563e17dde293404d1b2e744f86c4d356' }, h("smoothly-table-cell", { key: 'f24ae5d56b106567db557f6958b32d539590f251' }, "Breed"), h("smoothly-table-cell", { key: '96ba0bf58ec0f283f84c00c90107d06254c63a81' }, "Coat"))), h("smoothly-table-body", { key: '992aaee0b138ea7401ed3db9c5349eec6a7afeec' }, 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: 'c2ec45ddc7b5dc119a915cd0d2457b2367f12188' }, h("div", { key: '73c069db23c714c6b1c084bb24173e4a09e8b564', slot: "detail" }, "Content", h("br", { key: 'cc86f8f9c9dda93bb9c15a1c5cc6cc8a2a3486e7' }), "of", h("br", { key: 'a2eee8e62352f2340613cca097e7953d01525bc0' }), "the", h("br", { key: 'e99454d1aab588f127ad11841d0b6cc5d67e3b73' }), "expandable", h("br", { key: '90d33ff03447c0db1eb214e5c12ee6936e5e43a2' }), "row"), h("smoothly-table-cell", { key: 'a6fd99375d0dce9c73bb42c9ee7ef644efbf4e33' }, "Cell1 in expandable row"), h("smoothly-table-cell", { key: 'e9db7f1181f1081c8a6c41156ab3081e129e415e' }, "Cell2 in expandable row")), h("smoothly-table-row", { key: '737ef8dd3914162e4107b24dae43077b29786b5f' }, h("smoothly-table-cell", { key: '5b68efd60b226c22993cc064db1eaca8d54070e5' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '354dcf3f557b809c78dda6b22106613425bbd6e7' }, "Expandable Cell", h("div", { key: '2008c93a669890609aff6b1f049b219682be1277', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '89fd80e93b9dab809e2a53d3ae30b1a552ca0eba' }, h("smoothly-table-expandable-cell", { key: '3bace8fae4cacc7f427902e09a3384fcca784ea6' }, "Expandable Cell 1", h("div", { key: '072770a51f3c9bd98d5c43e70f6c12c51ce1030d', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '2cd5fe1b928d238ef45217c4a061756e9b887b9a' }, "Expandable Cell 2", h("div", { key: '65d0735ba8dd6f0059e26e2afaf2b89c5b1ea533', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '65653e24e03fd281077a57ab93ab4235ff5eb858' }, h("smoothly-table-row", { key: 'f2f5735fdfa593094a37b8b9acab98036b1a54d2' }, h("smoothly-table-cell", { key: 'ad4ed310413fc142079ee4854a543345dcc5ad1d' }, "Footer Cell"), h("smoothly-table-cell", { key: '9cbed75f0aa8890bb0843e8a6ea32e33d6cd9781' }, "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: 'b5692fb60dac7d8cae94633fb2812eb7b4c64cb5', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: 'b0fe3a82b236953dd02cf2279705688f9234fec4', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: '4f60051bf63745e52708e35f2bd21b97949cc466' })), h("div", { key: '7879d0dc2ea73ad77b2f8f78a2bd61e095e9223f', class: "detail" }, h("slot", { key: 'fec5e0a9c607e6037364afe4626b069854397a37', name: "detail" }))));
+        return (h(Host, { key: 'edf19222d3f1a5954572dbe5dc67035f47e33f2b', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: '21e0ad7b364c875f510e981dbf3b0449459a55d2', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: 'dbd3f3735d7de5ccaef85fa724ff89dc4606432f' })), h("div", { key: 'f8032d040bf4b84c8aac87a8b2c2cafd8885abef', class: "detail" }, h("slot", { key: 'f603898706b87596c4eaefe1588dad1db17028f2', 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: '67081c5e554a8516d3a9e9a680390fe0c51dbc1f', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'fd3c1e99c525caa76e2d29be36777eccd8ae965a' }), h("div", { key: 'e5fa14d3c2bfa119a3fa67c79399787c277effb3', ref: e => (this.div = e) }, h("slot", { key: 'dd9ec4832a35287ffbbfa5b82071535acf607e98', name: "detail" }))));
+        return (h(Host, { key: '4bed1759b9e09e82573bb7f3c251dfb994b0ad25', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'b1a6428a863fffce9452ab4a0c5d4f4aa29ab0f4' }), h("div", { key: '904504be6f7815e689145eeb8c1904686db515cd', ref: e => (this.div = e) }, h("slot", { key: 'a1d7dc0b75d7573ac3f9e04fbeaaed5972548a14', 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: 'e26b7e2c9919bbf73eeacc011495aafe6bc92f7a' }, h("smoothly-table-cell", { key: 'a08e1a043dd889387501763e9252b2c64ba69189' }, h("slot", { key: 'bdf8d877395cf921935e824cb1fc8a5ee8ac34e3' }))));
+        return (h("smoothly-table-row", { key: '487cc599f66e2256280eba9623a90c089489d1f6' }, h("smoothly-table-cell", { key: '4ad4fb2d4bd3ff44bf6a62d20489cf7607f5d7ca' }, h("slot", { key: 'b1b8b30cdca397452636e65e2ff2f0c2e8624d42' }))));
     }
     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: '2fffb0be2489bb9b9d6b9388584c7cea49a732e3' }, h("slot", { key: 'd5c38b6d5848a67bc9d5bfaf2369f478a59543cd' })));
+        return (h(Host, { key: '8f13c28ec690d682f9d9d2161af1d8f5d21ac027' }, h("slot", { key: '97de36a9401b62b683a8b6e86eef2d72910c067f' })));
     }
     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: '5428f7c0927f6a52ed0904f23bd0a17645bc42ab' }, h("div", { key: 'c4d28ad7f36759e8d32a3931e30dc0964c1269c4', onClick: () => this.clickHandler() }, h("div", { key: '40e94b62b6795627065908f7fb1dae76a028f542' }, h("slot", { key: 'd239da0b83ffb4bb7ad0b056676e6f6cd68a4644', name: "start" })), h("div", { key: '4876ed2db6ba12345b09344d9d83adc3431a8a77' }, h("slot", { key: '02c7d7e55df7098bbf70192a452f90d657e2bbee', name: "end" }))), h("div", { key: '7723003485dded34f175d84b3479f20df7352e4f' }, h("slot", { key: 'c952dfd567c78aff93a771d131bf4e7e15a08d24' }))));
+        return (h(Host, { key: 'd39263848ea2642912f8f7944b4af31bbeb7bedb' }, h("div", { key: 'c646cbc32e7a6d1dab115ad61e34e1d23df1b5c2', onClick: () => this.clickHandler() }, h("div", { key: '8625237beff7d80edd3d4b48ab97dafc688ebdad' }, h("slot", { key: '19eb66f64c2f9d836ac74c11565cc3cf1573f9c4', name: "start" })), h("div", { key: '7a0605223df89b3f0edafa723244b495c0466608' }, h("slot", { key: '5e781edb2a74e94b80bed6732abe028d5ddb0fa6', name: "end" }))), h("div", { key: '530f66f946ca11615f058bd0a8b061a858ec7751' }, h("slot", { key: '7a9dccab9430529f5779424940073fcd19187775' }))));
     }
     static get is() { return "smoothly-table-row-group"; }
     static get encapsulation() { return "scoped"; }