smoothly 1.7.0 → 1.9.0

package/dist/cjs/smoothly-submit.cjs.entry.js

@@ -37,7 +37,7 @@ const SmoothlySubmit = class {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (index.h(Submittable.Button, { key: 'b0aa05118574fce76078015f942798b039b22d4f', disabled: this.disabled, type: this.type }, index.h("slot", { key: '7c7ca7592ef4365c241aa0f8007d86b0c44f2053' })));
+        return (index.h(Submittable.Button, { key: 'b4e5179773abf831fd635a5b1920d5645b063a53', disabled: this.disabled, type: this.type }, index.h("slot", { key: 'b5298576f66bd27407580d4cd069366701c646ab' })));
     }
 };
 SmoothlySubmit.style = SmoothlySubmitStyle0;

package/dist/cjs/smoothly-trigger-sink.cjs.entry.js

@@ -29,7 +29,7 @@ const SmoothlyTriggerSink = class {
         }
     }
     render() {
-        return index.h("slot", { key: '4b6b495d4132d07c8cd19cb21ce2d02b6ab36f20' });
+        return index.h("slot", { key: '622953b759d5a334f7789756b4bc62e851a8d4e7' });
     }
 };
 SmoothlyTriggerSink.style = SmoothlyTriggerSinkStyle0;

package/dist/cjs/smoothly-trigger-source.cjs.entry.js

@@ -25,7 +25,7 @@ const SmoothlyTriggerSource = class {
         }, window);
     }
     render() {
-        return index.h("slot", { key: 'b2857d9f71f40fe78b08a1b5408f43dd6331f4c8' });
+        return index.h("slot", { key: '9e428db3c33cf1eb9dc50ba98d3901d57408b28a' });
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/smoothly.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_99.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-table-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[0,\"smoothly-button-demo\"],[4,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedChanged\"]}],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]}],[2,\"smoothly-tabs-demo\",{\"extraTab\":[32]}],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested\"],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[\"nameChanged\"]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[32]}],[0,\"smoothly-input-color-demo\"],[0,\"smoothly-input-range-demo\"],[2,\"smoothly-form-demo-login\"],[2,\"smoothly-form-demo-prices\"],[2,\"smoothly-form-demo-card\"],[0,\"smoothly-display-demo-json\"],[2,\"smoothly-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[6,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[6,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-theme-colors\"],[2,\"smoothly-toggle-switch-demo\"],[2,\"smoothly-burger\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513]},null,{\"open\":[\"openChanged\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-inner\",{\"data\":[16]}],[6,\"smoothly-filter\",{\"detailChildren\":[32],\"criteria\":[32],\"expanded\":[32]},[[0,\"smoothlyFilterUpdate\",\"updateHandler\"],[0,\"smoothlyFilterManipulate\",\"manipulateHandler\"],[0,\"smoothlyFilterField\",\"filterFieldHandler\"]]],[6,\"smoothly-filter-select\",{\"label\":[1],\"property\":[1],\"menuHeight\":[1,\"menu-height\"],\"multiple\":[4],\"type\":[1],\"looks\":[1025]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]]],[6,\"smoothly-filter-input\",{\"label\":[1],\"property\":[1],\"placeholder\":[1],\"needle\":[32]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[6,\"smoothly-table-filler-row\"],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[6,\"smoothly-tabs\",{\"tabs\":[513],\"tabElements\":[32],\"selectedElement\":[32]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[6,\"smoothly-input-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"showLabel\":[516,\"show-label\"],\"min\":[1],\"max\":[1],\"date\":[32],\"hour\":[32],\"minute\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"date\":[\"handleChange\"],\"hour\":[\"handleChange\"],\"minute\":[\"handleChange\"],\"value\":[\"valueChange\"]}],[6,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-table-foot\"],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"checked\":[1028],\"value\":[4],\"looks\":[1537],\"color\":[1537],\"disabled\":[516],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},null,{\"checked\":[\"elementCheck\"]}],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"readonly\":[1540],\"output\":[1],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"open\":[32],\"sliderMode\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-date-range\",{\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[1],\"invalid\":[4],\"max\":[1],\"min\":[1],\"changed\":[1028],\"value\":[32],\"open\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[8,\"click\",\"onWindowClick\"]],{\"start\":[\"updateValue\"],\"end\":[\"updateValue\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-file\",{\"changed\":[1028],\"readonly\":[1540],\"accept\":[1],\"color\":[1537],\"looks\":[1537],\"camera\":[513],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"value\":[1040],\"placeholder\":[1537],\"dragging\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"binary\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025]}],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"clearable\":[4],\"readonly\":[1540],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyRadioItemRegister\",\"handleRegister\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]],{\"value\":[\"valueChanged\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-table-body\"],[6,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[6,\"smoothly-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[4],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"value\":[\"onStart\"]}],[6,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-cell\",{\"span\":[514]}],[6,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"defined\":[1028],\"readonly\":[1540],\"type\":[1],\"min\":[2],\"max\":[2],\"name\":[513],\"step\":[2],\"outputSide\":[1,\"output-side\"],\"label\":[1],\"showInput\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]],{\"value\":[\"valueChanged\"]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]}],[6,\"smoothly-input-month\",{\"readonly\":[1540],\"color\":[513],\"looks\":[1537],\"name\":[513],\"value\":[1025],\"max\":[1025],\"min\":[1025],\"next\":[516],\"previous\":[516],\"inCalendar\":[516,\"in-calendar\"],\"showLabel\":[516,\"show-label\"],\"allowPreviousMonth\":[32],\"allowNextMonth\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"value\":[\"valueChanged\",\"setAllowPreviousMonth\",\"setAllowNextMonth\"],\"min\":[\"setAllowPreviousMonth\"],\"max\":[\"setAllowNextMonth\"]}],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"changed\":[1028],\"processing\":[1040],\"removeInput\":[64],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyKeydown\",\"smoothlyKeydownHandler\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[\"watchValue\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-input-select\",{\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[4],\"clearable\":[4],\"changed\":[1028],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"getItems\":[64],\"listen\":[64],\"reset\":[64],\"clear\":[64],\"edit\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[2,\"smoothly-display-json-object\",{\"value\":[16],\"collapseDepth\":[2,\"collapse-depth\"],\"open\":[32],\"empty\":[32]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[4],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[513,\"error-message\"],\"initialValue\":[32],\"state\":[32],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"setSelection\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"setCustomInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"input\",\"onEvent\"],[0,\"beforeinput\",\"onEvent\"]],{\"currency\":[\"typeChange\"],\"type\":[\"typeChange\"],\"state\":[\"stateChange\"],\"value\":[\"valueChange\"],\"readonly\":[\"readonlyChange\"]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"toolTip\":[1,\"tool-tip\"],\"latestPromise\":[32],\"document\":[32]},null,{\"toolTip\":[\"nameChanged\"],\"name\":[\"nameChanged\"]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[6,\"smoothly-checkbox\",{\"size\":[1],\"checked\":[1540],\"intermediate\":[1540],\"unavailable\":[516],\"disabled\":[516],\"name\":[513],\"value\":[8],\"t\":[32],\"toggle\":[64],\"clear\":[64]},null,{\"checked\":[\"unavailableChanged\"],\"unavailable\":[\"unavailableChanged\"]}]]],[\"smoothly-color.cjs\",[[6,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-submit.cjs\",[[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]]]],[\"smoothly-trigger-sink.cjs\",[[6,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[6,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_99.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-table-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[0,\"smoothly-button-demo\"],[4,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedChanged\"]}],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]}],[2,\"smoothly-tabs-demo\",{\"extraTab\":[32]}],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested\"],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[\"nameChanged\"]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[32]}],[0,\"smoothly-input-color-demo\"],[0,\"smoothly-input-range-demo\"],[2,\"smoothly-form-demo-login\"],[2,\"smoothly-form-demo-prices\"],[2,\"smoothly-form-demo-card\"],[0,\"smoothly-display-demo-json\"],[2,\"smoothly-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[6,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[6,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-theme-colors\"],[2,\"smoothly-toggle-switch-demo\"],[2,\"smoothly-burger\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513]},null,{\"open\":[\"openChanged\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-inner\",{\"data\":[16]}],[6,\"smoothly-filter\",{\"detailChildren\":[32],\"criteria\":[32],\"expanded\":[32]},[[0,\"smoothlyFilterUpdate\",\"updateHandler\"],[0,\"smoothlyFilterManipulate\",\"manipulateHandler\"],[0,\"smoothlyFilterField\",\"filterFieldHandler\"]]],[6,\"smoothly-filter-select\",{\"label\":[1],\"property\":[1],\"menuHeight\":[1,\"menu-height\"],\"multiple\":[4],\"type\":[1],\"looks\":[1025]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]]],[6,\"smoothly-filter-input\",{\"label\":[1],\"property\":[1],\"placeholder\":[1],\"needle\":[32]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[6,\"smoothly-table-filler-row\"],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-tab\",{\"label\":[1],\"tooltip\":[1],\"open\":[1540],\"disabled\":[516]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[6,\"smoothly-tabs\",{\"tabs\":[513],\"tabElements\":[32],\"selectedElement\":[32]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[6,\"smoothly-input-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"showLabel\":[516,\"show-label\"],\"min\":[1],\"max\":[1],\"date\":[32],\"hour\":[32],\"minute\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"date\":[\"handleChange\"],\"hour\":[\"handleChange\"],\"minute\":[\"handleChange\"],\"value\":[\"valueChange\"]}],[6,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-table-foot\"],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"checked\":[1028],\"value\":[4],\"looks\":[1537],\"color\":[1537],\"disabled\":[516],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},null,{\"checked\":[\"elementCheck\"]}],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"readonly\":[1540],\"output\":[1],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"open\":[32],\"sliderMode\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-date-range\",{\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[1],\"invalid\":[4],\"max\":[1],\"min\":[1],\"changed\":[1028],\"value\":[32],\"open\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[8,\"click\",\"onWindowClick\"]],{\"start\":[\"updateValue\"],\"end\":[\"updateValue\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-file\",{\"changed\":[1028],\"readonly\":[1540],\"accept\":[1],\"color\":[1537],\"looks\":[1537],\"camera\":[513],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"value\":[1040],\"placeholder\":[1537],\"dragging\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"binary\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025]}],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"clearable\":[4],\"readonly\":[1540],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyRadioItemRegister\",\"handleRegister\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]],{\"value\":[\"valueChanged\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-table-body\"],[6,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[6,\"smoothly-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[4],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"value\":[\"onStart\"]}],[6,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-cell\",{\"span\":[514]}],[6,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"defined\":[1028],\"readonly\":[1540],\"type\":[1],\"min\":[2],\"max\":[2],\"name\":[513],\"step\":[2],\"outputSide\":[1,\"output-side\"],\"label\":[1],\"showInput\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]],{\"value\":[\"valueChanged\"]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]}],[6,\"smoothly-input-month\",{\"readonly\":[1540],\"color\":[513],\"looks\":[1537],\"name\":[513],\"value\":[1025],\"max\":[1025],\"min\":[1025],\"next\":[516],\"previous\":[516],\"inCalendar\":[516,\"in-calendar\"],\"showLabel\":[516,\"show-label\"],\"allowPreviousMonth\":[32],\"allowNextMonth\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"value\":[\"valueChanged\",\"setAllowPreviousMonth\",\"setAllowNextMonth\"],\"min\":[\"setAllowPreviousMonth\"],\"max\":[\"setAllowNextMonth\"]}],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"changed\":[1028],\"processing\":[1040],\"removeInput\":[64],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyKeydown\",\"smoothlyKeydownHandler\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[\"watchValue\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-input-select\",{\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[4],\"clearable\":[4],\"changed\":[1028],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"getItems\":[64],\"listen\":[64],\"reset\":[64],\"clear\":[64],\"edit\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[2,\"smoothly-display-json-object\",{\"value\":[16],\"collapseDepth\":[2,\"collapse-depth\"],\"open\":[32],\"empty\":[32]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[4],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[513,\"error-message\"],\"initialValue\":[32],\"state\":[32],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"setSelection\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"setCustomInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"input\",\"onEvent\"],[0,\"beforeinput\",\"onEvent\"]],{\"currency\":[\"typeChange\"],\"type\":[\"typeChange\"],\"state\":[\"stateChange\"],\"value\":[\"valueChange\"],\"readonly\":[\"readonlyChange\"]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"toolTip\":[1,\"tool-tip\"],\"latestPromise\":[32],\"document\":[32]},null,{\"toolTip\":[\"nameChanged\"],\"name\":[\"nameChanged\"]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[6,\"smoothly-checkbox\",{\"size\":[1],\"checked\":[1540],\"intermediate\":[1540],\"unavailable\":[516],\"disabled\":[516],\"name\":[513],\"value\":[8],\"t\":[32],\"toggle\":[64],\"clear\":[64]},null,{\"checked\":[\"unavailableChanged\"],\"unavailable\":[\"unavailableChanged\"]}]]],[\"smoothly-color.cjs\",[[6,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-submit.cjs\",[[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]]]],[\"smoothly-trigger-sink.cjs\",[[6,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[6,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/input/demo/index.js

@@ -2,18 +2,19 @@ import { h, Host } from "@stencil/core";
 import { isoly } from "isoly";
 export class SmoothlyInputDemo {
     constructor() {
+        this.numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
         this.duration = { hours: 8 };
         this.alphanumeric = "!@##";
     }
     render() {
-        return (h(Host, { key: 'f391bd78c0251dabd6f1ff36b039dbb88dd6f36b' }, h("smoothly-input-demo-standard", { key: '6ec0721055230720b20f5e7d4ead62c430a57caa' }), h("div", { key: '5fc44c0c8fdadf263692766ce0ecdbe8e8facd6b', class: "inputs" }, h("h2", { key: '5c0b67d96c5c5e9ec56cf4cd7135cb844c3034e0' }, "Calendar"), h("smoothly-input-date", { key: '7110f32cb9d5c3451595a70b08232848c9d4b465', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '840b983439402d95ddc6ed9ea03d1edc82d1bbbf', name: "someDateTime" }, "DateTime"), h("h2", { key: 'd5db1f5c8ae18f67bc0cdb61273043f647675a89' }, "Date Range"), h("smoothly-input-date-range", { key: '2b6a94b1f56c5eec888ec19ac95af52255caf1b4', name: "testing", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '8e86b0a98a3abd79fdf625aed83dfb278fb3470b', name: "testing", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'ac33be124dcf125eeae6f56c8fcf77dee2e9e09b', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: 'ddff97927d04e2ccec654cbe9687889e2ac915e6', looks: "grid", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
+        return (h(Host, { key: '898e42a3aae72b4d52bc01e2e6fec22fb49f7894' }, h("smoothly-input-demo-standard", { key: 'c84c56932a3ca7b3ad70bea508955b37e269b24b' }), h("div", { key: '5b25db08e200dd0e6216e372c5c897c601490593', class: "inputs" }, h("h2", { key: 'f9aa7e790295584eb8ea78e0c372cffb4b93e84e' }, "Calendar"), h("smoothly-input-date", { key: '45f80826e17da5ab6106986f762b6e1624d6d069', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '0a707e376f4ff18db494c247d9ae9a8e3c620fcf', name: "someDateTime" }, "DateTime"), h("h2", { key: 'e4981b4702b6d1505838adf9ad181c1d75c75be2' }, "Date Range"), h("smoothly-input-date-range", { key: 'ba262ba7d3a809b0c59907fa12d36017ac77d162', name: "testing", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '30d4fa41617d5a46a9b41737b090ae7af71a0e1f', name: "testing", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: '1cdbb7d09b5a09781c75787a70b6b124ea4ea0f8', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '0b81346ba5f45cfb274acfa50b589fd9120459f6', looks: "grid", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
                 "--smoothly-input-border-radius": "0.5rem",
-            } }, h("smoothly-input-clear", { key: 'f5f998abd40b9403ccebafe27ba14493fa8f19ca', slot: "end", size: "icon" })), h("h2", { key: '7d173c425b81aa7deb4cd89edb3c89a2ff528a3b' }, "Date"), h("smoothly-input-date", { key: '0b811e8dd45367c464a7f6edb1b4a33b627adeba' }, "Date"), h("smoothly-input-date", { key: 'bf8581823bc434be491ebc5fafdba71061a14101', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '88e7ffea5182215229db30af9afe6f4e7ce57146', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '172b1c34e6cd4b67f78625b75ff471c303fb12d4', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '30968f8dcc79a0321afca68cf79e2ea31b8735fc', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '0bbdf2875ce1621de5ed65128569f2e20846f85a', slot: "end", size: "icon" })), h("h2", { key: 'a9eb917e3d429438514b7ad091b5cd84fd872889' }, "Select"), h("div", { key: 'ff41a3d04e75f1d6509c6c986dc88e4becad3721', class: "select-div" }, h("smoothly-input-select", { key: 'e2dd73ead13a60e47494d3cd025c34a805f5e4ee', name: "select-dessert", looks: "border" }, h("label", { key: '75e7c9ff86ce84ac3eda4bb40af16d6e9b16e434', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '577f76315b49efcef1f260362b93ff6112004b47', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'ed71f3d6e83f8fa10811c952bb1ab5f7b9baa97b', value: "2" }, "Sponge cake"), h("smoothly-item", { key: 'e4885a3b9170974878d5c9882d0239fe944c11f2', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '8bcc76448c631fbf793f91947af4c0e17c60a858', value: "4" }, "Cookie"), h("smoothly-item", { key: 'a72d1e10c4b69da2584f2e15d4215c08c5f92fdb', value: "5" }, "Croissant"), h("smoothly-item", { key: '6f5653a3a0e7caa778b40eccbc4069f324fd25cb', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: 'ddc17cfc7f7c3146518ad4827f8d674b165db328', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '0404ede6b67ed2840409c725d0d2863f0d306c30', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '16b514b69567d48eb36e14812c700e8658e95ea0', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '6e2dbeee5a47c7f8c2e1a1c6c4d079ff31f200e4', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '915a599dcbe877f1513ead46fda81150c7781a03', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '2664f2bcd62e4f27fb49f46652fa9e69516c8e57', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: 'd1cf93f393ecff22c4ac6fcc007ab6c09a534b8e', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '0b7dd82efb700709a66ced995a3dc4d18be30ff6', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '9866a5e80c446f5b4ca2c2ff8f711ab039912b87', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '775756976b9654150ee7670be56f7b44bacc09a2', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '2543c280d67278c8215a0f1c40060d1a650551c9', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '99670894167dd333c93ddeb166ce6d6677bfa7db', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '8523895743bb77d41829b97a82b34b1b8c13de85', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '2b77ced15c1efccc0c963ea0190a108aaf7ff254', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'ec88105457f95ec7582b95a0cd6174a96fa4691f', value: "folder", selected: true }, h("smoothly-icon", { key: 'a8420b94eedd11f7a27bb589ea15e0fe8ad28eed', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'a0a2524ccf06e777498a0612bfc755fbdb3c26da', value: "camera" }, h("smoothly-icon", { key: 'd6a08b892a58f56187b5921cff2b55646a2fd1fb', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: 'fba2c8857f72aa30927a76faa5005a8f629f7432', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'c469cb86e393ca8567e4f306074f6b1822da1f4c', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
+            } }, h("smoothly-input-clear", { key: '58a9b0265ea8ffeb6dd25b4cd2b856a9c4afa84e', slot: "end", size: "icon" })), h("h2", { key: '11914eeddc03def00e7ad925a23cfe447a5f9b98' }, "Date"), h("smoothly-input-date", { key: 'e767c0b627ee97ebbfda56daa3e0bee37f43d934' }, "Date"), h("smoothly-input-date", { key: '43fdb115a61f70b40e93964c5881bfe10caf0ac6', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: 'a481fa967fa1b736626614b9764912366e90b7c9', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '877e16c0db2d61ad054b8a79873cdd4ff11198b9', slot: "end", size: "icon" })), h("smoothly-input-date", { key: 'fc079cb329e6ade1b05b792fdd38471daf5b939d', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '04e5c619668ce8ee036a7fcf68dbb5475057ad33', slot: "end", size: "icon" })), h("h2", { key: '352db5f41baa5d77b0b9c324124ccd8b6b603487' }, "Select"), h("div", { key: '9e30637687db9eeedf21a691a69e650c9ec20d8d', class: "select-div" }, h("smoothly-input-select", { key: 'b81069e847d16dea7e64987449b61c28d23e959e', name: "select-dessert", looks: "border" }, h("label", { key: '1674251c630961135941b7c3e163c3b8c36647d6', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '76ef6769049168385989f09c7c00b73c80fae3c3', value: "1" }, "Ice cream"), h("smoothly-item", { key: '0c0ff5745c705c3517354744a82d3040a1908380', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '2f406e2c1a29b327b740873a0512b58c5e8ffee4', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '63165ef47474188599e1d5990c52fa7aac59da46', value: "4" }, "Cookie"), h("smoothly-item", { key: 'db928ccd74dfcb21c384010c16b15c710f6c348e', value: "5" }, "Croissant"), h("smoothly-item", { key: 'b4e3986af23bdac024b28c6c8a5cfb5ea1e1edc3', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '4815a44cfe40b5152c9ad94320da440e96626849', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '5888df7b123845d0ae451f10f1dce0e6f0a51a1d', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '90b78f7fc9711181bd66a33d761333eb0e4e0030', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: 'f3e9a603c80a2562b967f3e25c178eec9ae830d2', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: 'e74af1d8c162fcfe278ab02a6862c91ce139dfc4', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '5055ea6836e7fa80ab48cfec353b09a843bf5dc5', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: 'fb0215a750b470ad0011c28d3f6f5532802dc090', value: "croissant" }, "Croissant"), h("smoothly-item", { key: 'fcf701cccc5919b9fb5e276460f42ee8c54c6be1', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '3cd340fad69acad3ddd65025e0d442f5eaa50ac9', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'e57893d60f6e0ead8088790f59efd8b32b998b2d', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: 'f402235dac5bdbcfe195f884443712f65e2885e0', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: 'ae5f0ef5846a4f54e678ec3307350247491fd20a', value: "manatee" }, "Manatee"), h("smoothly-item", { key: 'cdb11bbf169345d31793a2def8879c05772b386a', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '3de1af65992f7d307b68f8b11e5f20b6960a036d', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'd8a6a789431a97f2811b70f686a8688c2245fdfb', value: "folder", selected: true }, h("smoothly-icon", { key: 'ecd76b9cb6143ccda76ffdbafd9442c3eecab763', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '7d7c84a37ec7a6a4067365c6a8711b3748b1788e', value: "camera" }, h("smoothly-icon", { key: '88ce40e3176f4fca2356dbb694ff442ff659136b', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '785709f29e464bf58fcea800aff4189d005ca2c9', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'b2d8530ba923c60c14e4d81a3a05a561d4464313', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
             .map((_, i) => String.fromCharCode(i + 65))
-            .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: 'e3bf61ef393d38a27d457c34dd0c6e1725581cd7', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '6f378b22b5f5e65b7a806ae68675131d6e024d00', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '7d1f5110fe52b497edd86a5e4397914cd1636eb3', value: "1" }, "January"), h("smoothly-item", { key: 'a5217ec2aa7daf0992a53392724d3de162f1b7c3', value: "2" }, "February"), h("smoothly-item", { key: 'e97d698810ba4cc74fbf9235fb1f3c8fd2c3c3d4', value: "3" }, "March"), h("smoothly-item", { key: 'b379faa9da4b684ba555c949c6b6ddccc4c116b8', value: "4" }, "April"), h("smoothly-item", { key: '97de95e971a0c07e462aea3e935536a59df7e89a', value: "5" }, "May"), h("smoothly-item", { key: '684e39a859bfd80078bee12230cbaebdc2ed6fb9', value: "6" }, "June"), h("smoothly-item", { key: '84ceedba22aaed9a7c9dc866131deb3da7cb637f', value: "7" }, "July"), h("smoothly-item", { key: '1c310541498a90e74471932e7d5236466c9b61a5', value: "8" }, "August"), h("smoothly-item", { key: '5779cad53606a81b4b8741748f7dff06f4c1d53b', value: "9" }, "September"), h("smoothly-item", { key: '4f77e5f150de94e40fa44ad9a18c62e946583b1e', value: "10" }, "October"), h("smoothly-item", { key: '0721ac6d8ad7b08bbf3f37e6000ae21d39cff10a', value: "11" }, "November"), h("smoothly-item", { key: '786168eff22dd2df98369268f734f3382e5f0144', value: "12" }, "December"))), h("h2", { key: 'a0fb40b3246b9810fc8c628947e34e8e7861edc8' }, "Duration"), h("smoothly-input", { key: '6e8dc2d9bb81905f9b361e3d86fc5bde907d9a08', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '9e7b6a937a25da6e1b54e3936a349899a82f444d', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
+            .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '547732722e521764f6efd5b093c922f7dce08467', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '8c83d41b2c49d62df53417e1b2eba9754ea439fc', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '91a273a7279b66ef35b9735e0b3e4bdfc6c6e795', value: "1" }, "January"), h("smoothly-item", { key: 'f58024ba104d8e46bda48233d8ad14c5e26b4b19', value: "2" }, "February"), h("smoothly-item", { key: '0ac720a3cbae6157d251e194b7bb2aa6d2d1a318', value: "3" }, "March"), h("smoothly-item", { key: '48e991c953f74b77ce1f7c1d6ec57df73d2ad9c8', value: "4" }, "April"), h("smoothly-item", { key: '487b8e09445dcab1867d58dfe6fa7f774572bdb7', value: "5" }, "May"), h("smoothly-item", { key: 'f6c3bb9720dd9582019ac26dd36393c136ad5200', value: "6" }, "June"), h("smoothly-item", { key: 'd27ff235108a7441e6e4aa0794e31fe702c31b21', value: "7" }, "July"), h("smoothly-item", { key: '91a1de0d2c053d7736e2c43543077c8b27e70679', value: "8" }, "August"), h("smoothly-item", { key: '9180bf26ee2d7daa4a6c07ebecf71a50f8d4eddb', value: "9" }, "September"), h("smoothly-item", { key: '7526a4bf7871475577f05d2c19f71251adc65112', value: "10" }, "October"), h("smoothly-item", { key: 'bc06ade0abeb3928ab63b23fd184ffaa2fe8caad', value: "11" }, "November"), h("smoothly-item", { key: 'a759d0ac14994c3888db77a43b693ec7118afe65', value: "12" }, "December")), h("div", { key: '48123702f91eee7c64c5a3142b9818604a963416', class: "select-div-row" }, h("smoothly-input-select", { key: 'cbd21bf3b3c4a4595e5efe623ea101e836d175c9', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '1b1af5d7ba533dfb966940a2351ba9b909d50877', value: "folder", selected: true }, h("smoothly-icon", { key: '9e062d3d5674f6fd81f8fbfe2f195d4e253e4254', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '97e6e7af4fb31f1efdcc424d2b5c7bb6d73fa379', value: "camera" }, h("smoothly-icon", { key: '1f850e7d1ab19ff94a24d2239b940bb7a7e33450', size: "small", name: "camera-outline" })), h("smoothly-item", { key: '81211a1cd413d17a575efa961cc3f4c2b2a24409', value: "boat" }, h("smoothly-icon", { key: '16d60f0b8495472787f114606fe600bf82ebd703', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '79f3f11252dcbc27529add01c0590cbf9a476c20', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: '8d1e1949d808d582e227f47c8375649e58eb910f', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: '831c4145709aeb1723ac01524dff485f60bd375d' }, "Duration"), h("smoothly-input", { key: '7a0ef2d4e70a00fd3fb16d3dde20135ee1382c9f', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '6838adf1fcbd8f23c2f49676fb58d63057d7dcc0', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
                 const duration = e.detail.duration;
                 this.duration = duration;
-            } }, "Duration"), h("h2", { key: '31b7b747b3aaaf845ad1aed49ab45ba9523a2fc3' }, "Integer with Min/Max"), h("smoothly-input", { key: 'c81811ff2d335ea60df070a960524ff16ede8489', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: '86aeb498c9731e91de63412a11a79f29292adcd0', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '4802f8b96a9aab4828c3327de3eb2b531edcddfd', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: '3737eab0df9fd0706175be8a971593ab3bb9343d', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '6b2f5d91faf5bf0d3bc074e859d88445a80b5667' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '95410c2f81a47ca003616bd40d89f7885b634f37', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: 'ad449776079245f9531bd8ce3f51efe3411e5e7e' }, "Identifiers"), h("smoothly-input", { key: 'b3325535a6ac61fd0476d6a075693c7e2fca5ef6', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '28e66d1f923f9807252c3cc72fe4a788240aba1d', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '491387109239d78a481aa0a4c9058a2cdb2a4c65', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '35fce4f6c948209470cd2ad28f8d9621ee6b5321', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: 'dd534f14f8e8943f7ddef74992dd46c318347ae8', type: "identifier-camel" }, "Camel"), h("h2", { key: '38685f41f8810a5795834ca27905b2f2afc27eac' }, "Input Alternatives"), h("smoothly-input", { key: '59043422556d04cc56c186714e91dc64f0816ed7', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: '213e727678e743ec88cdd54a979ce8935c541340', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '51f32ad9c0b4c9b7a8204bc63c441f8fa167b611', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '46aa75ade3df2db1b151e01096a197f2e2fd8af9', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'b1293dfab17cf01887cbf5841db05e04dd3a1464', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: 'b284306b4866a605add8c5ef598dc40f1282ec43', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '24ec4d180f050b371e9af2f002b7116a99b88cf4', placeholder: "test" }), h("smoothly-input-submit", { key: 'd55d4fff97828924002492d9016bd73eef46eba7', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'f45625069ac93259c0631c1137df1f0275ac0a57' }, "Smoothly checkboxes"), h("div", { key: '0b987f4c368c8d50dbb6f49055ba0cff33835427', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '315c00eb4677344a3877d819a6a90882a97da7b9', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '24b845e4451277aac8e6c945aaa7536e481b523e', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'c7e4398c49e7299b6b235b5ff5572d7f59998c5c', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '3c59195cd3e5de2a5ca0db1ef7e67fdac4b20773', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'b353f63610a38744c63f5a98827a8be376f24689', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '594f7ec3d3f3be405aaf885621eb718e3fbf0a35', name: "third-checkbox" }, "3rd")), h("h4", { key: 'cf0b6447f28184077a82ebd6fa338531484442fb' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '2dd5ceb1a1ff1b080616ec88e9480c53750ded4c', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '79cf63ff3aac8acaa1511e77fe27d993270913c3', name: "checkmark-circle", slot: "start" }), h("label", { key: 'b794b9b61a60fd655a906db0ff400785d8dfb970', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '7344467bc0580b1efd378925eb4af010967a0276', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'bd8afddd7a86f9853f3c01b1121c9164140a8418', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'eac077c9f5c7c480b00806bc59dd7bc0e5747399', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: 'e87f205103c7dd86c240a63d6f944c5c8775f693', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'f4fa9eda695df9d7dcc4d3f68fe060a781cc20d6', name: "radioSecondInput" }, h("label", { key: 'd0a413214b688e493d73951747eba6bba204d85e', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'ddb690ff8501c50743bc0d0e11e1c26ce5c5bb23', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'bb5db85ec9f091bb62dd89c3ad0c8f749b85db8f', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '0a16abf56b4f3f77407d64fe2969b512b8444582', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: 'e67deaa29b84a99dff1332357144fc7e9055400f', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '96e014e32102387364e1bfd5bf2288c3b1c028db', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '73cc1861839ecfe97fa494dd5544780a794abb5b', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '70d2d8f0df0397e64de5a5406431a26819438d21' }), h("smoothly-input-color-demo", { key: '2f34171560df93381803026b34d678474403bb7a' }), h("smoothly-input-price-demo", { key: '10fa39ce18a471a2ca132cc95a68ece4d04f78b9' }), h("smoothly-back-to-top", { key: '646557d1c7a1ab4d661562591f77c4107527af08' }))));
+            } }, "Duration"), h("h2", { key: '664344d0ba40adce085bf233113c7d5c65395b00' }, "Integer with Min/Max"), h("smoothly-input", { key: '1bdac9816d19f2385d6c460e545e7bca51f24721', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: '94dac0012c47e960373fa49de1a07718f1162028', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '02c7850748ae75474d3bd9866fa7d65a728c6d76', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: '10dea9a9dceb86169132dc63d5f59cf75adf4858', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '20e6f37f44c0ead4c9cb75ed9ce179183a26df96' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: 'dcbb187b84c439d7ab01183e75c409dbc5dd7aef', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: 'fc02ccf8d09b9ee0f2d30cd4275c95b10d1e9701' }, "Identifiers"), h("smoothly-input", { key: 'b9841c3652b5300c7e5085470273e85faca2dd15', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '7f35845b6249f01890db694e23bf63ee097944cf', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: 'da0c4ecb4ef72e74965d69dc09234c10ab332ee2', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '7463653a03bf919a7caa7e020669b3492b0470d9', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '29c4627676c9da8e2352617b3254d53bf953ccf4', type: "identifier-camel" }, "Camel"), h("h2", { key: 'fd029120fc34e12e80a95d9c7fc787c3a5d42d13' }, "Input Alternatives"), h("smoothly-input", { key: '10a908a9fc5906372f557b6fc7fe81d8e4b989d8', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: 'a009310374cd729a7192e45896a5a5c95b1ee67c', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '3d11c8ab5fdd631cd6b51f3eb25120962a75c23d', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: 'fc8de3ba973117904a60e76ac251e76342f6fbc9', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'f6cf7b6548e5f59be71f2f0bde8426aaf27b7468', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '1e8b569ec282979fb5cff16d76d0d614a40a9f42', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'b3c9fba5bbd2b1eb9472709f7c9ec75d5afb335f', placeholder: "test" }), h("smoothly-input-submit", { key: '47607993d4e5d00e083004e23fda5692c21f016e', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'cd8ac47c2a74cb73c15f9e178776cf5587da0c94' }, "Smoothly checkboxes"), h("div", { key: '0132393278b0aaf54ae2b19745c5b7dcd9d0b890', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '66f16b0bd9165417e002b369cbf39f7889ffb0b3', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '0a6d2b2fd25b05c530877784b4ee249c24a25663', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: '62036c53272eb1bd99155ed1c8f3262de4a4105b', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '63f984fa5004de72307e4e695d5c21d1db138a43', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: '8e93098557950fe33d5b0af42923d61e38cdeca7', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '5d388aecd4290d345e2975c3df48f28f3dcc58d3', name: "third-checkbox" }, "3rd")), h("h4", { key: '968d1428d10941207d8418025f9083b53cbf0584' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: 'd6eae15b0c72d4092e83ce1f686012eda413d476', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: 'f0402ad7bfa06f8efb5f0378e7fa67a383237cf4', name: "checkmark-circle", slot: "start" }), h("label", { key: 'eec0d5de4c3db4bb3f3813ee8ff6596c3b87b697', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'ef961c59e5335b26a693a4041f29b75abc576da4', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'b485ef15b4a23c6a7b83faa6fef615269b7a707b', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'a42d006d32a0aae44a0059c770ef5a46341338ce', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: 'deadcbab55ed1d5f0561cd83edab5386d234f6a5', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'b7125855aa49593db1158509e15f2bf60faf1041', name: "radioSecondInput" }, h("label", { key: 'e7bf64c7131d7489c4ffa9249dc56bea1b54d041', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '440a07b624d04a40c89a775766503c3b9eb79e28', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'd0a65783c056dac89b26619f0d12b0c85862202d', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '100ef7fb5d3832eb255a93249b67dbe13bc8d457', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '1dca434401e473650d1b22ce68fd16d0d4d54da4', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: 'b39315ceca35ae4b6d57f896f5e6810549da3fc5', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: 'cc1d15d8a6747074f1a99f5373b093fa934addc2', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: 'a710ee590d39b7779a1d2c535a8ee575a9e11bfe' }), h("smoothly-input-color-demo", { key: '108a02584b23f301a2d2aefe9e57985ef6e30dac' }), h("smoothly-input-price-demo", { key: '4d28f120dfa5c2c19c292f22bf5b9d7f7564b117' }), h("smoothly-back-to-top", { key: '0ccc6f790656be6f21f3c9e38c401076aaa57ea1' }))));
     }
     static get is() { return "smoothly-input-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/input/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemo {\n\t@State() duration: isoly.TimeSpan = { hours: 8 }\n\t@State() alphanumeric: string = \"!@##\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-demo-standard />\n\t\t\t\t<div class=\"inputs\">\n\t\t\t\t\t<h2>Calendar</h2>\n\t\t\t\t\t<smoothly-input-date name=\"some-date\">Calendar</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-time name=\"someDateTime\">DateTime</smoothly-input-date-time>\n\t\t\t\t\t<h2>Date Range</h2>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-01\"\n\t\t\t\t\t\tmax=\"2025-01-31\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2024-12-30\">\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2025-12-30\"\n\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\"--smoothly-input-border-radius\": \"0.5rem\",\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<h2>Date</h2>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date showLabel={false} value=\"2021-10-28\" max=\"2021-12-30\" min=\"2021-10-10\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<h2>Select</h2>\n\t\t\t\t\t<div class=\"select-div\">\n\t\t\t\t\t\t<smoothly-input-select name=\"select-dessert\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select with clear button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\" disabled>\n\t\t\t\t\t\t\t\tDisabled Item\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">Cookie</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">Chocolate fondue</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple name=\"select-dessert-multiple\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select multiple with reset button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"ice cream\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"sponge cake\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cookie\">\n\t\t\t\t\t\t\t\tCookie\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"croissant\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"chocolate fondue\">\n\t\t\t\t\t\t\t\tChocolate fondue\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"spirit-animals\" looks=\"border\" mutable>\n\t\t\t\t\t\t\t<label slot=\"label\">Select or add new options</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"manatee\">Manatee</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cthulu\">\n\t\t\t\t\t\t\t\tCthulu\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select ordered menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Alphabet ordered select</label>\n\t\t\t\t\t\t\t{Array.from({ length: 26 })\n\t\t\t\t\t\t\t\t.map((_, i) => String.fromCharCode(i + 65))\n\t\t\t\t\t\t\t\t.map(char => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={char} selected={char == \"H\"}>\n\t\t\t\t\t\t\t\t\t\t{char}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h2>Duration</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tplaceholder=\"hh:mm\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.duration = e.detail.duration)}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tplaceholder=\"-hh:mm\"\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tconst duration = e.detail.duration\n\t\t\t\t\t\t\tthis.duration = duration\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Integer with Min/Max</h2>\n\t\t\t\t\t<smoothly-input name=\"days\" type=\"integer\" min={0} max={365}>\n\t\t\t\t\t\tDays per year (0-365)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"hour\" type=\"integer\" min={0} max={23}>\n\t\t\t\t\t\tHours per day (0-23)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={0} max={59}>\n\t\t\t\t\t\tMinutes per hour (0-59)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={18} max={120}>\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Invalid text with warning icon and tooltip</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"alphanumeric\"\n\t\t\t\t\t\tinvalid={!/^[a-zA-Z0-9]+$/.test(this.alphanumeric)}\n\t\t\t\t\t\terrorMessage={\"Only alphanumeric allowed\"}\n\t\t\t\t\t\tvalue={this.alphanumeric}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.alphanumeric = e.detail.alphanumeric)}>\n\t\t\t\t\t\tAlphanumeric\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Identifiers</h2>\n\t\t\t\t\t<smoothly-input type=\"identifier-code\">Code</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-attribute\">Attribute</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-snake\">Snake</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-pascal\">Pascal</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-camel\">Camel</smoothly-input>\n\t\t\t\t\t<h2>Input Alternatives</h2>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tname=\"name.first\"\n\t\t\t\t\t\tplaceholder=\"Smith\"\n\t\t\t\t\t\tonSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input placeholder=\"test\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" fill=\"solid\" onSubmit={(e: Event) => alert(e)} color=\"success\" />\n\t\t\t\t\t<h4>Smoothly checkboxes</h4>\n\t\t\t\t\t<div class=\"checkbox-group\">\n\t\t\t\t\t\t<smoothly-input-checkbox disabled name=\"first-checkbox\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tFirst\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"second-checkbox\" checked>\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tsecond\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"third-checkbox\">3rd</smoothly-input-checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Smoothly Radio Buttons</h4>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-radio name=\"radioSecondInput\">\n\t\t\t\t\t\t<label slot=\"label\">Not clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"second\"}>Label 2</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fourth\"}>Label 4</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fifth\"}>Label 5</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"sixth\"}>Label 6</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-range-demo />\n\t\t\t\t\t<smoothly-input-color-demo />\n\t\t\t\t\t<smoothly-input-price-demo />\n\t\t\t\t\t<smoothly-back-to-top />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemo {\n\t@State() duration: isoly.TimeSpan = { hours: 8 }\n\t@State() alphanumeric: string = \"!@##\"\n\tprivate numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9]\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-demo-standard />\n\t\t\t\t<div class=\"inputs\">\n\t\t\t\t\t<h2>Calendar</h2>\n\t\t\t\t\t<smoothly-input-date name=\"some-date\">Calendar</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-time name=\"someDateTime\">DateTime</smoothly-input-date-time>\n\t\t\t\t\t<h2>Date Range</h2>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-01\"\n\t\t\t\t\t\tmax=\"2025-01-31\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2024-12-30\">\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2025-12-30\"\n\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\"--smoothly-input-border-radius\": \"0.5rem\",\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<h2>Date</h2>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date showLabel={false} value=\"2021-10-28\" max=\"2021-12-30\" min=\"2021-10-10\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<h2>Select</h2>\n\t\t\t\t\t<div class=\"select-div\">\n\t\t\t\t\t\t<smoothly-input-select name=\"select-dessert\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select with clear button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\" disabled>\n\t\t\t\t\t\t\t\tDisabled Item\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">Cookie</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">Chocolate fondue</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple name=\"select-dessert-multiple\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select multiple with reset button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"ice cream\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"sponge cake\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cookie\">\n\t\t\t\t\t\t\t\tCookie\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"croissant\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"chocolate fondue\">\n\t\t\t\t\t\t\t\tChocolate fondue\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"spirit-animals\" looks=\"border\" mutable>\n\t\t\t\t\t\t\t<label slot=\"label\">Select or add new options</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"manatee\">Manatee</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cthulu\">\n\t\t\t\t\t\t\t\tCthulu\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select ordered menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Alphabet ordered select</label>\n\t\t\t\t\t\t\t{Array.from({ length: 26 })\n\t\t\t\t\t\t\t\t.map((_, i) => String.fromCharCode(i + 65))\n\t\t\t\t\t\t\t\t.map(char => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={char} selected={char == \"H\"}>\n\t\t\t\t\t\t\t\t\t\t{char}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<div class=\"select-div-row\">\n\t\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"boat\">\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"boat-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"select-number\" clearable={false}>\n\t\t\t\t\t\t\t\t{this.numbers.map(number => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value=\"number\" selected={number === 3}>\n\t\t\t\t\t\t\t\t\t\t{number}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input name=\"name\" value=\"Sten Qvist\">\n\t\t\t\t\t\t\t\tName\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h2>Duration</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tplaceholder=\"hh:mm\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.duration = e.detail.duration)}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tplaceholder=\"-hh:mm\"\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tconst duration = e.detail.duration\n\t\t\t\t\t\t\tthis.duration = duration\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Integer with Min/Max</h2>\n\t\t\t\t\t<smoothly-input name=\"days\" type=\"integer\" min={0} max={365}>\n\t\t\t\t\t\tDays per year (0-365)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"hour\" type=\"integer\" min={0} max={23}>\n\t\t\t\t\t\tHours per day (0-23)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={0} max={59}>\n\t\t\t\t\t\tMinutes per hour (0-59)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={18} max={120}>\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Invalid text with warning icon and tooltip</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"alphanumeric\"\n\t\t\t\t\t\tinvalid={!/^[a-zA-Z0-9]+$/.test(this.alphanumeric)}\n\t\t\t\t\t\terrorMessage={\"Only alphanumeric allowed\"}\n\t\t\t\t\t\tvalue={this.alphanumeric}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.alphanumeric = e.detail.alphanumeric)}>\n\t\t\t\t\t\tAlphanumeric\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Identifiers</h2>\n\t\t\t\t\t<smoothly-input type=\"identifier-code\">Code</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-attribute\">Attribute</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-snake\">Snake</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-pascal\">Pascal</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-camel\">Camel</smoothly-input>\n\t\t\t\t\t<h2>Input Alternatives</h2>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tname=\"name.first\"\n\t\t\t\t\t\tplaceholder=\"Smith\"\n\t\t\t\t\t\tonSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input placeholder=\"test\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" fill=\"solid\" onSubmit={(e: Event) => alert(e)} color=\"success\" />\n\t\t\t\t\t<h4>Smoothly checkboxes</h4>\n\t\t\t\t\t<div class=\"checkbox-group\">\n\t\t\t\t\t\t<smoothly-input-checkbox disabled name=\"first-checkbox\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tFirst\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"second-checkbox\" checked>\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tsecond\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"third-checkbox\">3rd</smoothly-input-checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Smoothly Radio Buttons</h4>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-radio name=\"radioSecondInput\">\n\t\t\t\t\t\t<label slot=\"label\">Not clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"second\"}>Label 2</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fourth\"}>Label 4</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fifth\"}>Label 5</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"sixth\"}>Label 6</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-range-demo />\n\t\t\t\t\t<smoothly-input-color-demo />\n\t\t\t\t\t<smoothly-input-price-demo />\n\t\t\t\t\t<smoothly-back-to-top />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/input/demo/price/index.js

@@ -6,7 +6,7 @@ export class SmoothlyInputPriceDemo {
         this.currency = "USD";
     }
     render() {
-        return (h(Host, { key: 'edcdc1ceec7f4019e08498066b88c74d9579f4aa' }, h("h2", { key: '46d387d433f70510f8520cd48d6b097c18df46a9' }, "State demo on smoothly-input"), h("p", { key: '782e65c8fb7c8e5b17d1df4590241db5d346f33a' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: '630705dfad5ac3e9990f78f6de3452553e501854' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: 'ad933b980ccd259935b5faf994565c6937ddb1fd', name: "currency", onSmoothlyInput: e => (this.currency = isoly.Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '714f78af7e19b0651eaebb5d4669d17b5cdc8d70', type: "price", currency: this.currency }, "price")));
+        return (h(Host, { key: '02c9e2dd36b50693d436090be13be3da961a905f' }, h("h2", { key: '403252fddbf363154e7dea337b1a70ae012e04e4' }, "State demo on smoothly-input"), h("p", { key: '7aa941d73065cbc234122d8ce0adbb2274c7e679' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: '77236c80372d6d2dfae7f0d7037639247670558c' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: '1a875610e5c827487763b404b6549d39d9779dbf', name: "currency", onSmoothlyInput: e => (this.currency = isoly.Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '2dac82d9a1bbfc902aa4d08784f4df68a990c2b9', type: "price", currency: this.currency }, "price")));
     }
     static get is() { return "smoothly-input-price-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/input/demo/standard/index.js

@@ -21,7 +21,7 @@ export class SmoothlyInputDemoStandard {
     }
     render() {
         const placeholder = this.options.placeholder ? "placeholder" : undefined;
-        return (h(Host, { key: '951d8e936755153c60dfb5e9c4fa714f6c2cfcbb', class: { vertical: !!this.options.vertical } }, h("div", { key: 'af5cd56f01a657adc81a7c1952fc0fa99c983cca', class: "description" }, h("h2", { key: '000ead60500d3ecb23f0925490c470bfa12b1b17' }, "Input Standard"), h("p", { key: 'e8e0ac8ac447a507a8ff84a82910ccfb28eb108b' }, "Height of input should be ", h("code", { key: '3442836222d91b57b578154201b379c01984a44b' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), h("smoothly-form", { key: 'b6c4e839e5a281c96c774a54e2b23907fedab94a', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: '052325bf03d817a341eea65d6b5f8937faa9f5a9', name: "looks" }, h("span", { key: '4e9ef448481c3ee611c93a27de4cb8faa6bbdb8b', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-checkbox", { key: 'c7aef46d0c10a1f270d6f4989ff5f28dc54eaa46', name: "readonly" }, "Readonly"), h("smoothly-input-select", { key: '8c66e722864389166198e6dc2ed088054a7b52ae', name: "color" }, h("span", { key: 'c099222e90e71c652685f2e6b7ec3be644fe1128', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: '9be13aef6903d2d1278b65c7ef42d44037ba3db2', slot: "end" })), h("smoothly-input-checkbox", { key: 'a6c41ffa70909296a000349ae4b69aac2b68cacb', name: "vertical" }, "Vertical Layout"), h("smoothly-input-checkbox", { key: 'd2220c0c8f405eb2b9f53be947ca125587b4d0eb', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input-checkbox", { key: '155e50f789e3d357ec1dfcecace74599a7807f64', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: '36aad13274e6ef7cdb86c87d2085932653381f37', name: "invalid" }, "Invalid"), h("smoothly-input", { key: '130deb857bd5d3e73d875f34b8ee0d50e1f16039', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-range", { key: 'abac1a46412e0c3ee5f79a43b183ef90d3e435b0', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }))), h("div", { key: 'b286d517da6cd031b9c7590e792e75a417440d4f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '0e7c535d8aca6532806ae5f7fea57a22b5d32f1c', class: "width" }, "100%"), h("div", { key: 'a2a835349a7f2dd5cf2fc407ffb6ba43e5ff9bb5', class: "left-padding" }, "0.5rem - left padding"), h("smoothly-input", { key: '2f266438ea51914cfcce08f22139c752e721498e', name: "text", looks: this.options.looks, placeholder: placeholder, invalid: this.options.invalid, errorMessage: this.options.errorMessage, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '96e2acaa65f5ac445dae13fce8b1ab6f0cb64091' }, "Text"), h("smoothly-input-clear", { key: 'bac98746bafdee5e2af488b9dd1c881a2fd41abb', slot: "end" })), h("div", { key: '3b7dbf2d82b62247f85cac4f9c1b1a7c4f7e3101', class: "height" }), h("smoothly-input-select", { key: 'b837f6e96996b1a9f1a2d3fa4e188050abd69ba6', name: "month", looks: this.options.looks, placeholder: placeholder, invalid: this.options.invalid, errorMessage: this.options.errorMessage, readonly: this.options.readonly, color: this.options.color }, this.options.showLabel && h("label", { key: '489c682c94902d5bf104a32462239429be1208c0', slot: "label" }, "Select"), h("smoothly-item", { key: '846be873419369ca5b3a3bb7ec1763790847f548', value: "1" }, "January"), h("smoothly-item", { key: '78f330e0329eb2c63171e78d35680509e8e172a5', value: "2" }, "February"), h("smoothly-item", { key: '69179c3218be846bb33c018abc37a9bf2f379416', value: "3" }, "March"), h("smoothly-item", { key: 'a5594f65d0320457c0edb516d760dcb6bd5ee7b1', value: "4" }, "April"), h("smoothly-item", { key: '4377a009490a3636f3b8fcea6fd55c5a2c1577f9', value: "5" }, "May"), h("smoothly-item", { key: '74acc707028b86f5266a365614e7bdeb6da67a25', value: "6" }, "June"), h("smoothly-item", { key: '5767cc4323d227293c27934cfcd7ca146a3e71df', value: "7" }, "July"), h("smoothly-item", { key: '51d3e6cc6c9dc142c30e63ac1bb2df2cd3f7422c', value: "8" }, "August"), h("smoothly-item", { key: '58d40956906a3a9d59fbd9b59db8f99990ec04b7', value: "9" }, "September"), h("smoothly-item", { key: 'd78a4d9eb90e73cdf69610dded70dcb30b76119e', value: "10" }, "October"), h("smoothly-item", { key: 'b8867b2bbcf65f519455c8b501120c61368cc9cd', value: "11" }, "November"), h("smoothly-item", { key: '9f30a2ca954a2a47ff166c9eab312df2d03c3fca', value: "12" }, "December"), h("smoothly-input-clear", { key: 'd5e610c5a85b7d5e44dd0128aab00339a02a3210', slot: "end" })), h("div", { key: 'cbe1ff70d9410549cae2db26afe2328f7664fa50', class: "height" }), h("smoothly-input-checkbox", { key: '74a4ca779d60ee6eeed471e50a02b5da4ab1ec18', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), h("div", { key: '00c58e9df1e81eeefd02e504b4d8b801c2023694', class: "height" }), h("smoothly-input-radio", { key: 'ed80d56631c1d6e34345a2b0abb0f5708e420779', name: "radio", clearable: true, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: 'f22e8e2408d8dc2b3d835ec65d031381ee9c81b1', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: 'e6b40167ec1c4bdb1ec801bd86c5a936dcfac2d1', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '975d48ee804f99f041ab0e1d9775831fac38a893', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '47cb61faeca4e7538bae225bcfecb8417c26cbca', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '60cf6f95ad009845e7f6e319d952c1f270f966aa', slot: "end" })), h("div", { key: 'a9405a9b52e859ca553dd19560fa86610183024f', class: "height" }), h("smoothly-input-file", { key: '401a22707d76d8ed5d34abe448814cf4959a1fa8', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '89ab3c037ef0696c2dff55013406f6b427497cae', slot: "label" }, "File"), h("smoothly-input-clear", { key: 'b43d75694fb277232384c2976be6321795062b96', slot: "end" })), h("div", { key: 'bd9d687f9b59e41e8dcb4302e2422a7a27e63677', class: "height" }), h("smoothly-input-range", { key: '1394a573bf3c1c0a833e4f02335a3303b9edf10a', name: "range", label: this.options.showLabel ? "Range" : undefined, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, h("smoothly-input-clear", { key: '49f3b4028cd51409e1cbc5fdfeaef81ec27188f5', slot: "end" })), h("div", { key: '17f16df032bc1927129da013189f3c274d767c5d', class: "height" }), h("smoothly-input-color", { key: '5383ee49642c9b85e015535762abc344a559c6fc', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '8d749e5c39d9b1f70ed423b1258f31115912d02f' }, "Color"), h("smoothly-input-clear", { key: '47cc64ea251de5c33e05482de258667c8cb825ef', slot: "end" })), h("div", { key: '1a95e6d7d34d525420537abb68455514a8acaac3', class: "height" }), h("smoothly-input-date", { key: '48dbc96f309f9bb57d39acaf040524db9b4a28ad', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '0c14d8bceffe8a9e420850302525165679c508ad' }, "Date"), h("smoothly-input-clear", { key: '019d0c408379cf2b0bc265e920025d649ddd8777', slot: "end" })), h("div", { key: '3d67ba7e9f382f769f787b51e70c7f5cf7d3fe4b', class: "height" }), h("smoothly-input-date-time", { key: '96cbf433bc0b3c569d15103236e7a4fb8c63b21c', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, errorMessage: this.options.errorMessage, color: this.options.color, showLabel: this.options.showLabel }, "DateTime", h("smoothly-input-clear", { key: 'a631f516a994b86df2aa9ec3f4651f2314ea8dd2', slot: "end" })), h("div", { key: '97fe1c5b932289b2e42e9c634289725418b348c5', class: "height" }), h("smoothly-input-date-range", { key: 'b58568c51c8b45ae135450ec3686929732255fc7', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '41efbed231e88d909bd6f28162979f7ddb758e18' }, "Date Range"), h("smoothly-input-clear", { key: '9a2f23707a48fe56b6a37c7d035cc4b84ee85bd0', slot: "end" })), h("div", { key: '4c7ecea506ec437fe67337d65edd8f55d6947972', class: "height" }), h("div", { key: '3b365c0068e208b0f5c8f3f7b52853b169d92c54', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
+        return (h(Host, { key: '54cc47e7996f094999a7edd203d01170aac2ae9b', class: { vertical: !!this.options.vertical } }, h("div", { key: 'f63252b67776e38ff0c36bfbe47be49185fea084', class: "description" }, h("h2", { key: '06363973079ed5f9ec148f77d5c7e8b8d7506402' }, "Input Standard"), h("p", { key: '0b10cf09478359065291df9d353f1085db0d3041' }, "Height of input should be ", h("code", { key: 'dc4fd343dadf8d6acf7a6ff31358d0a901e5f2fd' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), h("smoothly-form", { key: 'c2f14b61962a387b053b45abe88c0f97214fdaf0', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: 'cf2e86eeb4e4666da0fe4c6361ffe89362208fea', name: "looks" }, h("span", { key: '9a4bf084dc4c20f46237a0a853222167ab0ca755', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-checkbox", { key: '362c67c7ea86db5e5b39ffdae0a6e2b0af8de6a7', name: "readonly" }, "Readonly"), h("smoothly-input-select", { key: 'd7e7a399f4e84dad7ddb4cd8cd3a54ac91bc3966', name: "color" }, h("span", { key: '8e6539c47eb5e12389234ccfe853bfd9516bb4c3', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: 'ea6a5b23e4e62dbb52fdbbd13d08d59007f30b71', slot: "end" })), h("smoothly-input-checkbox", { key: '70b83cffdda25a3136bf814b01215073d360359b', name: "vertical" }, "Vertical Layout"), h("smoothly-input-checkbox", { key: '9e9ed554062b63cb21e6ecce79b82a57beacae31', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input-checkbox", { key: '937f729b0d39fbf9ee784bd992dd8a05989f13f9', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: 'ee73feb13f42c63802dcee6aa01138dc4a66998b', name: "invalid" }, "Invalid"), h("smoothly-input", { key: 'd56f0ee39375e41f045b2d334f7c1b67b9305308', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-range", { key: '6c533a6d0840abda23b6c0c01a1234f376d79f0d', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }))), h("div", { key: '7982b42d9f90566aadf1b37e77fd330c0448fd7e', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '33d8dce59c4033bfde5138e93ee20022f1093209', class: "width" }, "100%"), h("div", { key: '988989a6549c8025ee9058fef56a6855a42a0cbe', class: "left-padding" }, "0.5rem - left padding"), h("smoothly-input", { key: 'bf33b510ce13ef0d0382b70654bbeb1de58b4d39', name: "text", looks: this.options.looks, placeholder: placeholder, invalid: this.options.invalid, errorMessage: this.options.errorMessage, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '5884fdb277040b5c142c682808c626e8a71e4b4c' }, "Text"), h("smoothly-input-clear", { key: '5f149a7814fb252662dca0093319afc19440dad6', slot: "end" })), h("div", { key: 'a4203ca44c6d8318be2f6733db659878f6969fe3', class: "height" }), h("smoothly-input-select", { key: '3282907a349112f5bc6bb496fe78ddb3cdbfe616', name: "month", looks: this.options.looks, placeholder: placeholder, invalid: this.options.invalid, errorMessage: this.options.errorMessage, readonly: this.options.readonly, color: this.options.color }, this.options.showLabel && h("label", { key: 'da2360f15090f0634f2943c5a9d5e50b44cfaf1e', slot: "label" }, "Select"), h("smoothly-item", { key: 'e1c210ad65944549af56ffe876d139f849e12b80', value: "1" }, "January"), h("smoothly-item", { key: '02e99fa68a31e1ef586e7a41abd2966d54de14bc', value: "2" }, "February"), h("smoothly-item", { key: 'bc238dc14d3cfcc8e3490fe5ec0385f5ca5aaf22', value: "3" }, "March"), h("smoothly-item", { key: '86a6e1f5ed38aada66c38ee3de613bcd6746d1c1', value: "4" }, "April"), h("smoothly-item", { key: 'bbb0252f2dbe80f97637a6bbf04186c0c37a8209', value: "5" }, "May"), h("smoothly-item", { key: 'c2e649e4f5eefc06c7d68b6f24087bb28e302540', value: "6" }, "June"), h("smoothly-item", { key: 'e552681d3b197a5c7d2cf3d937036e88066a76b2', value: "7" }, "July"), h("smoothly-item", { key: 'cb0d389ad81bb26c2265ba80b02fb54313e58664', value: "8" }, "August"), h("smoothly-item", { key: '016cc010331c9bf67f83097477d5e1a02c176742', value: "9" }, "September"), h("smoothly-item", { key: '431c515ae9f9e8346a81aca160e3d5222ad7a962', value: "10" }, "October"), h("smoothly-item", { key: '79b5a2d4fb3d5cb4f1b3646ea515df478aebc24e', value: "11" }, "November"), h("smoothly-item", { key: '2a22869dfb8a7910dead7a6d8a980230b9d9fe82', value: "12" }, "December"), h("smoothly-input-clear", { key: 'f9087246a3389d1ac264f115f654980e62097a13', slot: "end" })), h("div", { key: 'b7789c9e44efe8402f4ef72519cfafb24f1ebe39', class: "height" }), h("smoothly-input-checkbox", { key: '2121d4ed9efa06fa305323053ec7a79ac606e4d0', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), h("div", { key: '828ce412870f5ef22528b9586ee3396b63ac5acb', class: "height" }), h("smoothly-input-radio", { key: 'c440e4fb8a8dda6d6c9c55f4af93288b76e0cfa1', name: "radio", clearable: true, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: '4d8d0b6b59c75067f10f66bfcc4e75040a596a0e', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '8607fbbb6420214834b116e9b32d45d62ab5ac14', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'f8125fd2ae71570b636e1fb53231ef688beb1053', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '27391bf41b477f9f7aab0cc45d1a9535a08b719d', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '4e80a29a47174ece3bcfa9d705ed1ff7dc732159', slot: "end" })), h("div", { key: '03788c6a14b562276804f0fe88eccbe55861f3e2', class: "height" }), h("smoothly-input-file", { key: 'efbb21f634eff79193a1b276b64b672b4315d097', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '20934a9e19b14b9209df0cacf5d8843a75960aef', slot: "label" }, "File"), h("smoothly-input-clear", { key: '276ec89d8ed2847d3ebd6b81b4e1e907f00ad0f5', slot: "end" })), h("div", { key: '1d001b8765587685478e70e28682963dd3bbd017', class: "height" }), h("smoothly-input-range", { key: '33f9c75f9e3c45331b204469687a09e6d882a6ad', name: "range", label: this.options.showLabel ? "Range" : undefined, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, h("smoothly-input-clear", { key: 'a4e159ff0948389251b9b8a9413865bbeb7fe59e', slot: "end" })), h("div", { key: '0342fd355e7916c61342178b2beca8b5f3723940', class: "height" }), h("smoothly-input-color", { key: 'fe4c4d96b8ba1bd533a64125c42e2d29dd52b58b', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: 'aca0726ae296c40c823adbf4550a9ccd30f49269' }, "Color"), h("smoothly-input-clear", { key: '95cc33c8e308efaf303c3ec446ca60428db4f9e8', slot: "end" })), h("div", { key: '9685ac6c158b2124f9b90009c8f4312143b25d3c', class: "height" }), h("smoothly-input-date", { key: '34a45b2652a977e1ba216dc20de079695d512e09', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '60f73ee396777d54ade1529462d09fd5a1905d0f' }, "Date"), h("smoothly-input-clear", { key: '5b1d24996f0f7b9d3a05195b50e9e6d8151f32c2', slot: "end" })), h("div", { key: '9dc3bdd66645ae7d154cda06af334e6eb3b3bb72', class: "height" }), h("smoothly-input-date-time", { key: '4d58a68883861950b9de8f758bf58252220762c8', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, errorMessage: this.options.errorMessage, color: this.options.color, showLabel: this.options.showLabel }, "DateTime", h("smoothly-input-clear", { key: '12e7ba19ce5af41fa6467bfc6eb5ba57cf2787f7', slot: "end" })), h("div", { key: '2434e12f697851fdf9860ce776c309b0c6ad1a6d', class: "height" }), h("smoothly-input-date-range", { key: 'e11bfe183b20b22fe452375df980970b05d484a7', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '7b4c929e3fb04664e51cd105c86fe87f2ee214a1' }, "Date Range"), h("smoothly-input-clear", { key: 'e5f8bf96350d4561c1f23bdc53f8de42d01db6cc', slot: "end" })), h("div", { key: '1959c1a3fe06ab2eaba8b6bf3e465f3ccd86a9a5', class: "height" }), h("div", { key: '59bc69572b6c84555e0911cb62021becc57df6c8', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
     }
     static get is() { return "smoothly-input-demo-standard"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/input/demo/style.css

@@ -5,6 +5,14 @@
 	margin-bottom: 10rem;
 }
 
+:host .select-div-row {
+	display: flex;
+}
+
+:host .select-div-row smoothly-input {
+ flex: 1;
+}
+
 smoothly-input-demo-standard {
 	margin-bottom: 2rem;
 }

package/dist/collection/components/input/edit/index.js

@@ -28,7 +28,7 @@ export class SmoothlyInputEdit {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'e479bc4e0e7151a26964d30ef6cab245d4ecf48c', title: this.toolTip }, h("smoothly-button", { key: '784668d63e1d5945c8fd74517950badd23a25271', 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) }, h("slot", { key: 'ae09bd22cf4d54255c16d1fc2e99059417a10ec0' }), h("smoothly-icon", { key: '32511b0a5744aeead31e1c00e3ee756299c4ec1c', class: "default", name: "create-outline", size: "tiny" }))));
+        return (h(Host, { key: '3de8f02bb5d0b223ba6aff87ef408e143ca6de3e', title: this.toolTip }, h("smoothly-button", { key: '12b9a326635d0049e7485b2975b9ce2cc33dda86', 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) }, h("slot", { key: '3fe5b43268c973b6127d7a176a46d99972470b29' }), h("smoothly-icon", { key: 'f641695eed874102423de26f43e84ad8a5ee0ad6', class: "default", name: "create-outline", size: "tiny" }))));
     }
     static get is() { return "smoothly-input-edit"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/input/file/index.js

@@ -101,7 +101,7 @@ export class SmoothlyInputFile {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '4e378111db0e10663f7a66d87cae73136fef9bb2', 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) }, h("label", { key: '32b422053ae2c0f784e253b201f54a9c234e23d2' }, h("slot", { key: '2e8353bacb424ae6e9e80c7de566baadc0e4cd4a', name: "label" })), h("div", { key: '6802b6824a3434f972ed760e61122582eef6c2a1', class: "input" }, h("smoothly-button", { key: '7b4edbef075ce51a50b3d61ebd0df858ce25afee', type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '35dc27313c8e9d7463e4cc1a924dcdc3a5414fd8', name: "button" })), h("span", { key: '113ccb707f133856df9a6f2c707db99adcf9af42' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: 'a128670edafc51b44e0bfb1d092f0d6a8eb20dea', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: '24c5da9c87f099c6998c911a01a6e2c150a71795', name: "document-attach-outline" })), h("input", { key: '896fe0eba364441816f4f16b2a6585baba195ced', 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) })), h("div", { key: 'd8a0d4950ce1846166cf16166437c166839ef201', class: "end", onClick: (e) => e.stopPropagation() }, h("slot", { key: '06bb474570c901cc3fe00e2de5404c3d37cb836c', name: "end" }))));
+        return (h(Host, { key: '47b38931d53c866baf0f3cb62f7615262e68fb7b', 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) }, h("label", { key: '215430ae3f78f580ba2a028bcedac5e037308e25' }, h("slot", { key: '8196ea352901e73429b2e9c56f60692ec10cfd72', name: "label" })), h("div", { key: '83c430bbc2cc8555a6b035ea5f57607cba695ade', class: "input" }, h("smoothly-button", { key: 'c1571b7f8a9a96eb52242caa4877c502c4656cfb', type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: 'dd9f194b9320d4b8c833803bddcc3eec6efef79c', name: "button" })), h("span", { key: 'd33dca86a3964cc3b1a57c8ac1774f83137d7f6c' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '27b1a149c0233cf01ca36393676365e9af548e0a', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: 'dceea121fbd2f2f052c9cc69aeb34fd514001d91', name: "document-attach-outline" })), h("input", { key: '4277ad89f3eb3f2b1cc3a981bd7c528f17a903b2', 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) })), h("div", { key: '93165391518adbaca9b78d53d68efbd0dbc939d0', class: "end", onClick: (e) => e.stopPropagation() }, h("slot", { key: '1ecde3ce282a03aca4971e49e3ea5f34ed9672db', name: "end" }))));
     }
     static get is() { return "smoothly-input-file"; }
     static get encapsulation() { return "scoped"; }

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

@@ -106,9 +106,9 @@ export class SmoothlyInputMonth {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'b1f87fae87e6203e9ef74b7221281e037a830b9b' }, h("smoothly-icon", { key: 'dd4fe8e284f87807fbb31617ae79060bf0a59ee7', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
+        return (h(Host, { key: '89fecd22909bff3ac5d147c922408aca813bf4ed' }, h("smoothly-icon", { key: 'c54fa66c7615e06ea1150c69a636f693a334d466', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
                 disabled: this.readonly || !this.allowPreviousMonth,
-            }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: 'ca65bfc738b814d4b9d7cfa1b9c10ab1ed2f478a', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: 'bebf42ca61c711925077807fd39d590ad7c62b90', slot: "label" }, h("slot", { key: '4b21253002def35172963163cf0070f319321c68', name: "year-label" })), generate.years((_a = this.value) !== null && _a !== void 0 ? _a : isoly.Date.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), h("smoothly-input-select", { key: 'b26c5f5d8395b4b656a29bdf1e8a5d73e4d27877', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: 'cfa634dc871e83c96cdd49c7e65aeeaa347d9181', slot: "label" }, h("slot", { key: 'ae56d5cb8aadc9eab5f33da0fee54af46db7f3d2', name: "month-label" })), generate.months((_b = this.value) !== null && _b !== void 0 ? _b : isoly.Date.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), h("smoothly-icon", { key: 'a56a322fadacacd62d1cbae348c0f650432bf3c3', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
+            }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: '430aff0437aae1dc16c9fffcf0ee92f6fdcb9faf', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: '22d252b3eeaad1175c22ab0eaea96bbac5c6b25b', slot: "label" }, h("slot", { key: '2f1cc25f43f0310b9439c9e49a85bfc0c30e5c5b', name: "year-label" })), generate.years((_a = this.value) !== null && _a !== void 0 ? _a : isoly.Date.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), h("smoothly-input-select", { key: '5156dd8ca67288e1e053da5213a6a55201c6d490', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: 'a412943feb6beb83560a8c83efe0a60011b389db', slot: "label" }, h("slot", { key: '7faf583ed860665185ba199c051391071155f3fd', name: "month-label" })), generate.months((_b = this.value) !== null && _b !== void 0 ? _b : isoly.Date.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), h("smoothly-icon", { key: 'bba463e403c7f502731984439b2693666761bc9e', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
                 disabled: this.readonly || !this.allowNextMonth,
             }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
     }

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

@@ -96,7 +96,7 @@ export class SmoothlyInputRadio {
         (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
     render() {
-        return (h(Host, { key: '9832f054f11d49d0c5f427bad59d7e71c3dfb2bb', class: "floating-label" }, h("slot", { key: 'bbb81a0d76656ee8b8b16d44d986a20a8a26229b', name: "start" }), h("div", { key: 'f89673a9f124e42216d39f5d09ea7445f0eb40d8' }, h("slot", { key: '1b9cb1c072213a19fa8b83d9f2dfe61792b9571f', name: "label" }), h("div", { key: 'a14d4813301823d8ef7108a36dbf6d6ab15bda30', class: "options" }, h("slot", { key: '3b34f630c9780413c4ee72d611c0298d04482bfe' }))), h("slot", { key: '90f11393598e9548125f758148c75a09af02a56b', name: "end" })));
+        return (h(Host, { key: 'b8cf0e9b3a4bb2ae8e79958b66cef60fd8e38383', class: "floating-label" }, h("slot", { key: '5ae18c7ad38609b0cff480712173b5d364639478', name: "start" }), h("div", { key: '9c178b21890b7a7c70db07205bb4261bc3df24ea' }, h("slot", { key: 'e4606af2a5a1be44f282cb7370f65f2c3c2c931b', name: "label" }), h("div", { key: 'f6a3be7d8e8562e2cf31e2867bb3db8d93263acc', class: "options" }, h("slot", { key: '3ff6fcec3e296e7dec4bae23f7b54db3f863772b' }))), h("slot", { key: '3e52fcae78784dc7a92acc51c3b62bf86bf770f5', name: "end" })));
     }
     static get is() { return "smoothly-input-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -14,7 +14,7 @@ export class SmoothlyInputRadioItem {
         this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
     }
     render() {
-        return (h(Host, { key: 'bf596b71824dfc45cf982587f22ccad43580f29e', onClick: () => this.inputHandler() }, h("input", { key: 'b0d3c66f47add4e99b6b36eb5cbede2931c7b834', name: this.name, type: "radio", checked: this.selected }), h("smoothly-icon", { key: '9a9e1538061ef20eec2ff98f7684ce16d72c4efe', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), h("label", { key: 'e22dfa008729bf93d2bd09517651ce605db21b09' }, h("slot", { key: '9f36ea8d7085eb8d9f30dff91bbaa515113879af' }))));
+        return (h(Host, { key: '18f14aa275b79ee7984d3a0a600000ca96840786', onClick: () => this.inputHandler() }, h("input", { key: '7bf0854b9e756010dd2387703265aa6646311525', name: this.name, type: "radio", checked: this.selected }), h("smoothly-icon", { key: '8307d1ed7db2ad3270a07cc95681797c36b0c0d7', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), h("label", { key: '11f3b331831f9ea76c70b3abbe33a06d32a9204e' }, h("slot", { key: '867f8e3c3e8b15e9711e51da4fe9d79b00457cf3' }))));
     }
     static get is() { return "smoothly-input-radio-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyInputRangeDemo {
     render() {
-        return (h(Host, { key: 'a65fa28c070c9c8622dace5fa9dfe6ae672ab68c' }, h("h2", { key: '36d30888a8055f706d3d43250c99d6c8882c2bd4' }, "Range"), h("h3", { key: '1e2f77ebc5c3c1df3fbd5d095e7c7ab7a86b2b2c' }, "Phone Number"), h("smoothly-input-range", { key: '5f50b12ee4a8579e21e67d4247e034541f0fa92e', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '13db0164ed6b16703c502bd04575492cbbb14e57' }, "Stars out of ten"), h("smoothly-input-range", { key: 'd38b9df06cfbc0616aa870f9cef411356bedc319', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'e159fcd4db7812bafacaa7c03fc4dfbc6ae5a40a' }, "Percent"), h("smoothly-input-range", { key: '0422cada1f51e4f879a8f39120e0534305ecbc44', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '1b316682a274d09ca05752ec36ebf62fa95c0f07' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '07f1e67528c810002f0d73c8d98783c0c3e0ccf6', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '3b84524cdcc3ad429bf78f6f79ea81960e0be18d', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '63ab031dd53c1bfc4d2eb390fe35f5af8039da95', size: "icon", slot: "end" }))));
+        return (h(Host, { key: 'ec974624ab0f469253a8a9e5d8147b18fbe4cffd' }, h("h2", { key: 'fef75c9cd52d0aa1a78e3c3499ce6caa1d878988' }, "Range"), h("h3", { key: '655fcd98f4b073b954df7c8b42dd2589647b9593' }, "Phone Number"), h("smoothly-input-range", { key: 'a29808c8d0605fbe29934336fa0b1da619d2673f', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: 'cbd4fd29c5d4b33df935720d1e98eda900d5b201' }, "Stars out of ten"), h("smoothly-input-range", { key: '501d335fea68d07226cdb72caba35d7ada997599', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'f2b8f9a19f4e16448c3f10b6052c0ecca19054b0' }, "Percent"), h("smoothly-input-range", { key: '590ed73490e3c729fec7aac58930f3f7f7435dc3', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '9ebdb32a47fbefb588d53e7218e1a0e46fbb28a6' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '598b6f86b23df863788725f4ffe3c3369ff48310', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: 'da77e7ec0702fe5f374891209d9cd10dbeda9adb', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '4d8c057eda8ab37a6bdb594fedfd26ed31253657', size: "icon", slot: "end" }))));
     }
     static get is() { return "smoothly-input-range-demo"; }
 }