npm - smoothly - Versions diffs - 1.1.1-alpha.153 → 1.1.1-alpha.154 - Mend

smoothly 1.1.1-alpha.153 → 1.1.1-alpha.154

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

package/dist/cjs/smoothly-app_106.cjs.entry.js CHANGED Viewed

@@ -1740,7 +1740,7 @@ const SmoothlyButtonConfirm = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '853f83d9dac3b1b915a9e7b8031723a0c60253e8', warning: this.clickTimeStamp }, index.h("smoothly-button", { key: '1f02d56984f82d0015c4900eff228acb702b43eb', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: "warning", disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, index.h("smoothly-icon", { key: '94becfb1ce9c81ee7ec93215a94800b9c8f9e808', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), index.h("smoothly-button", { key: '877401aeffa5a37391c0191f74a04b7e9dab216e', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: this.color, disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, index.h("slot", { key: 'd58ab0b5b6036a0e5ba9eb1de7190468041177f5' }))));
+        return (index.h(index.Host, { key: 'cea74754da3975040b24d3913c714722f11f4325', warning: this.clickTimeStamp }, index.h("smoothly-button", { key: '51cc50dc8bc2408fee1307aece40481d1ab13e46', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: "warning", disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, index.h("smoothly-icon", { key: 'c769f8ff1c725ad1f1e0bc5a9ff35eead0e6a975', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), index.h("smoothly-button", { key: 'b580b6fad8b1559c37fc47c3052e63c585146a97', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: this.color, disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, index.h("slot", { key: '3a36b2b3c33d2e7093256cf0d7b20dc1927afdfb' }))));
     }
 };
 SmoothlyButtonConfirm.style = SmoothlyButtonConfirmStyle0;
@@ -7240,7 +7240,7 @@ const SmoothlyFilterSelect = class {
     async componentDidLoad() {
         this.smoothlyFilterUpdate.emit(this.update.bind(this));
     }
-    async smoothlyInputLoadHandler(event) {
+    async smoothlyInputLoadHandler(_) {
         var _a, _b;
         (_b = (await ((_a = this.selectElement) === null || _a === void 0 ? void 0 : _a.getItems()))) === null || _b === void 0 ? void 0 : _b.forEach(item => this.items.set(item.value, {
             state: this.property.split(".").reduceRight((r, e) => ({ [e]: r }), item.value),
@@ -7320,7 +7320,7 @@ const SmoothlyFilterSelect = class {
         return result && this.property.split(".").reduceRight((r, e) => property(e, r), result);
     }
     render() {
-        return (index.h("smoothly-input-select", { key: 'be42267aa9e53f52d199e8d70bb3ed64c38ae311', ref: e => (this.selectElement = e), name: this.property, looks: this.looks, multiple: this.multiple, menuHeight: this.menuHeight, onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyItemSelect: e => e.stopPropagation(), onSmoothlyInput: e => this.selectHandler(e) }, this.label && (index.h("span", { key: '0e27e0ad06234c7047faf7f48d3bd82aea2f1d92', slot: "label" }, [this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(""))), index.h("slot", { key: '258556e9627f3d47d558d10abf7cac85ff095eb8', name: "items" })));
+        return (index.h("smoothly-input-select", { key: '7880e87f45d9227a6663854c8eb427ac39f0bce8', ref: e => (this.selectElement = e), name: this.property, looks: this.looks, multiple: this.multiple, menuHeight: this.menuHeight, onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyItemSelect: e => e.stopPropagation(), onSmoothlyInput: e => this.selectHandler(e) }, this.label && (index.h("span", { key: 'b1ec133090f874ce79645ba2e82718d78590282c', slot: "label" }, [this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(""))), index.h("slot", { key: '87022479beb55154bc3006ec2ac564865f37a9c8', name: "items" })));
     }
     get element() { return index.getElement(this); }
 };
@@ -8788,9 +8788,7 @@ const SmoothlyInput = class {
             selection: { start, end: start, direction: "none" },
         });
         this.smoothlyInputLooks.emit((looks, color) => { var _a; return ((this.looks = (_a = this.looks) !== null && _a !== void 0 ? _a : looks), !this.color && (this.color = color)); });
-        this.smoothlyInputLoad.emit(() => {
-            return;
-        });
+        this.smoothlyInputLoad.emit(() => { });
         !this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly));
         (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
@@ -8959,10 +8957,10 @@ const SmoothlyInput = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (index.h(index.Host, { key: '2b293ae8016679bec1357f3ff77d422f2bf0d693', class: {
+        return (index.h(index.Host, { key: '4a9666ea82f1537960b347ac0a354c1f15bef25f', class: {
                 "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "",
                 invalid: !!this.invalid,
-            }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { key: 'aa4d08cfb0ee697207b011e4a421f10e5c14e506', name: "start" }), index.h("div", { key: '4f892970b985e11c3d9467491641d560ec4655c7' }, index.h("input", { key: 'b5f0c4a7037d67e5a5ed831255046d81478c1b88', color: this.color, name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, inputmode: (_d = this.state) === null || _d === void 0 ? void 0 : _d.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_e = this.state) === null || _e === void 0 ? void 0 : _e.autocomplete : "off", disabled: this.disabled, readOnly: this.readonly, pattern: ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern) && ((_g = this.state) === null || _g === void 0 ? void 0 : _g.pattern.source), value: (_h = this.state) === null || _h === void 0 ? void 0 : _h.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), index.h("label", { key: 'bf3f8b59f5391b9c60036db9321d2f942f837fa1', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: 'ccb5b39e2b591791c94b16c7a27ee43d8c62c3d3' })), index.h("smoothly-icon", { key: 'b58f510a848d8d26d9d828a8aa80dec5f5509ac7', name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: '937f681bf60f201c3bb606a6c01a6389309949af', name: "end" })));
+            }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { key: 'f9e5b6ecdb04a238fad16621e19bc0164943f3de', name: "start" }), index.h("div", { key: '787a5bea3dceb297e7e21af91012f81d57178259' }, index.h("input", { key: '7d340393de038da1f53d2dbe871a7a057baec26d', color: this.color, name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, inputmode: (_d = this.state) === null || _d === void 0 ? void 0 : _d.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_e = this.state) === null || _e === void 0 ? void 0 : _e.autocomplete : "off", disabled: this.disabled, readOnly: this.readonly, pattern: ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern) && ((_g = this.state) === null || _g === void 0 ? void 0 : _g.pattern.source), value: (_h = this.state) === null || _h === void 0 ? void 0 : _h.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), index.h("label", { key: '2732a8c579ba479f52e4facda938cdc160b1a922', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: 'd455230f2b73924029eb42c5e866b7a1f7b06bf5' })), index.h("smoothly-icon", { key: 'bbae4fb321b346af4664195c80b29164d71fa7e7', name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: 'd0d9d576d1423879156523b820727af5c114cea7', name: "end" })));
     }
     static get watchers() { return {
         "currency": ["typeChange", "onCurrency"],
@@ -9002,9 +9000,7 @@ const SmoothlyInputCheckbox = class {
         this.initialValue = this.checked;
         !this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly));
         this.smoothlyInputLooks.emit((looks, color) => { var _a; return ((this.looks = (_a = this.looks) !== null && _a !== void 0 ? _a : looks), !this.color && (this.color = color)); });
-        this.smoothlyInputLoad.emit(() => {
-            return;
-        });
+        this.smoothlyInputLoad.emit(() => { });
         (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
     async clear() {
@@ -9034,7 +9030,7 @@ const SmoothlyInputCheckbox = class {
         !this.disabled && !this.readonly && (this.checked = !this.checked);
     }
     render() {
-        return (index.h(index.Host, { key: '68e89b015e76b0492d65b0711865846a62ab8e2c', onMouseDown: (e) => (this.mouseDownPosition = { x: e.clientX, y: e.clientY }), onMouseUp: (e) => { var _a; return ((_a = this.mouseDownPosition) === null || _a === void 0 ? void 0 : _a.x) == e.clientX && this.mouseDownPosition.y == e.clientY && this.click(); } }, index.h("input", { key: '2a265ff038c5bcdba6b921b2b54a772bee5869ad', type: "checkbox", checked: this.checked }), this.checked && index.h("smoothly-icon", { key: 'eb5347b37d2dcb061f7b42d6b267e7ff816ed1e2', name: "checkmark-outline", size: "tiny" }), index.h("label", { key: '7809915c9f418bf8f3e3b47d37520fff0ba1ba9f' }, index.h("slot", { key: '43f631663c79caf2904b81b9fd1ef264d4ec3129' }))));
+        return (index.h(index.Host, { key: '9c35b8ab0a50f052f2cfe4efbd4e1cc431cf2909', onMouseDown: (e) => (this.mouseDownPosition = { x: e.clientX, y: e.clientY }), onMouseUp: (e) => { var _a; return ((_a = this.mouseDownPosition) === null || _a === void 0 ? void 0 : _a.x) == e.clientX && this.mouseDownPosition.y == e.clientY && this.click(); } }, index.h("input", { key: '465bb9a8a9273fe74be4bc3c570127fb37a6543c', type: "checkbox", checked: this.checked }), this.checked && index.h("smoothly-icon", { key: '106c05c6ef019930c5f4ba4bf2952a06b985fae2', name: "checkmark-outline", size: "tiny" }), index.h("label", { key: 'bd274e379d5e5b5dec453fd1a6d8acead06017ce' }, index.h("slot", { key: '3c0652f3ee008246aa0c3996cb713bb8f785b9f8' }))));
     }
     static get watchers() { return {
         "checked": ["elementCheck"]
@@ -9083,7 +9079,7 @@ const SmoothlyInputClear = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '56c8c0fec6d73d180041042317935c5ba89f4afd', title: this.tooltip }, index.h("smoothly-button", { key: '791df226d84820ffa74b054bce1cc2c811a68e89', 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) }, index.h("slot", { key: 'bcfa932422188ddbab75255ed1acb115a041baab' }), index.h("smoothly-icon", { key: '964d32e8067c28792f7e6c05549f18b3e58e8168', name: "close", size: "tiny" }))));
+        return (index.h(index.Host, { key: 'ca90e3930975a46303e15b162f67eaf4324f9194', title: this.tooltip }, index.h("smoothly-button", { key: '141a7a0191da6a9a350341088adae4f043218eac', 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) }, index.h("slot", { key: '76a5800a376578008c4976a05b91a335b8b686c4' }), index.h("smoothly-icon", { key: 'eb047949f6b9482e684c934214ae048891467f5b', name: "close", size: "tiny" }))));
     }
 };
 SmoothlyInputClear.style = SmoothlyInputClearStyle0;
@@ -9233,7 +9229,7 @@ const SmoothlyInputColor = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (index.h(index.Host, { key: '2d558fd50f23c86a60600ff07e60562c22203b8e', style: {
+        return (index.h(index.Host, { key: 'cd106f6788816d052223590dfa618fac3bcbcca3', style: {
                 "--hexCode": this.value,
                 "--rgb-r": `${Math.round((_a = this.rgb.r) !== null && _a !== void 0 ? _a : 0)}`,
                 "--rgb-g": `${Math.round((_b = this.rgb.g) !== null && _b !== void 0 ? _b : 0)}`,
@@ -9242,7 +9238,7 @@ const SmoothlyInputColor = class {
                 "--hsl-s": `${Math.round((_e = this.hsl.s) !== null && _e !== void 0 ? _e : 0)}%`,
                 "--hsl-l": `${Math.round((_f = this.hsl.l) !== null && _f !== void 0 ? _f : 0)}%`,
                 "--element-height": `${this.element.clientHeight}px`,
-            } }, index.h("smoothly-input", { key: '37be8ae9268cc1ee14d337b7442c7e2399df8575', value: this.value, name: this.name, looks: undefined, color: this.color, type: "hex-color", showLabel: this.showLabel, readonly: this.readonly, onSmoothlyInput: event => (event === null || event === void 0 ? void 0 : event.stopPropagation(), this.hexInputHandler(event.detail[this.name])) }, index.h("slot", { key: '5cdf78d76de0164bd13cc76096868aecb600b1f1' })), index.h("div", { key: 'b4f95f466d39b11e72a90e3a973e4965623fda17', class: "color-sample" }), index.h("smoothly-icon", { key: '3fe7e9010f3e2d60ee283b7b29d19032175a820f', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), this.open && !this.readonly && (index.h("div", { key: 'b54e9b3061308e02922601dbd29343a7fa5645c0', class: "rgb-sliders" }, index.h("smoothly-toggle-switch", { key: 'fa254d340bf3f60872944791a5fd0c1e8ae79643', title: `${this.sliderMode === "rgb" ? "To HSL" : "To RGB"}`, onSmoothlyToggleSwitchChange: event => this.handleSwitchMode(event), size: "tiny", checkmark: false, selected: this.sliderMode === "hsl" }), Object.entries(this.rgb).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "rgb" ? { display: "none" } : {}, name: key, min: 0, max: 255, color: undefined, type: "text", value: value, step: 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() }))), Object.entries(this.hsl).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "hsl" ? { display: "none" } : {}, name: key, min: 0, max: key === "h" ? 359 : 1, color: undefined, type: key === "s" || key === "l" ? "percent" : "text", value: (key === "s" || key === "l") && value ? value / 100 : value, step: key === "s" || key === "l" ? 0.01 : 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() })))))));
+            } }, index.h("smoothly-input", { key: 'c1529418aef66953f047bfc5b5f883ff7d1c4276', value: this.value, name: this.name, looks: undefined, color: this.color, type: "hex-color", showLabel: this.showLabel, readonly: this.readonly, onSmoothlyInput: event => (event === null || event === void 0 ? void 0 : event.stopPropagation(), this.hexInputHandler(event.detail[this.name])) }, index.h("slot", { key: 'aa1350efbb1f3f914fa80a94465ce7d304c1bdb3' })), index.h("div", { key: '965de4d32362fbd7d30c9d7c07b585a1f48939af', class: "color-sample" }), index.h("smoothly-icon", { key: '1b4ff63067bd9a87244130f62393e961aed5161f', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), this.open && !this.readonly && (index.h("div", { key: '24c25793340d6bb4fe01e273537c6f038b895fe3', class: "rgb-sliders" }, index.h("smoothly-toggle-switch", { key: 'a7cce0602fff66466dd6e9d10a75f1a8a453002f', title: `${this.sliderMode === "rgb" ? "To HSL" : "To RGB"}`, onSmoothlyToggleSwitchChange: event => this.handleSwitchMode(event), size: "tiny", checkmark: false, selected: this.sliderMode === "hsl" }), Object.entries(this.rgb).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "rgb" ? { display: "none" } : {}, name: key, min: 0, max: 255, color: undefined, type: "text", value: value, step: 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() }))), Object.entries(this.hsl).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "hsl" ? { display: "none" } : {}, name: key, min: 0, max: key === "h" ? 359 : 1, color: undefined, type: key === "s" || key === "l" ? "percent" : "text", value: (key === "s" || key === "l") && value ? value / 100 : value, step: key === "s" || key === "l" ? 0.01 : 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -9339,13 +9335,13 @@ const SmoothlyInputDate = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '80d44b5b3f6013da5f711f2648340457049cba8c' }, index.h("smoothly-input", { key: '153be68c3f6c2f85772e6faa4979516f2c33dbc6', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (index.h(index.Host, { key: 'bcdf0b39e3fa1c4177ac8b9dd91f206d41be6142' }, index.h("smoothly-input", { key: 'ef49a31e310ce40c0ccc7dec062768f24d5c2904', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.value = e.detail[this.name];
-            } }, index.h("slot", { key: 'f43ee0ee9c3bdfef5ec69aa390133d10c5dea062' })), index.h("span", { key: 'b02f2f7bc643eef4bbbed9aaf66f4ecdb65c8c22', class: "icons" }, index.h("slot", { key: '5666b59cf676c0453511d36e98379629db8a9d10', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: '471e730d88e9304c0783255526db01cb860c128a' }, index.h("smoothly-calendar", { key: '276d22a16df8222c0f98a09a95f32ba833cb9619', doubleInput: false, value: (_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), onSmoothlyValueChange: event => {
+            } }, index.h("slot", { key: '6d049c53ffcf938969ad777c93fff4e75e83ecee' })), index.h("span", { key: '1bda00f4099ad720cb2e5fc5cdefe4f6ca10f008', class: "icons" }, index.h("slot", { key: '46baa97c1e5039b1a6faf8ee44f9c66f965b32a1', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: 'a76b160955dac9021c34f33aab9d4dfd6c7b1cdf' }, index.h("smoothly-calendar", { key: 'df64a98cb56f2971e5d551bc425b26b5fe873408', doubleInput: false, value: (_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), onSmoothlyValueChange: event => {
                 this.value = event.detail;
                 event.stopPropagation();
-            }, max: this.max, min: this.min }, index.h("div", { key: '7d4d324205c8b441c9cc52b94847aca994cccbe2', slot: "year-label" }, index.h("slot", { key: 'e19dad2dfa0e5d93fdc8d941233400585144c8bb', name: "year-label" })), index.h("div", { key: '6a76884a6b82e6029adb794fcd189bddcd395a48', slot: "month-label" }, index.h("slot", { key: '23973e63d03986046e2302ece1bcd24129759ec5', name: "month-label" })))))));
+            }, max: this.max, min: this.min }, index.h("div", { key: '2f040161d83b38d30dd2ed86d285ea4b04e990f9', slot: "year-label" }, index.h("slot", { key: '3198a401a5c91ff564ab11d871f6ac5d3d3946b0', name: "year-label" })), index.h("div", { key: '437ed6659e5a5daff4e2906fbb77711a1c498f2c', slot: "month-label" }, index.h("slot", { key: '5965ed354a4193a53214818c5b3ac5da8a0e0f75', name: "month-label" })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -9441,12 +9437,12 @@ const SmoothlyInputDateRange = class {
     }
     render() {
         const locale = navigator.language;
-        return (index.h(index.Host, { key: 'c3348a4da491df64e34a3ea9b7b66ec623320d91', tabindex: 0 }, index.h("section", { key: '87b8d015b4be60ea8d117dbd0bb9feb0847d07ad', onClick: () => !this.readonly && (this.open = !this.open) }, index.h("smoothly-input", { key: 'a83d36c6a5ff5eae1528aa2edecf18d8ba1e1222', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
+        return (index.h(index.Host, { key: '3ecc390e44c74c2cb539feb50b18a83b10f1931b', tabindex: 0 }, index.h("section", { key: '34b9954727fbfd27e64a2cc59a833c4ec9321444', onClick: () => !this.readonly && (this.open = !this.open) }, index.h("smoothly-input", { key: 'd7136639c3ddfe4b62b9728936b1f2f8f1deb8fe', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
                 ? `${format(this.start, "date", locale)} — ${format(this.end, "date", locale)}`
                 : undefined, invalid: this.invalid, placeholder: this.placeholder, showLabel: this.showLabel, onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.inputHandler(e.detail);
-            } }, index.h("slot", { key: '9b7cba6bd56d5cea74959eacf59e6b95d94d37eb' }))), index.h("span", { key: 'd41dc1b4cf1ca4450107613455d03fc041cc4613', class: "icons" }, index.h("slot", { key: '97edde234e187b51664536cfa044287e012e9655', name: "end" })), this.open && (index.h("nav", { key: '261c5766d673f592309f103820d9446a816d3585' }, index.h("smoothly-calendar", { key: '0f5cec6b44072663f79794105b99d88985ab5306', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
+            } }, index.h("slot", { key: '8cbea44d23e2fe43cca217c6c99e24de59ad941f' }))), index.h("span", { key: 'd4b1e1ed8607e396f11f641c88cb3ae6259c530d', class: "icons" }, index.h("slot", { key: '3359800d6a43b2cf3dbddd6914cfef724524d8a1', name: "end" })), this.open && (index.h("nav", { key: '9ff44ec74a85a82e61aa2ceb73449d1cd682861d' }, index.h("smoothly-calendar", { key: '5cf75f75dea2797fbaae5ce8c5c7bdb75d7dff73', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
                 e.stopPropagation();
                 this.start = e.detail;
             }, onSmoothlyEndChange: e => {
@@ -9554,7 +9550,7 @@ const SmoothlyInputEdit = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '3291b4b0cd07431166ee66a188b82d0a1ff938e9', title: this.toolTip }, index.h("smoothly-button", { key: '3610fd9967355b5282f81ef83d0c846a4858c1c6', 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) }, index.h("slot", { key: '943b17f7481e6c7eb1de1aa84b11af64b3ad5af9' }), index.h("smoothly-icon", { key: '9e0ff058c1e9a6a5a28b24e242c4acae25232390', class: "default", name: "create-outline", size: "tiny" }))));
+        return (index.h(index.Host, { key: 'bc3ab235c90866ccac7d53f8adc7efb02d2c95c8', title: this.toolTip }, index.h("smoothly-button", { key: '418e4047351adcbb13b1e5cc3bd0f2c802b23efc', 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) }, index.h("slot", { key: 'e5fb30091ffdabdebbf33ff57b3212aee4335d53' }), index.h("smoothly-icon", { key: '73f0b50d7c61960713a5a4bb2ce02dcb64c8c0fa', class: "default", name: "create-outline", size: "tiny" }))));
     }
 };
 SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
@@ -9651,7 +9647,7 @@ const SmoothlyInputFile = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '6b241471886df5c58f7fbd88c42b8f3f6b34c807', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: '60b74a0c24359accecbcedaab56307258a8f899c' }, index.h("slot", { key: 'd91aef870fb8e3e2904f26734995886b1d352eff', name: "label" })), index.h("div", { key: '0097037a6be980989aa5e818d869d0f5fd089191', class: "input" }, index.h("smoothly-button", { key: '3761ce31dab5981ba0d3cdc9d024b34f8735bcdf', color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '20c482ebdd00abea3c7723ab22cdaa76bf5f9dc9', name: "button" })), index.h("span", { key: '96a23e03fa7a0353c1eaaddbdf249945200a464c' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: 'fe06044c65326205b266366282057f2c2cad28e4', class: "mask", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }), index.h("input", { key: '6bc30fb2aed7deb14fc254ced1aeedcb6b30420e', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), index.h("slot", { key: 'fd13647837cccd0b4600205d98d64cf3642f9e2f' })));
+        return (index.h(index.Host, { key: 'eacbb1c35ce50b9643da94f2e2adbef0e6fac809', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: '296ca52e0671854fcd807495dd98ef1dd158e645' }, index.h("slot", { key: 'c30ce018c96a41c7009063793aa0a94443e7ddf5', name: "label" })), index.h("div", { key: 'b5c9b5e8c0bf830f44869327eac10e9c7c14881a', class: "input" }, index.h("smoothly-button", { key: '2a556c916aa85721a8354eb67d43c2cf740c8de3', color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: 'c96f0c193c2df4320f2d1336c0ca2ab4e47f4c74', name: "button" })), index.h("span", { key: 'fb760b8ffcabff3a6c3c0893e90a7f3a2931c82f' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '7bb93277222175459f2bc07d630ea9f102aa1686', class: "mask", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }), index.h("input", { key: 'a174c0d899425d7f8ba62a499ac09952a597853a', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), index.h("slot", { key: '0b04e7df305b3ae51a1ab85c26fc889be42e9b54' })));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -9742,7 +9738,7 @@ const SmoothlyInputMonth = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'ec51ed39bcc0e8c01a42709c3187afc00d2981bb' }, index.h("smoothly-icon", { key: '48c27df60c2e3d60cdeed1cd3a1b84fcfffd42e8', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly }, onClick: () => this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '0a4905bed9adc6c603a9fb8aff2255ce564b0cbd', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: 'de9bab516c9d3eb51be5f3f6e1cc56b639db6be7', slot: "label" }, index.h("slot", { key: '2661a6a674e33808ca1ac50e910f824804713906', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now()).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.h("smoothly-input-select", { key: 'eb78a704789a192742c84d56a710ad318f5b5a5f', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '7c29d041b05b170b0c5ed0d75721a6610b78a18d', slot: "label" }, index.h("slot", { key: 'ef0f9e2c29a035e60c5cddbe0e3ec5420d1d8115', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: 'b4b09ccfacb6085ce2491777ccc7a2364e6fff68', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly }, onClick: () => this.adjustMonth(1) })));
+        return (index.h(index.Host, { key: 'b20466e490056187bf6498db185b35bde61d7ba8' }, index.h("smoothly-icon", { key: '5c9100c86d04a8fd0943847460b4431c77631745', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly }, onClick: () => this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '41343456da28ab41fe7162c152470616f0710568', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '7dcd6d729682cae8027cd76d806b483462a56238', slot: "label" }, index.h("slot", { key: '85984ded23510fdd35e49cbdeb08e91c9a4905cc', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now()).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.h("smoothly-input-select", { key: 'fb0f703dcbd5666933ae29359d3c55d461f5e5d6', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '6dadf3f1c06e5eb26562df2b1784d41ee7dac462', slot: "label" }, index.h("slot", { key: '4330c70a61515a193d456183cc9c615b684d0089', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: '58108a574b1608f9b7481ab36a0f2e2c32fa879f', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly }, onClick: () => this.adjustMonth(1) })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -9795,9 +9791,7 @@ const SmoothlyInputRadio = class {
     }
     componentDidLoad() {
         !this.valueReceivedOnLoad && this.smoothlyInput.emit({ [this.name]: this.value });
-        this.smoothlyInputLoad.emit(() => {
-            return;
-        });
+        this.smoothlyInputLoad.emit(() => { });
         this.initialValue = this.active;
     }
     handleRegister(event) {
@@ -9862,7 +9856,7 @@ const SmoothlyInputRadio = class {
         (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
     render() {
-        return (index.h(index.Host, { key: 'a13309d81e28995de9d79d490092200d9d7a0fb6', class: "floating-label" }, index.h("slot", { key: 'ef836597c6a1ff95e40e78c62971576ddccbd39e', name: "start" }), index.h("div", { key: 'c4356998cf20bcda8f85746d45306839f800c59a' }, index.h("slot", { key: '1759f81906e0a39f5a273206079c890f52aabb9e', name: "label" }), index.h("div", { key: '7440e6a262c9063ad402a9a8b6e7fa683b19fe73', class: "options" }, index.h("slot", { key: '8deeb1e4904ccf52d04a4f4f210edd3cf6a7d633' }))), index.h("slot", { key: 'f27953019202a1f76f229190de34163cf1742cb0', name: "end" })));
+        return (index.h(index.Host, { key: '700d27de65770ca5c5dcbe74e95667bfe7d87a43', class: "floating-label" }, index.h("slot", { key: 'bbc2dfd812a3d10c34fd28352993a4fc8970fbbe', name: "start" }), index.h("div", { key: 'c32779b2ce3c0154080a9bb38644b0a3d220c7a1' }, index.h("slot", { key: 'e2029ce511a4b1f2e956de4cc47ae43f84840876', name: "label" }), index.h("div", { key: 'd27c391fa328802b5445904252af115ae2dff3cf', class: "options" }, index.h("slot", { key: '4b57998c9c98f4e7bc8b74bbee20a5c784fd9cd9' }))), index.h("slot", { key: '65dac675cb279a6e6e3fb07dc93db96a9ac0c51e', name: "end" })));
     }
     static get watchers() { return {
         "value": ["valueChanged"],
@@ -9927,9 +9921,7 @@ const SmoothlyInputRange = class {
     componentWillLoad() {
         this.smoothlyInputLooks.emit((looks, color) => { var _a; return ((this.looks = (_a = this.looks) !== null && _a !== void 0 ? _a : looks), (this.color = color)); });
         this.smoothlyInput.emit({ [this.name]: this.value });
-        this.smoothlyInputLoad.emit(() => {
-            return;
-        });
+        this.smoothlyInputLoad.emit(() => { });
         !this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly));
         this.value && (this.initialValue = this.value);
         this.valueChanged();
@@ -9985,10 +9977,10 @@ const SmoothlyInputRange = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'a5679949a2d689f900bc6bc7676477abfc3bf321', class: {
+        return (index.h(index.Host, { key: 'e5105e59da10fae37613f841efe9c39b3cfb788c', class: {
                 "output-side-right": this.outputSide === "right",
                 "show-label": this.outputSide === "left" && !!this.label,
-            } }, index.h("slot", { key: 'd1b4954f2d5e42742ba44c3f512368f03b0b36ee', name: "start" }), index.h("div", { key: 'fbc6b3601f1ef6626bc2bc0d27e4c0652ee560dd' }, index.h("label", { key: '4a830a30758a2833b5001bdfc997325b3bc2aa9a', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '9a0b34c10962b3603928cfdd88921f9c7c37336f', ref: e => (this.input = e), looks: undefined, color: this.color, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: e => (e.stopPropagation(), this.inputHandler(e)), onSmoothlyBlur: e => this.inputHandler(e), onSmoothlyInput: e => e.stopPropagation(), 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), index.h("smoothly-display", { key: 'bf35011501c3b3dec9f9b1cd39df67fcb6ecd48a', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '5fbb6b2b1317d202b91c34199b1f35cc7773a47f', 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 => this.inputHandler(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '5124ae5ed3c271c84d13bed3cfd3ce1ec70fd2ff', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: 'c7a606c3bae5d4a2d2f1c3dc64153bc0dd9c841c', name: "end" })));
+            } }, index.h("slot", { key: 'd8bd171d1f2ee3a3860d1e14a0820f3d3b0be188', name: "start" }), index.h("div", { key: '776f8bdd48ef111a42287b88be46ff7d12a2277b' }, index.h("label", { key: 'eaeb839ce01b0926f170c296f26e89eb2d3f6dc7', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '9660e400566ce7242425ff19f71df15ec8b99cd7', ref: e => (this.input = e), looks: undefined, color: this.color, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: e => (e.stopPropagation(), this.inputHandler(e)), onSmoothlyBlur: e => this.inputHandler(e), onSmoothlyInput: e => e.stopPropagation(), 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), index.h("smoothly-display", { key: '4a3e10dcecba0512635314608fb13c1029f2a3fd', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '4e4604f23565167632410dcdcb2d050a24052a5b', 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 => this.inputHandler(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: 'f725842683d81a65e483a1ccb1705f09d86f8774', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '5ffb13f637ac26d87e15376acb7eb296d4698d24', name: "end" })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -10048,7 +10040,7 @@ const SmoothlyInputReset = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'be23514cbaea298cd33da7cf9d3a31297b20b18e', title: this.tooltip }, index.h("smoothly-button", { key: 'b931c75f1b6700b66af4ea692c210977fa2347e6', 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) }, index.h("slot", { key: '2a93b4780dbb58b607b470ad956d4367b610497c' }), index.h("smoothly-icon", { key: '9b9d5b5b01013f6cb5cbcbd119a4b0e4d2e54643', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        return (index.h(index.Host, { key: '20dfc88d1661fe2ef726928debf8615980eb62dc', title: this.tooltip }, index.h("smoothly-button", { key: '4d3aec7552ba7ffac0cd8bd8f97267ec66747e75', 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) }, index.h("slot", { key: '87a3ca6b3bef1daaaeff417dcc87c81aaabab8cf' }), index.h("smoothly-icon", { key: '214ba8a0a98f79915d090f95ffd7d18b3ec78fec', flip: "x", name: "refresh-outline", size: "tiny" }))));
     }
 };
 SmoothlyInputReset.style = SmoothlyInputResetStyle0;
@@ -10109,9 +10101,7 @@ const SmoothlyInputSelect = class {
     componentWillLoad() {
         var _a, _b;
         this.smoothlyInputLooks.emit((looks, color) => { var _a; return ((this.looks = (_a = this.looks) !== null && _a !== void 0 ? _a : looks), !this.color && (this.color = color)); });
-        this.smoothlyInputLoad.emit(() => {
-            return;
-        });
+        this.smoothlyInputLoad.emit(() => { });
         !this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly));
         (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
@@ -10330,16 +10320,16 @@ const SmoothlyInputSelect = class {
         this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
     }
     render() {
-        return (index.h(index.Host, { key: '2fd784f167397f1c8ea87d9d55c739a3c4c8a3f9', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '69294b371e28409682af09f45fcab0a545fef449', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '65be0645ab7b0d14b1e80463b505b96b6cc05326', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: '0330b50017818dc8bbf3c3c905282a51cef28d46', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '093b111a07f559a0d7fb49e035cb0914417fa748', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), index.h("smoothly-icon", { key: '77e4acae34866ad635546c929fd7b5d9fc847857', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: 'ce819538f1bb147533c9aed1dd4e4ed29ed28820', name: "label" }), index.h("div", { key: '9d8ea633e93cc0e2b83258266d75769ec3ec0e61', class: { hidden: !this.open, options: true }, ref: (el) => {
+        return (index.h(index.Host, { key: '51d21f6ed824314e90b072d6c5de580724e9413f', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: 'ea14e37fcced4e3111f7a303c272e212320b9749', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '0bb8b3298c1bba50938e6e2338f5c8a8dfa15113', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: 'c4cb82714023a2d06ae7a342546cd090a92550f5', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '77ee6da1bfe632f4f5c56f3ab7df6e69189ce546', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), index.h("smoothly-icon", { key: 'f74c4749f17302653a57dbca229234308bdc1c42', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: 'f396ef7eabdf3270ad12e4df3cc955fbf8cf4128', name: "label" }), index.h("div", { key: 'fe04f07674fe6de58eb36af5bd57949a7719d819', class: { hidden: !this.open, options: true }, ref: (el) => {
                 this.optionsDiv = el;
-            } }, this.filter.length > 0 && (index.h("smoothly-item", { key: '04bd2591cdd5a96888b2c620ac350c44d20e586a', selectable: false }, index.h("smoothly-icon", { key: '6491288c2b87e5e0ef444749973c14795df06a1c', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '4203c4c57da29ce86d3553604774b333162a123a', name: "backspace-outline", size: "small", onClick: e => {
+            } }, this.filter.length > 0 && (index.h("smoothly-item", { key: '08ec24f353082ac659e74d92614d0fcf4ebcbc68', selectable: false }, index.h("smoothly-icon", { key: '4d8c38e7087e9325cf42e210d49b778498ff8afa', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: 'f706b965d7e59fe3b42a26d520ab996fec9806f8', name: "backspace-outline", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.filter = "";
                 this.element.focus();
-            } }), this.mutable && (index.h("smoothly-icon", { key: '0ca4d9af77142c15f368dac27d2b6aac5cc3b43a', name: "add", size: "small", onClick: e => {
+            } }), this.mutable && (index.h("smoothly-icon", { key: 'a1a045151fd58440164ce0202c3437850d525e74', name: "add", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.addItem();
-            } })))), index.h("slot", { key: '793b109b7f9fde845bbf232c95c8e17bc1ec50fd' }), this.addedItems)));
+            } })))), index.h("slot", { key: '6ffbfcc4fcffbc41bddc6ed0c4886b40e2779f76' }), this.addedItems)));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -10400,7 +10390,7 @@ const SmoothlyInputSubmit = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '6431d1570136754560fc22e78a4575c1f4d178be', title: this.toolTip }, this.delete == true ? (index.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() }, index.h("slot", null), index.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index.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() }, index.h("slot", null), this.icon && index.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
+        return (index.h(index.Host, { key: '98874117c0cc38383e457e20da9635f280c0a79b', title: this.toolTip }, this.delete == true ? (index.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() }, index.h("slot", null), index.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index.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() }, index.h("slot", null), this.icon && index.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
     }
 };
 SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
@@ -10427,9 +10417,7 @@ const SmoothlyItem = class {
         this.smoothlyItemSelect.emit(this.element);
     }
     componentWillLoad() {
-        this.smoothlyInputLoad.emit(() => {
-            return;
-        });
+        this.smoothlyInputLoad.emit(() => { });
     }
     componentDidLoad() {
         if (this.selected && this.selectable)
@@ -10444,7 +10432,7 @@ const SmoothlyItem = class {
                 : false;
     }
     render() {
-        return (index.h(index.Host, { key: '3181dcab642d0f1a267a1321a1d17bb7f6d7efcf', tabIndex: -1 }, index.h("slot", { key: 'eeedf6afeda2b78f41818705b0daca3aefb8bbab' })));
+        return (index.h(index.Host, { key: 'cab36e24e2475963ac671f1593088d5781719553', tabIndex: -1 }, index.h("slot", { key: '9652ec579996fd0d75b183545e0b81a45ad192db' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -12015,7 +12003,7 @@ const SmoothlySubmit = class {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (index.h(Button, { key: 'cb1d26fb03382adbf9c6948d70cf11cc2f056f64', disabled: this.disabled, type: this.type }, index.h("slot", { key: '23de2bdda7938f43db7396b2eb7112048e81c2be' })));
+        return (index.h(Button, { key: 'c7100710fc2cf0bacb5c9bcc39e59a3cf9208998', disabled: this.disabled, type: this.type }, index.h("slot", { key: '3303754f925b636150313fa1fed8f2c4ec251c44' })));
     }
 };
 SmoothlySubmit.style = SmoothlySubmitStyle0;