npm - smoothly - Versions diffs - 1.2.1-alpha.55 → 1.2.1-alpha.56 - Mend

smoothly 1.2.1-alpha.55 → 1.2.1-alpha.56

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

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: '4b7bd764144e4626f8ad5d1653e6a92d311ecc77' }, h("h2", { key: 'c1f5b56091543a74d55a3f7788bd314c1508bf15' }, "Range"), h("h3", { key: '4db7efd42f26ff2766dc27ddf170b9f4df7b0dd6' }, "Phone Number"), h("smoothly-input-range", { key: '0211d211ccef2c8a898da081113b1e1cc64684c4', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '7bfd742cec5e965e9ba49c08329660eee10737a7' }, "Stars out of ten"), h("smoothly-input-range", { key: 'f633e5363a16851dfa7b3eb1b2bee4efba94b401', max: 10, step: 1, label: "Stars" }), h("h3", { key: '6a8a82b46638e1c20dbe58d1abec5c4eda73a0d8' }, "Percent"), h("smoothly-input-range", { key: 'ed0ff0c0252d54dafa96909d5c14eda7bd4de6d3', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '62389e21990113d6c0d8e66fb84eed119f4560da' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '46cdcd2464e915da60d1732af2846c624b63bf5f', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '5e3d423cfbdc0560bcde3f9ae5e286d6bbd35e66', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: 'b079a72b8cfbf90fbb36681dda5ddce4a02d30eb', size: "icon", slot: "end" }))));
+        return (h(Host, { key: 'c2c0307b8cfb3649b3829935ceac7a239c0a3035' }, h("h2", { key: '3dc59277ebd70ee6d2845111fac8cc705ae274af' }, "Range"), h("h3", { key: '50b58f50d58c00c86f0746ce5c05b1f57b57efa2' }, "Phone Number"), h("smoothly-input-range", { key: 'ae8d9c8125beb1790cbd642d9b25ed202635c7a2', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '7b8e733f33aa344bdd07be2b23cb566485a4d13a' }, "Stars out of ten"), h("smoothly-input-range", { key: '55c63696b90405074cabee9694379befd5aa9310', max: 10, step: 1, label: "Stars" }), h("h3", { key: '27f0e64c163354a5c7669100e1a074ae2d9a141d' }, "Percent"), h("smoothly-input-range", { key: '2035cfb5de1eeaf6edc7086417dc00c9dee8c339', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '04fab376af7923769f62db4246062508c1ef1194' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '145a4d0fa6fa5903f5690cb25554af63a28edcef', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '2a3ff0a0b93638f49fb59015acc37e30f22f934f', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '33cfa613f632309014a96dfd2a678bf9f71b2b67', 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: '8e0eb342fc72a753168591ca0092411e3c768d1b', class: {
+        return (h(Host, { key: '54110def7ede46a497e9f89badfa411f2101f9f1', class: {
                 "output-side-right": this.outputSide === "right",
                 "show-label": this.outputSide === "left" && !!this.label,
-            } }, h("slot", { key: '36fb0a4aa54446fb1dbf844904a65e260b88bd97', name: "start" }), h("div", { key: '0b18d96003a26506de55d92dbf34925662f9240e' }, h("label", { key: 'd557f7699dc56e21b15b2a587251618e02d61d31', htmlFor: this.name }, this.label), h("smoothly-input", { key: '31b6ffd3d358aba34d8cee59b09ab224dea40a66', 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: '2a5b1e0011a44f1d61965cf7d5c40fb65810d70e', name: "start" }), h("div", { key: '8d6c07448362f9b14c0fbc5e6d12f14ad7900d18' }, h("label", { key: '1f0c9181fcb31bb9481e2831d97807824d0fda3b', htmlFor: this.name }, this.label), h("smoothly-input", { key: '5cfa5a192ec52e3b1542c8b902fc0708f9f7f638', 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: '1d33c45e2fa7c5eb09d0444f14a75edaa55b45c9', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: 'b5130bc1d447e6e63dec46f4794fbb9744fb71a3', 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: 'ba0ffa533194066830cbd8644dc56407ca8e98f6', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: '89a2f41c2e5b11ad7ca84be16fce678348b05684', 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: 'f0b71e8aed12a85c09faa8a762dc50f9bde43c74', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: 'bfd93b7c817a5dc90da42bd3e12e0f819edbf0e9', name: "end" })));
+            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: 'bdb12803d40ceb8205d3f34516e9cc7d5f0c55b7', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: 'f605bf487c677804bbd6b1da7329fdc10a8f24bd', 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: '843d41dca12cf0a78e1f7517aa0459ab55960102', title: this.tooltip }, h("smoothly-button", { key: '602f17162783647357bd4d953af33ec8f30b487d', 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: '247ee2ab9e7201df8dee0a7e49a6dba5449b7379' }), h("smoothly-icon", { key: '59ec2bc7027454762b73ae5d96261ffb0b74f9bf', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        return (h(Host, { key: '8542dba163fb848653f31f2559e52aac50826c40', title: this.tooltip }, h("smoothly-button", { key: 'dcac9b394999e1751be7786f4eb7b3033ce2d5a7', 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: '5756f37b4fe0cae8e0f6e0e7d0776cae56f2f002' }), h("smoothly-icon", { key: 'aecb2d327ddf0b0441c48660c9b061fa338fdd3b', 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

@@ -278,14 +278,14 @@ export class SmoothlyInputSelect {
         this.addedItems = this.addedItems.concat(h("smoothly-item", { value: this.filter, selected: true }, this.filter));
     }
     render() {
-        return (h(Host, { key: 'e4b6abdb7d526058e450a76e50fc71bb88d9c896', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: 'b4557b6505b69ebead82c85742e537afebcf26f9', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: '8830593428e77e82cf09bd40dcde784bd5be7e13', class: "icons", ref: element => (this.iconsDiv = element) }, h("slot", { key: '5483ec7ed3cf785cc73ede8be613eb850bb34f03', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: 'b959efe7eef529632f08b4275070c009bf21168b', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), h("smoothly-icon", { key: '7990dcb2104e71ff4528d0e1201b2fd9d8c38fa8', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), h("slot", { key: '83d55093b9121b1133e8adf34afcdf0128ea3b0c', name: "label" }), h("div", { key: 'f317ba7f6d5226de3483940f96b9afe18a8dea90', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: '0970e9c94a82dcc7c5f9c0329d4ab6e3ffe6ea74', class: "search-preview" }, h("smoothly-icon", { key: '87b541e8e8a305b71ed43e8885956b6676c0700a', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: 'f589d0372b7088868cd88a842c9a01984813f480', name: "backspace-outline", size: "small", onClick: e => {
+        return (h(Host, { key: '77b737ac05a0d8b9d3fe8db6306fe81f4ee97b39', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '8f549454e69eb794d47fa643cbc4bad2fc68857e', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: 'ddd39f505092f309a5d5eb56926df33ddc232935', class: "icons", ref: element => (this.iconsDiv = element) }, h("slot", { key: '8df456070caa226409275ac6d50bb90b829c50ee', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '9699f72860c346e361b88817404d4a22edffac5c', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), h("smoothly-icon", { key: '4f64b8e04265eb823850429fe8e3ba542afb7aa1', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), h("slot", { key: 'b36a00495be201be9d1ea10845e913e16e43473b', name: "label" }), h("div", { key: '19f27845b4447ef076e3af20cf468c26e58abdb2', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: '233c2685b69af4035e5f4c032749739bcef5701c', class: "search-preview" }, h("smoothly-icon", { key: '764c0b65b6514ba132e10555a8f657e054b4242a', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: 'aaf77a87b98051aa1afd3cd451656cba9ce2ba07', name: "backspace-outline", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.filter = "";
                 this.element.focus();
-            } }), this.mutable && (h("smoothly-icon", { key: 'a4df2264444a136f29f95d8e34249d1f9a6f2995', name: "add", size: "small", onClick: e => {
+            } }), this.mutable && (h("smoothly-icon", { key: 'b8e6dbb740957e94f050717281891d4f72475261', name: "add", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.addItem();
-            } })))), h("slot", { key: 'e1b580a33570c5952219b5b5e58ec8b0c59822eb' }), this.addedItems)));
+            } })))), h("slot", { key: '7082316f2573c94e9e05ea2407624b716e93619a' }), this.addedItems)));
     }
     static get is() { return "smoothly-input-select"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { isly } from "isly";
+import { Data } from "../../../model";
 import { Editable } from "../Editable";
 import { Submittable } from "../Submittable";
 export class SmoothlyInputSubmit {
@@ -25,7 +26,7 @@ export class SmoothlyInputSubmit {
                     this.disabled =
                         !this.delete &&
                             (p.readonly ||
-                                ("validator" in p && p.validator instanceof isly.Type && !((_a = p.validator) === null || _a === void 0 ? void 0 : _a.is(p.value))) ||
+                                ("validator" in p && p.validator instanceof isly.Type && !((_a = p.validator) === null || _a === void 0 ? void 0 : _a.is(Data.convertArrays(p.value)))) ||
                                 !p.changed);
                 });
             }
@@ -37,7 +38,7 @@ export class SmoothlyInputSubmit {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '33df276e2d84fe4f5919d32837ba35239c8ac8e2', 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: 'f659d9fcff6418ed79a26b588a0b2392a85affa2', 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/input/submit/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/submit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAS,MAAM,eAAe,CAAA;AACvG,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;~~AAE3B~~,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO5C,MAAM,OAAO,mBAAmB;;sBAEG,KAAK;;oBAEV,mBAAmB;;;wBAGG,KAAK;uBACN,KAAK;;oBAEkB,MAAM;uBAC7D,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;IAEnD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;gBACxD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAC,CAAC,EAAC,EAAE;;oBAClC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;oBAC1B,IAAI,CAAC,QAAQ;wBACZ,CAAC,IAAI,CAAC,MAAM;4BACZ,CAAC,CAAC,CAAC,QAAQ;gCACV,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,YAAY,IAAI,CAAC,IAAI,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,SAAS,0CAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA,CAAC;~~gCACnF~~,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;gBACd,CAAC,CAAC,CAAA;YACH,CAAC;QACF,CAAC,CAAC,CAAA;IACH,CAAC;IACD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC;IAED,MAAM;;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACvB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CACtB,+BACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,QAAQ,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;YAC5C,eAAQ;YACR,qBAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACtC,CAC1B,CAAC,CAAC,CAAC,CACH,uBACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;YAClC,eAAQ;YACP,IAAI,CAAC,IAAI,IAAI,qBAAe,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACxD,CAClB,CACK,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Prop, VNode } from \"@stencil/core\"\nimport { isly } from \"isly\"\nimport { Color, Fill, Icon } from \"../../../model\"\nimport { Editable } from \"../Editable\"\nimport { Submittable } from \"../Submittable\"\n\n@Component({\n\ttag: \"smoothly-input-submit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSubmit implements ComponentWillLoad {\n\tprivate parent?: Submittable & Editable\n\t@Prop({ reflect: true }) delete = false\n\t@Prop() color?: Color\n\t@Prop() icon: Icon \| false = \"checkmark-outline\"\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = false\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) size: \"flexible\" \| \"small\" \| \"large\" \| \"icon\" = \"icon\"\n\t@Prop() toolTip = this.delete ? \"Remove\" : \"Submit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent) && Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\tthis.disabled =\n\t\t\t\t\t\t!this.delete &&\n\t\t\t\t\t\t(p.readonly \|\|\n\t\t\t\t\t\t\t(\"validator\" in p && p.validator instanceof isly.Type && !p.validator?.is(p.value)) \|\|\n\t\t\t\t\t\t\t!p.changed)\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\tclickHandler() {\n\t\tthis.parent?.submit(this.delete)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.toolTip}>\n\t\t\t\t{this.delete == true ? (\n\t\t\t\t\t<smoothly-button-confirm\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"danger\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonSmoothlyConfirm={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" fill=\"solid\" size=\"tiny\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"success\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonClick={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{this.icon && <smoothly-icon name={this.icon} fill=\"solid\" size=\"tiny\" />}\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/submit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAS,MAAM,eAAe,CAAA;AACvG,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC3B,OAAO,EAAS,IAAI,EAAc,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO5C,MAAM,OAAO,mBAAmB;;sBAEG,KAAK;;oBAEV,mBAAmB;;;wBAGG,KAAK;uBACN,KAAK;;oBAEkB,MAAM;uBAC7D,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;IAEnD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;gBACxD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAC,CAAC,EAAC,EAAE;;oBAClC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;oBAC1B,IAAI,CAAC,QAAQ;wBACZ,CAAC,IAAI,CAAC,MAAM;4BACZ,CAAC,CAAC,CAAC,QAAQ;gCACV,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,YAAY,IAAI,CAAC,IAAI,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,SAAS,0CAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA,CAAC;gCACvG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;gBACd,CAAC,CAAC,CAAA;YACH,CAAC;QACF,CAAC,CAAC,CAAA;IACH,CAAC;IACD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC;IAED,MAAM;;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACvB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CACtB,+BACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,QAAQ,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;YAC5C,eAAQ;YACR,qBAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACtC,CAC1B,CAAC,CAAC,CAAC,CACH,uBACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;YAClC,eAAQ;YACP,IAAI,CAAC,IAAI,IAAI,qBAAe,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACxD,CAClB,CACK,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Prop, VNode } from \"@stencil/core\"\nimport { isly } from \"isly\"\nimport { Color, Data, Fill, Icon } from \"../../../model\"\nimport { Editable } from \"../Editable\"\nimport { Submittable } from \"../Submittable\"\n\n@Component({\n\ttag: \"smoothly-input-submit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSubmit implements ComponentWillLoad {\n\tprivate parent?: Submittable & Editable\n\t@Prop({ reflect: true }) delete = false\n\t@Prop() color?: Color\n\t@Prop() icon: Icon \| false = \"checkmark-outline\"\n\t@Prop({ reflect: true }) expand?: \"block\" \| \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = false\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) size: \"flexible\" \| \"small\" \| \"large\" \| \"icon\" = \"icon\"\n\t@Prop() toolTip = this.delete ? \"Remove\" : \"Submit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent) && Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\tthis.disabled =\n\t\t\t\t\t\t!this.delete &&\n\t\t\t\t\t\t(p.readonly \|\|\n\t\t\t\t\t\t\t(\"validator\" in p && p.validator instanceof isly.Type && !p.validator?.is(Data.convertArrays(p.value))) \|\|\n\t\t\t\t\t\t\t!p.changed)\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\tclickHandler() {\n\t\tthis.parent?.submit(this.delete)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.toolTip}>\n\t\t\t\t{this.delete == true ? (\n\t\t\t\t\t<smoothly-button-confirm\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"danger\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonSmoothlyConfirm={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" fill=\"solid\" size=\"tiny\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"success\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonClick={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{this.icon && <smoothly-icon name={this.icon} fill=\"solid\" size=\"tiny\" />}\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -29,7 +29,7 @@ export class SmoothlyItem {
             : false;
     }
     render() {
-        return (h(Host, { key: 'c76d8f4c144db4955c4b2e17c34cabdc8e512b8f', tabIndex: -1 }, h("slot", { key: 'f9577b32c4a9c43dfe7faee61c0e1773d361411e' })));
+        return (h(Host, { key: '51866154258a830cd316996c2995632892c68034', tabIndex: -1 }, h("slot", { key: 'd09f55dd228895f53f8ba4231229ea98aab10b48' })));
     }
     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: 'ac3c8fb368890c916297691f2918bf892622b72b', title: this.description, style: {
+        return (h(Host, { key: '0fc0990f6f3a09be9ba3d964867e6e964725499f', title: this.description, style: {
                 "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
-            } }, h("slot", { key: '2679b0388925d2a6ba047a22389e2eab772ea2ff' })));
+            } }, h("slot", { key: '6e1b85b84645891087866414a70a9f91aa90a8db' })));
     }
     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: '6d3776a5b82bcd822ce9e144d567125b753981d8' }, h("slot", { key: 'cf51537136436b81f1998409b95cf2eef163ad34', name: "before" }), h("smoothly-load-more", { key: '3a3ab2f1da07dfee6852171e9d6c247654960f94', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '790b1f9ee1cabcfb3ef99003594cd092228d8e0c' })));
+        return (h(Host, { key: 'de115abe3101a1fa5d32e3ae3cef919afca90ea4' }, h("slot", { key: '61aa5f412fbbeca1c1b2f9bafde7d87bca0a94b9', name: "before" }), h("smoothly-load-more", { key: '6c3bd20f8f1b0d2b8900dcbb640f33dd76c7452a', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'f0b6bd381a12f5270797494a6eb414c38763e5fd' })));
     }
     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: '59cf4fcf14af76bc71f1952fae2f114bcdb4d27f' });
+        return h(Host, { key: '7169adeca2956b6f0c85e3a7ceab410a3dddd7f5' });
     }
     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: '4f083b0fe1cbaba4d88f7f9ad3700acac66eac06', role: "alertdialog" }, h("div", { key: 'b51b1ea3960ad12fedcef36c50634c90d6a58b2e', class: "modal" }, h("div", { key: 'b94aaab7280074b96b72042b98382368502403f8', class: "header" }, h("slot", { key: 'd6d77fad8c51c9c513efa5c5c8c5c642bba42ee3', name: "header" }), this.closable && h("smoothly-icon", { key: '6e15ca23cab372e79e1acf61284594f321a62c52', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: '47c76eb20e1fbdd1affb947b3595e6990eca8be0' }), h("div", { key: '362ce510142d9ea9f4ebbdaaed6ecd5e93f64014', class: "actions" }, h("slot", { key: '0161fc378928109de3628fbd66f84f84195bf8ee', name: "actions" })))));
+        return (h(Host, { key: '583eadffaf2e24575a5c1cc4e1fddd804b184dd5', role: "alertdialog" }, h("div", { key: 'ca8af6bb11f18895f1899db9facd795c061430c0', class: "modal" }, h("div", { key: 'bc66d69748c12e5707f7c601717d1f96309ee09d', class: "header" }, h("slot", { key: 'b41c4051fd74e25efc53334172724b91070a4359', name: "header" }), this.closable && h("smoothly-icon", { key: '138c5ba8fdcf1d1132d92c36299615ea1fda0f3a', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: '0ac2f594b68b53729724f8fc372b9a451d42b909' }), h("div", { key: '05b7d6ca01ee55b0e2a1afd34226505a0f9772c1', class: "actions" }, h("slot", { key: 'd3395b6b76ace8c9916b9d60e4208bd7a3e8d032', name: "actions" })))));
     }
     static get is() { return "smoothly-modal"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextDemoColspan {
     render() {
-        return (h(Host, { key: '777e6e6ec2384e364382eae9572b9247e725043d' }, h("smoothly-next-table", { key: '036c24ce0a5229f74f19b308649fd95cf163bfb8', columns: 3 }, h("smoothly-next-table-head", { key: '563fa618dc33d60c8934841363b4af960c9f0d0a' }, h("smoothly-next-table-row", { key: '8798c330e07d65950f10fa3a8c588d42180c4819' }, h("smoothly-next-table-cell", { key: '16b367fd18c0bcc09420253702d6253872999fb9' }, "Date"), h("smoothly-next-table-cell", { key: '8d138efb01d9e5fd135cb1a10b0746f3fe24184f' }, "Skip"), h("smoothly-next-table-cell", { key: 'a1badc884d8b7668b4b0884c667bd84a343374a7' }, "Total"))), h("smoothly-next-table-body", { key: '4632abae2dbd88561ee829603c417a72f7d2f327' }, h("smoothly-next-table-row", { key: '364b742acf8a99af7c34a591c94a3430117034bd' }, h("smoothly-next-table-cell", { key: '96de6500a7742aaf792a3c6bdc98e2255c514684', span: 2 }, h("smoothly-display", { key: '26a5d771614064584fd711af0978f79e1272a55b', type: "date", value: "2024-01-01" })), h("smoothly-next-table-cell", { key: '91ab9d0572b8118490d7f04260f4e89cb401bfad' }, h("smoothly-display", { key: '9fbb484e98193aba96982bfae6bb92bcaf8d3138', type: "price", value: 120, currency: "EUR" }))), h("smoothly-next-table-row", { key: '21981afdf53f2d95e77e8620a348387e03f00e63' }, h("smoothly-next-table-expandable-cell", { key: '20261ed10356edcd938cc57984d5d4af2e866b2f', span: 2 }, h("smoothly-display", { key: '69b32ed7d90f556c0e01d806ee336e9e4615c46d', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '544dffd87f8d204a5ea18b5a61ce09f3319716c5', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-next-table-expandable-cell", { key: 'de63e6eab2fd302a29a67e831c931e12324057fa' }, h("smoothly-display", { key: 'f84c5c0aa2be50235759227f511b0fddc5e6d4b3', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'c0a2ad47e2685b2942cfd7d6fa60c6a6bcf18795', 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-next-table-row", { key: '94895bb4c63c6b76e5cb586f44a721485cedd4ac' }, h("smoothly-next-table-cell", { key: 'a21d3c031c9e640da87e2a9c7b5d1833ad55e217' }, h("smoothly-display", { key: 'dbb5bdd71fdcb7aca808ae304659109beeb74632', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '8c05b16de4fec87dbc621f8b735ff9bc571fd6ea' }, "Not Skipped"), h("smoothly-next-table-cell", { key: '32d00e411b23982167fc9f65f05e8e154d583786' }, h("smoothly-display", { key: '31bc40bf40d353eff4468220d0407f9795ecb82b', type: "price", value: 320, currency: "EUR" })))))));
+        return (h(Host, { key: 'df964ef528038285bbb443ee142a458d30a90034' }, h("smoothly-next-table", { key: 'e77a70224fa439572abbdd63cec975210e99cdd1', columns: 3 }, h("smoothly-next-table-head", { key: '6e51cf68461146e3acdf7003f16763039d9dda86' }, h("smoothly-next-table-row", { key: 'ba54cfc7a0a443491b67660c42cc99006fea80a9' }, h("smoothly-next-table-cell", { key: '985a23855b1b57c117370e39f66c0d4ee8f1728e' }, "Date"), h("smoothly-next-table-cell", { key: 'db397be5b860dfb375116a703129c06aff459c88' }, "Skip"), h("smoothly-next-table-cell", { key: '4866035423aeb9be54ecdf4224824736da589e60' }, "Total"))), h("smoothly-next-table-body", { key: '3895a9ce7e1e99096e94047986bbaea5e97f4c6b' }, h("smoothly-next-table-row", { key: '8e87d59e6ad7375df967a8d8b740cc8239fb417f' }, h("smoothly-next-table-cell", { key: '9e5550ddc219055bc3aae5c9c929dfe6933f5530', span: 2 }, h("smoothly-display", { key: '8fc193c4898ff3ab664b6b509b4deab457c99a0a', type: "date", value: "2024-01-01" })), h("smoothly-next-table-cell", { key: '56df306600fad13929a4f08d357c62abe0b1fac3' }, h("smoothly-display", { key: '152b90ed8c85136b20ec651d763c154ac8318a0f', type: "price", value: 120, currency: "EUR" }))), h("smoothly-next-table-row", { key: '3f1f972cc513a2b0b82b139ed01875d8d101deec' }, h("smoothly-next-table-expandable-cell", { key: '297d2e5331445962a77f669d840274d40ab1d200', span: 2 }, h("smoothly-display", { key: '079f748f7c4809c30080862a03f27c9e1daf4fba', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '599db2779c2d88385fff227c7bcc6b3fd508cb9c', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-next-table-expandable-cell", { key: '9c92e47338583d58c16374a429fac3d2aedcd2bb' }, h("smoothly-display", { key: 'c072fec08a530cf960f42ad03e6f7c67ef305ef8', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'ef79407b764bedefb609a539cbab40360c0a7908', 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-next-table-row", { key: '947e544357fc6e210b93ee003e321c73f3c82333' }, h("smoothly-next-table-cell", { key: '090db5b1929506fe82979753d286cfa8cbd3cb4b' }, h("smoothly-display", { key: '8bce5c18a3de593664aebedb6f38d6d362622fa8', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '63d657c27f8ee3eddb380316d4b390e2b52e638e' }, "Not Skipped"), h("smoothly-next-table-cell", { key: '3bf06598be8daecb99b231f5112fc5efc16b5931' }, h("smoothly-display", { key: '73c7ee768c664d8ad24a6683cfdc063482865305', type: "price", value: 320, currency: "EUR" })))))));
     }
     static get is() { return "smoothly-next-demo-colspan"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/demo/fillerRow/filleRowDemo.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SmoothlyNextDemoFillerRowDemo {
         }, 3000);
     }
     render() {
-        return (h(Host, { key: '53ff4847b62b85a71392df1b72b8b151d9313644' }, h("smoothly-display", { key: '435e2153c6be1fc0da9d879d66455ce75c2338fa', type: "text", value: "Filler row" }), h("smoothly-next-table", { key: '8fba6fdf0d46a718357e44109710f5d367013f55', color: "primary", columns: 4 }, h("smoothly-next-table-head", { key: 'b5fc5b33b7006c4492178c884dad42127db894e2' }, h("smoothly-next-table-row", { key: '5937d97e50292c63216907d675d96f5f6dfb5925' }, h("smoothly-next-table-cell", { key: '690c645b8be368f74afadd3ae27f8dfc618133b8' }, "Breed"), h("smoothly-next-table-cell", { key: '4f0e887feeee7b9d67735d2615dc6a1c11735711' }, "Country"), h("smoothly-next-table-cell", { key: 'c34380ed3e26f66fe706e4b17af626c8f18624e5' }, "Coat"), h("smoothly-next-table-cell", { key: '2f132bf19caf889169fac4755d4010df6df3079b' }, "Origin"))), h("smoothly-next-table-body", { key: '7c00c4b0f34dd7e89d71ba6e15df7e22ffe230de' }, this.cats === undefined ? (h("smoothly-next-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-next-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, a.breed), h("smoothly-next-table-cell", null, a.country), h("smoothly-next-table-cell", null, a.coat), h("smoothly-next-table-cell", null, a.origin)))))))));
+        return (h(Host, { key: 'c1da7082635613c6a9b96c62a18d2f8fe931c16d' }, h("smoothly-display", { key: 'f268b945e214f4e6bedadfc8760099c24f1153f8', type: "text", value: "Filler row" }), h("smoothly-next-table", { key: '503113478f8567b748215c8c02ce09013252d5f9', color: "primary", columns: 4 }, h("smoothly-next-table-head", { key: 'e3f303b449bf0f456887269cb81d8ee067bdc5df' }, h("smoothly-next-table-row", { key: 'e16a60bd48e8b2bd43b10d339bb6b97dd514ae3c' }, h("smoothly-next-table-cell", { key: 'b28228816e03b8bb8cd1f2fc14cebd4fbe6f1d08' }, "Breed"), h("smoothly-next-table-cell", { key: 'c6b3f0030b283b4ad58dff2abe50f59ae5315893' }, "Country"), h("smoothly-next-table-cell", { key: '02ccdd4d8b246affde08d0b4e23f375e0911462a' }, "Coat"), h("smoothly-next-table-cell", { key: 'd3e2f2581b66cf3af1d477ec54635a562f6a61c5' }, "Origin"))), h("smoothly-next-table-body", { key: '1e01764e4db08a222999559d775aa14fee1f5d4f' }, this.cats === undefined ? (h("smoothly-next-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-next-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, a.breed), h("smoothly-next-table-cell", null, a.country), h("smoothly-next-table-cell", null, a.coat), h("smoothly-next-table-cell", null, a.origin)))))))));
     }
     static get is() { return "smoothly-next-demo-filler-row-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/next/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: 'c038d0ed269bced01f49d3496e8d3fdca195ce79' }, h("smoothly-display", { key: '22c1d3b129e870b354f11a8cc179c85af4204370', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '897382aa4d953eca54e609c422ce00eecb2a51d9' }, h("smoothly-filter-toggle", { key: '83cd16b707e3c8b437fa9f19f6ea8f364ebab53f', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '5221fe242168a170c8816b2eaccc3f6399c0dbed', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'd1107c560992f47582b56f7e6304bab3c9a9a35d', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '335d7a236b954564080362b20d626544e95e053f', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'f5a98ce55b433759b8804f0d9a6bca7286d28144', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
+        return (h(Host, { key: '447b40076e72611bf082180e871eff0d648c56e1' }, h("smoothly-display", { key: 'dff28311d67134417c250df087d787521b566bdb', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '1a9d516641da3145ccc8268d7a4510d489721e62' }, h("smoothly-filter-toggle", { key: '6f33cb914309d6725e10c6b87a1044612f3c2281', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '5af94424768de9d6e4135142e66ff7e94c3f227f', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '66224dd74c0fd79a2cb40d1d7e99800ed2075752', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'b11fe5181c76b39b319febe34a58d6f20df1c558', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'ac37fbd330512a3860bb0ee98270bc5b3145f4f6', 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: '0248598e82358270ecfa71552c4c9423679d6d4c', slot: "detail" }, h("smoothly-form", { key: '0aadcf20d49a3db14328e9688e4ff7357f07ad0c', looks: "border" }, h("smoothly-filter-select", { key: '0332acff6d85bb456181214ee01972f71c03c664', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), h("div", { key: '6e682a5a475a91eb40fc726ce5ed4f479bd8794b', slot: "detail" }, h("smoothly-form", { key: '9acf2fb857029ce04264aa6674b88fc330515d60', looks: "border" }, h("smoothly-filter-select", { key: 'bdef0d610c7f49eb118f1101562fff6d2d34ce3e', 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: 'c84f849c15ec131a03d0c8aabf0e06df2f12a7cd', 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: '9869e26462ae7d017c9e191e99028ead47d43425', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), h("smoothly-filter-select", { key: '4b55eeaedb18374dc42d682b52a21e6ba3150455', 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: '22a44d8ce6798333b3518cd8469f5ffba0302cb5', 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: '3a72eb19d9e25ca286cf30b898963d9b632bc8bc', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '666dc971712734653688ee95fca737518febaea9', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-next-table", { columns: 4 }, h("smoothly-next-table-head", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cats)), h("smoothly-next-table-cell", null, "Breed"), h("smoothly-next-table-cell", null, "Coat"), h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cat)), h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-next-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-next-table-foot", null, h("smoothly-next-table-row", null, h("smoothly-next-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: '441da24631cc87d3ce523ee5cad032587d670dcd', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'bd5036886b9bb2459b25c8dd21d44df5db651957', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-next-table", { columns: 4 }, h("smoothly-next-table-head", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cats)), h("smoothly-next-table-cell", null, "Breed"), h("smoothly-next-table-cell", null, "Coat"), h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cat)), h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-next-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-next-table-foot", null, h("smoothly-next-table-row", null, h("smoothly-next-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-next-table-demo-filtered"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { Fragment, h, Host } from "@stencil/core";
 export class SmoothlyNextDemoGroup {
     render() {
-        return (h(Host, { key: '70d2dd2dcbd5c5e3c2d588a366fa9b87863243d2' }, h("smoothly-display", { key: 'b0212092a6685c71aa718578dfb0ebd0a72e459a', type: "text", value: "Group" }), h("smoothly-next-table", { key: '7f473deee404d56b49f2973910045c1e470fbaaa', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: 'cbb973bb0ffdea0e7410689028d62681061b7cff' }, h("smoothly-next-table-row", { key: 'd82759c2e9f780bb53e1e23ee90b177b5eb26abd' }, h("smoothly-next-table-cell", { key: 'd7957baaaf9efd8f7a767a54a242d2ce27687a3a' }, "Date"), h("smoothly-next-table-cell", { key: 'dfa1042e8d0e6db88c29c61aac4a1f4570a0a023' }, "Total"))), h("smoothly-next-table-body", { key: 'edc534b5d69c5655b083db908df120e2f10170cf' }, h("smoothly-next-table-row-group", { key: '909330ec7432261f56904717bfa721787a119955', align: true }, h("smoothly-display", { key: 'c1db511c75c24e69565d1cc05ef51731ba0fd81d', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '7a7fb0e36259c1adee7776da82b5ff378ff791d2', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: 'cdcbd3f6ce838ce60e8f5d42ead292ccc3729c2e' }, h("smoothly-next-table-cell", { key: '7d21a731cc1893ea63e13c50d3cf671fa2fe0011' }, h("smoothly-display", { key: '87befa0f97174f23ee9a474635cb818ed964e04e', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '01156a10b8824cc657db43f72756ae1709005561' }, h("smoothly-display", { key: '2d1fe31159297857c50c777f9a73f1851386d393', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '16124d2ed2617ca40d92aa880a9d21b1fa04cb45', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '0151b86701c1f3d32fe734babeba1de7af6dcc94' }, h("smoothly-next-table-cell", { key: 'a286c3dd314c6e93010dd498b8a1bcaec10b8460' }, h("smoothly-display", { key: '77994c252da71ce6bb57434dd7bb002147e73d36', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '22c9f0264a9051322bf8daf51149667a920078c8' }, h("smoothly-display", { key: 'b447f3fdc7af526aef677401cecd6de70fa22158', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '4cf39352b8436ecf13a308c3ec9415291cfbe95b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: '8f53cbf117a984da9ceabdc9879fcc26144d1bfe' }, h("smoothly-next-table-cell", { key: '4db43eb57bf0d1e942ca5b7212a764f895661eef' }, h("smoothly-display", { key: 'dc473c385dc275aad4a0c744d634ee8e7704075c', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: 'dd6dc7a46f28460c12ba723a27decac0a4a43edb' }, h("smoothly-display", { key: '91d6f726fbf5be5ad7c265d5c559f2616862a7f8', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: '068aebe864fb40936257ead559556c777054c2d8' }, h("smoothly-display", { key: 'a22fe7a8fb41f36e87cd4cbb2401491c4b3209bf', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'b2c6b6f3e67458cd634f5e6c942255695217c01d', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '48da54388f3599d2a67f0111db9cd36e3ee76f08' }, h("smoothly-next-table-cell", { key: '6ec917d2b63a4156a2c60edecf342eb1e60e189a' }, h("smoothly-display", { key: '1ae142931e8e2c0c0321d4e7a420c63d30882445', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '60584cd04d673ae9ba0086276132cefad4f2c1cb' }, h("smoothly-display", { key: '9f6827b5d5740dd6952de3b49c881f00d8bea250', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '450d80c148d3d4170108db329a57408aeb8b5ce6', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '9d867450686277252dc6e8163fc930af3d3bea89' }, h("smoothly-next-table-cell", { key: 'f77354087f5f40385943800aed812c9fcec9e4e1' }, h("smoothly-display", { key: 'aff7023e5d7f26a13d2e308fdf3909da60c5e930', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'f7f85a4001f2672b22c439c53dfbf32feef0a2cc' }, h("smoothly-display", { key: 'a7186b8c6ed0dfe9c2981150906934db7e83fd66', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '3c0f4f2bf7c42b69c42edbeb57a2adc9ae25e866', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '4002ff000a0d2c847f6dbe422c866832d4065dfb' }, h("smoothly-display", { key: '93e46371ba6811635476f26e28b3bf89acd8bcc0', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: '3ec41149d5b823304c4f70efed1ce31d23fc8835' }, h("smoothly-next-table-cell", { key: '5d02a5f774401a901dfeeb59484e9c85b583ef04' }, h("smoothly-display", { key: 'c2de3b4d7471438b0d23042b32b6f7c82858e103', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '6a3f54460d53d8ca3e81a5cb2891989c91e5c57e' }, h("smoothly-display", { key: '57e1c12900f5bd907a99c6d399c1ddb52ccc37cf', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'e1d6b95a96d7c283c8b9687299507d6be883593b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'c78d9e78fc51fc5203b4067e00009887a3d7fc26' }, h("smoothly-next-table-cell", { key: 'b19f7aa21fbf4ac62787bd441d79b0eeef54cc45' }, h("smoothly-display", { key: '3eecac5f48442242ede4d2217ffbea05c4398401', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '5a95a8cdf0a813728dc3c25e4429d5b30fa0c7aa' }, h("smoothly-display", { key: '8805f2d30d0c4dbf183a0abbb77f14369505b8a8', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'd713d8f746d2e5315cf2992e6c3c3467e535288d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: 'aea80493eef7265c884af333b169bb3d1f214116' }, h("smoothly-display", { key: '3f06be72320a7cb91aef1e8a4723a16ec190f3c7', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '85cb6c9674e3d0a02a91cd5842475491b2a358f1' }, h("smoothly-next-table-cell", { key: '3a8c5fe7327c5464856ee4ad5eea01407848050b' }, h("smoothly-display", { key: '30ccbf188b381609343f2f5f5dd635188bb82329', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'f31e51f43fc1d9cc8b7cd2a3a4c537d0e59188d3' }, h("smoothly-display", { key: '63029e39d20e9f449ae21c68c15776a6e826c76c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '68a410a5ddcbaa69829f1be2c92a999f916703b8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'f38999ef55ff663e15bb019ad079b24975274018' }, h("smoothly-next-table-cell", { key: '2ac2cda43d4a854868b8202d0807dd7957ad498b' }, h("smoothly-display", { key: '77f896cd1ce8952d83f675f0660095f0a48ddb55', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '62b2b32643911ca751c6c046ad3c4d914a80fb81' }, h("smoothly-display", { key: '0251fe1a5db76897e9478eb71bc0a6661a8a5e91', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '96a553725e85ae7e35519d3e92457684e3392bd3', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '28c32734ef20147549515e4e971c21b0580e7f04' }, h("smoothly-next-table-row-group", { key: 'ff8ff694cfa4dd46dd6444e4e3386000a3e75c52' }, h("smoothly-display", { key: '46b0b94ebaa45a4ea0ce5b8f05034630f50f1685', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '22da3f0bbd80a500c30a5a7b759a3ea29671b702', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'b3583284edcbec4223471b37a832d16b75d65757' }, h("smoothly-next-table-row", { key: '3e84adad7a56dec216230d43db9b8c95deae1a5c' }, h("fake-cell-wrapper", { key: '8315b2592865a3397725d37e8b9a714fafb73e64' }, h("smoothly-next-table-cell", { key: '4cccdc6caf58746e577e6d058f5cbf0ee3d487b8' }, h("smoothly-display", { key: '5b6fc1ebd1416cca42f39f4f2dc980d67dde5d55', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'a08de0a127e624a6a1b8f0140aa19bf39bf19f60' }, h("smoothly-next-table-expandable-cell", { key: '08f4283c64872575241104dde960640747d7d52e' }, h("smoothly-display", { key: '8c6162749e8f8cdf5450539f359307292ff0c611', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '0b84599a4e9ea3711bd4347c5387387638c20135', 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: 'f60388cdb82d64b6b07337af5aa0e648309092e5' }, h("smoothly-next-table-expandable-row", { key: '5f1956aeacec9377d7ae6220c3952821d56e1766' }, h("fake-cell-wrapper", { key: '9ead9cd0c04025597d844e5c1b042913e3053ec6', class: "span-2" }, h("smoothly-next-table-cell", { key: '5bde0f35613a2464584f68c9bcf016553a7601a5', span: 2 }, h("smoothly-display", { key: 'ba8267d1fb2aebbb26e08c97a2d33e185f220fdd', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '3c4d275e604567ff5f149fdb560a6fd7a0a91e17', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: 'b048b1c3281a00674c50ff995ad9d549cbe2c64d' }, h("smoothly-display", { key: '071513d6663b344a3be78067ed369e55654f0d85', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '593e1a857e77fd737cd1fab09459db2b77864a00', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+        return (h(Host, { key: '73e0d51a0e3941caa16b1283f7f5187faadf13ee' }, h("smoothly-display", { key: '9fd00526fbe6993eb98bed95c4e8133f3f504fcf', type: "text", value: "Group" }), h("smoothly-next-table", { key: 'c6c937a3fa59c2160ae57bf5a9ef23ba722987dc', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: '741787df74f06380286cf41f1184f035139d0382' }, h("smoothly-next-table-row", { key: '20f9b4b44711073c70949669cb68d0f501bdd3e2' }, h("smoothly-next-table-cell", { key: '3546f61d968e85d20b542ea5a92b81a8ce63d645' }, "Date"), h("smoothly-next-table-cell", { key: '40bed3b1560bca9dc819fcabc8d33488b7bea127' }, "Total"))), h("smoothly-next-table-body", { key: '8a540b22896eb43a08f7020aa8d56508e78ea12b' }, h("smoothly-next-table-row-group", { key: '101cf27ef3e9957b4c8254dd9d4f7d41fba2857a', align: true }, h("smoothly-display", { key: '9b1630b69a098adc01cc728fe82505c353f1a0e8', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '433febcf1be2636198111e2ff066d9b968c05cfc', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: '490e20cf154a4061ed1a657edbd96656113b102b' }, h("smoothly-next-table-cell", { key: 'a0d033cf6d284533ec446061240955d4659e1c65' }, h("smoothly-display", { key: 'f8ae356be115913eac2ed8f26a0e76855751a604', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '6881fa42948499ee14d986cd0cd5a368893e5f5d' }, h("smoothly-display", { key: 'b2a0fa9795870ae6479f095968f3402d50cfcf5c', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '43a981cb81cf85e3ab7c67ceed9d316a3003d5f3', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '568e724e4c95b267413e3dc7781e72750b633e11' }, h("smoothly-next-table-cell", { key: '6a3d8ba835df4fdd5076ef5a5907694f5811a6ca' }, h("smoothly-display", { key: '9b95129e71a0664e6689bd6dc857f4cb31cbb979', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'b37ed4086dbfe19631ec46be7e7b1da0859defb7' }, h("smoothly-display", { key: '56b504514e11cd5e6e1ceae622996b2027a7dcbf', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '1bc72a8145f2d9b93a99dce1e29ab0ead788487a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: 'c2c9e92cc455b621889a6eb41e8cdc9687e5c620' }, h("smoothly-next-table-cell", { key: '5b5cb852a3ff871701f47866cc37f98c36aba26f' }, h("smoothly-display", { key: '0aae4cd0bac3cab1b22ad73de06bf696a333f8d7', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '1192d53740c70a16d01e1e2a8ec03c1d14d9e801' }, h("smoothly-display", { key: 'c13c4433a0ba620e16604fb47450727d4ba56e5c', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: '896fecd9312899190a2ecf4579c50073a31c8272' }, h("smoothly-display", { key: '1dbcff7150422fc2153a9816ec874dfba429d229', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '8af0f60fb62c097a55b1f14c1d9e02a598f139d9', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '5274bbc35439a4d52d970c77082f0d7d886789c0' }, h("smoothly-next-table-cell", { key: '18702a617d8766b19f79a1a2934533d7cf2632c0' }, h("smoothly-display", { key: '57f2d3ab2d7098d021c9db4631e9cc6b2d898c70', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'cdfa422283047bb1afe7fe0defd6b4901ac62747' }, h("smoothly-display", { key: '2cded0b74d7b9387f7b729b4c2946915bb0871ae', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '492dd23dbf0ce2c01d5c423d9b1b78a9fe237226', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '70607593f49e8087a182352ddb2699f8eb76b023' }, h("smoothly-next-table-cell", { key: '46f7e9ba5e04b3e17c1744c5dbd0b865bf4d6071' }, h("smoothly-display", { key: '2366d67e25f1280f7c84b56e05120a4a009e02ea', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'fe940858dc68bf595db43924f4089eeae2022b39' }, h("smoothly-display", { key: 'e95e4585fbc58e8414b4b8500cc0a399f89fce22', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'b20b19c014495f1fdc58a17bb9e4670b450dde24', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: 'e6372f8af60c8680990326d82e9bc8039d5d2f7b' }, h("smoothly-display", { key: '5918a19899072b4c412bb2d19ef3f204eeb51c24', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: 'a8dd0ade6e75b3332970b5c28dbea16ae872f020' }, h("smoothly-next-table-cell", { key: 'c543cc174821d05a7d4975486d6419bcfb48ae91' }, h("smoothly-display", { key: '733a433dd0ca61e10fea401f34665aeb6ed0989a', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'bc86fa504846290f49aa36dd765fbf39a883b657' }, h("smoothly-display", { key: '5e0e011989b9b1d75b004961abc9193c98426e1d', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '4eb921562f4dff18d46d375cd7a5186ffd1c18a5', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '821ec4169165ea4e4ffac5e0145cec0204fec6e3' }, h("smoothly-next-table-cell", { key: '482c9d096428c376fa64e47aa9ae271875b6f871' }, h("smoothly-display", { key: '267bade15f3e214d34342ad317195371c9ab1242', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '8bb4e5393b37855c6e00e9a3039017b0e469163f' }, h("smoothly-display", { key: '158af69d312342e2307d7be4efbf6d5238f1659b', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '7798eaf8ed6782e1707cfd5c9837f8142d733185', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '9799c11e2626f6a0f7e0e532b781824469d4b6f9' }, h("smoothly-display", { key: 'f0df60840283455397ad35e452e69abd7b57cb89', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: 'b4be64833f56b5d1f8c625d544d24fcba34c03eb' }, h("smoothly-next-table-cell", { key: '86c434c87a86ab6b595a22f3de7fa931a090e048' }, h("smoothly-display", { key: '819b0da7a8fca04342206ab782a7794726ee556b', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'cb73520ad44afc7502da06c4ec8f6af6adfc2aa0' }, h("smoothly-display", { key: '5e65f0ca6614d9831b357f120b8a7ed2eafd0a61', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'ea9a6fad058b361c77bb84609dd2e7c6b92d9c35', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'f38de8ba3d30cb2a9d1e7020910d5fe651a2ec4f' }, h("smoothly-next-table-cell", { key: 'db56a476ca28a0aeef97bbda8f8317079d9898eb' }, h("smoothly-display", { key: '65e33d8d3650a6a5423d47dc2ed210b1a7e083e3', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '50fd46d73a79ac39ea9e531191a7bbfc5cadfdd3' }, h("smoothly-display", { key: '676a02bce793ce04d4bfe29a57b12abcda9cb674', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'd49a81b1f0308aed4f9dd0d1a4d11e285f5628e4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '6172e15917d0c9b07926941c115d0339577b9f6d' }, h("smoothly-next-table-row-group", { key: '702cca3f9968b90ca9f60ae7bce2e073fd86d4c7' }, h("smoothly-display", { key: '2d3c71c4c17adb59fa8bcb66eb55ee6dd928f240', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '63ca204543351f120d71ee90a1e6e5207056dba2', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '36df63f982fceb5e1b67c2de95dd4ca723e1dd9e' }, h("smoothly-next-table-row", { key: 'feb2b626f45881f3a3a62a2a80e77f8f0d4d3b15' }, h("fake-cell-wrapper", { key: '09a6f0f745d31db96d20c5ba6ac93826e330e005' }, h("smoothly-next-table-cell", { key: '33c207294cc202b6a4dddef00c10e09188ace9b5' }, h("smoothly-display", { key: '7fedc6e2142345eca9320691d55bfc6a6c68372e', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'f9bbeba9c8c5b8d3d8a2581640bd87c5d48e1924' }, h("smoothly-next-table-expandable-cell", { key: '5480d2f107c282fc1698a4ed5ca58ebb39ff3bd9' }, h("smoothly-display", { key: '0132a7d7ba67472992803f43a5ed50732ec6aa1f', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '48690f2e40c2b6123fb66c7ddd3c963f05856f40', 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: '23ebf8d2daf83e932d7cde68f105dac6059be750' }, h("smoothly-next-table-expandable-row", { key: 'be8b9c21325679a26baae80c6e833824caf07a5d' }, h("fake-cell-wrapper", { key: 'ea1bdce957a2e0677664d276bfe5d22ecc4c708f', class: "span-2" }, h("smoothly-next-table-cell", { key: '3054bde065a700326ee80abb13a7ce570197898c', span: 2 }, h("smoothly-display", { key: '8dbd6a6fff628c111dba1ffb0138c9126adcd595', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '4c1dff73ee6eb514fe07e314b37f07013baeb817', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: 'e235f9efbdf19ffe8fb98e68a8689c316762886c' }, h("smoothly-display", { key: '42e97b716d151160d2faa8af41e5e5d6aea75196', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '02d3309510ef2a76491a5b64801a9d4a6079817d', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
     }
     static get is() { return "smoothly-next-demo-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextDemo {
     render() {
-        return (h(Host, { key: 'c02089c742688f174ec52fe36dbd31c4164724e0' }, h("smoothly-next-demo-filler-row-demo", { key: '17a765c57ce5f695ce4848af02cef62f96a20b20' }), h("smoothly-next-demo-group", { key: 'bbd29637a8d453f5d71f792aa9594c4ba2898b03' }), h("smoothly-next-demo-colspan", { key: '96784e3394198498f251899a4aeabe26b9dfc84e' }), h("smoothly-next-demo-simple", { key: 'cba303bfea82a6941888767afb8e5e98edcff2cf' }), h("smoothly-next-demo-nested", { key: '409efbf7ff8afd23a6e9617cadcf09a15e3a833d' }), h("smoothly-next-table-demo-filtered", { key: 'aa8ec5efb0ed3a39bfbe635485f8a57afa523efd' })));
+        return (h(Host, { key: '60c3283a34f49ab6a4659a41c8eafc515f9c7fd3' }, h("smoothly-next-demo-filler-row-demo", { key: '77eaf9cf368e33ca06c60cb2b34f18448027f057' }), h("smoothly-next-demo-group", { key: 'b62f7ed677da7d68a0fbff87d484957ae4ea4085' }), h("smoothly-next-demo-colspan", { key: '2672c58491d55006de5eda3dc7bbea3b125671e3' }), h("smoothly-next-demo-simple", { key: 'b701d8f0a5524a35a62c48def77524b41a25cc4d' }), h("smoothly-next-demo-nested", { key: 'd259132a77f2a87de80cf994b3fa5ddec4563ee6' }), h("smoothly-next-table-demo-filtered", { key: '3a8e47d65dd5c7a6df239724202eac698c1db513' })));
     }
     static get is() { return "smoothly-next-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { data } from "./data";
 export class SmoothlyNextDemoNested {
     render() {
-        return (h(Host, { key: 'e51e8f2cc538e5dfd1cfa26a3b2e2c1f5fcc2022' }, h("smoothly-display", { key: '39ebce7b96864c5e3c7fe179852f4f0b2759a635', type: "text", value: "Nested" }), h("smoothly-next-table", { key: 'e6e751716681be3b15a2a84e03ab14bbd4540fdf', color: "primary", columns: 8 }, h("smoothly-next-table-head", { key: '1540da2a545e363003f7395bdaa12d5dcf76c95d' }, h("smoothly-next-table-row", { key: '64d0024e3b49e19f60ab6c6a08693e77ca88e0ca' }, h("smoothly-next-table-cell", { key: 'b8573a8380c7b68a0762549dc059a7831122295d' }, "Id"), h("smoothly-next-table-cell", { key: 'f0c0a479d0c12acb100310dd70b62bbd60eca8d9' }, "Registered"), h("smoothly-next-table-cell", { key: 'f6f25090f7abb02226a03799fcbea7e8e4939333' }, "Name"), h("smoothly-next-table-cell", { key: '03f64dbb24a777bb830054bdb0c75dac28b962cc' }, "Age"), h("smoothly-next-table-cell", { key: 'ce2308229646b7c3101e487467b704ba71e5e9f7' }, "Balance"), h("smoothly-next-table-cell", { key: 'bad44718ea6d4ff480f068778db13c41be22308c' }, "EyeColor"), h("smoothly-next-table-cell", { key: 'b5530529ef856b2490cabe568d32169b48afe69d' }, "Gender"), h("smoothly-next-table-cell", { key: 'e955f22f3e53b7fcfb89bc3a286dc070ae8f774f' }, "Company"))), h("smoothly-next-table-body", { key: 'd7e8b5ebb440d74d1ab8b2b4ccd6e7ddba436d7e' }, data.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.registered), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance), h("smoothly-next-table-cell", null, entry.eyeColor), h("smoothly-next-table-cell", null, entry.gender), h("smoothly-next-table-cell", null, entry.company))))), h("smoothly-next-table-foot", { key: '04751be9e9a8e336b1bef025bc81b97980a265c8' }, h("smoothly-next-table-row", { key: '223a83ef04cfb43b9122aae69943a46aa3c680b6' }, h("smoothly-next-table-cell", { key: 'be67907a58830b8368fd9d864907a6cc7d0dc829' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '7b46824531a861fcdd0af4dc546699f703b97c55' }, "Footer Cell"))))));
+        return (h(Host, { key: '8d402c4a13f9c2ae7176508216f6232cde00bcc9' }, h("smoothly-display", { key: '3ab020c9699a20216585d74a5cfc9adeb73a5406', type: "text", value: "Nested" }), h("smoothly-next-table", { key: 'be338a335b25518a43f7e671ac1ed4262c2d4266', color: "primary", columns: 8 }, h("smoothly-next-table-head", { key: '38d7656a7f2d12fdd5ca683d6b4f33d36977f73e' }, h("smoothly-next-table-row", { key: '3aaa246a20c21e68a37c8c883ba6d2706f19d15a' }, h("smoothly-next-table-cell", { key: 'd5a593133612990b2decf038e55ae107dbf9f8cd' }, "Id"), h("smoothly-next-table-cell", { key: '0e0f3d8b15b96722ca88ed87125550bd0fb990bc' }, "Registered"), h("smoothly-next-table-cell", { key: '34e6651990dc769ba5ef753d28846e65e7ac2ae6' }, "Name"), h("smoothly-next-table-cell", { key: '843eee09c7d972d1d4cc0ee7ad199717069b46e9' }, "Age"), h("smoothly-next-table-cell", { key: '6f47009c22df7d3efbe4b842dbcb20c21f0a11df' }, "Balance"), h("smoothly-next-table-cell", { key: 'ea9ed27fb4f2ef95cbc4ed78142bebf30de4c671' }, "EyeColor"), h("smoothly-next-table-cell", { key: 'ae77adcd3055cd6a8c08df9ca1f60a987bef5454' }, "Gender"), h("smoothly-next-table-cell", { key: 'e93ff6e84fc354d39ec4631b69f1f99aab9ee03d' }, "Company"))), h("smoothly-next-table-body", { key: 'afd73ac894bb93aa31bd99fd589a5487049e6051' }, data.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.registered), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance), h("smoothly-next-table-cell", null, entry.eyeColor), h("smoothly-next-table-cell", null, entry.gender), h("smoothly-next-table-cell", null, entry.company))))), h("smoothly-next-table-foot", { key: '23141fcd7197a63216f95a94ecc19cfa68825c4f' }, h("smoothly-next-table-row", { key: '546bd6375e4ee101cb4551db132e28f13271eb62' }, h("smoothly-next-table-cell", { key: '56649bec5494996c0dcf3ad3a34c24eef081f587' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '8b1fba8cc4f995f1247fc8e72aa83efa9cc8a183' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-next-demo-nested"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class SmoothlyNextDemoNestedInner {
     }
     render() {
         var _a;
-        return (h(Host, { key: '13fd06b7b3715a39b884858226aa4e3481667d4b' }, h("smoothly-next-table", { key: '7b3c5461c71d9444fcbbe7f1b49df9643d682cfb', columns: 4 }, h("smoothly-next-table-head", { key: '82c8eff53e06ff5fd45bbc3a5f6e9da55325c33f' }, h("smoothly-next-table-row", { key: '63fa9aa6b383724bb3bf44b0eeb83922804819d3' }, h("smoothly-next-table-cell", { key: '646803a5cec7d21c2ae52d34947dd293cb48204b' }, "Id"), h("smoothly-next-table-cell", { key: '62852bf4da10cda9e389403caa808e232dabb5b0' }, "Name"), h("smoothly-next-table-cell", { key: '2af3b1e6eb17aac4603be290f3f46b58c45f81b0' }, "Age"), h("smoothly-next-table-cell", { key: '562f80f9b14379ebd1876908443c40d2806e9872' }, "Balance"))), h("smoothly-next-table-body", { key: 'f88a8917e54ee733a574fa14d39af0d7228a6978' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
+        return (h(Host, { key: '19e0f084a09ccbdfd1b02ad2a303cb4b8fea8b3a' }, h("smoothly-next-table", { key: 'e3f73d442144d49b9f5c5ec37b53eaa8d32c9fe1', columns: 4 }, h("smoothly-next-table-head", { key: '90b8c436ce8deb7e6fc21749b6bf8446907c120c' }, h("smoothly-next-table-row", { key: '3fcb64b37aacd6bf6f2f42e3f72eb7d8cfe4442c' }, h("smoothly-next-table-cell", { key: '4df45e5d226a04caaea11e10d6e2913566ccafb5' }, "Id"), h("smoothly-next-table-cell", { key: '369eade6f61d7b0b610f27216dfa6cd4a05db40b' }, "Name"), h("smoothly-next-table-cell", { key: 'c400606b0bdc1467818f1493a0617529cd0e1951' }, "Age"), h("smoothly-next-table-cell", { key: 'da06335fe3248ed4f6cf96d9878682de78aad286' }, "Balance"))), h("smoothly-next-table-body", { key: '28a1b173a15e680aa9c6819fdf61575c86488103' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
     }
     static get is() { return "smoothly-next-demo-nested-inner"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextDemoSimple {
     render() {
-        return (h(Host, { key: 'a8acc2c650ebc443db8bb1b4317a0611e8f05608' }, h("smoothly-display", { key: 'd888c8972a011011165c8e04642a292a428ce8ac', type: "text", value: "Simple" }), h("smoothly-next-table", { key: '24ba400f4c2f1dfecc1d37869ef76b2ec44fcb48', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: '72cbec1185a404a32fa0b3b228737fe99d81cb90' }, h("smoothly-next-table-row", { key: 'e8a00ae5c5473c82f74fc6a7dd2a5a56464fa8e1' }, h("smoothly-next-table-cell", { key: '0bac8c2dfef404516115d857f765ffe5d2e11ec2' }, "Breed"), h("smoothly-next-table-cell", { key: '839bb5f927ada24808e79f1a922bb61461e8cd2b' }, "Coat"))), h("smoothly-next-table-body", { key: '1625e465403ff47452f9276b9c2d92d11757092d' }, cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-next-table-expandable-row", { key: '05c330996a9a0c778c55c4ead1b7696e709c1be0' }, h("div", { key: 'a7ad34c656fea392363226a0fff36edd89ea7886', slot: "detail" }, "Content", h("br", { key: 'a5aef051b80c0e0e32e9f67dc7aac1e60bdb3529' }), "of", h("br", { key: '33363ed7d377f8a68cb7d165492aa41a76864d47' }), "the", h("br", { key: '0b0ff8ccc287886c70a1386a578a54b592a3ab60' }), "expandable", h("br", { key: '7e957a24f390d5a2284d6c018a6a6eab0645cd35' }), "row"), h("smoothly-next-table-cell", { key: '6814eff2c64ee7113d59a6852f8272c8cf5d026e' }, "Cell1 in expandable row"), h("smoothly-next-table-cell", { key: 'fdf46cdb2c0368e9673c01ddbc66a040e0cdd993' }, "Cell2 in expandable row")), h("smoothly-next-table-row", { key: 'b66351681a743398fd0e02d3375b21d6fc4ad55c' }, h("smoothly-next-table-cell", { key: '08eea1871b06906f22101aae982b04b02ab0cb02' }, "Cell5"), h("smoothly-next-table-expandable-cell", { key: '6b5928b4e65b0134aca8ee810b72dadb63526936' }, "Expandable Cell", h("div", { key: 'e74060695cf3bd65a5634832c40283ea7d4fd1bd', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-next-table-row", { key: 'cd99c2c345ad20d112af5521a9903c8a3eac8276' }, h("smoothly-next-table-expandable-cell", { key: '5b4843ed50b9bd382542e0bfbd0487b23144cda8' }, "Expandable Cell 1", h("div", { key: '37af1819f83435ebb575e20be576e66b98efa256', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-next-table-expandable-cell", { key: '78ce9022f55cc22ca574b9ebdb9c494757e1c597' }, "Expandable Cell 2", h("div", { key: 'e375ff3620987b116f08866d7c355d62a3e0d6a9', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-next-table-foot", { key: '2717aa90d336fc0205fb0e4c3e26ab9c2c83d870' }, h("smoothly-next-table-row", { key: 'd69aced2ded306e79f99792ce3b2ee700e8451ec' }, h("smoothly-next-table-cell", { key: '9017281f8ca844f209745d5dd378b9d15f68874b' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '3a98156fa6bd434c4e17a0cdd23f35395f33cef4' }, "Footer Cell"))))));
+        return (h(Host, { key: '66b3e68121b5d77bde910b396f198d1753ca8c71' }, h("smoothly-display", { key: '25216cd0f6a2d2e14b0492cd430205354adff73a', type: "text", value: "Simple" }), h("smoothly-next-table", { key: '639281176a112a8a5ed55705214570c36a2ecc41', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: 'd99d3f3cbb215bdf5e980f7a32949cfdba6fa89a' }, h("smoothly-next-table-row", { key: '9f9d60323cd22f8d3109df3310daf048312d0e99' }, h("smoothly-next-table-cell", { key: '43088a1b90e9161e38d951b86124b7b3601c5086' }, "Breed"), h("smoothly-next-table-cell", { key: 'afe9bb2f57af8e7bafedf4970a4d9ef7b3c6bf7e' }, "Coat"))), h("smoothly-next-table-body", { key: '1e7c4ac3d94cea0ee68f82bb8d6808dd46ef256e' }, cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-next-table-expandable-row", { key: '016ef5b866f560bb6d5b677cb95d8d172bcae52f' }, h("div", { key: 'fcb81c069b8c4b46744b40ce427fedf9ae99039f', slot: "detail" }, "Content", h("br", { key: '716d0f3cec5a99c3f4be2bf5d637aa79d96895a0' }), "of", h("br", { key: '059b52649e48de5cfe0dab3705dfb2bd6d3eeb7f' }), "the", h("br", { key: 'fb6a41055c5f031c7020fdc3acc7850b766da7b3' }), "expandable", h("br", { key: '0e93dabefbe33ee903bbe669565d358ce4a806b5' }), "row"), h("smoothly-next-table-cell", { key: '18a19f3258b40f8599e28cd5982301c149d4f1aa' }, "Cell1 in expandable row"), h("smoothly-next-table-cell", { key: '69d677973b55205f30c189df03ea0e9b7bd26bfd' }, "Cell2 in expandable row")), h("smoothly-next-table-row", { key: '26ea11b415a30ad7c32ee3d0e4f4d8aea9eda7f6' }, h("smoothly-next-table-cell", { key: '8f25926ec015829c5e478622535123318c42f17d' }, "Cell5"), h("smoothly-next-table-expandable-cell", { key: 'c3f3c58cb1be39d20ede7e9f3e40319edc38c768' }, "Expandable Cell", h("div", { key: '96f13cdd7068afb194661942636d9375815ba57b', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-next-table-row", { key: 'f97abc78791cd5582cc83ce66e21ea2b8495e13b' }, h("smoothly-next-table-expandable-cell", { key: '8539c01c7749e704ecf19b07b00a24b49d4abeac' }, "Expandable Cell 1", h("div", { key: 'd82b27f6a549600cc32c136b20495f73bc54f978', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-next-table-expandable-cell", { key: 'a89e91aa1bcb9849f7de2f12f9ffbad0f0035ead' }, "Expandable Cell 2", h("div", { key: 'b347602a29cc9ab1bd82ad45b8c397daebd47c60', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-next-table-foot", { key: 'dbf4a77570431284f7322090e270d412618dddfc' }, h("smoothly-next-table-row", { key: 'c89965f6ea56be40b678f41381cb5985748ec4ed' }, h("smoothly-next-table-cell", { key: '9557848e7e943309e7132c61736f0ece5141b623' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '2111281a0a42972c1c9fed6620b27307e72e6604' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-next-demo-simple"; }
     static get encapsulation() { return "scoped"; }

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

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

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

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

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

@@ -18,7 +18,7 @@ export class SmoothlyNextTableExpandableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9101742e13ee1659f6d8c9b89b9dd01bad8749aa', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: 'ff5dd92a9ce282d4c7461d2776252a0b9994ee31', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: 'e9a7f13a9171569c45545ac78dd8449f80485c9a' })), h("div", { key: 'a7c36369e921e648ceb2536ad9e1c58031a4077d', class: "detail" }, h("slot", { key: 'ad2b1bebadb19ef0c9daa7d54047acc2a6c55120', name: "detail" }))));
+        return (h(Host, { key: 'd67b5d0383b0db8f637888a958cb45a9ebacb3ec', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: 'ec2421a6122207a28b348ea536bd001e1c7d495c', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: '24bf9aee3934f2330df446815fb752707ea1bc44' })), h("div", { key: '2f4a5a1694d6e3db393f715a71d66095e09e50a5', class: "detail" }, h("slot", { key: '5ed6449464aa6d8dee7ac9c51d7f2b44f48d0c8e', name: "detail" }))));
     }
     static get is() { return "smoothly-next-table-expandable-cell"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class SmoothlyNextTableExpandableRow {
         this.smoothlyNextTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: 'cf7fc43ab9572639720b6dda4d2ee226fcfd38fe', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '7d90befc65257005379b4bb0564b335c046fd8d5' }), h("div", { key: '50f7e0eb66657fb909cf2d912c71ee7b09e1ed6e', ref: e => (this.div = e) }, h("slot", { key: 'f0917493dda2b027cb038a3405f3efb0a5e9bc25', name: "detail" }))));
+        return (h(Host, { key: '6639c71b07e30f5faa471e1f32e2b07aec1c3228', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '4820aaf170a50c48619000f5853e5248dadb6e34' }), h("div", { key: '829533fe6fbe2605a4a5a985e8c806444e7db14b', ref: e => (this.div = e) }, h("slot", { key: '1c68b5b9cd4da1d74fd5e6156a1497f18faec232', name: "detail" }))));
     }
     static get is() { return "smoothly-next-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SmoothlyNextTableFillerRow {
     render() {
-        return (h("smoothly-next-table-row", { key: 'f70c6c5d3585ac1671d4627fa3c3416bc290529c' }, h("smoothly-next-table-cell", { key: '0aa925e178ad8d5e538c4adbf440946b33b59212' }, h("slot", { key: 'b7cab380329b4de0a7a9e05beb38e8a23d734e48' }))));
+        return (h("smoothly-next-table-row", { key: '5f4ba87733659bda82336e0ff7687bde6e5e1030' }, h("smoothly-next-table-cell", { key: '48a3a02cebf9872e815357079ac37ea63a34b0a6' }, h("slot", { key: '98a43cc284cf931474ac86c4754451b8f5407d97' }))));
     }
     static get is() { return "smoothly-next-table-filler-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyNextTableFoot {
     render() {
-        return (h(Host, { key: 'aaa1bca3c943b4d98408acf4ce4e42d7a43eac2d' }, h("slot", { key: 'd3840c7c3204dc380565bb6d5ccf1e9ea74f5513' })));
+        return (h(Host, { key: '11dab87838e468aae34fb0632a64054c4aa61897' }, h("slot", { key: '55a6a9600d3b5766d11f7f0cbd6cecfabf6f9161' })));
     }
     static get is() { return "smoothly-next-table-foot"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SmoothlyNextTableRowGroup {
         this.smoothlyNextTableRowGroupChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '43a82196fdfd80f0f919a4f62191c3361f41cba0' }, h("div", { key: '9919bacabb6794dd9a71925d7743c37ff2d805ea', onClick: () => this.clickHandler() }, h("div", { key: '71d0b9c9f93d826e623ce5e0a38af321e72c13d8' }, h("slot", { key: '52a00599eceebc5d1f4eb1db8eae7ffaa6ece430', name: "start" })), h("div", { key: '35a90ff17f0f195cce6b894235ab15e4575854c9' }, h("slot", { key: '0634ab63a3b9194337b37665b48a74c774348ddc', name: "end" }))), h("div", { key: '122e07656e70d691387319b1d674d952323be40d' }, h("slot", { key: 'cfcc0518333e93fa47391fdd6371662e9cbd42d8' }))));
+        return (h(Host, { key: 'e8fe944298d963c42b3be3ca591718065ffc1a10' }, h("div", { key: 'd20a811f2f428a88ca5d40c0a13d5f1830920737', onClick: () => this.clickHandler() }, h("div", { key: '0334061d3030bbe6e639ce39824fe6d6dc16c194' }, h("slot", { key: 'c503323239ebd3c4f4c7eb2dcc71e7ed8aa9ee53', name: "start" })), h("div", { key: '03eb020a4fbd59212089a8cd963d4ddd32750a78' }, h("slot", { key: 'f0caca039c2d1b074b0dcfa508f15c0bacb2a206', name: "end" }))), h("div", { key: '12a61061ae740af8b67057f086c2f89da12910de' }, h("slot", { key: '1d5716ab78a61626330058350483e460c85681fd' }))));
     }
     static get is() { return "smoothly-next-table-row-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -22,7 +22,7 @@ export class SmoothlyNextTableHead {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: 'f181efdba693b2c07b980369fa5d6a71c88f3e93', class: { scrolled: !!this.scrolled } }, h("slot", { key: '9801166b8be1917bcac3da1dc922d13affb83d6f' })));
+        return (h(Host, { key: '0d999556a8df7f00defd5921d5733b7ce0ab7770', class: { scrolled: !!this.scrolled } }, h("slot", { key: 'e14a7fc873f7763be03e2278d1e734c7fcf90acf' })));
     }
     static get is() { return "smoothly-next-table-head"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SmoothlyNextTable {
         event.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '6b36be13a7d56f8aa23840dd3a678b2f272f71be', style: { "--columns": this.columns.toString() } }, h("slot", { key: '9a82439125000847cc4e7e63c285aac3d605cfb3' })));
+        return (h(Host, { key: '4a0635a7fdb8d4cf9cf69d1a68d0acee29e16868', style: { "--columns": this.columns.toString() } }, h("slot", { key: '23b51de6de66bd017f63dac920eb13f1f414d099' })));
     }
     static get is() { return "smoothly-next-table"; }
     static get encapsulation() { return "scoped"; }

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

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

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

@@ -49,7 +49,7 @@ export class Notification {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: 'cf9c96072d6a7cc7766601abdd96989ff1a83143', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '1e5eec6b4da1c394c1593222dcfae0de58243c8d', fill: "clear", name: "close" }, h("smoothly-icon", { key: '3fc2d6ccbffafe41ada4de5422d0cf164e4b470b', name: "close-circle-outline" }))), h("span", { key: 'b9f58c7197a10c4839c9f9ec0f5ad9251773e986', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '515d0b003497ca4de76328e4ab910c34f862985a', name: this.properties[1] }), h("p", { key: '7a5f3e3fb368614669833eea3b8a8e351356bf9e' }, this.notice.message))));
+        return (h(Host, { key: '048bdeec32b7e764a3d116ed5b8e660ba10f745a', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '51bdbda193a605034c8e544305fa96ae4191338f', fill: "clear", name: "close" }, h("smoothly-icon", { key: '48eb40e9cf25860cf672b7d6fc423f1720056bff', name: "close-circle-outline" }))), h("span", { key: '78535ad469c9226fda035709f07622ed6a49da32', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '222f816aae59da65bc3b668653dc07a71dcc5126', name: this.properties[1] }), h("p", { key: '8132555c4ea10f5bae91e28da192eef5c4292024' }, this.notice.message))));
     }
     static get is() { return "smoothly-notification"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,8 +12,8 @@ export class Notifier {
     }
     render() {
         return [
-            h("slot", { key: '95705f447f02f2fd79fcfb9fd914547dcd46fd43' }),
-            h("aside", { key: '49abfb85afa25cf8a939d725697698082eda895c' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
+            h("slot", { key: 'b806e161fb6393c807902e69f4a87cc6f161c782' }),
+            h("aside", { key: '94dbd9b35bb94cbbe88edf283188ba7538a8967f' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
         ];
     }
     static get is() { return "smoothly-notifier"; }