smoothly 1.40.0 → 1.42.0

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-699f76e0.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_100.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-table-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[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\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedChanged\"]}],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]}],[2,\"smoothly-tabs-demo\",{\"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-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[\"nameChanged\"]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[32]}],[2,\"smoothly-table-demo-nested-no-cell\"],[2,\"smoothly-button-demo-standard\",{\"props\":[32],\"heightText\":[32],\"lastButton\":[32]},null,{\"props\":[\"updateInputHeightText\"]}],[0,\"smoothly-input-color-demo\"],[0,\"smoothly-input-range-demo\"],[2,\"smoothly-form-demo-login\"],[2,\"smoothly-form-demo-prices\"],[2,\"smoothly-form-demo-card\"],[0,\"smoothly-display-demo-json\"],[2,\"smoothly-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[6,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[6,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-theme-colors\"],[2,\"smoothly-toggle-switch-demo\"],[2,\"smoothly-burger\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513]},null,{\"open\":[\"openChanged\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-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]}],[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],\"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-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"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,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[\"nameChange\"],\"date\":[\"handleChange\"],\"hour\":[\"handleChange\"],\"minute\":[\"handleChange\"],\"value\":[\"valueChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[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-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-table-foot\"],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"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-input-date-range\",{\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[1],\"invalid\":[4],\"max\":[1],\"min\":[1],\"changed\":[1028],\"value\":[32],\"open\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[8,\"click\",\"onWindowClick\"]],{\"start\":[\"updateValue\"],\"end\":[\"updateValue\"],\"value\":[\"valueChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"name\":[\"nameChange\"]}],[6,\"smoothly-input-file\",{\"changed\":[1028],\"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-checkbox\",{\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"disabled\":[516],\"checked\":[1028],\"value\":[4],\"looks\":[1537],\"color\":[1537],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},null,{\"name\":[\"nameChange\"],\"checked\":[\"elementCheck\"]}],[6,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[6,\"smoothly-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[4],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"name\":[\"nameChange\"],\"value\":[\"onStart\"],\"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]}],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"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,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]],{\"name\":[\"nameChange\"],\"value\":[\"valueChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"defined\":[1028],\"readonly\":[1540],\"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\"]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"tooltip\":[1]}],[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\"]}],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"changed\":[1028],\"processing\":[1040],\"removeInput\":[64],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyKeydown\",\"smoothlyKeydownHandler\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[\"watchValue\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-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]}],[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\":[4],\"clearable\":[4],\"changed\":[1028],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"getItems\":[64],\"listen\":[64],\"reset\":[64],\"clear\":[64],\"edit\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyItemDOMChange\",\"onItemDomChange\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"name\":[\"nameChange\"],\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[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],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"changed\":[1028],\"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\"]}],[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_100.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]},[[8,\"smoothlyUrlChange\",\"urlChangeHandler\"]]],[2,\"smoothly-form-demo\"],[2,\"smoothly-table-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[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\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedChanged\"]}],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]},[[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-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[\"nameChanged\"]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[32]}],[2,\"smoothly-table-demo-nested-no-cell\"],[2,\"smoothly-button-demo-standard\",{\"props\":[32],\"heightText\":[32],\"lastButton\":[32]},null,{\"props\":[\"updateInputHeightText\"]}],[0,\"smoothly-input-color-demo\"],[0,\"smoothly-input-range-demo\"],[2,\"smoothly-form-demo-login\"],[2,\"smoothly-form-demo-prices\"],[2,\"smoothly-form-demo-card\"],[0,\"smoothly-display-demo-json\"],[2,\"smoothly-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[6,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[6,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-theme-colors\"],[2,\"smoothly-toggle-switch-demo\"],[2,\"smoothly-burger\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513]},null,{\"open\":[\"openChanged\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-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]}],[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],\"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-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"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,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[\"nameChange\"],\"date\":[\"handleChange\"],\"hour\":[\"handleChange\"],\"minute\":[\"handleChange\"],\"value\":[\"valueChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[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-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-table-foot\"],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"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-input-date-range\",{\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[1],\"invalid\":[4],\"max\":[1],\"min\":[1],\"changed\":[1028],\"value\":[32],\"open\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[8,\"click\",\"onWindowClick\"]],{\"start\":[\"updateValue\"],\"end\":[\"updateValue\"],\"value\":[\"valueChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"name\":[\"nameChange\"]}],[6,\"smoothly-input-file\",{\"changed\":[1028],\"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-checkbox\",{\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"disabled\":[516],\"checked\":[1028],\"value\":[4],\"looks\":[1537],\"color\":[1537],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},null,{\"name\":[\"nameChange\"],\"checked\":[\"elementCheck\"]}],[6,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[6,\"smoothly-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[4],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"name\":[\"nameChange\"],\"value\":[\"onStart\"],\"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]}],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"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,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]],{\"name\":[\"nameChange\"],\"value\":[\"valueChanged\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"defined\":[1028],\"readonly\":[1540],\"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\"]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"tooltip\":[1]}],[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\"]}],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"changed\":[1028],\"processing\":[1040],\"removeInput\":[64],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyKeydown\",\"smoothlyKeydownHandler\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[\"watchValue\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-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]}],[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\":[4],\"clearable\":[4],\"changed\":[1028],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"getItems\":[64],\"listen\":[64],\"reset\":[64],\"clear\":[64],\"edit\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyItemDOMChange\",\"onItemDomChange\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"name\":[\"nameChange\"],\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"disabled\":[\"watchingReadonly\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[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],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"changed\":[1028],\"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\"]}],[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/cjs/smoothly-app_100.cjs.entry.js

@@ -29,6 +29,7 @@ const SmoothlyAppStyle0 = styleCss$1m;
 const SmoothlyApp = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.smoothlyUrlChange = index.createEvent(this, "smoothlyUrlChange", 7);
         this.rooms = {};
         this.label = undefined;
         this.color = undefined;
@@ -66,6 +67,7 @@ const SmoothlyApp = class {
     async locationChangeHandler(event) {
         var _a;
         (_a = this.rooms[event.state.smoothlyPath]) === null || _a === void 0 ? void 0 : _a.element.setSelected(true, { history: true });
+        this.smoothlyUrlChange.emit(window.location.href);
     }
     roomSelectedHandler(event) {
         this.selected = { element: event.target };
@@ -75,14 +77,14 @@ const SmoothlyApp = class {
             const path = this.selected.element.path.toString();
             const location = new URL(window.location.pathname == path ? window.location.href : window.location.origin);
             location.pathname = path;
-            window.history.pushState({ smoothlyPath: path }, "", location.href);
+            location.search = event.detail.query ? `?${event.detail.query}` : "";
+            window.history.pushState({ smoothlyPath: path, smoothlyQuery: event.detail.query || "" }, "", location.href);
         }
     }
     roomLoadedHandler(event) {
         const room = (this.rooms[event.target.path.toString()] = { element: event.target });
         if (room.element.selected) {
             this.selected = room;
-            window.history.replaceState({ smoothlyPath: room.element.path }, "", window.location.href);
         }
     }
     clickHandler(event) {
@@ -90,7 +92,7 @@ const SmoothlyApp = class {
             this.menuOpen = false;
     }
     render() {
-        return (index.h("smoothly-notifier", { key: '418bda2ca2989519fb6a93ad1985b3159fafc642' }, index.h("header", { key: 'c65a49afad0880a61cf0b6f8da5329b12bf264a7', color: this.color }, index.h("h1", { key: 'd8203fb391f265ba58a6446a271a0433181e09e6' }, index.h("a", { key: 'cc4855c565839540c6af125d48cbfabe6064cde7', href: "" }, this.label)), index.h("slot", { key: '26316081a42ad320783c941dbcdcdff8b95656a9', name: "header" }), index.h("nav", { key: '4e4142dd2fe2a62d23bd5f9b8902e8464e893290', ref: e => (this.navElement = e) }, index.h("ul", { key: '957c93d3d2ace28852f910ba1b67de74778f55c5' }, index.h("div", { key: '0fe77bfa9aba9f0b4e68ecdd491e0359fdb261a5', class: "nav-start-container" }, index.h("slot", { key: 'a525536d2248dc9a133917f8489d4fa0b9f5e0ec', name: "nav-start" })), index.h("slot", { key: '2c5100e3742332772f82f26fda6693f2b1be52fe' }), index.h("div", { key: '0f6749d53b4ee0e0d545b673d8278fe0020255e5', class: "nav-end-container" }, index.h("slot", { key: '5309bd4a294b95a60b001582083b62baff089652', name: "nav-end" })))), index.h("smoothly-burger", { key: '9beb53b88bd24aa52dbce2e086623366d71e0357', ref: e => (this.burgerElement = e), open: this.menuOpen, onSmoothlyNavStatus: e => this.burgerStatusHandler(e), onSmoothlyVisibleStatus: e => this.burgerVisibilityHandler(e) })), index.h("main", { key: 'd360af6e1065329db08baa8e374b159fe8c171b5', ref: e => (this.mainElement = e) })));
+        return (index.h("smoothly-notifier", { key: 'd75053b6696c2e8a6b70f605471c629e0245cd79' }, index.h("header", { key: '2abc90cea0e212a0028a9687434d4544f616612e', color: this.color }, index.h("h1", { key: '09c1abd28b34d15f2ecba14d0b3fc9d1b3b0b1a0' }, index.h("a", { key: '7e16e6dd2b5046a0a60065b7e3a809388e084247', href: "" }, this.label)), index.h("slot", { key: '998a863024b6e4fc19f52f3563ce00b6758fc002', name: "header" }), index.h("nav", { key: '7c415a3efb11f2c5a3947df02e30f02c1de440ad', ref: e => (this.navElement = e) }, index.h("ul", { key: '3c5121358be5c39e55d27bc244f7d6969f5c892f' }, index.h("div", { key: '6aa322f6d0eaf32fb304b8979c4f2f9e3c44553d', class: "nav-start-container" }, index.h("slot", { key: '51dff00c0fd8422e01528859b3c21b21c0cfc8a2', name: "nav-start" })), index.h("slot", { key: '0d3555c362aa940f7eb6e0b94dbbafcaaabd341f' }), index.h("div", { key: 'bcb9a9817ff6efa43ee3ae56bb575603fb57cb3e', class: "nav-end-container" }, index.h("slot", { key: 'e0880a116650b5246825f16f2d778169d206509b', name: "nav-end" })))), index.h("smoothly-burger", { key: '7159fe41db364265a7421bb77b7e333556087312', ref: e => (this.burgerElement = e), open: this.menuOpen, onSmoothlyNavStatus: e => this.burgerStatusHandler(e), onSmoothlyVisibleStatus: e => this.burgerVisibilityHandler(e) })), index.h("main", { key: '04aa4e3c43286c0e22ed14f3a11c56a152e5e3c4', ref: e => (this.mainElement = e) })));
     }
     static get watchers() { return {
         "selected": ["selectedChanged"]
@@ -103,8 +105,11 @@ const SmoothlyAppDemo = class {
         index.registerInstance(this, hostRef);
         this.baseUrl = undefined;
     }
+    urlChangeHandler(event) {
+        console.log("smoothlyUrlChange", event.detail);
+    }
     render() {
-        return (index.h("smoothly-app", { key: '2cf3279e00d1804009e6068217d1479a41a7162d', color: "dark", label: "Smoothly Demo", home: "/root", ref: e => (this.app = e) }, index.h("smoothly-app-room", { key: 'd06ec319e73879309e6295c4bef3b319ecef183e', path: "/" }, index.h("section", { key: 'd09649d9c50f9db152f6e3b37d9dc5565caa3f35', style: { padding: "1em", maxWidth: "32em", margin: "0 auto" } }, index.h("header", { key: '94496eafc281909adb4824a2f4248f17d0ee0d2e' }, index.h("h1", { key: 'c79e2a4a38c6f4f603974cfbc93576df2d3e6312' }, "Welcome")), index.h("p", { key: 'c169800e5a9e7b6027508dfc468ec4167c957339' }, "Smoothly is a component library written in ", index.h("a", { key: 'a330e764518a233c22ecfed04639b93d7a17e31d', href: "http://stenciljs.com" }, "Stencil"), ". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."), index.h("p", { key: '71d498cbc94789a444013a7f78ee6d22ba49abe1' }, "This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))), index.h("smoothly-app-room", { key: 'abac4291d346658b68ad57246a239630c7eaa9fe', path: "/form", label: "Forms", content: index.h("smoothly-form-demo", null) }), index.h("smoothly-app-room", { key: '91cb96049a2b0e3827f23cc68ae3a3d4c2d91914', path: "/input", label: "Inputs", content: index.h("smoothly-input-demo", null) }), index.h("smoothly-app-room", { key: '49ecaf64613c311c01c731f728f01b36090f4e6f', path: "/table", label: "Tables", content: index.h("smoothly-table-demo", null) }), index.h("smoothly-app-room", { key: '75c5aecbbdb2901b3cb6fa41e17250c2f7fef84a', path: "/button", label: "Buttons", content: index.h("smoothly-button-demo", null) }), index.h("smoothly-app-room", { key: '9c4aff90a4825ca0b1fc8051d561c03d5cedde25', path: "/icon", label: "Icons", content: index.h("smoothly-icon-demo", null) }), index.h("smoothly-app-room", { key: '0daf5167367fbf1218db33b19bf63762473f973c', path: "/theme", label: "Theming", content: index.h("smoothly-theme-demo", null) }), index.h("smoothly-app-room", { key: '0bdc92e0fedefaffcf2097364d9373670a5c0290', path: "/dialog", label: "Dialogs", content: index.h("smoothly-dialog-demo", null), slot: "nav-end" }), index.h("smoothly-app-room", { key: 'a18387eb2ff8cf6382c452398ccc903954203a4d', path: "/display", label: "Display", content: index.h("smoothly-display-demo", null), slot: "nav-end" }), index.h("smoothly-app-room", { key: '19f7e6b1426d62b603600a1adba57325ae806072', path: "/tabs", label: "Tabs", slot: "nav-end" }, index.h("smoothly-tabs-demo", { key: '41eec2bd937e2d4a518a237c579b7cdec601c6a2' })), index.h("smoothly-app-room", { key: 'd0108a86efc6cee86e5d4e14231bb6f6409263ba', path: "/links", label: "Links", slot: "nav-end" }, index.h("smoothly-input", { key: 'e0a3480538625383de813c3bc8bf525bb6691386', type: "text" }, "Default"), index.h("div", { key: '40732bdd5c0aa7f1e126f97fc9bc5ebc20b2d079', style: { padding: "1em", maxWidth: "12em" } }, index.h("smoothly-button", { key: '9fa77cb1c472c2d0943a5efb054f2966ac9c9a1f', fill: "solid", color: "danger", link: "https://google.com" }, "open"), index.h("smoothly-button", { key: '1c7b03a1259d033457c57c124c4279be26d4fe0b', fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", type: "download" }, "download"), index.h("smoothly-button", { key: 'e0d68495968901f213aa1b38b9289292a692da6a', fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { key: '5307c2895cae3af17592ac149ba3911c5597230d', disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { key: '25a880ef2c6be3244368d2e820b758940e0c041f', type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), index.h("smoothly-app-room", { key: 'c720f9cbb586f7cb14858f3991b96f43da192238', path: "/redirect", label: "Redirect", slot: "nav-end" }, index.h("smoothly-button", { key: 'fbd759fce7dfb6de48fe03738ed88b097cc4d11a', type: "link", link: "/input" }, "To input"), index.h("smoothly-button", { key: 'd8ac5cec5cf8eb9eadc2396961d874b49c2ae88b', type: "link", link: "../button" }, "To button"), index.h("smoothly-button", { key: '84023eb895edb8f130d906a0a35574a295677b04', type: "link", link: new URL("/hidden", window.location.origin).href }, "To hidden"), index.h("smoothly-button", { key: 'ee053b930e53781a84aba0468b77e98ca378d3c6', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: 'a29e139cab2709efd4dab11d560da1dc11ee5dcc', type: "link", link: "nested" }, "To redirect nested, relative path")), index.h("smoothly-app-room", { key: 'fadbb665776d5ff2587a6df5605b1afb9b947367', path: "/hidden" }, index.h("p", { key: 'b51f64025b5213a3b8edcf059741b522442e1d73' }, "hello world!")), index.h("smoothly-app-room", { key: '34fc3671298a4829e0b4332278b5fcaf27b2d332', path: "/redirect/nested" }, "this is a nested room")));
+        return (index.h("smoothly-app", { key: 'a2ce0c818d9180281a299f32758ceaa25416b126', color: "dark", label: "Smoothly Demo", home: "/root", ref: e => (this.app = e) }, index.h("smoothly-app-room", { key: '24b96bb7d1746d1b5117ee076513e6fbf924fa0c', path: "/" }, index.h("section", { key: '0ee1088c6b21efa058f50f8d62a8859d29b7f217', style: { padding: "1em", maxWidth: "32em", margin: "0 auto" } }, index.h("header", { key: '70e8e3e5fce5219fb8a0ff2bfa8abc0f06adade9' }, index.h("h1", { key: 'c5de8e096fecacb4ced77097224b19ec5cafd621' }, "Welcome")), index.h("p", { key: '436a395d394eb50acdeaa38f783f4ca747a4efb6' }, "Smoothly is a component library written in ", index.h("a", { key: '5907340e5f39cf8605db950ea978d468158472c2', href: "http://stenciljs.com" }, "Stencil"), ". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."), index.h("p", { key: '47891f096a1700892f732898fd31567ffa5acbcf' }, "This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))), index.h("smoothly-app-room", { key: '982de5957dc7ca9ad7dcc5995a568d5bac64c2a6', path: "/form", label: "Forms", content: index.h("smoothly-form-demo", null) }), index.h("smoothly-app-room", { key: 'c75c6dbe5f9c33139172bda0a01350b3f0884fc7', path: "/input", label: "Inputs", content: index.h("smoothly-input-demo", null) }), index.h("smoothly-app-room", { key: '4539b49b59c73f9ab4e38af5e489e3aaf667fb72', path: "/table", label: "Tables", content: index.h("smoothly-table-demo", null) }), index.h("smoothly-app-room", { key: '229fd38d2dcb436cd9627f2b793a147c92c84931', path: "/button", label: "Buttons", content: index.h("smoothly-button-demo", null) }), index.h("smoothly-app-room", { key: '8d6e7b1f60309fd815d7db356a07eb8410f0e31f', path: "/icon", label: "Icons", content: index.h("smoothly-icon-demo", null) }), index.h("smoothly-app-room", { key: '94f85d6b90f7417bd7b5f5447ac370103c7cb7eb', path: "/theme", label: "Theming", content: index.h("smoothly-theme-demo", null) }), index.h("smoothly-app-room", { key: '162f8f03e2e545c4fb5c80cf4e3879e1b6d90a13', path: "/dialog", label: "Dialogs", content: index.h("smoothly-dialog-demo", null), slot: "nav-end" }), index.h("smoothly-app-room", { key: '174bccf3b5aa51b9126796f2d0476354a0011759', path: "/display", label: "Display", content: index.h("smoothly-display-demo", null), slot: "nav-end" }), index.h("smoothly-app-room", { key: '85c0f81635c406c386786c4fe899aa9243f3ba15', path: "/tabs", label: "Tabs", slot: "nav-end" }, index.h("smoothly-tabs-demo", { key: '5b014fc76c23fdf445cf332dcbbb327247cdd6f7' })), index.h("smoothly-app-room", { key: '5d7fc0eb2d25d144ec0ee2e188d763132caffe9f', path: "/links", label: "Links", slot: "nav-end" }, index.h("smoothly-input", { key: 'eed619a2f0628e1bb16e0af5e2a55d4ef1b75e9b', type: "text" }, "Default"), index.h("div", { key: '5eb0e4b142d44cdb8ae4248ca70d9616cf8cd46c', style: { padding: "1em", maxWidth: "12em" } }, index.h("smoothly-button", { key: '3f8849508cf6fbed6b2a7fe6a83841b65555bde7', fill: "solid", color: "danger", link: "https://google.com" }, "open"), index.h("smoothly-button", { key: '4809f862144676012d4d4d9073d50397683b1643', fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", type: "download" }, "download"), index.h("smoothly-button", { key: '3b5c653636388ec5fc9c640de2a0f562af1f2ead', fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { key: 'ec8b47d2ffe1ad4c2512697e968945100e303280', disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { key: 'c7482028872ac3ff162c7d501a94a4222bf86c65', type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), index.h("smoothly-app-room", { key: 'ab6b94fabd773c9cfed1a45e6d32e2eb398f519d', path: "/redirect", label: "Redirect", slot: "nav-end" }, index.h("smoothly-button", { key: '846eaa6b9eb0cdc27e8b74019fd8d99028399e37', type: "link", link: "/input" }, "To input"), index.h("smoothly-button", { key: '229c941f8c8cc936d16776347f541b766f71aa3d', type: "link", link: "../button" }, "To button"), index.h("smoothly-button", { key: 'bbbcc98ee10d158137c7814804da407954bef2f6', type: "link", link: new URL("/hidden", window.location.origin).href }, "To hidden"), index.h("smoothly-button", { key: '044f50e918c4839f4d7113d8416f19af9367371d', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: 'ce7e71efb2f8d82625173ab061b9d8e0c5bc0012', type: "link", link: "nested" }, "To redirect nested, relative path")), index.h("smoothly-app-room", { key: '3a1ca03f500f37c2ec9c8793cfad81901cf36f1b', path: "/hidden" }, index.h("p", { key: '80b1eef3b10bdc51aec097ef87420c29e284931c' }, "hello world!")), index.h("smoothly-app-room", { key: 'c37391f28d9154e5abecc775005d9252f2d4720d', path: "/redirect/nested" }, "this is a nested room")));
     }
 };
 
@@ -1533,6 +1538,7 @@ const SmoothlyAppRoom = class {
         index.registerInstance(this, hostRef);
         this.smoothlyRoomSelect = index.createEvent(this, "smoothlyRoomSelect", 7);
         this.smoothlyRoomLoad = index.createEvent(this, "smoothlyRoomLoad", 7);
+        this.smoothlyUrlChange = index.createEvent(this, "smoothlyUrlChange", 7);
         this.label = undefined;
         this.icon = undefined;
         this.disabled = undefined;
@@ -1540,17 +1546,29 @@ const SmoothlyAppRoom = class {
         this.selected = undefined;
         this.content = undefined;
     }
+    componentDidRender() {
+        this.selected && this.smoothlyUrlChange.emit(window.location.href);
+    }
     componentWillLoad() {
         this.selected = (typeof this.path == "string" ? new URLPattern({ pathname: this.path }) : this.path).test(window.location);
         this.smoothlyRoomLoad.emit({ selected: this.selected });
+        this.selected && window.history.replaceState({ smoothlyPath: this.path }, "", window.location.href);
     }
     async getContent() {
         return this.contentElement;
     }
     async setSelected(selected, options) {
         this.selected = selected;
-        if (selected)
-            this.smoothlyRoomSelect.emit({ history: !!(options === null || options === void 0 ? void 0 : options.history) });
+        if (selected) {
+            this.smoothlyRoomSelect.emit({ history: !!(options === null || options === void 0 ? void 0 : options.history), query: this.query });
+        }
+    }
+    async setQuery(event) {
+        if (event.detail.path == this.path && this.query != event.detail.query) {
+            this.query = event.detail.query;
+            window.history.pushState({ smoothlyPath: this.path, smoothlyQuery: this.query }, "", `${window.location.pathname}${this.query ? `?${this.query}` : ""}`);
+            this.smoothlyUrlChange.emit(window.location.href);
+        }
     }
     clickHandler(event) {
         if (!event.metaKey && !event.ctrlKey && event.which != 2 && event.button != 1) {
@@ -1559,7 +1577,7 @@ const SmoothlyAppRoom = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ac65e6bd64bb3c12d096eb60eaa085b72196134e' }, index.h("li", { key: '4b331fd47b351dc3e222e94fcdb5a5440cb41f93' }, index.h("a", { key: 'ee4ca486d32a77427eb41654045271da4e60a0f1', href: typeof this.path == "string" ? this.path : this.path.pathname, onClick: e => this.clickHandler(e) }, this.icon && index.h("smoothly-icon", { key: '7be9bada9d649e072ba3aa3baba0c70f304dc990', name: this.icon }), this.label && index.h("span", { key: '2c327f7e7d54cee91376eceb2a12b0879d390841', class: "label" }, this.label))), index.h("div", { key: 'b812365bdf8957e3aaa6b71b3366f32c6afe44bb', ref: e => (this.contentElement = e) }, this.content && index.h("smoothly-lazy", { key: 'becc70fb6996d24ef66d8b61f32f61a4cfc61ffc', content: this.content }), index.h("slot", { key: '20ae2385676e94f4df34afc20aac6cb88d7e902e' }))));
+        return (index.h(index.Host, { key: 'c01b902eb148bb3744745e4456a38454d034a4fe' }, index.h("li", { key: 'b81aecbcee004c4c167543c238142cbcfa2fa2ff' }, index.h("a", { key: 'c4d8795213726c6b81be5d2ddc3a919ec7dd8da0', href: typeof this.path == "string" ? this.path : this.path.pathname, onClick: e => this.clickHandler(e) }, this.icon && index.h("smoothly-icon", { key: 'fcf8bdcd88811198d433afcb712da9a0f611c25d', name: this.icon }), this.label && index.h("span", { key: '479d63bf5bf9501e3774a9377642e1f58fe695a8', class: "label" }, this.label))), index.h("div", { key: '9ec4cb3fcad536d2aea82885efe1a2264f6b68ce', ref: e => (this.contentElement = e) }, this.content && index.h("smoothly-lazy", { key: 'a20c354a63b1765fb5097c8603902fd1537b9a23', content: this.content }), index.h("slot", { key: '49af8d2d6f4cef14c07f0ea3c966ac71883ad753' }))));
     }
 };
 SmoothlyAppRoom.style = SmoothlyAppRoomStyle0;
@@ -8566,7 +8584,7 @@ const SmoothlyFormDemoPet = class {
         return (index.h(index.Host, { key: 'c0ec0ee4aa7810158c6424e92e5803a802e2b6e8' }, index.h("h2", { key: '77fe9d95a8414ca451b44886f8fc9623f246c838' }, "Pet"), index.h("h3", { key: 'c5936689ee6e744d0d81f300b5ac9f6f9b453dde' }, "Value"), index.h("smoothly-form", { key: '497eeaf8bf99aaffefcd719ace68237a402ba1e5', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, index.h("smoothly-input", { key: '215951448fdcf2bf79c78cfec1ef66578ab57953', type: "text", name: "name.first" }, "Name"), index.h("smoothly-input", { key: 'a0613024cbe7c149e9542ef0e81a095354c2e5fc', type: "integer", name: "age" }, "Age (Years)"), index.h("smoothly-input-checkbox", { key: 'a69c3a5f0362aff5bc312ff2d9c68f360672e98a', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 this.hasOwner = e.detail.hasOwner;
                 e.stopPropagation();
-            } }, "Has Owner"), this.hasOwner && (index.h(index.Fragment, { key: 'fe43c2ba50ba74b548dd1ecd5df40c2f4a4bd20d' }, index.h("smoothly-input", { key: '4524ae16a0fe3fd88e91378eee47354f2308b8a6', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), index.h("smoothly-input", { key: '4d5b5cf8641bd5a115a67d1b1bd180d276968058', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), index.h("smoothly-input-file", { key: '57a55a8c4fb520848c6b2b7e0514dd92160b4e3a', name: "owner.picture" }, index.h("span", { key: '53cb2e993c58fb9c136a27ba9202584a0d69726f', slot: "label" }, "Owner picture")), index.h("smoothly-input-date", { key: '182971414e6da4add9cab294a19010b5d5601357', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), index.h("smoothly-input-date-range", { key: 'b5477201de188a46836c7a4b499110427b6f3fe5', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), index.h("smoothly-input-range", { key: 'cc68bf9ea549e8320ea6265f9c9a5440da3b02b6', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), index.h("smoothly-input-select", { key: '2332e386e840739913d14c500df577b9b21a151c', name: "owner.favoriteHat" }, index.h("span", { key: 'dd4b22cb403d57c3fc9502366bde70ab01a90954', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1, selected: this.owner.favoriteHat == value }, value)))), index.h("smoothly-input-color", { key: '14ccc18bf8ca19974a40a6ad76467c642cf8cf39', name: "owner.favoriteColor", value: this.owner.favoriteColor ? Scrollable.RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), index.h("smoothly-input-radio", { key: '362200b79b9ea88903e049fd651f78ba4d257e09', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, index.h("span", { key: '1d85e0aa829c40ab6ad8de3ecfc24c4f30cfb3bf', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '6354bf7db83fa32bde94157bf0a884ac971318a3', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), index.h("smoothly-summary", { key: '55f1d4246ccea13d24b7c898a8c024fb30a5bef9' }, index.h("span", { key: 'adfef87fab010c21df4f32f0586c029b0a67394c', slot: "summary" }, "Summary"), index.h("div", { key: 'a366c34468bd7374724e9865f6aa8ba25f7f5ebc', slot: "content" }, index.h("smoothly-input", { key: '5aa1dc5924ea9cfe6c0eb4b2dc8520794e3b58f8', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), index.h("smoothly-input-file", { key: 'b56d9dcaf7594f7c97587f3e17a151bb422d0f10', name: "summary.picture" }, index.h("span", { key: 'd7babb16763f6195e966bc7a22fdfd6db3a238cf', slot: "label" }, "Summary picture")), index.h("smoothly-input-date", { key: '1355706ac2b748d5e9551e055d0a361727453094', name: "summary.birthday" }, "Summary birthday"), index.h("smoothly-input-date-range", { key: 'fdb4a2281657eb1a5764b3dced9aa16d286dccf5', name: "summary.ownedRange" }, "Summary ownedRange"), index.h("smoothly-input-range", { key: '7287562ae0ab08cdbd7f192c66a48fc218c4032d', name: "summary.height", label: "Height" }), index.h("smoothly-input-select", { key: 'b289b3663fcdda7cda1d8f0391ddc57fa23810ab', name: "summary.favoriteHat" }, index.h("span", { key: '55f730bdaf874ba82fc1613917d555193c38e27f', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-month", { key: '17bc8294d4721a3deff6318e17081a846f995ce3', name: "summary.month" }, index.h("span", { key: '089e71be8aa8d09035cf2c09a71ff4b01508ad0d', slot: "month-label" }, "Summary month")), index.h("smoothly-input-color", { key: '37848038508eb45c2b38f7fe9a7c1cc65287408c', name: "summary.color" }, "Summary Color"), index.h("smoothly-input-radio", { key: '16d9bdc62e89356fcf384886ededdede1979d2cb', name: "summary.favoritePizza" }, index.h("span", { key: '4c6f64e35f193fe249ff889aee2c02ec3cec29ba', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '7b57bb355921a6f464c3f363104c5846b8579931', name: "summary.hasPet" }, "Has Pet"))), index.h("smoothly-tabs", { key: '2bf54c7867697736994331206ce2690020303034', onSmoothlyTabOpen: e => console.log("Tab opened:", e.detail) }, index.h("smoothly-tab", { key: 'c25b91a04369843e81980d9f8e28077c469327bf', label: "Dog", name: "dog" }, index.h("smoothly-input", { key: '443652ac6212ecadfa0922a865176f8b22ecb3ad', type: "text", name: "dog.breed" }, "Breed"), index.h("smoothly-input-file", { key: '33965b98188f748b489835afc115a18e8a8174b0', name: "dog.picture" }, index.h("span", { key: '219e83503827abe542e66d81c772368bf78b64de', slot: "label" }, "Dog picture")), index.h("smoothly-input-date-time", { key: '02dbf67c0bd5c80caefe1cc30017ea9dcb66c3d5', name: "dog.lastWalk" }, "Time of last walk"), index.h("smoothly-input-date", { key: 'dcfd44c3dca9c049c09b462b8de78872c9c413bc', name: "dog.birthday" }, "Dog birthday"), index.h("smoothly-input-date-range", { key: '1aad21abb2b84744fdb50cca2ca7a0de6dc0cff3', name: "dog.dateRange" }, "Dog date range"), index.h("smoothly-input-select", { key: 'fcdc90d4f340105f0f03c20363a6e3d4006c17de', name: "dog.favoriteHat" }, index.h("span", { key: '95bf5b3bd6b59a3a17117b08d89a4a0839a728d4', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-color", { key: 'f8c9dbc0345db9cc2a141cfd89d4f21f9af4ef14', name: "dog.favoriteColor" }, "Dog's Favorite Color"), index.h("smoothly-input-radio", { key: '9b0d8e656b607472a533a051477794d6589b0eab', name: "dog.favoritePizza" }, index.h("span", { key: 'b745b81e8ad24b2dec288ef38a06a0a17a3a97e5', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '22f96c86c6b1b3a78b3b8996c299de996f823bae', name: "dog.hasPet" }, "Has Pet")), index.h("smoothly-tab", { key: 'fb7f0d46f21c111d19122f73b9034f6af52b875b', label: "Cat", name: "cat", open: true }, index.h("smoothly-input", { key: 'eddff4417ba0796fb77d929a9aed7e13cc2e9d96', name: "cat.favoriteFood" }, "Favorite Food"))), index.h("smoothly-input-submit", { key: '7e318e5bf8ed0e8c85b609ad19764cff3aaf26fe', size: "icon", slot: "submit", color: "success", fill: "solid" })), index.h("smoothly-display", { key: 'bcf44184d1cba548b81a853c74766172383089f3', type: "json", value: this.value })));
+            } }, "Has Owner"), this.hasOwner && (index.h(index.Fragment, { key: 'fe43c2ba50ba74b548dd1ecd5df40c2f4a4bd20d' }, index.h("smoothly-input", { key: '4524ae16a0fe3fd88e91378eee47354f2308b8a6', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), index.h("smoothly-input", { key: '4d5b5cf8641bd5a115a67d1b1bd180d276968058', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), index.h("smoothly-input-file", { key: '57a55a8c4fb520848c6b2b7e0514dd92160b4e3a', name: "owner.picture" }, index.h("span", { key: '53cb2e993c58fb9c136a27ba9202584a0d69726f', slot: "label" }, "Owner picture")), index.h("smoothly-input-date", { key: '182971414e6da4add9cab294a19010b5d5601357', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), index.h("smoothly-input-date-range", { key: 'b5477201de188a46836c7a4b499110427b6f3fe5', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), index.h("smoothly-input-range", { key: 'cc68bf9ea549e8320ea6265f9c9a5440da3b02b6', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), index.h("smoothly-input-select", { key: '2332e386e840739913d14c500df577b9b21a151c', name: "owner.favoriteHat" }, index.h("span", { key: 'dd4b22cb403d57c3fc9502366bde70ab01a90954', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1, selected: this.owner.favoriteHat == value }, value)))), index.h("smoothly-input-color", { key: '14ccc18bf8ca19974a40a6ad76467c642cf8cf39', name: "owner.favoriteColor", value: this.owner.favoriteColor ? Scrollable.RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), index.h("smoothly-input-radio", { key: '362200b79b9ea88903e049fd651f78ba4d257e09', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, index.h("span", { key: '1d85e0aa829c40ab6ad8de3ecfc24c4f30cfb3bf', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '6354bf7db83fa32bde94157bf0a884ac971318a3', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), index.h("smoothly-summary", { key: '55f1d4246ccea13d24b7c898a8c024fb30a5bef9' }, index.h("span", { key: 'adfef87fab010c21df4f32f0586c029b0a67394c', slot: "summary" }, "Summary"), index.h("div", { key: 'a366c34468bd7374724e9865f6aa8ba25f7f5ebc', slot: "content" }, index.h("smoothly-input", { key: '5aa1dc5924ea9cfe6c0eb4b2dc8520794e3b58f8', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), index.h("smoothly-input-file", { key: 'b56d9dcaf7594f7c97587f3e17a151bb422d0f10', name: "summary.picture" }, index.h("span", { key: 'd7babb16763f6195e966bc7a22fdfd6db3a238cf', slot: "label" }, "Summary picture")), index.h("smoothly-input-date", { key: '1355706ac2b748d5e9551e055d0a361727453094', name: "summary.birthday" }, "Summary birthday"), index.h("smoothly-input-date-range", { key: 'fdb4a2281657eb1a5764b3dced9aa16d286dccf5', name: "summary.ownedRange" }, "Summary ownedRange"), index.h("smoothly-input-range", { key: '7287562ae0ab08cdbd7f192c66a48fc218c4032d', name: "summary.height", label: "Height" }), index.h("smoothly-input-select", { key: 'b289b3663fcdda7cda1d8f0391ddc57fa23810ab', name: "summary.favoriteHat" }, index.h("span", { key: '55f730bdaf874ba82fc1613917d555193c38e27f', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-month", { key: '17bc8294d4721a3deff6318e17081a846f995ce3', name: "summary.month" }, index.h("span", { key: '089e71be8aa8d09035cf2c09a71ff4b01508ad0d', slot: "month-label" }, "Summary month")), index.h("smoothly-input-color", { key: '37848038508eb45c2b38f7fe9a7c1cc65287408c', name: "summary.color" }, "Summary Color"), index.h("smoothly-input-radio", { key: '16d9bdc62e89356fcf384886ededdede1979d2cb', name: "summary.favoritePizza" }, index.h("span", { key: '4c6f64e35f193fe249ff889aee2c02ec3cec29ba', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '7b57bb355921a6f464c3f363104c5846b8579931', name: "summary.hasPet" }, "Has Pet"))), index.h("smoothly-tabs", { key: 'a85c7809d3c9048a07ecccd580f4a546dfc04d1a' }, index.h("smoothly-tab", { key: '4c5a0e043eb1bcbd05444fc56c62a3933f0887fb', label: "Dog", name: "dog" }, index.h("smoothly-input", { key: 'c1f8fbfe4527410de37fefd3305c7e5d069de1f8', type: "text", name: "dog.breed" }, "Breed"), index.h("smoothly-input-file", { key: '7084e2cdbc64dbe5e8bf6b60df1a0303ce9c4371', name: "dog.picture" }, index.h("span", { key: 'b8dc5a71d0ee39cb9d1c19a76a6cdf07ea52a676', slot: "label" }, "Dog picture")), index.h("smoothly-input-date-time", { key: '2fff25fd417629f078a85fd2176e547c2337b3e1', name: "dog.lastWalk" }, "Time of last walk"), index.h("smoothly-input-date", { key: '7b32af0014600703493128ff1e4124469f50df07', name: "dog.birthday" }, "Dog birthday"), index.h("smoothly-input-date-range", { key: '69535bd7615551a57b47b27e39d2e8615f0a6222', name: "dog.dateRange" }, "Dog date range"), index.h("smoothly-input-select", { key: '152eb4018a287b1f2822157077e32a66475b51ef', name: "dog.favoriteHat" }, index.h("span", { key: '7cf44d963025a275885fc44198b9305b9ffb8996', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-color", { key: '93dc6b5a874e7f880ec042a4fe1aefca9427358a', name: "dog.favoriteColor" }, "Dog's Favorite Color"), index.h("smoothly-input-radio", { key: 'deb4f70a97477497601a0660370d4bfce3db02a3', name: "dog.favoritePizza" }, index.h("span", { key: 'dc73775574ce1089a07b52355cb97a5a2410c1eb', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: 'ee958f71bb2255c5983054b67ea384086cfec9fb', name: "dog.hasPet" }, "Has Pet")), index.h("smoothly-tab", { key: 'a9f584def1b3eb1059d1fd239b20d1668f7b2525', label: "Cat", name: "cat", open: true }, index.h("smoothly-input", { key: '830d94844a244117445159c51b395047b70c7a76', name: "cat.favoriteFood" }, "Favorite Food"))), index.h("smoothly-input-submit", { key: '0b6a59b663a12fdcdd18971881ff566e07b81412', size: "icon", slot: "submit", color: "success", fill: "solid" })), index.h("smoothly-display", { key: '38df2a84ca804b68208c1d4d95abc43a07b71c40', type: "json", value: this.value })));
     }
 };
 SmoothlyFormDemoPet.style = SmoothlyFormDemoPetStyle0;
@@ -9924,19 +9942,20 @@ const SmoothlyInputDemoStyle0 = styleCss$N;
 const SmoothlyInputDemo = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.smoothlyUrlUpdate = index.createEvent(this, "smoothlyUrlUpdate", 7);
         this.numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
         this.duration = { hours: 8 };
         this.alphanumeric = "!@##";
     }
     render() {
-        return (index.h(index.Host, { key: '735fa3e0590a35464489fe6f9ef936e81eb71423' }, index.h("smoothly-input-demo-standard", { key: '7a954a7cf8a022fab5bb1f6760183398e819ad24' }), index.h("div", { key: 'caaaba0d3afab3135d905c9a55b2be8c381ae8b5', class: "inputs" }, index.h("h2", { key: '6934d091889d99688865b3d9eacde09f198b2a8d' }, "Calendar"), index.h("smoothly-input-date", { key: 'eff4ae554261f2188c7a418a6956b9df81d7645d', name: "some-date" }, "Calendar"), index.h("smoothly-input-date-time", { key: 'b25077f016d73f19d306807c02b946a72a7edfc2', name: "someDateTime", value: TimeZone.DateTime.now() }, "DateTime"), index.h("h2", { key: '4fc04200a4a9ca368918ef8d33f876c558abdba4' }, "Date Range"), index.h("smoothly-input-date-range", { key: '4731653e598ac2d469336c5dbf09a37fe8697b40', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-01", max: "2025-01-31" }), index.h("smoothly-input-date-range", { key: '6ce0f18970db88efe2dcb175ccc9f779e9809bb7', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }, index.h("smoothly-input-reset", { key: '00a1e30381e9aa3d2468990e289a2a67afa00532', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: '00acc6356fa51cab6b0b38b24d386ded74bdc191', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
+        return (index.h(index.Host, { key: 'dc772956e1f625959b0dbdf632c704c9d3bc61d8' }, index.h("smoothly-input-demo-standard", { key: 'edef69da9baecbdb48275aa9a4c40aab465a333c' }), index.h("div", { key: '655aa026ac8001e76854a23a65c8d62b1fb9de2f', class: "inputs" }, index.h("h2", { key: 'a57d0525257783bd7a7e8bff141b600584a61e65' }, "Calendar"), index.h("smoothly-input-date", { key: '9ae404463afe2e48c4260a5754db212ef02a9ad2', name: "some-date" }, "Calendar"), index.h("smoothly-input-date-time", { key: '3ab859e1e5d608776f701de8cfe994299b126662', name: "someDateTime", value: TimeZone.DateTime.now() }, "DateTime"), index.h("h2", { key: '85bbb5976d0572b2f7d851e5473e097db9be3905' }, "Date Range"), index.h("smoothly-input-date-range", { key: '7d112ae708317d2b986e494cd3599e574200c4e2', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-01", max: "2025-01-31" }), index.h("smoothly-input-date-range", { key: '4781ea63abfa9de98e36e600da1530a4dafd794f', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }, index.h("smoothly-input-reset", { key: 'e5e26fc4c903e9a747be043f5918f4869d062dcd', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: '8a7b2f362e1cc5aff2b409b1c878f25e80e33712', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
                 "--smoothly-input-border-radius": "0.5rem",
-            } }, index.h("smoothly-input-clear", { key: '3ea63e502f5b323eb4113007393820fe521a99ec', slot: "end", size: "icon" })), index.h("h2", { key: '0884adc8487e49dc71e40d736329d63c6f51416d' }, "Date"), index.h("smoothly-input-date", { key: 'c662ca8aef09dd586064179bfd06d22eb1a00e08' }, "Date"), index.h("smoothly-input-date", { key: '5990785403d2626a8ea2f9e2a7497b2cdb24899f', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: 'e3acde660ef558e12b2d2e9a352e99a72e441c4e', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: 'dbff2bba708adb7f15c4d0a69b04bf8a95cd0193', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: '7d966641ea093d17a5bb1c67488cea0207f39e11', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '102d4ce1816227967f6784c070d42024df0b6ddc', slot: "end", size: "icon" })), index.h("h2", { key: 'b64d7e283226aca7ba099a13192a11ebf67c9e75' }, "Select"), index.h("div", { key: 'e0ec8de0c14b8f9a24ca46c48e6358593274f9c0', class: "select-div" }, index.h("smoothly-input-select", { key: 'bbb3b0415d76271ef361f9083aacbd2ca32a75ad', name: "select-dessert", looks: "border" }, index.h("label", { key: 'a16ca9fcc9f29c349ea6515cbb3c7714b293b409', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '29d51d885670eed639ef8d383ca7cb5a951a6464', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: 'e8600abfe18259502762419ee8ef14cce764b52e', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: 'b5c9d373c7236207241aa180d09434fff30b4d7c', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: 'c7af8957c12ac67feb23efdf7e8ffa5e5cb8eccd', value: "4" }, "Cookie"), index.h("smoothly-item", { key: 'f11ab706e5383db9612656e7913fdb23a490a10c', value: "5" }, "Croissant"), index.h("smoothly-item", { key: '048bd4081657d337c1e30418b6e9921985a28f66', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: 'cd572bcf7afcf702712ea3d2e734430a6b5ee67a', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '78da58fe881249805650e74872abb5b6458d1b4e', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: 'afbdb5049a7b3c33947985b015135eec74bcbf0f', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: '0b20e84f1e031d1e658c3d74b8ede692fea119d3', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: 'f649b5ad24ae57b4eb08a5c9d84267e3ee4b43a5', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: '1a1c11cd792fb2ae393b1708bd96dd11a0e297d0', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: 'f87ef38e8f0d761f6dd7eaaec1f9bdab0e8f80df', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '4a98395e9638df102d8b3a5f041b1ed0c0bb6141', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '9e3ea6ace994cea5d173774025917fce5077aab5', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'a966bcc8fa2c07c78b9dcea23205e04cd0d4a7cc', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: '644b141380f0e480eed60693fbfa3b91b39d67a5', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: 'd610bf3b012d2e02cfd2c345509e7c7d5e7dd5af', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: '7369e47e17da98fcd305a9d2f5021206196bfc22', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: '145083fe0b4d42db0791b6b9f48f730231fff2ed', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '1f07a5ea2f61907f388278221b2232f65ef4a69f', value: "folder", selected: true }, index.h("smoothly-icon", { key: '540bafc4d7de08e654e1b9939804e5be9dd3a460', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '90a9cebda9d6a85a241ff5ec497edc4b3c8fec3c', value: "camera" }, index.h("smoothly-icon", { key: '54e47d57eae3c3ff7577b35595a99100e990d67a', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: '87ea42d65c08351a191d52a9fb8a3439be892502', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '72840aef1230c067175fc95bf43c421a35b62d53', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
+            } }, index.h("smoothly-input-clear", { key: '40876fc952cfb87eba4f3cc5856adaa0837bd7c9', slot: "end", size: "icon" })), index.h("h2", { key: '91d150b0d2c01e628850a90a75bf7f631db8a131' }, "Date"), index.h("smoothly-input-date", { key: '36b5d0dfcadf63dd69a47a4ad6d9c4865074e52b' }, "Date"), index.h("smoothly-input-date", { key: 'cfd538953fbbf1cfbec1ce8401c9b25d2bea2aec', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: '2c11695112bfca7234684cfc08dad584c6240c67', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: '19a6a0507dc6b56a5b6db02d06d5ab50b02c065e', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: 'ee8d58a29038445ea120182632fe2e2cd4d02d1c', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '955f78e5f9c2c3b2dbc81164fefe8de3d1c8338e', slot: "end", size: "icon" })), index.h("h2", { key: '3d194c83ef43959b71c19b2b91fad48027df2121' }, "Select"), index.h("div", { key: '2a49f2d83fbf2d786b674d429b3611c6369f83d4', class: "select-div" }, index.h("smoothly-input-select", { key: 'fb702c0e1b4cb2b7235327447877f61a32e03e11', name: "select-dessert", looks: "border" }, index.h("label", { key: 'f865e5ca262aaaa74c9b7854d35ec30b74c2a4ee', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '7b234b9093f2881f54d6802b8277fb0b1ba8aa78', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: 'e52e2752a0024ed862449af0f51937d7ad40e647', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: '85fd1a7d83ffb18b91266696cbf6046151ac7874', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: '1b58edf37d0eb4a3fd7e52ce483aba973a94d94d', value: "4" }, "Cookie"), index.h("smoothly-item", { key: 'e8fdad15e48b263f71741615e7e6cc360f24a03d', value: "5" }, "Croissant"), index.h("smoothly-item", { key: '8b092782ee1a6bc4571b586bc5678fddf8e66d8a', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: '888e048c1b49a2cad804118df805060de607a190', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'ace7e817551a24af4d985841287d5afc280c7eea', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: '9f10f9d1999254d6b2e22cc7dd2c7bc0afc12ef0', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: 'aae860f288bec61ccca91cd13a7aca1244254fd9', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '481af659ce756452d4310a95233da88a9b33c8e2', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: 'aeff7e848cd66d8b03003890b29983a1110bb68f', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: 'a77c8890402ee441530a07282dda51ce0ae3b704', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '3ec331cc0214a8f1489563b81f31277d9d39c549', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '1ac87dbbb3399e85d9328ebdddc40bb298bc8cfd', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '5d55d715983adf821a7b98486958f0ede0c98251', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: '971bc07c388e93ffa2d8d5b00e3072398d37011f', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: '377526c5ba417f590efb43a6547bbf57802c64c9', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: '526138c399d1fd581b2fb757fb2952ba57614189', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: '2a3c4b1a00abb18a0ccff769176972c6ff7ab269', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '2f0205ef460e4000d221ca7fd8a726ed94a90bac', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'e19e37fe910fd182ba8fd109724d8bac035f325c', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '966af781d3fc009dfe2f97c147a0419f87fbb155', value: "camera" }, index.h("smoothly-icon", { key: 'e7d3318ee25dd3cc22b0caa6869f8cfaa2f88fe8', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: '155fcf02a82c5980e759ae0a862fbb365942d3d4', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '0b100e1351a7d57ce61991e805a34fbdde255400', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
             .map((_, i) => String.fromCharCode(i + 65))
-            .map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: 'f1e170e7b7f111b431d3745403e15fabff713eb6', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '01aaf7d5f4dba3ac856058ce3caf060ecbe41f6a', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '640d1d4278e8840f59add4aef397c58a911d6755', value: "1" }, "January"), index.h("smoothly-item", { key: 'ce83c959390960a008364d6a018a607f570ef277', value: "2" }, "February"), index.h("smoothly-item", { key: '46287dd854a1326c59ae38dc35cbecfca41d1b56', value: "3" }, "March"), index.h("smoothly-item", { key: '99a883290564c97b1d72f991640e954cff366864', value: "4" }, "April"), index.h("smoothly-item", { key: 'd630f971aae703bc7e98a8ce8cb3176536b146d1', value: "5" }, "May"), index.h("smoothly-item", { key: 'e734638723c42324a1f2114aa9f8b10f219e4a38', value: "6" }, "June"), index.h("smoothly-item", { key: 'b97ab76828622a84933f2be4f62d2d3ec4892be1', value: "7" }, "July"), index.h("smoothly-item", { key: 'ef04f429717ccf9b2a648eb1d0a6ffa0035077eb', value: "8" }, "August"), index.h("smoothly-item", { key: '1b04c12f45bae2889442af50b6f4fe84747bdca9', value: "9" }, "September"), index.h("smoothly-item", { key: 'ddf81dae1ab98c0dfd9ff00e3cbab49d7007fedc', value: "10" }, "October"), index.h("smoothly-item", { key: '0c48e5d807b975119715f2eb6e3c3e4a8a0c9672', value: "11" }, "November"), index.h("smoothly-item", { key: '4148bc085757614aad6faaa0425dd7dbdd7834fa', value: "12" }, "December")), index.h("div", { key: '14fc843765e237fa757c77ebad3d86a800e15071', class: "select-div-row" }, index.h("smoothly-input-select", { key: '2afb622a2c682fe933c149181344394729ea892c', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '28a3b9c76c8c7e24ba6598cb2eeb0e8ba2647161', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'dccafb24612c34eea6748d34cb9f71a9d7d6060d', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'a4d3172d33aeacd1b6a374489f20650d187a278a', value: "camera" }, index.h("smoothly-icon", { key: '40443c02892e37487aadd533f6d42495d4805b41', size: "small", name: "camera-outline" })), index.h("smoothly-item", { key: '81ff1caa91591eb48e814cb5aa13036120d86e8d', value: "boat" }, index.h("smoothly-icon", { key: '038c7c751fb4ff207fcdb30fb090be71df10e798', size: "small", name: "boat-outline" }))), index.h("smoothly-input-select", { key: '6b37e04bdcaaee22106a1468d2b035c6279d35ae', name: "select-number", clearable: false }, this.numbers.map(number => (index.h("smoothly-item", { value: "number", selected: number === 3 }, number)))), index.h("smoothly-input", { key: '844b8854f7aad44230a7ef50755273e47e17cc4e', name: "name", value: "Sten Qvist" }, "Name"))), index.h("h2", { key: '52570d3e05133901b955f5158ef3e9d27c756d0c' }, "Duration"), index.h("smoothly-input", { key: 'b6c8fa532b702f97e6ba97e320b23c6589cdd95d', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), index.h("smoothly-input", { key: '90ec1e60218ea2a76799fcb3a5d0907e49c161cc', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
+            .map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: 'daf0303a36f1f19570165216bec386998e16fc73', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '6f450a1a1faddf94932214871476b7c684c3e9e9', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: 'b03c5531d119619c3f952c3e6f1f14914846f6b2', value: "1" }, "January"), index.h("smoothly-item", { key: '6dfef18539f6fdbeb22b6c0f19b84833b5edf528', value: "2" }, "February"), index.h("smoothly-item", { key: '458c5c170c5f75ae70432e9157cac61b348a4209', value: "3" }, "March"), index.h("smoothly-item", { key: '2ae5cfca6c4c49d733da4f8812e7349d93571601', value: "4" }, "April"), index.h("smoothly-item", { key: '340c0879a308fdf73ec584965f88ca6de023cd68', value: "5" }, "May"), index.h("smoothly-item", { key: '46fa80e9846967bcaa737db8356736f15130a66b', value: "6" }, "June"), index.h("smoothly-item", { key: '150ddcbc43eaf7c0a573826adc4e01ed94b1c3ab', value: "7" }, "July"), index.h("smoothly-item", { key: 'cb0f6f4c8c56d81c9a51a37826784543b072d761', value: "8" }, "August"), index.h("smoothly-item", { key: '2a0c9e121779d7709a68fc5fd7a2813ff44422b1', value: "9" }, "September"), index.h("smoothly-item", { key: 'a5cb03158bf44944ce4522fcaf6c5af2fa5aaf01', value: "10" }, "October"), index.h("smoothly-item", { key: 'f06e47b58eb936609b21ee50c5b92db4776acb1a', value: "11" }, "November"), index.h("smoothly-item", { key: 'e7e2e39a47b90c9b798b43016eeaa885b88c9ce2', value: "12" }, "December")), index.h("div", { key: '9316ce7ec9b14a29e4488ad6498e8480f1a418f7', class: "select-div-row" }, index.h("smoothly-input-select", { key: '42bd283b808d51bff5fb091c4ff608e6b9975579', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'a53725eebc509057b63bc899bc75e4911d6cb1c0', value: "folder", selected: true }, index.h("smoothly-icon", { key: '6066704417b72a2809d4e1cef1e7750aa5a8b2c4', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'f5c3d502c1083bf5d20121fab93dcc6ca242635b', value: "camera" }, index.h("smoothly-icon", { key: '57cb3c8a72fa8d9b880ae4540e29cc7ca7990ed6', size: "small", name: "camera-outline" })), index.h("smoothly-item", { key: '72b1680009f76bd8940afcecfc1d077a3eb730dd', value: "boat" }, index.h("smoothly-icon", { key: 'f5b91b80b65bffeb1d38de8d3f3f98d104035298', size: "small", name: "boat-outline" }))), index.h("smoothly-input-select", { key: '07e3f7fcfc69771dcde892e3b439413eea3a6f7e', name: "select-number", clearable: false }, this.numbers.map(number => (index.h("smoothly-item", { value: "number", selected: number === 3 }, number)))), index.h("smoothly-input", { key: '0543ebf42bf4387c6330cf71be57b87aec7c255d', name: "name", value: "Sten Qvist" }, "Name"))), index.h("h2", { key: '8f44c098862d5627057623609d5db384e9f7af69' }, "Duration"), index.h("smoothly-input", { key: 'affc7e09e1463774b387af61f2f2d4fefc51428d', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), index.h("smoothly-input", { key: '9c3710b1de1153bc1733946a1952fd6a140a9f9f', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
                 const duration = e.detail.duration;
                 this.duration = duration;
-            } }, "Duration"), index.h("h2", { key: '0661d426e114b7d940f7f240e1c043161b0772a9' }, "Integer with Min/Max"), index.h("smoothly-input", { key: 'a31a4d724a7c4046eeee4eb6c7308bf38995fd5f', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), index.h("smoothly-input", { key: 'be162bbcfcf145ec5d5bede1b366a09237af3549', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), index.h("smoothly-input", { key: 'e8c875c8b64c3e032dd42f4bdb0c17f770f77722', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), index.h("smoothly-input", { key: '25621fb81535af40ad1069b5c9a104e64be393d5', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), index.h("h2", { key: '1476dde24c86bddcfb1799a4a570ca6ae21e420c' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: 'eb69b3f291d6a39346239f029f1c921140afb3f0', 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"), index.h("h2", { key: '4f62ccc4f8e159d4cb02d1326d725d55d88ac341' }, "Identifiers"), index.h("smoothly-input", { key: 'd31e9a3a64d74a277053a649d969d52442374e46', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: 'bf52d087fa4d338bbbc36d89a12787f8909a17df', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '2eaf9a635e1cfaf8af1af2b39ed7972740e33382', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: 'e36a4ac1828b5abe206404f587b50f72c5383089', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '568fee4eb1552ad7fea9e7ed33162d8124c1db55', type: "identifier-camel" }, "Camel"), index.h("h2", { key: 'e615c997369ca1b36efc71fd07f8c31d81890c02' }, "Input Alternatives"), index.h("smoothly-input", { key: '5ff7402d3975ea2daa330fdc8fa5603acf30c645', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: '86d66638cde5e3f97dcdb14b3681e8af6480cdef', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '5b707c9bea8c89b17fb4a1a10f27c6b6046f2784', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '62fefa100631bef86aa21a63beed377b88eab054', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '0ba2ec4606f3efb10c308bcb265d718a173c1eb6', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '8355925b31e5a75deb562bcdc3f1ff6e1294f768', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '3a379069b7fc242777d4f90203df474a18145b6c', placeholder: "test" }), index.h("smoothly-input-submit", { key: 'dfc58c73b3e0ca5875933b17b580c64f23b33a78', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: '9b96943b5ed56f0c9b1a5758a36882aad83b7774' }, "Smoothly checkboxes"), index.h("div", { key: '8cb6df8ffb3f8da6723ba362ebe94c16b3f9af48', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '8b227973ad09c3c0e5416e6c5a933c4ba8be9d97', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '4fea3b7b7685e761fcaf2322eedddcacf8ab00c8', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: 'e7ce5b33144431859f4d788f13db0ca44c214bc4', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '3eec5d64b991130ea732ee36601b814744187497', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '578b84534944b9514461cd70cd6bc072a4101485', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: '5c0929f462a3f1d43a86745a59a83b7ebd647823', name: "third-checkbox" }, "3rd")), index.h("h4", { key: 'af11d2f8a301bbf2fbcbd0c18c5a6484c825f9a2' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: 'b4b09e1bd93ad7ba55acfacdf5e5fe00d7809ecb', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: '58db9031259e7eb570344c7c4cdf6fbe34ea26c0', name: "checkmark-circle", slot: "start" }), index.h("label", { key: '55bcc230f64426d323928bb23d9146ebda74eedc', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '9b7914df8fca509ac5a09f7e4887de6013d9f411', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '11a29e43279f5d222a0a1cd818cd965247e82f18', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '30632f8441ff7cda2529a8211a6bebdcdd362359', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '9485db9a84b361cde809ae4f5386b8fdc315ca8c', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: 'ec72fa439d92eeff22dfdd0ec4db96f38b3f7329', name: "radioSecondInput" }, index.h("label", { key: '76b53fbf8875f1468ede0b7f8b907d450750374a', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '3cd87ce5c5961e6e712b926bd1ac3516aae28fa4', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '6fc6a4931388f2f31ef9aa3df430330dd31f9275', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '815e5b80fce53eb455410a3e22899b038e2a4274', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '533e8dd424304fb4f7cf3dab9d7e8f87607ba47a', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: '42bc757ab438517c5337a4e4a725705150e6a191', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '5e82ab4f4cb55dd0d99167f47dcd1fe2308fe43d', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: '68958049f48dd170bc9aeb9776df1e015046691f' }), index.h("smoothly-input-color-demo", { key: '966623b939d553d96e7f1cc44ec680be813e6f17' }), index.h("smoothly-input-price-demo", { key: 'c40685912dd914e1830516bb22d46e00a85baa9e' }), index.h("smoothly-back-to-top", { key: 'b9fe0a2ae4f31791b7258f4942430a4a3c154211' }))));
+            } }, "Duration"), index.h("h2", { key: 'f6a6a1a0b9597e5d55e93c94928856b9cecb9ef8' }, "Integer with Min/Max"), index.h("smoothly-input", { key: '420aa29784b8154e93cfb52762818fd77ecad218', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), index.h("smoothly-input", { key: '3f0badd2885d5c776c26505d52fcf798e0e8c57a', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), index.h("smoothly-input", { key: '757e50d8c6ea2ec8fdfe40fa7aa5e737758764c5', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), index.h("smoothly-input", { key: '44f821ce7135e1798fe09300ae99ecc8e59b30d8', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), index.h("h2", { key: 'f4443853bc03153e477a5a6195b77c5c8cb01fcd' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: 'f312b5c2c542b3daec4924252c21bf6593a11759', 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"), index.h("h2", { key: '1af25a52cafb737c2072e6851b290ed064f93ad3' }, "Identifiers"), index.h("smoothly-input", { key: '67acad54759aefb90c860f74a117a2ebb70dfcf0', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '3761f5ea87d64db41822cbf4b3cd92f6ab1dec0b', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '6e0799be15b8666182529b1a8a6f4976b3bb21f1', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: 'ca714dcdcac751f89b38bf152994a77fffc4c03c', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: 'f40f523915091cecb040f607a546cd785fa1318d', type: "identifier-camel" }, "Camel"), index.h("h2", { key: 'ada8b1c4525095a7ad25085910418c8e2506d5a1' }, "Input Alternatives"), index.h("smoothly-input", { key: '9f89ed70e75c9ebe808f30dc3a4c6e58f8e307a3', type: "text", name: "name.last" }, index.h("smoothly-icon", { key: 'aa6926f9e75557113c22039ebbc46b0f06085195', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '259630f45dfb6be3567d9ca0425d460118e37699', type: "text", name: "name.first" }, "Last Name", index.h("smoothly-icon", { key: 'e7bf41260eaf6148dd85a8b95aaa5cb6f2ea53c0', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'b950e4adaaaab5d7c4425f2b34b0197ddbaa1c2f', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", index.h("smoothly-icon", { key: '15ff90d7f789dcbdb1ef8d4e534dc0c844cb7355', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'ee8d06b702e0cf4247ec06be4422aaeeeb17efbd', placeholder: "test" }), index.h("smoothly-input-submit", { key: 'ad44d5ce10bebc485500105f17c92b4e6bab2a70', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: '74f2ae514bfa070b333d1ef228695d5d4ea5d4ec' }, "Smoothly checkboxes"), index.h("div", { key: '8fe5f5a2a4dff3be0a22b621891fde950cc2fa5e', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '6792abab97e426f0d87a4e9f5544ac571166e64c', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '5062932ea8c7b9d41640b723bd26b500d613e7f2', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '1a8d40342d541b74e397be702dcdf0551693c3f8', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '68da1debda21d1b536fd3c5304282592b309c5b8', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '142a4acd0e9482523888f399bda945a7dd41b235', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: 'dc0c4584e260cd3224786294462df103efaf52dd', name: "third-checkbox" }, "3rd")), index.h("h4", { key: 'a4064bc81679eca623f40aa2bd57ff26437136ba' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: 'cfefc652ec88d925740be8416d8b00a908dfa370', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: 'ef9db154cdf3c02b1218e39835067048bfd2c854', name: "checkmark-circle", slot: "start" }), index.h("label", { key: '3222cb3fe56a3cfd7d7ebf216defdb1871deaba2', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'eabb2790afa9b4dd80b1efb5c6bcc849f16f4bb4', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'c2a0866ad2e4f90d316cb448a502c3b762ef6e10', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'ee9f021e1793c3d91f7343bf6876711cce1b4172', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '3380a6b96df58b1c7ab5287e95ce7ca727c3afee', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '7e61dbc0f45bdbc871088fac61deb6fd2cdb1636', name: "radioSecondInput" }, index.h("label", { key: 'bfff33e8ed886be8905d59e6d9e49a3da88c93cd', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '9bc2ae73255574968c9ccf63b4e2c8d21cff24f3', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '7e000f013f8d77110e6b2564163af3f3e3fe780d', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'dc4e385f7ca1b9830bc3abb98849bee82d8830ca', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: 'e3656fd7206c5a3e50be82122b3f5163b2b5744e', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: '5e7038dff30c505611a82e5ca099b28046c027d8', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '5729ae1b24f03034a9690b72d1409686e589c74d', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: 'cc4e8c002875fa3ec345e9a5033d2f253e0f51bf' }), index.h("smoothly-input-color-demo", { key: '533fe19ff35546b6a778428b1a3d997e6c705c46' }), index.h("smoothly-input-price-demo", { key: '839b6dffa9f397ff0b5dd76431fbdaf209282817' }), index.h("smoothly-back-to-top", { key: 'e1c8ee3ea9a5bea1984714b889dcd8645ff0535f' }))));
     }
 };
 SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;