smoothly 1.102.0 → 1.103.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: 'fa8802fdba3357d4e2718ba01cdaacb6eb9dc447', disabled: this.disabled, type: this.type }, index.h("slot", { key: '6089bc597c9ba8a1d8df0ccc3388ca09b9ea4f49' })));
+        return (index.h(Submittable.Button, { key: '083174c3923c6f43955fe12bc58679e045572565', disabled: this.disabled, type: this.type }, index.h("slot", { key: 'a85f6012cab4b0335f5aaf883adf44eaffc61bc5' })));
     }
 };
 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: '1bac32ab257e38ccaeebbcdc4660b5d8a9b4cf3a' });
+        return index.h("slot", { key: 'e687e358fc04a536b67e4b93d9d0245edc087457' });
     }
 };
 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: '29194214d33f2c877c1bd5b6d5bbf3df2671560a' });
+        return index.h("slot", { key: '3495db88850ca1f8d0dba3d455f22830a0a24c83' });
     }
     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_103.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]},[[8,\"smoothlyUrlChange\",\"urlChangeHandler\"]]],[2,\"smoothly-form-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[0,\"smoothly-button-demo\"],[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]}],[4,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"navBreakpoint\":[513,\"nav-breakpoint\"],\"mobileMode\":[32],\"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],\"mobileMode\":[32],\"setMobileMode\":[64],\"getContent\":[64],\"setSelected\":[64]},[[8,\"smoothlyUrlUpdate\",\"setQuery\"]]],[2,\"smoothly-tabs-demo\",{\"extraTab1\":[32],\"extraTab2\":[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-input-demo-user-input\",{\"textIndex\":[32],\"selectIndex\":[32],\"checkboxChecked\":[32],\"radioIndex\":[32],\"rangeValue\":[32],\"colorIndex\":[32],\"dateValue\":[32],\"datetimeValue\":[32],\"dateRangeValue\":[32]}],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested-no-cell\",{\"loadingIndex\":[32],\"loadedRows\":[32]}],[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]}],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-button-demo-standard\",{\"props\":[32],\"heightText\":[32],\"lastButton\":[32]},null,{\"props\":[\"updateInputHeightText\"]}],[2,\"smoothly-input-date-demo\",{\"date\":[32],\"alwaysShowGuide\":[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\",{\"open\":[1540]},[[0,\"click\",\"clickHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513],\"closeModal\":[64],\"openModal\":[64]},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-no-cell-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],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-summary\",{\"open\":[1540]}],[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],\"name\":[1],\"tooltip\":[1],\"open\":[1540],\"disabled\":[516]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[6,\"smoothly-tabs\",{\"tabs\":[513],\"numberOfTabs\":[2,\"number-of-tabs\"],\"tabElements\":[32],\"selectedElement\":[32],\"removeTab\":[64]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[6,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-table-foot\"],[6,\"smoothly-input-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"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,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[\"nameChange\"],\"date\":[\"handleChange\"],\"hour\":[\"handleChange\"],\"minute\":[\"handleChange\"],\"value\":[\"valueChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[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-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-file\",{\"readonly\":[1540],\"disabled\":[516],\"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\"]],{\"name\":[\"nameChange\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-table-body\"],[6,\"smoothly-table-cell\",{\"span\":[514]}],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"readonly\":[1540],\"disabled\":[516],\"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\"]],{\"name\":[\"nameChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[6,\"smoothly-table-head\",{\"scrolled\":[32],\"depth\":[32]}],[6,\"smoothly-input-date-range\",{\"locale\":[513],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"max\":[1],\"min\":[1],\"open\":[32],\"startHasText\":[32],\"endHasText\":[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\":[\"startChanged\"],\"end\":[\"endChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"name\":[\"nameChange\"]}],[6,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"checked\":[1540],\"value\":[16],\"looks\":[1537],\"color\":[1537],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[\"nameChange\"],\"disabled\":[\"handleDisabledChange\"],\"readonly\":[\"handleDisabledChange\"],\"checked\":[\"elementCheck\"]}],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025],\"disabled\":[32]}],[6,\"smoothly-input-radio\",{\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"direction\":[513],\"clearable\":[4],\"readonly\":[1540],\"disabled\":[516],\"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,\"smoothlyRadioItemSelect\",\"smoothlyRadioInputHandler\"]],{\"name\":[\"nameChange\"],\"value\":[\"valueChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"defined\":[1028],\"readonly\":[1540],\"disabled\":[516],\"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\"]],{\"name\":[\"nameChange\"],\"value\":[\"valueChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-input-date\",{\"locale\":[513],\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"hasText\":[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\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"name\":[\"nameChange\"],\"value\":[\"onValueChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[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-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"tooltip\":[1]}],[2,\"smoothly-date-text\",{\"locale\":[1],\"readonly\":[516],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"value\":[1],\"parts\":[32],\"order\":[32],\"separator\":[32],\"focusedIndex\":[32],\"setValue\":[64],\"select\":[64],\"deselect\":[64]},[[0,\"beforeinput\",\"beforeInputHandler\"],[2,\"input\",\"inputHandler\"]],{\"parts\":[\"partsHandler\"],\"focusedIndex\":[\"focusedIndexHandler\"]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1],\"end\":[1],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"startInternal\":[32],\"endInternal\":[32],\"jumpTo\":[64]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[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]}],[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\"],\"name\":[\"nameChange\"]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"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-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\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[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-input-select\",{\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"disabled\":[516],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[516],\"clearable\":[4],\"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,\"smoothlyItemDOMChange\",\"onItemDomChange\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"name\":[\"nameChange\"],\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"copyable\":[516],\"initialValue\":[32],\"state\":[32],\"copied\":[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\"]],{\"name\":[\"nameChange\"],\"currency\":[\"typeChange\"],\"type\":[\"typeChange\"],\"state\":[\"stateChange\"],\"value\":[\"valueChange\"],\"disabled\":[\"readonlyChange\"],\"readonly\":[\"readonlyChange\"]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"tooltip\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"tooltip\":[1],\"latestPromise\":[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_104.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]},[[8,\"smoothlyUrlChange\",\"urlChangeHandler\"]]],[2,\"smoothly-form-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[0,\"smoothly-button-demo\"],[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]}],[4,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"navBreakpoint\":[513,\"nav-breakpoint\"],\"mobileMode\":[32],\"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],\"mobileMode\":[32],\"setMobileMode\":[64],\"getContent\":[64],\"setSelected\":[64]},[[8,\"smoothlyUrlUpdate\",\"setQuery\"]]],[2,\"smoothly-tabs-demo\",{\"extraTab1\":[32],\"extraTab2\":[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-input-demo-user-input\",{\"textIndex\":[32],\"selectIndex\":[32],\"checkboxChecked\":[32],\"radioIndex\":[32],\"rangeValue\":[32],\"colorIndex\":[32],\"dateValue\":[32],\"datetimeValue\":[32],\"dateRangeValue\":[32]}],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested-no-cell\",{\"loadingIndex\":[32],\"loadedRows\":[32]}],[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]}],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-button-demo-standard\",{\"props\":[32],\"heightText\":[32],\"lastButton\":[32]},null,{\"props\":[\"updateInputHeightText\"]}],[2,\"smoothly-input-date-demo\",{\"date\":[32],\"alwaysShowGuide\":[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-input-demo-radio\",{\"selected\":[32]},null,{\"selected\":[\"selectedChange\"]}],[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\",{\"open\":[1540]},[[0,\"click\",\"clickHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513],\"closeModal\":[64],\"openModal\":[64]},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-no-cell-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],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-summary\",{\"open\":[1540]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[6,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-table-foot\"],[6,\"smoothly-input-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"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,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[\"nameChange\"],\"date\":[\"handleChange\"],\"hour\":[\"handleChange\"],\"minute\":[\"handleChange\"],\"value\":[\"valueChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-tab\",{\"label\":[1],\"name\":[1],\"tooltip\":[1],\"open\":[1540],\"disabled\":[516]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[6,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-tabs\",{\"tabs\":[513],\"numberOfTabs\":[2,\"number-of-tabs\"],\"tabElements\":[32],\"selectedElement\":[32],\"removeTab\":[64]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-file\",{\"readonly\":[1540],\"disabled\":[516],\"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\"]],{\"name\":[\"nameChange\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-table-body\"],[6,\"smoothly-table-cell\",{\"span\":[514]}],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"readonly\":[1540],\"disabled\":[516],\"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\"]],{\"name\":[\"nameChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[6,\"smoothly-table-head\",{\"scrolled\":[32],\"depth\":[32]}],[6,\"smoothly-input-date-range\",{\"locale\":[513],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"max\":[1],\"min\":[1],\"open\":[32],\"startHasText\":[32],\"endHasText\":[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\":[\"startChanged\"],\"end\":[\"endChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"name\":[\"nameChange\"]}],[6,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"checked\":[1540],\"value\":[16],\"looks\":[1537],\"color\":[1537],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[\"nameChange\"],\"disabled\":[\"handleDisabledChange\"],\"readonly\":[\"handleDisabledChange\"],\"checked\":[\"elementCheck\"]}],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"defined\":[1028],\"readonly\":[1540],\"disabled\":[516],\"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\"]],{\"name\":[\"nameChange\"],\"value\":[\"valueChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-input-date\",{\"locale\":[513],\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"hasText\":[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\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"name\":[\"nameChange\"],\"value\":[\"onValueChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[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-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025],\"disabled\":[32]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-input-radio\",{\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"direction\":[513],\"clearable\":[4],\"readonly\":[1540],\"disabled\":[516],\"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,\"smoothlyRadioItemSelect\",\"smoothlyRadioInputHandler\"]],{\"name\":[\"nameChange\"],\"value\":[\"valueChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"tooltip\":[1]}],[2,\"smoothly-date-text\",{\"locale\":[1],\"readonly\":[516],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"value\":[1],\"parts\":[32],\"order\":[32],\"separator\":[32],\"focusedIndex\":[32],\"setValue\":[64],\"select\":[64],\"deselect\":[64]},[[0,\"beforeinput\",\"beforeInputHandler\"],[2,\"input\",\"inputHandler\"]],{\"parts\":[\"partsHandler\"],\"focusedIndex\":[\"focusedIndexHandler\"]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1],\"end\":[1],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"startInternal\":[32],\"endInternal\":[32],\"jumpTo\":[64]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[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]}],[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\"],\"name\":[\"nameChange\"]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"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-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\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[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-input-select\",{\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"disabled\":[516],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[516],\"clearable\":[4],\"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,\"smoothlyItemDOMChange\",\"onItemDomChange\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"name\":[\"nameChange\"],\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"copyable\":[516],\"initialValue\":[32],\"state\":[32],\"copied\":[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\"]],{\"name\":[\"nameChange\"],\"currency\":[\"typeChange\"],\"type\":[\"typeChange\"],\"state\":[\"stateChange\"],\"value\":[\"valueChange\"],\"disabled\":[\"readonlyChange\"],\"readonly\":[\"readonlyChange\"]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"tooltip\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"tooltip\":[1],\"latestPromise\":[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/collection-manifest.json

@@ -58,6 +58,7 @@
     "components/input/demo/index.js",
     "components/input/demo/date/index.js",
     "components/input/demo/price/index.js",
+    "components/input/demo/radio/index.js",
     "components/input/demo/standard/index.js",
     "components/input/demo/user-input/index.js",
     "components/input/edit/index.js",

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

@@ -6,7 +6,7 @@ export class SmoothlyInputDateDemo {
         this.alwaysShowGuide = false;
     }
     render() {
-        return (h(Host, { key: 'c068de4474fb2f05836bf6e6710f066dda7a510b' }, h("div", { key: '3ae6ca903937ca6f78dee781cf82c22702d66cbb' }, h("h2", { key: 'f1207df3dde7aa2eb45ec5165a560ea847360795' }, "Date input"), h("p", { key: '4a87c470fd341309326106cc873adeedc0d49799' }, "Different locales formatting the same date"), h("smoothly-button", { key: '7a821e84182e54f7d53830be10742c3f31928c24', color: "primary", onClick: () => (this.date = this.date ? isoly.Date.next(this.date) : isoly.Date.now()) }, "Set date"), h("smoothly-input-checkbox", { key: '09d7fefcd06b39dfb7f17938afdf7a573de3e8b5', looks: "transparent", onSmoothlyUserInput: e => {
+        return (h(Host, { key: '4c867aea8c952a9baad2d4636e56041ee80d72cb' }, h("div", { key: 'f429bed02578abd46161055c94cb698a3e60f39c' }, h("h2", { key: '44dc31c6c627233db49ac4606ebc0f027dc9d0f5' }, "Date input"), h("p", { key: 'f9f2bb710c2d55cb25577ea720cc142807aad419' }, "Different locales formatting the same date"), h("smoothly-button", { key: '2b8c38cd783d06ac30366d08136a88b876afb88d', color: "primary", onClick: () => (this.date = this.date ? isoly.Date.next(this.date) : isoly.Date.now()) }, "Set date"), h("smoothly-input-checkbox", { key: 'e063a4a5caf0796d387b518995164095947e0368', looks: "transparent", onSmoothlyUserInput: e => {
                 this.alwaysShowGuide = e.detail.value;
                 console.log(this.alwaysShowGuide);
             } }, "Always Show Guide")), ["en-US", "en-GB", "de-DE", "se-SE"].map(locale => (h(Fragment, null, h("smoothly-input-date", { locale: locale, name: locale, looks: "border", value: this.date, alwaysShowGuide: this.alwaysShowGuide }, locale, h("smoothly-input-clear", { slot: "end" })), h("smoothly-input-date-range", { locale: locale, name: locale + "-range", looks: "border", start: this.date, end: this.date ? isoly.Date.next(this.date) : undefined, alwaysShowGuide: this.alwaysShowGuide }, locale, " Range", h("smoothly-input-clear", { slot: "end" })))))));

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

@@ -7,14 +7,14 @@ export class SmoothlyInputDemo {
         this.alphanumeric = "!@##";
     }
     render() {
-        return (h(Host, { key: '5f019200ffb73914d8a0e339edbc73d81e970a9c' }, h("smoothly-input-demo-standard", { key: 'f16268d1970e556b2a95d99d31658dee355c04f7' }), h("smoothly-input-date-demo", { key: 'a44afc5f6b0d4cfa325f77a8ef608f8413c8220d' }), h("smoothly-input-demo-user-input", { key: 'ca7cc385fc11f6e6f09170a6168ec1e8b0d94f5b' }), h("div", { key: '39a7301f0206aa1dd7337ace0d8625c3eee4e628', class: "inputs" }, h("h2", { key: '883dc3d0147791ba459faaf5e5c249402f2f9723' }, "Calendar"), h("smoothly-input-date", { key: 'c1aa37b5f2e90fb7444bfef49684eea63ca455c6', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '76560fb6c917be8ac457512cc06b969bd65e1d74', name: "someDateTime", value: isoly.DateTime.now() }, "DateTime"), h("h2", { key: 'ee8591a21dbab832d7ec9dfa7f7aa6bb542cecde' }, "Date Range"), h("smoothly-input-date-range", { key: 'b29e89f188e2f0e77c2b794b3dcc3b5591670dc3', 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: '4c7ea4085d281e156f76d2301f197222cff8f89d', 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: 'c44f4e4f7cc20e963d8367200a706890d56ee1f9', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '6e3198f5ae3771668a2832a2ed755c87d7642baf', 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: '5f019200ffb73914d8a0e339edbc73d81e970a9c' }, h("smoothly-input-demo-standard", { key: 'f16268d1970e556b2a95d99d31658dee355c04f7' }), h("smoothly-input-date-demo", { key: 'a44afc5f6b0d4cfa325f77a8ef608f8413c8220d' }), h("smoothly-input-demo-user-input", { key: 'ca7cc385fc11f6e6f09170a6168ec1e8b0d94f5b' }), h("smoothly-input-demo-radio", { key: '5123fe3be2215fed536e5bd15757e47731b8302c' }), h("div", { key: '8eb3ccdefe18f13b8fb81f4aa331f7fec6cf00aa', class: "inputs" }, h("h2", { key: '57aa3de9d835da733bc44c456eaaf393f3588cc4' }, "Calendar"), h("smoothly-input-date", { key: 'ed20d18f0ca570a82e3d8acadbd7e36e2444e01b', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '6ac7d7992bcc671921d0b119dce2a8dd8ecffe14', name: "someDateTime", value: isoly.DateTime.now() }, "DateTime"), h("h2", { key: '0b3eb56592bb6a8308a56b97b76cb345ed093718' }, "Date Range"), h("smoothly-input-date-range", { key: 'f00247254e704341d2f0a249d09fa8396afd178b', 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: '895750d8e98fb81041f933aaef106c23cfad05c1', 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: 'f6b78da397fd064a4c23154f23968054a7a67b21', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '8a5fc83f20912944ec128d07ab30fc72140cbda9', 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: '547a2241dcebb2e522a753e206b086ee7d0c030f', slot: "end", size: "icon" })), h("h2", { key: 'f30e2988756470afc85639157086912659688342' }, "Date"), h("smoothly-input-date", { key: '140b61ddfb8f04dc67468261001848cd86691f31' }, "Date"), h("smoothly-input-date", { key: '4a37677e60bd1dfec9e627d7360f3882546a41f2', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '2c9d4de1f088fc2b907117c9d6e5be201af629a1', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '8ebb730919327f7dc1216f9c83d3343f120ad640', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '4d3a802451ae4c5398cbb2efe1ded08b612e2658', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'f6ec39b73c9d25687afb4ed9d7cc40a369e12f8c', slot: "end", size: "icon" })), h("h2", { key: '5d18e14accf8dd184cb94bf00c7da7d4c42a566e' }, "Select"), h("div", { key: '26f0b5585a109606ac218a9ad07b4252d818d2fa', class: "select-div" }, h("smoothly-input-select", { key: 'c64892d456dd9937f8aa6d53dff41664be73eefc', name: "select-dessert", looks: "border" }, h("label", { key: 'a3ce5390a3d1e02f3527727bf92d132d279fa759', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '76a141336c6715e7e76bc1006a14eeb32113838c', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'f35923cfa15eaadca19db2e2cef4cc32538d2945', value: "2" }, "Sponge cake"), h("smoothly-item", { key: 'c34fc7990be5edc0e7d01ed6f2af689c828f8a4e', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: 'd95a6d99474ef1d778c0265562380d0c769fc18a', value: "4" }, "Cookie"), h("smoothly-item", { key: '6f4a463efd3d27ec72570cf33fca47413eb6748b', value: "5" }, "Croissant"), h("smoothly-item", { key: 'd8aae0f23a5c34752030e7b40471546af7c1e45e', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: 'fc62c8377441f5a189ea014ee8fd0b608b1f39c7', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '6ac6ee444ad5267bc09bbad24fde62df8a0a027a', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '5fc0422252ffcc6bd0b89b48a5b04ee69a7612d3', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '73996e89caeddb451b306077c1be23063f122c54', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '75b4340f15dfa06b0442365cdbe8ff7a5f919abb', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: 'c0177aeb9d0138c545903c68362a490ce1668cd5', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '23b600a3ffc64b43cbcddbacb251c106051969c0', value: "croissant" }, "Croissant"), h("smoothly-item", { key: 'e992ccec00f690068c6a4cd4d93b48c89465eba9', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'a3d784bc0b82dadf61d70765dc15a066e6cadcb9', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'e6e0e3a15ec1248becea46e2eb62c14ee2b60d9a', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: 'bd575ea4c3ae3be345809a88d897f58d1ebf9caa', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '7259f513e55abae682e088e08768dca5fbeabaf5', value: "manatee" }, "Manatee"), h("smoothly-item", { key: 'b6b71ff79b1e45123937107f89417d7695e7de2a', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: 'b52b8e53ea85c146d84aac164d90ec29aa9ceaa3', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '7c94fb6489049e58d290c010781f59092b7ce814', value: "folder", selected: true }, h("smoothly-icon", { key: 'b8cc0e8237199235b2988b6ed89f25032e1bb6b6', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '5c8dc1099a6feb05c982b3fa7f781658673fd81c', value: "camera" }, h("smoothly-icon", { key: 'b41c0705295c42e08a13e8799c50294112954645', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '6c8463781d3eaf86b3920606ec9fc238569b91ed', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '9d16ba20e1a14f8173bdf267b1b49e4ea090762e', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
+            } }, h("smoothly-input-clear", { key: '281282d1dffab8e5d5de73448f8b26f152fd9db0', slot: "end", size: "icon" })), h("h2", { key: '07bde808db2782be35b8be8d1345623220294443' }, "Date"), h("smoothly-input-date", { key: 'ea8ceba97dd574169c4631ea606486b377dce47c' }, "Date"), h("smoothly-input-date", { key: '270921b6f946a3461bb5a56c4b4a9298ddaaa963', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: 'd482a812f37deb3f0eae4822e2f0c2f25ee3a065', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '105a1664f06954e5b18fe2f020febcf5b1d35f2e', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '7485714ce8efc62a3609973ed3ec7211d3b18c3e', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'b9644aa6c685a6d55dbe774191a1be88c2f22877', slot: "end", size: "icon" })), h("h2", { key: '0436093872cec8515091dec9290a5ec118323659' }, "Select"), h("div", { key: 'c73b2ab867da11f05441aaec31081d3718af6f6f', class: "select-div" }, h("smoothly-input-select", { key: '97b96c3e8fde3efc9cf4022524b6fce9cb03a530', name: "select-dessert", looks: "border" }, h("label", { key: 'cacbc0cfd864372dae05a3822f9826bf30483299', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: 'bee78832ee71757e5dd8416630c8c1af953d1f9c', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'a0b8c1520300e75a9b1285db812b57b5c6c6e858', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '8f3d82a137ccd298131f789615781ac7e2777c8a', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '1d38e41b6a5afdf76461c414d7c8a7b3a9bba988', value: "4" }, "Cookie"), h("smoothly-item", { key: '3f8a1f57037195e8add0170b4849c40fee7e1971', value: "5" }, "Croissant"), h("smoothly-item", { key: 'f4e073fd5b798a92c232b7df3352d4a005069faa', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '379ffd0a2a9b0935ccf56acca4d5e3d5edf64439', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'cc1b8f09830754a9b7c7f691dba320985a269d3e', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: 'fb9430fb9b7569549fbc08e731a383a185f0c37e', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: 'd737aace2e373efdf8dd2d3a375d308695ef4361', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '579809a326021c7e3880a969e1dea86cd9d8c49b', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '612cf01bfa02029c7283661bbce607747a06fcec', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '2624a332573f8ab088b9a9bd341e49e2821f9c88', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '64c1ba43fe0983ad1137f3bdef86996c6a14bf72', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'c5b72afe0cd5b579707bf13255089ce5a447dc6b', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '3c9f3a574bfb9f387241d4b10190bdaa6648d1c2', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '739e92ebb45fac8eb126ebabc25fee5a267ba5f1', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: 'dd84998374081f6a8596c6f6b4a0709338263657', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '3ec161b8d1cd3303177518637134a30fac90af2c', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '34552c07fb5fab84be62c262606ae5038c5903b4', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '28596c51822dd43c30f6d2fbbfd48f5473f26ac1', value: "folder", selected: true }, h("smoothly-icon", { key: 'b9bf5749f567ed2504521b2069a0900839374e42', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'cd4cdb8d85ccbb3629efcb89dede34573f47f6da', value: "camera" }, h("smoothly-icon", { key: '09bfdefca3c7d1f10301206c1bc1e2fb5291a496', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '314f68176bd69d1fe1f31de60117da76636d151d', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '732ae80a2a9c931ed5a25af1b8274dc14dd4318f', 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: 'f749886bfd3754449169b344a9a4ab667307cf7c', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'e764c3fb77af1bec66d25ceff68e056b71abab1e', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'f172bc9c83f9fe7ce5b9ecfea0044b75f56ed10d', value: "1" }, "January"), h("smoothly-item", { key: '96c7595c00c25af2268bb7c43a169d5393144ad7', value: "2" }, "February"), h("smoothly-item", { key: 'e21579e7624e69694d9d0f6983745bbd60ada2c4', value: "3" }, "March"), h("smoothly-item", { key: '275520d42fdd32638a056f2f2741dfe6d6ddcba8', value: "4" }, "April"), h("smoothly-item", { key: '82dd67d7d0d924e4de33e94d71649e26a09301d2', value: "5" }, "May"), h("smoothly-item", { key: '5cffa58de361f051701c3c3186796044f2161e12', value: "6" }, "June"), h("smoothly-item", { key: '0e77770c31ca08b02e9e3a83c6fff8d63883133e', value: "7" }, "July"), h("smoothly-item", { key: '9b5f73a28821e01f38f0053afe61fa1dede0d696', value: "8" }, "August"), h("smoothly-item", { key: '72476538eb178c1bf95959b00309404743a876b0', value: "9" }, "September"), h("smoothly-item", { key: '902a7c0912d452e45c82fea0d4a6d1a3295f198e', value: "10" }, "October"), h("smoothly-item", { key: '3a2c03804a5c7e3e167c5a2bbbde56dc8bc53968', value: "11" }, "November"), h("smoothly-item", { key: '989625138eed54605bac3166ef79917a4f79d8e0', value: "12" }, "December")), h("div", { key: 'ff78ad753dd34cecc701dfed050fbc58136d3eb5', class: "select-div-row" }, h("smoothly-input-select", { key: 'e5cfa6982c81566a19d49f5fbb788588685ab8a7', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '9d44c2ca9c8125a15852b7178eb68efbe2df4f80', value: "folder", selected: true }, h("smoothly-icon", { key: 'f896c293cdfbe9338e43a6f59be3b7296b02e0cf', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '8a4b9ef5168ca626ab3cbdfe1e49247cadf57fd4', value: "camera" }, h("smoothly-icon", { key: '1abb3aa62a61bcef158615aec38b48b7eef887ea', size: "small", name: "camera-outline" })), h("smoothly-item", { key: '1757bb28f76cd58f463d862465f06c9200fcab1d', value: "boat" }, h("smoothly-icon", { key: 'd918ab79c5b3317df75a05af3ab30a5547ab14b3', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '6a9a8a49d2229b485811c507d293a0d6ee9a768f', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: '03c5c0848a8c0030356d4a6d64e4285fbde85335', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: 'd0b1453dddf39408485b5a176bcee83b8c522887' }, "Duration"), h("smoothly-input", { key: 'a382be10eadad72c9cfe8853207e8874086200b9', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: 'f1fb79191017592953dcd1665c184ec22d04723a', 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: '2a42f57f9442125dcab0fa9017aa8b98de181241', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '06ecee47ad2f9e0a44f6454a99e482b2d9a803e0', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '4b679d13f7461afedeba8a047f1707bfda0745b0', value: "1" }, "January"), h("smoothly-item", { key: '701188bbd18bdf6a7b34c2b23528487c8b0fdcc0', value: "2" }, "February"), h("smoothly-item", { key: 'a7c2aa11cbdd97df94f821c40d0ce91542a49730', value: "3" }, "March"), h("smoothly-item", { key: '081b01bb6fa82543ed142039551cffa989a226df', value: "4" }, "April"), h("smoothly-item", { key: '0ca1d1f3b15917ed5ddbf2d042d3856755f6b427', value: "5" }, "May"), h("smoothly-item", { key: '286c911ea66782df5d2492af7f6a941a1aade7a6', value: "6" }, "June"), h("smoothly-item", { key: '6d678f267ee0a8a0ba3dac9cd8ea67a51a4385de', value: "7" }, "July"), h("smoothly-item", { key: '49cfb07d6b92132353843aa5db485d0da92c14d5', value: "8" }, "August"), h("smoothly-item", { key: '9c93d766ee95486cebe50f615d9cf0e73a47a0fc', value: "9" }, "September"), h("smoothly-item", { key: '3ff0918cff96ba93f35ff19a85a8c7c9d0edadd1', value: "10" }, "October"), h("smoothly-item", { key: '3e762c889938a371e86b5b398c65557e57ed7c9e', value: "11" }, "November"), h("smoothly-item", { key: '37f64627b1c19f79045e12b90e6b40be878f5bc8', value: "12" }, "December")), h("div", { key: '657ee199d9d42df2e666c831cf962458aeede5a1', class: "select-div-row" }, h("smoothly-input-select", { key: 'fadc8cddfa99842b7c9774b6aa984ca23748e478', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '3df756d9fcf76e1f2d9d5b059bbfe75b26908e68', value: "folder", selected: true }, h("smoothly-icon", { key: '39d90256732dff998e040acbf73d477ccbbdf72a', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'bc89b588b85632cb475a6230bbd4d46760c85c40', value: "camera" }, h("smoothly-icon", { key: '62c1d2ca1b74f6a237a2c11854d4cc0f29f7024b', size: "small", name: "camera-outline" })), h("smoothly-item", { key: '97b5eb2481a8d42ff0824da7654d355bed807f8b', value: "boat" }, h("smoothly-icon", { key: '2eb60aac8963e7a82cb0229736ce635392ee843f', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '3adaacf129bbd509676145af84f7a9fd3d4387e4', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: '2b4820557f8aa9c5c7e5360058bd39962849e442', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: '8fd1a68e89980464d53d0e277f3d114164881aa5' }, "Duration"), h("smoothly-input", { key: 'f96c9d7fbc7f2c984b35182cc1bc2b8c3791b44d', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '3eef3f661cb3968a9bf34cce56d4efaa6f48a643', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
                 const duration = e.detail.duration;
                 this.duration = duration;
-            } }, "Duration"), h("h2", { key: '2224e744be0dfb8192386f2a08a944d319600280' }, "Integer with Min/Max"), h("smoothly-input", { key: '26fcb9bf164da2f83a100386808cfd5727175bf4', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: '8ee501da3fc758cc2970b0b93182d3e1c5729c02', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '80d4edeac02fd8226a04212c42e8e785481b5872', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: 'a8498e8f85c87ba9ced9ccd6a1f5e994799a107d', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '6dd77fb677d000d2e382349327c2e5c6ee67e7c5' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '6fbeb5a977b78e1dbe66b92932668815e9f600ad', copyable: true, 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: '83b8dc8ac743fa72c6f334f809684b1f6a0bf5c7' }, "Identifiers"), h("smoothly-input", { key: 'a65c59a558437c6e18cd4740e9df94a3c257c2cf', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '631abd7edb6960a18119c16574d371c08260fbfc', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: 'df16676d899bfde4a1468c96bb12449dde851cb4', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '2a64b770bbec79eca0afa7fdb363760c42ce01b6', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '7487ce186a7e38c04b55aa452c6efbb868619e33', type: "identifier-camel" }, "Camel"), h("h2", { key: '6e3d06ad450ff223e25e8fde16ac44625efbcfd7' }, "Input Alternatives"), h("smoothly-input", { key: 'f66b54779f289ff921bfb305098656faf1ef5967', type: "text", name: "name.last" }, h("smoothly-icon", { key: '07b6499f636deaf6d0fe4a46814b592ec7aadf1c', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '990c5c1602ce9a96d364ff6e30185acf9c870f0f', type: "text", name: "name.first" }, "Last Name", h("smoothly-icon", { key: '5b0490071861fdcb1000a1979ca576f66f1858c0', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'bf9b628ab1fe912c360105287058e091a4647240', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", h("smoothly-icon", { key: '4f4bce884b2f7d47754cfdb011df5435447b2ae7', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '0b5cd956e484c88b15a3d62c35fc7fd4dd0d46bc', placeholder: "test" }), h("smoothly-input-submit", { key: 'e667a4ffaf75260cc48ee2b22cc7404c1d73bc64', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'ecc157d150a1a5ad20f4df5e3d64d80b5a795008' }, "Smoothly checkboxes"), h("div", { key: '2aea2e75fc8f35670aa648556b5e30b5d8a5bc04', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '472235084f00c44cf3118b317e6579fd43dcfa9d', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '8f45a77effb835175ffba253261912d0b53ee43e', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'd7f5679aa180f8ca024addc3d40eaf7c565fe5d0', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: 'b6207c3257b127a68a434d38c075864a3a2149ee', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'bb0c7222fd9d7e808f87b6d35a6bcd599b123b96', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '5afcd1594a3c265107fa3ebebe191c2f82c30e55', name: "third-checkbox" }, "3rd")), h("h4", { key: '17957a312e3828b147be247315def9605f0185a9' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: 'a147903f974a4f763d17d252ccb51b3678ad75ba', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '8367aa48afb43583bdd9b0f7c61ef2bcd5cf1b1d', name: "checkmark-circle", slot: "start" }), h("label", { key: '6bf97cf9f4887f214b86d158bf2b352a1363bd34', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '2d1760ef0822651b4d89fba9344853c260aadcaf', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'e4642d09304e4976e6054b87911ca2ca6f386e19', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '50751bc9df8acb5c8c379274fea8bb977198e100', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '57a73175ceeedf91dab52933dad0a87469f5da8f', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '51d529c18a92e7d098a15c7d525c2ff27bfc802f', name: "radioSecondInput" }, h("label", { key: '6c9c9e9c5647044b512e84575cc1106408642339', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'dcf210f557372e84c8b912c909d7662ff6d5fed8', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'a40f1cc9428b7f049d8058ce4ec55668cf26efd4', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'f528e26eabb8ab6dc983a0dcea32150e604f7df2', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '8d902bd4ba919406778d9519c111abd58d872642', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '182bc1276c000a49b8bc840e4e0f6c81546966d5', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '9995702e88af793c4138a333331c62c850ac3898', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '917303cea8eec7e6ec2fb3c675a93747fa29d04c' }), h("smoothly-input-color-demo", { key: '909f49aa4ea18a1daca1bfedf8d51af587980db5' }), h("smoothly-input-price-demo", { key: '30058c7e1f43450c62d4a492a5697d2de02ed52b' }), h("smoothly-back-to-top", { key: 'ed3a78c7deb2a77b8d9ba9f3b39c8359fe13c2e2' }))));
+            } }, "Duration"), h("h2", { key: 'e12a6fe91409dbbf22929867ac29308431343196' }, "Integer with Min/Max"), h("smoothly-input", { key: 'bd214564b53d61947e5414ac0745f3c98f769e57', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: 'f1df05ff7732fef3de1e849097f5435cfd2b2b8d', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: 'f9cad47788b15a24e28c33096ec8b23368fda24f', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: '557142911873db32ede88acf8ff406a4a32503cd', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: 'f58320d65499e830eedccbf74bc15c344d028511' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: 'ba1858fc482f749de9517765691a0e2e41420999', copyable: true, 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: 'b11d56936ca4876a2eae12ef3b18bd438ff3ba5b' }, "Identifiers"), h("smoothly-input", { key: 'a98d06646bc1cf3ef24d30fdf5f23427561aa189', type: "identifier-code" }, "Code"), h("smoothly-input", { key: 'aae0d23d44590e654944404ceca9d71485cdb9be', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '52f4bb44a99c6c56a13ce7a09f5d5d8db40931f1', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: 'e1b9068ff4614f79cea56c57837fba94ee288312', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: 'b0c3946bf3429cd3911a7e5d787d0ad08163c5f2', type: "identifier-camel" }, "Camel"), h("h2", { key: '1f04209f0298f757b5e15239a2f1a88d6316c111' }, "Input Alternatives"), h("smoothly-input", { key: '1d24a71d989cc3350cba91c5006508b95982d7e6', type: "text", name: "name.last" }, h("smoothly-icon", { key: 'e7695e15015b6c1228e082014fa60e88b00d0912', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '4dba0aec13e18367e26c12faba76978439ebc64b', type: "text", name: "name.first" }, "Last Name", h("smoothly-icon", { key: '24e5bc41076b935c222ccb36d6f85e982990f9c3', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '968c7b27da0ec9264b76b9f4b429ded368488f58', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", h("smoothly-icon", { key: '3b90a09729389706864d1577214a5776efd206ad', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '45c7509b937fb30ea3e91aadf15e306bd36c0a36', placeholder: "test" }), h("smoothly-input-submit", { key: '224437a476fc6e4e5c179a545d37f820bb8c6a85', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: '03de899e930444918c7b282fb0e618906b28df08' }, "Smoothly checkboxes"), h("div", { key: '0d9a2fffa7022bf3623eeb10c4de2e3da53d1004', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '682634e92411ac8ea2a980f6609b0b75436ffc6b', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '18a07b37d184841e5acd0e2c5412d79087ae4e07', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'd04879db2b41af52bfc719fef7632494f36c15a2', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '415906a2c26c436a80a6aef664349b99000a9164', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'dc1d3b1d25187d9845c2b535b31394ec8ad42efe', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '3c1a29394098cf0931c6069260e397fa8c0d9584', name: "third-checkbox" }, "3rd")), h("h4", { key: '6ed8172d186ba53fdd1c17dbb9633c69ba112f7e' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: 'a5f65eb3d746156c3e42a24c2740369ce82692c3', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: 'bfd01263df20f513ae72f0953eeceb3c1eb366f6', name: "checkmark-circle", slot: "start" }), h("label", { key: 'caaa570c0cbbfaf88786811d39c4577717957bec', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'e87e32f03cfbc469d2f29f4bb6eb535b861c1396', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '2fdecf175d51624a11c9fd66989e05451f3c299e', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '639b6d87666f32e292225fcfc82cfa4a3dc76e53', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '011f5b9a0a2462431a0fe6837dcc86a72b9fdc6a', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '608cd37ec11aef2dcc23c2d8d59027413839beb2', name: "radioSecondInput" }, h("label", { key: '273c8ab92326fb127b87cc3e8f97e920c4ad5d40', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '7ae832cd4d2cd0e70a83dd10d23e8fe3d30f8d33', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '3d6b4b73107769389e78c0f36f8894f64d553fe6', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'bb86ff4e0e768779c641c2f2f5186707a14c5ee0', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '3e795de145a66f2d7ddda0331f84c64236961abe', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '1fc12a4fc2f362ca69e3d80e6cca860cb5256bf2', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: 'a91485b0cbdf0049cbd97d9cc41e8228f937924f', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '52c1638c3addbae86119e32404474a835b2e73da' }), h("smoothly-input-color-demo", { key: '5169b6e1c674830667bb2496de9766cb2821dc8a' }), h("smoothly-input-price-demo", { key: '2ea8be6f14258bda10fd3ea5ae1018bf90cf585b' }), h("smoothly-back-to-top", { key: '1d76048e4228e17421c28ceaa35be3074a349d8c' }))));
     }
     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, Event, EventEmitter, 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\t@Event() smoothlyUrlUpdate: EventEmitter<{ path: string; query?: 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<smoothly-input-date-demo />\n\t\t\t\t<smoothly-input-demo-user-input />\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\" value={isoly.DateTime.now()}>\n\t\t\t\t\t\tDateTime\n\t\t\t\t\t</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\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tcopyable\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\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\">\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\">\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 type=\"text\" name=\"name.first\" placeholder=\"Smith\">\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, Event, EventEmitter, 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\t@Event() smoothlyUrlUpdate: EventEmitter<{ path: string; query?: 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<smoothly-input-date-demo />\n\t\t\t\t<smoothly-input-demo-user-input />\n\t\t\t\t<smoothly-input-demo-radio />\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\" value={isoly.DateTime.now()}>\n\t\t\t\t\t\tDateTime\n\t\t\t\t\t</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\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tcopyable\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\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\">\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\">\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 type=\"text\" name=\"name.first\" placeholder=\"Smith\">\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: '04d9d8a8d7f4f15310595ae7284d68732677647c' }, h("h2", { key: 'ef661b4242d5d65bd2c94efd07e55e440e348a41' }, "State demo on smoothly-input"), h("p", { key: '3d40ba72a84e1996c5220efb3bef10ec733c67f8' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: '4dbd1f37ce6b5c362ddf546cd749776e56efd75c' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: 'dd71b6b572bae169fb112748cf48398392aa8b15', 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: '2b5bbb0519d029ef786a7be63c0166fd7c8f0807', type: "price", currency: this.currency }, "price")));
+        return (h(Host, { key: '103c32353cbb648a15ddd2a07217810aaa8dcfbc' }, h("h2", { key: 'b3236f05a6812f821fd4b8f0fc7b196ccc8556d2' }, "State demo on smoothly-input"), h("p", { key: '216df6982133fd9a6e6c81cb9c7cc1a58177190f' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: '87d14d8f9ac65eaabeaa3f02eeb77f0e2d328280' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: 'fb5e2cd3e334ca968a50058d144417cb108ae68f', 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: 'a824a501bea1afcb5b9c70f505b3e3de8b05c679', 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/radio/index.js

@@ -0,0 +1,36 @@
+import { h, Host } from "@stencil/core";
+export class SmoothlyInputDemoRadio {
+    constructor() {
+        this.selected = undefined;
+    }
+    selectedChange() {
+        console.log("selected", this.selected);
+    }
+    render() {
+        return (h(Host, { key: 'c3b8ab15f7d5b4293c3f014c37f94c5ec76c9900' }, h("h2", { key: '73eaa3db6de6c83e06125debc2a3d9b519f3c2bf' }, "radio input - column direction"), h("smoothly-input-radio", { key: 'd2d017e7c74b455b97ca6e16e3806caa2a3cc876', name: "radio", direction: "column", onSmoothlyInput: e => (this.selected = e.detail.radio) }, h("smoothly-input-radio-item", { key: '0acb4e1bfc61d3f8c612c4831d3ad7c8627b4732', value: "1" }, h("span", { key: '81e25f4f1908ca06093da3893f2044bd6263b635' }, "Option 1"), h("span", { key: '8b951dc4128c07072edfcc6687f0216444b107f0', slot: "detail" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")), h("smoothly-input-radio-item", { key: '0e7a0fadf0f3dae0b563e8511787539e5ddecb77', value: "2", selected: true }, h("span", { key: 'ca6255390099436de4a6fbb5f2c1e182d8a9dc4b' }, "Option 2"), h("div", { key: '4fc784d028ea7ce3025b6e983ab51b05185595fc', slot: "detail" }, h("smoothly-tabs", { key: 'c336dc2a0ce56efa45a639c2e89e62e1e246a442' }, h("smoothly-tab", { key: '6820992dcd04115db18b9cd9030587d1f1a5f023', label: "Dog", name: "dog", open: true }, "\uD83D\uDC15"), h("smoothly-tab", { key: '9aa5005a09e4be778116e88b578dcc26a52ff9d4', label: "Cat", name: "cat" }, "\uD83D\uDC08"), h("smoothly-tab", { key: '64b1a15fe3834a1d75d7feb4365e63e4fe6240da', label: "Rat", name: "rat" }, "\uD83D\uDC00")))))));
+    }
+    static get is() { return "smoothly-input-demo-radio"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["style.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["style.css"]
+        };
+    }
+    static get states() {
+        return {
+            "selected": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "selected",
+                "methodName": "selectedChange"
+            }];
+    }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/input/demo/radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOhE,MAAM,OAAO,sBAAsB;;;;IAIlC,cAAc;QACb,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;IACvC,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,8FAAuC;YACvC,6EACC,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,QAAQ,EAClB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC;gBAChE,kFAA2B,KAAK,EAAC,GAAG;oBACnC,0EAAqB;oBAErB,6DAAM,IAAI,EAAC,QAAQ,ocAMZ,CACoB;gBAC5B,kFAA2B,KAAK,EAAC,GAAG,EAAC,QAAQ;oBAC5C,0EAAqB;oBACrB,4DAAK,IAAI,EAAC,QAAQ;wBACjB;4BACC,qEAAc,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,yBAE1B;4BACf,qEAAc,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,mBAErB;4BACf,qEAAc,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,mBAErB,CACA,CACX,CACqB,CACN,CACjB,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-demo-radio\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoRadio {\n\t@State() selected: string\n\n\t@Watch(\"selected\")\n\tselectedChange() {\n\t\tconsole.log(\"selected\", this.selected)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>radio input - column direction</h2>\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tname=\"radio\"\n\t\t\t\t\tdirection=\"column\"\n\t\t\t\t\tonSmoothlyInput={e => (this.selected = e.detail.radio as string)}>\n\t\t\t\t\t<smoothly-input-radio-item value=\"1\">\n\t\t\t\t\t\t<span>Option 1</span>\n\n\t\t\t\t\t\t<span slot=\"detail\">\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n\t\t\t\t\t\t\tdolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex\n\t\t\t\t\t\t\tea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu\n\t\t\t\t\t\t\tfugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt\n\t\t\t\t\t\t\tmollit anim id est laborum.\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t<smoothly-input-radio-item value=\"2\" selected>\n\t\t\t\t\t\t<span>Option 2</span>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"Dog\" name=\"dog\" open>\n\t\t\t\t\t\t\t\t\t🐕\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"Cat\" name=\"cat\">\n\t\t\t\t\t\t\t\t\t🐈\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"Rat\" name=\"rat\">\n\t\t\t\t\t\t\t\t\t🐀\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t</smoothly-tabs>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t</smoothly-input-radio>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,12 @@
+:host {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+	max-width: min(56rem, 100%);
+	margin: auto;
+	flex-direction: column;
+	gap: 0.5rem;
+}
+
+:host :not(smoothly-input-date):not(smoothly-input-date-range) {
+	grid-column: 1 / -1;
+}

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

@@ -20,7 +20,7 @@ export class SmoothlyInputDemoStandard {
         });
     }
     render() {
-        return (h(Host, { key: '042854455ad1e70f8d47329dd18ad5b2d9be5b55' }, h("div", { key: '71a0ff91b51faeea2acb7bbe6ff33103b4f78101', class: "description" }, h("h2", { key: '91247326c353bfe7a42e0f7523cabf7d42d27574' }, "Input Standard"), h("p", { key: '1d778222d0a0be0fc9fedc8fba5058033f69ccdc' }, "Height of input should be ", h("code", { key: 'c6c2dbd89c53fedca0db13ea65acddd9a504d567' }, "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: '97f476e2d1b48ca72c588f0dc2811238afa62d85', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: 'e638fd412458db2e89e75ed1e3356ebd21814efc', name: "color" }, h("span", { key: 'ab2049a30551b48bab1b1a03ee69af67d9f2fc90', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: 'e58405aee03c66669786693560afbf7ea6ecbe0c', slot: "end" })), h("smoothly-input-select", { key: '2016e5bcf4dd6b6eb76d8d2f9691c0075cb18ea0', name: "looks" }, h("span", { key: '8bc09574aafe3e42a577b9546c7b70c8ae7eb93a', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-range", { key: 'f6ed7c89644db7b39adcdc1bdd3af60d64ffef49', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), h("smoothly-input-checkbox", { key: 'bffa6d1a6f672a9338e78134dc8ba1103c09f0f8', name: "readonly" }, "Readonly"), h("smoothly-input-checkbox", { key: '581a628a2ed495b04e29e1552012b1496ded48e6', name: "disabled" }, "Disabled"), h("smoothly-input-checkbox", { key: 'ed3fb7bf07743e792097626b082c825fe07fdb44', name: "invalid" }, "Invalid"), h("smoothly-input", { key: '8f6910965617dc247a089284fdf05f9f4b32e028', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-checkbox", { key: '507b49b5729dbc488916542e18c5a747ac88448f', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input", { key: 'e28d0d2d9d64b11f6088d41dae93b1e3bccfbe19', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: 'ee46861ee1cfe967013b017991fec0da41ec178a', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), h("div", { key: '148dc88331c154d77477b48b74a9d2fcb6e7372f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '7301184b32532915b8b6c67ecccfe708888ac0c1', class: "width" }, "width: 100%"), h("div", { key: '1651b57209507da195429a8cde6e4cd1d081a426', class: "left-padding" }, "padding-left: 0.5rem"), h("smoothly-input", { key: '0f999a06660d7e29b2967db7df972ea1d5b2f70f', name: "text", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: '842330c6efc43de5d2afc835577b67fc8575ad4d' }, "Text"), h("smoothly-input-clear", { key: '78cb65424a87ddd1b22e10844270494af51ef9cf', slot: "end" })), h("div", { key: '31103c02b0cdf3d5f68f8bd95010554c3571dea1', class: "height" }), h("smoothly-input-select", { key: '649fadb127e8ac6454b60dcb39ad26f8b665185d', name: "month", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder }, this.options.showLabel && h("label", { key: '229d74b36e98d2dce9fb51ae34a0fdf6ea3ad933', slot: "label" }, "Select"), h("smoothly-item", { key: '6f71feb15bb43c427f1e6667958eb64104a3319d', value: "1" }, "January"), h("smoothly-item", { key: 'c9468227d2718f2d87e373cfcf1c0021bf7c9e6a', value: "2" }, "February"), h("smoothly-item", { key: '26fa8a4c129189dada418bdc55eb420b4f6359be', value: "3" }, "March"), h("smoothly-item", { key: 'e966229667d4bd1072501c48cfad6d8456c8488c', value: "4" }, "April"), h("smoothly-item", { key: 'fa351f3fb2dba399ebffd034a7ab41821ad03c85', value: "5" }, "May"), h("smoothly-item", { key: 'f347f4a74d4a8f8f53fa656eff9ad94bb2d0e855', value: "6" }, "June"), h("smoothly-item", { key: 'b77e47c6a0d99532170498e5cd816977aaf15f0c', value: "7" }, "July"), h("smoothly-item", { key: 'f178bd35f721906e9adb7f33ad4a8dc13c093eb9', value: "8" }, "August"), h("smoothly-item", { key: '8b516209123938ae2b264164682628bff9e7182f', value: "9" }, "September"), h("smoothly-item", { key: '90c9806ae155808061562eb4903374c8d0f6437f', value: "10" }, "October"), h("smoothly-item", { key: 'c81cd76d4773d7382c0dd2091493bbb5747c26f8', value: "11" }, "November"), h("smoothly-item", { key: '4129e63197a9603181b72c2bcd5f00efe5facf4a', value: "12" }, "December"), h("smoothly-input-clear", { key: 'a8d437ce57fac20f4e8a23fb7ab945285e29ab78', slot: "end" })), h("div", { key: '0f72b65ec6e9dd55e5009f8889803745a7cebe0a', class: "height" }), h("smoothly-input-checkbox", { key: '2ecbfe7fce0fe4c5360d20e9088240cd1cb3b2d9', name: "checkbox", checked: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled }, "Check", h("smoothly-input-reset", { key: '9faea34bfbe730854196cbc62ae7930b078bad15', slot: "end" })), h("div", { key: '14eff380b23a908840341e8ac919e366f61b4db5', class: "height" }), h("smoothly-input-radio", { key: '007cbb861d302fb7fbfec986cb8ce51134a89521', name: "radio", clearable: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: 'be062990b3871568cb15cc1b447478ddb1741224', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '6b9f1c542b7d8fbf400c0d983459d8decd29ea3f', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'e76fc206b83574830f8dc10cf21a8e5963ae4994', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '706d081877e1485f636ee168fbc5c951b68698a3', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: 'c4a213b756017473a7a9a02d14a7c6f5124eb46c', slot: "end" })), h("div", { key: '904b170b3a023c4b3788fb2eb996b72fd9456c01', class: "height" }), h("smoothly-input-file", { key: 'db055982178bd556b1788059d69a4ef043e04b19', name: "file", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: '259a9a65c8cf798886fbb51e21c08c396af869ba', slot: "label" }, "File"), h("smoothly-input-clear", { key: '2b0ed1648df1c045f9b6ef0188c8f8eb77e3f547', slot: "end" })), h("div", { key: 'aa0a3961fdffa760f336cf33f6005892bf3d463f', class: "height" }), h("smoothly-input-range", { key: '687fc6de0e91cb891e27753268246cd224ce53b7', name: "range", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, label: this.options.showLabel ? "Range" : undefined }, h("smoothly-input-clear", { key: 'f3c5299f4d054286e6296f8cbbd06d257a0dc807', slot: "end" })), h("div", { key: 'a7e96fd240e2d06d460978504a8178a4620fa671', class: "height" }), h("smoothly-input-color", { key: '2b41b21090701c556de33d1345be29ba18613a50', name: "color", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '7369555e1c40afb8e0d4575ee7e0b3a17aa07b10' }, "Color"), h("smoothly-input-clear", { key: 'd1130c6efb044af66bb1bea1c820b0e696f7655b', slot: "end" })), h("div", { key: 'ae0d6336ac30318029efe09259602d9affd5f6a5', class: "height" }), h("smoothly-input-date", { key: 'cf664740016f747362efd19abe6eb22c49438c32', name: "date", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide }, this.options.showLabel && h("span", { key: 'ab1940b43df90302347705f715c7a5adb31daf0c' }, "Date"), h("smoothly-input-clear", { key: 'e0d0d6d4bba58e2681f1e5ed8e542ce12b1b6a5d', slot: "end" })), h("div", { key: 'c8c7391b70036ba134cc150ef7256a6f3ede2ca1', class: "height" }), h("smoothly-input-date-time", { key: 'de72c684d8348a38f1677d7dfbf2f902928e7945', name: "dateTime", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel }, "DateTime", h("smoothly-input-clear", { key: '861fa30781245edbf8f088a37731faabf7a9b4f8', slot: "end" })), h("div", { key: 'da8d19acadc3e79480b45a07d3864ebad6282ae0', class: "height" }), h("smoothly-input-date-range", { key: '61f62fd05e1c39a5117f771eb9d1810c5b16280a', name: "dateRange", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: 'b61c8327dcf01c0ec529ceed88fd4afd90702e3d' }, "Date Range"), h("smoothly-input-clear", { key: '4af2bde87290de54492949e5140aabbcf7030ce0', slot: "end" })), h("div", { key: '48e17be0054c430456fbf6557fe6cafa4fd743fa', class: "height" }))));
+        return (h(Host, { key: '0d6a49500f6207e017b7332fc676fe5b4cdf3b63' }, h("div", { key: '1b1fc48946c60ba1ff8f350a44d6a37e6e90663c', class: "description" }, h("h2", { key: 'f64382417b9be7fbe7f937a32f6834712b408d9d' }, "Input Standard"), h("p", { key: '5043b837fc74e7f7099afb32f5dca884bc111c2e' }, "Height of input should be ", h("code", { key: '82c1416cdac8702bdcf022d71e76a1ef9e738ec3' }, "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: 'ffc6e71292d11eaf3e559562a5a3fac3e13629ad', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: '8526acc9e28b450d20a839a9a1678626afc233e8', name: "color" }, h("span", { key: 'f627cd062ea38eca69a7251bffbd9e1197de5b10', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: '5adf2e5d7c591623d28c9d00a3d0729eb89f1832', slot: "end" })), h("smoothly-input-select", { key: 'a657160f084e4c9aab71b5a557c957f194a29e73', name: "looks" }, h("span", { key: 'b27cc9e95a18859ef9ef7d7faec3df1f3e2a6eda', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-range", { key: '065677f13cf53923b0496e7851cdf98f9726d656', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), h("smoothly-input-checkbox", { key: 'a5045fcbe87384502aec4b39340711e5e3e7fbd2', name: "readonly" }, "Readonly"), h("smoothly-input-checkbox", { key: '5411d51504bbd0005b963e53c23aafd9192dbc04', name: "disabled" }, "Disabled"), h("smoothly-input-checkbox", { key: '9e08c858b47f305c99491cb90c7dfc7ad64d091b', name: "invalid" }, "Invalid"), h("smoothly-input", { key: '8b0d8cd4db6428fd575811f75959f1f4393388b0', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-checkbox", { key: 'bd0d9732f77fa8156a3b669d87d6d0e767ab51c4', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input", { key: 'e93d01bfa289c02508ee005ee20ca1cd72aa1730', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: '84ef98e5c663ca9b147e8a6841838c6df150ebb1', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), h("div", { key: '492fa68b11ff4bdc34755147c02db3a11544418f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '745d453a3db47b3c3f5aa7db5f8d29c78f5f1983', class: "width" }, "width: 100%"), h("div", { key: '0d0c050b51b8cb7389813e3ccccc15034acd8694', class: "left-padding" }, "padding-left: 0.5rem"), h("smoothly-input", { key: '37e196f1778d81907b5e0b7372c1e94d32c8485a', name: "text", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: 'c90495a6c689d501149cf31ecae572ebaad00f4b' }, "Text"), h("smoothly-input-clear", { key: 'ad06480850d65fbce9505ae82d7a90303c2c6a0d', slot: "end" })), h("div", { key: '433c6ee20819020ff9732cd25a1cbed1ce24c889', class: "height" }), h("smoothly-input-select", { key: '98b6ace0a4d98903cf4d235700a5b264710dd4bd', name: "month", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder }, this.options.showLabel && h("label", { key: 'bf4a36af85182a2a9b74ba914835b1e2479abfc4', slot: "label" }, "Select"), h("smoothly-item", { key: 'ab573db27e087a968e25066878be720b3db4afb1', value: "1" }, "January"), h("smoothly-item", { key: 'c3bd51447686cc8cf6faf7748760436c71f1b560', value: "2" }, "February"), h("smoothly-item", { key: '96663832d2df4a91a5449298dfe2ec3f7dcc1e16', value: "3" }, "March"), h("smoothly-item", { key: '415e5972f03861866dc8a06361432405055e6c71', value: "4" }, "April"), h("smoothly-item", { key: '937420ce63903e18f6cd27d8ca906c386b6fec2e', value: "5" }, "May"), h("smoothly-item", { key: 'a40bc8f3d0b228471d616084b7e6838f56db8ad5', value: "6" }, "June"), h("smoothly-item", { key: '2bedb621bde2c3e0e13523bf3b749344c13770d7', value: "7" }, "July"), h("smoothly-item", { key: 'e0a2ebb9b0b5dd523ef772d8c95c4155890836f6', value: "8" }, "August"), h("smoothly-item", { key: '4c47234cb75a3f0de564591cd0f9a750d31e03af', value: "9" }, "September"), h("smoothly-item", { key: '20010b3111a4d40196cd789b5ddd01ed244fe7b8', value: "10" }, "October"), h("smoothly-item", { key: '4180fdc603a8ab8a462a8c83c567255a6226f53c', value: "11" }, "November"), h("smoothly-item", { key: 'c6546461a7a4c27c0f107315b987615328c8d8fb', value: "12" }, "December"), h("smoothly-input-clear", { key: 'cda23c98e196850eb8a20be501d6ec769a9b5898', slot: "end" })), h("div", { key: '26e2e9395873051d667215065ff6977d880da8b2', class: "height" }), h("smoothly-input-checkbox", { key: 'bbb9ec0cd1dfd3e29732bb915fb28e5a90b88815', name: "checkbox", checked: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled }, "Check", h("smoothly-input-reset", { key: '324f4a2e10e27a8b52f2f26e8a28ef881737fb4a', slot: "end" })), h("div", { key: '32dd67ed9f19b3b4ab9a95c022c9493cb6a94050', class: "height" }), h("smoothly-input-radio", { key: '1239de4634517430c7d581f71e7bb7ee84cbefe9', name: "radio", clearable: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: '4b4f58bec0437676fbb9d0c09516b1ac501de19b', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '8715c21ebfeeb3eaf5c5db026af4051f8cb9fe7c', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'aa6929c0aaf4b8a6d9f87712dcbbdeeba3f54b17', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '8c855054328b5b57159a51eb62c6393e23dc0b86', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '6f64b91dad2ee9ac4341a9526ca03c0e11d04fca', slot: "end" })), h("div", { key: 'a372eb011607ea8c2e9ec2aa6e4dc6bf9a40e16c', class: "height" }), h("smoothly-input-file", { key: '52ed31ebc67f6e446ad7c3eb87b4251a5cafddee', name: "file", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: '6e1d48d9bd613a2460dd7838995b2e85b1b3076c', slot: "label" }, "File"), h("smoothly-input-clear", { key: 'f4f9b6a08e0e90a701f8885f9da8726667a26e48', slot: "end" })), h("div", { key: '08353a4008696b58812d6bd61d1669e64115ab7f', class: "height" }), h("smoothly-input-range", { key: '0a201e8f6142507db1707f116fa38317a4dba66b', name: "range", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, label: this.options.showLabel ? "Range" : undefined }, h("smoothly-input-clear", { key: 'a5a761e571e964250fdb33b90beef1a2c97b6a95', slot: "end" })), h("div", { key: 'dddb99963e0871b08c13b1875dc81ed2bc2a278e', class: "height" }), h("smoothly-input-color", { key: '910b2b2c6256e93e418e5d40fe16634d8f40a88c', name: "color", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '5f44644718b27d0997860edb064fd9a9173683d0' }, "Color"), h("smoothly-input-clear", { key: 'ca666442d87e15ad1aca12e88b76bdce7e2c0490', slot: "end" })), h("div", { key: '54dfabfcb3cfa47905fe8306e6a9302354c38433', class: "height" }), h("smoothly-input-date", { key: 'be49a61901507ee48747ab2c523c6433f26c486e', name: "date", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide }, this.options.showLabel && h("span", { key: '435eecf8280345f21162402660991c723244f160' }, "Date"), h("smoothly-input-clear", { key: '652b579898fc2a37bfe5a2163cfa6ad7fc1aff8e', slot: "end" })), h("div", { key: 'c66d6ee6c372fd12ecda68ebc0a5507550321378', class: "height" }), h("smoothly-input-date-time", { key: 'c062f0de71f5384b3e5596cbb223f3bc2a1d4d24', name: "dateTime", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel }, "DateTime", h("smoothly-input-clear", { key: 'ea83436b132d5ee8808f1ceafa5c72eda58eb6c0', slot: "end" })), h("div", { key: 'e19c2213936ad11555abeb9106aac7b691cbccc7', class: "height" }), h("smoothly-input-date-range", { key: '11e3954c5e159b2c97dceb955bf5499eaa1595b4', name: "dateRange", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '4c1c93769eebdcf13cf2858f8641cf55e70dfd1b' }, "Date Range"), h("smoothly-input-clear", { key: '5dde94ebd3cb77a6c5a81cf2b7b0087b40aa98c7', slot: "end" })), h("div", { key: '6905e1f7f5d726d8342481fb734309b9d103e1ea', class: "height" }))));
     }
     static get is() { return "smoothly-input-demo-standard"; }
     static get encapsulation() { return "scoped"; }