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

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

@@ -8167,16 +8167,21 @@ var Input;
         parent: Editable.type.optional(),
     });
     Input.is = Input.type.is;
-    function formRemove(self) {
-        if (self.parent instanceof SmoothlyForm) {
-            self.parent.removeInput(self.name);
-        }
+    function formRemove(self, name) {
+        if (self.parent instanceof SmoothlyForm)
+            self.parent.removeInput(name !== null && name !== void 0 ? name : self.name);
     }
     Input.formRemove = formRemove;
     function formAdd(self) {
         self.smoothlyInputLoad.emit(parent => (self.parent = parent));
     }
     Input.formAdd = formAdd;
+    function formRename(self, oldName) {
+        if (oldName)
+            formRemove(self, oldName);
+        formAdd(self);
+    }
+    Input.formRename = formRename;
     function registerSubAction(self, event) {
         if (!(event.target && "name" in event.target && event.target.name === self.name)) {
             event.stopPropagation();
@@ -9049,6 +9054,9 @@ const SmoothlyInput = class {
         this.listener[property] = listener;
         listener(this);
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -9132,7 +9140,7 @@ const SmoothlyInput = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return (index.h(index.Host, { key: '814d22e7cd2e824bae6157ae81f0655cef293800', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { key: 'c82fb82e78a5b1327ec884242d651975e8a04797', name: "start" }), index.h("div", { key: '9007571df82b47562b7d1159915380411f5141c0', class: "smoothly-input-container" }, index.h("div", { key: '3bf7eaab6d9696e139a36961f571765d062433b6', class: "ghost" }, index.h("div", { key: '2c0bfa6d05835da26f10fa9426609a5c134501ca', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: '28069658a1bca7a51d3a22e7535262c2c439452e', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: '6c3297b976b4aaa02992104b4af29904da91fc7a', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: event => {
+        return (index.h(index.Host, { key: '8af5ce44e54d07840fe792f7ce5f256f551fbfbb', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { key: '5aeb3777690300ee653501f94bad430d35e8bd5d', name: "start" }), index.h("div", { key: '6e67e16fd30272d48e78a859593976d2af1b5934', class: "smoothly-input-container" }, index.h("div", { key: '7559796f2ed55df85101e3d5e40166ba07d8efda', class: "ghost" }, index.h("div", { key: '4711fe37982ad2bac6d261c8acc095317b70f70d', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: '364e93873860e8e145c6b654c6307a661c8b487e', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: '4e9f599ed25b6f9166f7a9875d7b7d5eed19d848', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: event => {
                 this.state = this.stateHandler.onKeyDown(event, this.state);
                 if (!this.readonly && !this.disabled)
                     this.smoothlyKeydown.emit(Key.create(this.name, event));
@@ -9145,10 +9153,11 @@ const SmoothlyInput = class {
                     if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
                         this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
                 }
-            } }), index.h("label", { key: 'ac31a1370d382380b1086311ac9c504f76c857a0', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: '0b1c3cac94a4116d613041c958751be72bc3e768' }))), index.h("smoothly-icon", { key: 'd12b4ecbe81289093f1a1346fa8437637c9f4a96', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'b9ab0470a6e46d20ff352e7d0bd1ef81bceffd93', name: "end" })));
+            } }), index.h("label", { key: '2b6ded570d6659b9a1f927f8f16f6eaf6cda9faa', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: '9b50a7cc4d4de47c65928950d3e772480a251eab' }))), index.h("smoothly-icon", { key: '059c47c5342ec46ae7ff905f3015805ae2898215', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: '4dfb4229fa5d92aa6baa4abf1af6130db4952cd8', name: "end" })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "currency": ["typeChange"],
         "type": ["typeChange"],
         "state": ["stateChange"],
@@ -9190,6 +9199,9 @@ const SmoothlyInputCheckbox = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -9226,10 +9238,11 @@ const SmoothlyInputCheckbox = class {
         !this.disabled && !this.readonly && (this.checked = !this.checked);
     }
     render() {
-        return (index.h(index.Host, { key: '45c1c7beef37896ee98099088ddd736986615840', onMouseDown: (e) => (this.mouseDownPosition = { x: e.clientX, y: e.clientY }), onMouseUp: (e) => { var _a; return ((_a = this.mouseDownPosition) === null || _a === void 0 ? void 0 : _a.x) == e.clientX && this.mouseDownPosition.y == e.clientY && this.click(); } }, index.h("input", { key: '4283cbb2f152ef92e627b277121cda8de1b573ed', type: "checkbox", checked: this.checked }), this.checked && index.h("smoothly-icon", { key: '6384fd5ad97ea238b71fed6cc1ed9f4d84f9dfaa', name: "checkmark-outline", size: "tiny" }), index.h("label", { key: '053cd3b9ff5f9c80cac0fb8663d08a38769f31b2' }, index.h("slot", { key: 'efad1d448b746b765ce6e8a6a17c6c2e9a9658f5' }))));
+        return (index.h(index.Host, { key: 'bafbb239e9b13ca92eb83d46973a9605418a1608', onMouseDown: (e) => (this.mouseDownPosition = { x: e.clientX, y: e.clientY }), onMouseUp: (e) => { var _a; return ((_a = this.mouseDownPosition) === null || _a === void 0 ? void 0 : _a.x) == e.clientX && this.mouseDownPosition.y == e.clientY && this.click(); } }, index.h("input", { key: '2f985ede013ebdb62fe511165a8c9a4be60b4a2e', type: "checkbox", checked: this.checked }), this.checked && index.h("smoothly-icon", { key: 'fdd9c392912537bbedc05fd04f4d85b03f0360bb', name: "checkmark-outline", size: "tiny" }), index.h("label", { key: '2dfe9e1fe36e00e35e01f212f8f96ce083b4b65d' }, index.h("slot", { key: 'b61fdcc480dc4e76e20f4cdf0689392996c39865' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "checked": ["elementCheck"]
     }; }
 };
@@ -9327,6 +9340,9 @@ const SmoothlyInputColor = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -9426,7 +9442,7 @@ const SmoothlyInputColor = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (index.h(index.Host, { key: 'da2e8d3b9d34a34700e56943bf46f97952c82c8f', style: {
+        return (index.h(index.Host, { key: '6a8e36e808cb31f11619b33ba9fe14fe0f52c64f', style: {
                 "--hexCode": this.value,
                 "--rgb-r": `${Math.round((_a = this.rgb.r) !== null && _a !== void 0 ? _a : 0)}`,
                 "--rgb-g": `${Math.round((_b = this.rgb.g) !== null && _b !== void 0 ? _b : 0)}`,
@@ -9435,10 +9451,11 @@ const SmoothlyInputColor = class {
                 "--hsl-s": `${Math.round((_e = this.hsl.s) !== null && _e !== void 0 ? _e : 0)}%`,
                 "--hsl-l": `${Math.round((_f = this.hsl.l) !== null && _f !== void 0 ? _f : 0)}%`,
                 "--element-height": `${this.element.clientHeight}px`,
-            } }, index.h("smoothly-input", { key: '0811b9e8b343160a8767b07ddfbc8124cfa9ee6d', value: this.value, name: this.name, looks: undefined, color: this.color, type: "hex-color", showLabel: this.showLabel, readonly: this.readonly, onSmoothlyInput: event => (event === null || event === void 0 ? void 0 : event.stopPropagation(), this.hexInputHandler(event.detail[this.name])) }, index.h("slot", { key: 'c20ff101d416406ea67da7d9cb5aa0aa0b3c4f43' })), index.h("div", { key: '554cc3985ec8bb9737c94b65031a34a86f4de6cc', class: "color-sample" }), index.h("smoothly-icon", { key: '27ec92c81e1da06171dc03ee0fc1a4d801c25811', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), index.h("div", { key: '9c3069fbd41e47041145877424504858eec0f5c0' }, index.h("slot", { key: '4b5a81761af0eaa45b80ff291c78a1662d62a5c4', name: "end" })), this.open && !this.readonly && (index.h("div", { key: '71642c17b0531a61f0f3032ec189f337094b589b', class: "rgb-sliders" }, index.h("smoothly-toggle-switch", { key: 'a3a1500be0748165ed5ba43fd0671744b6fc801d', title: `${this.sliderMode === "rgb" ? "To HSL" : "To RGB"}`, onSmoothlyToggleSwitchChange: event => this.handleSwitchMode(event), size: "tiny", checkmark: false, selected: this.sliderMode === "hsl" }), Object.entries(this.rgb).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "rgb" ? { display: "none" } : {}, name: key, min: 0, max: 255, color: undefined, type: "text", value: value, step: 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() }))), Object.entries(this.hsl).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "hsl" ? { display: "none" } : {}, name: key, min: 0, max: key === "h" ? 359 : 1, color: undefined, type: key === "s" || key === "l" ? "percent" : "text", value: (key === "s" || key === "l") && value ? value / 100 : value, step: key === "s" || key === "l" ? 0.01 : 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() })))))));
+            } }, index.h("smoothly-input", { key: '0bb82be3048b77abeb986bfbcaefc20b671ab945', value: this.value, name: this.name, looks: undefined, color: this.color, type: "hex-color", showLabel: this.showLabel, readonly: this.readonly, onSmoothlyInput: event => (event === null || event === void 0 ? void 0 : event.stopPropagation(), this.hexInputHandler(event.detail[this.name])) }, index.h("slot", { key: '30603f997525e1b740dab8df4b6b1a0d5b0b70e4' })), index.h("div", { key: 'e210d6bd08250f9081ad7d5a68473e5461590aee', class: "color-sample" }), index.h("smoothly-icon", { key: '723f2cf2a338f0df5782a9d2520a16c8cf2d80c8', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), index.h("div", { key: 'bc83072d6371f927bd4a82c55844d2df31b7e382' }, index.h("slot", { key: '99a2bd717f07cda36349e5c378f4128105c65224', name: "end" })), this.open && !this.readonly && (index.h("div", { key: '3f3025ae723e97f058cb9813a5a18b06a967fa51', class: "rgb-sliders" }, index.h("smoothly-toggle-switch", { key: '01f80e57b8f65e80f8d8a0a8dcbab441f39281ce', title: `${this.sliderMode === "rgb" ? "To HSL" : "To RGB"}`, onSmoothlyToggleSwitchChange: event => this.handleSwitchMode(event), size: "tiny", checkmark: false, selected: this.sliderMode === "hsl" }), Object.entries(this.rgb).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "rgb" ? { display: "none" } : {}, name: key, min: 0, max: 255, color: undefined, type: "text", value: value, step: 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() }))), Object.entries(this.hsl).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "hsl" ? { display: "none" } : {}, name: key, min: 0, max: key === "h" ? 359 : 1, color: undefined, type: key === "s" || key === "l" ? "percent" : "text", value: (key === "s" || key === "l") && value ? value / 100 : value, step: key === "s" || key === "l" ? 0.01 : 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "value": ["valueChanged"]
     }; }
 };
@@ -9491,6 +9508,9 @@ const SmoothlyInputDate = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -9542,16 +9562,17 @@ const SmoothlyInputDate = class {
         event.stopPropagation();
     }
     render() {
-        return (index.h(index.Host, { key: 'a755134a252d7a353d9a77367c6850ec0e7bb2fa' }, index.h("smoothly-input", { key: 'c84f19abf9b612265662c923924bb9e27e4470dd', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, errorMessage: this.errorMessage, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (index.h(index.Host, { key: '28caadfcfd1c2acb99fc0a4dd898d76480ce17bf' }, index.h("smoothly-input", { key: 'fdc4fe792151f8a58d5af596f39f04aa3c3e486c', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, errorMessage: this.errorMessage, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.value = e.detail[this.name];
-            } }, index.h("slot", { key: '76957a67776b6e114a134ad8e381fccab3b3bcdb' })), index.h("span", { key: '913e4d85afb432d619a8b97b9498aca63fb65524', class: "icons" }, index.h("slot", { key: 'e3241b7fcad13b265db309d1893b235a8ddef397', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: '7e930465a1ad3354480a4089bc9a041b3fffcc93' }, index.h("smoothly-calendar", { key: '207d73550c0b0274990b5a6afe6bcf2b96840055', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
+            } }, index.h("slot", { key: '1354e8e75aed48b2a520a7854ea93159f622f7fd' })), index.h("span", { key: '7288c89967e9aa18e6b59a2c5d79486b2066a1b7', class: "icons" }, index.h("slot", { key: '5494c6f1b9b4b42fb3ee8032edff00e9e429dc5b', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: 'c38b2b2fd04be03dd24a2969b646d8afb19bb579' }, index.h("smoothly-calendar", { key: '9a08cf063e8f79bedd4557b05b4796f9fa510db9', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
                 this.value = event.detail;
                 event.stopPropagation();
-            }, max: this.max, min: this.min }, index.h("div", { key: 'bf152dd3b3de42c90569c7d484748181c5ca4fa3', slot: "year-label" }, index.h("slot", { key: '6a2fc92cbd7f61f12ceb21ce9d2844d713053b0c', name: "year-label" })), index.h("div", { key: '87a13f22c38aa9004483f4d197b7eddafe96941a', slot: "month-label" }, index.h("slot", { key: '11c277001bc28bcb4525d7f3fd120e8b643810b9', name: "month-label" })))))));
+            }, max: this.max, min: this.min }, index.h("div", { key: '2caf5071e3da53541d33559b2a8ca553f909094c', slot: "year-label" }, index.h("slot", { key: '46d552533595a5f2f1a5afb0d430abd18aa19e24', name: "year-label" })), index.h("div", { key: '105bd4afc928810e8b2c887f2b91633d4ae66619', slot: "month-label" }, index.h("slot", { key: '6a1a4ac812a2c605d4ab703e95131a68483ef1c7', name: "month-label" })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "value": ["onStart"]
     }; }
 };
@@ -9622,6 +9643,9 @@ const SmoothlyInputDateRange = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -9654,12 +9678,12 @@ const SmoothlyInputDateRange = class {
     }
     render() {
         const locale = navigator.language;
-        return (index.h(index.Host, { key: '0a06894b9e72b93df447ff82ad27d2a6779f8031', tabindex: 0 }, index.h("section", { key: '2d13b0592a766e768cf858150513475fd4522b59', onClick: () => !this.readonly && (this.open = !this.open) }, index.h("smoothly-input", { key: 'be576244d7b348ae617ccc719ffcd81418ff0b75', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
+        return (index.h(index.Host, { key: 'ef286830426f5d444c46187561450fa1875ed0db', tabindex: 0 }, index.h("section", { key: '94cffbe853b6475a5201e88c93b3a5c7ca75ed93', onClick: () => !this.readonly && (this.open = !this.open) }, index.h("smoothly-input", { key: 'e27048ab57746839feae76edeb42d1e24e658497', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
                 ? `${format(this.start, "date", locale)} — ${format(this.end, "date", locale)}`
                 : undefined, invalid: this.invalid, placeholder: this.placeholder, showLabel: this.showLabel, onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.inputHandler(e.detail);
-            } }, index.h("slot", { key: '80adf2bd502c516457c9870c05fc4bc2b6275c3b' }))), index.h("span", { key: '5c95250e283bc5bada2daa574d21112e43a37492', class: "icons" }, index.h("slot", { key: '0389d3bd80370d6fae95fe7f32bb9f8a19a6ba06', name: "end" })), this.open && (index.h("nav", { key: '62bc92246212b47307de1180c9c1267825693d86' }, index.h("smoothly-calendar", { key: '735dd9ca6c84394d666fd71d2d831007e50a0574', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
+            } }, index.h("slot", { key: '6abf95e7f5efa887f1bb96a343c245b0779c3ee4' }))), index.h("span", { key: 'a3f4311eed4bab2b2bda1845498a0e85fd285585', class: "icons" }, index.h("slot", { key: 'e962a1c40dc7489fee6388e406568ff0e8224fd2', name: "end" })), this.open && (index.h("nav", { key: '4806331bda39863fbf7b937ba1eaa7e2c5a242ff' }, index.h("smoothly-calendar", { key: '1b8dfb8c0d9e81781a0397aaa3c84c3db0782a04', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
                 e.stopPropagation();
                 this.start = e.detail;
             }, onSmoothlyEndChange: e => {
@@ -9675,7 +9699,8 @@ const SmoothlyInputDateRange = class {
     static get watchers() { return {
         "start": ["updateValue"],
         "end": ["updateValue"],
-        "value": ["valueChanged"]
+        "value": ["valueChanged"],
+        "name": ["nameChange"]
     }; }
 };
 SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
@@ -9720,6 +9745,9 @@ const SmoothlyInputDateTime = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -9794,25 +9822,26 @@ const SmoothlyInputDateTime = class {
         this.changed = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1f7d50b47ec60aeb9bf5527be3e993dd988e8873' }, index.h("smoothly-input", { key: 'a7539f5cbb2f0845e7ad900b0402572388f19e8b', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: "date", onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, type: "date", value: this.date, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (index.h(index.Host, { key: '08ddd777cfed59ed61f41ab743fa2f359e98fff7' }, index.h("smoothly-input", { key: '713f248cea961eef957edbd69716ca2559bbf3ad', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: "date", onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, type: "date", value: this.date, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.date = e.detail.date;
-            } }, index.h("slot", { key: 'be6a15ab70967423d3d307d52a02373842cdc12a' })), index.h("smoothly-input", { key: '4b4cdb6443e0f35c00c231a6934366b9eb006d72', name: "hour", type: "integer", max: 23, pad: 2, value: this.hour, placeholder: "hh", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+            } }, index.h("slot", { key: 'c5933dd17979ec8020284c64ea7e2757a15f6226' })), index.h("smoothly-input", { key: '2e0e77201255a57ace526a7a95c39e22e2f9a54c', name: "hour", type: "integer", max: 23, pad: 2, value: this.hour, placeholder: "hh", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.hour = e.detail.hour;
-            } }), index.h("span", { key: '2c57a3b4997621c8b81e7eb2a525858540461c11', class: "colon" }, ":"), index.h("smoothly-input", { key: '436a0118ef15663be1a1c9de1bf5d72efbf105ab', name: "minute", type: "integer", max: 59, pad: 2, value: this.minute, placeholder: "mm", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+            } }), index.h("span", { key: '3ce4e86a2b4860600d18f4bfb4d4b77beed151e0', class: "colon" }, ":"), index.h("smoothly-input", { key: 'd6bffda2ec45d77817e92b120be994562b01e923', name: "minute", type: "integer", max: 59, pad: 2, value: this.minute, placeholder: "mm", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.minute = e.detail.minute;
-            } }), index.h("span", { key: '3ce9db30b759e7137b957af0f59a8aa887123884', class: "icons" }, index.h("smoothly-icon", { key: '3e78803c685eb8888589f004a476ba7831878104', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'ba6a0d1ae2dbf848a868a970a97b991687c70661', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: '3d07773274853549e0e7715cd08e4454a3b889a8' }, index.h("smoothly-calendar", { key: '57c8fe3cebd18b43cc4c2caab41f32c1ef4a6139', doubleInput: false, value: this.value, min: this.min ? TimeZone.DateTime.getDate(this.min) : undefined, max: this.max ? TimeZone.DateTime.getDate(this.max) : undefined, onSmoothlyValueChange: e => {
+            } }), index.h("span", { key: 'bec32cf991d0b3c33879c68937fd83e570bc87f1', class: "icons" }, index.h("smoothly-icon", { key: 'a7b825345c746187e6b3c908e1d962dfcaa2957a', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: '1e21364b2ac09ba8e7f57f3758c1a4142025c653', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: 'd871aa7b50fa4104981e5c8991db484f248ba5ab' }, index.h("smoothly-calendar", { key: 'a2995e0fdda6de5b0c8d3f315c86fcf38087149f', doubleInput: false, value: this.value, min: this.min ? TimeZone.DateTime.getDate(this.min) : undefined, max: this.max ? TimeZone.DateTime.getDate(this.max) : undefined, onSmoothlyValueChange: e => {
                 this.date = e.detail;
                 e.stopPropagation();
             }, onSmoothlyDateSet: e => {
                 this.open = false;
                 e.stopPropagation();
-            } }, index.h("div", { key: 'd300692dd9db218f710d5f1a5815fabbcd13a90a', slot: "year-label" }, index.h("slot", { key: 'ad041a3019be507e677ef3b31781719e69b4f095', name: "year-label" })), index.h("div", { key: 'a21162b09d58c1380349e6598627e0094df9a6a5', slot: "month-label" }, index.h("slot", { key: '6f48557ab7992e5eb78837d3a7c92334d14abc88', name: "month-label" })))))));
+            } }, index.h("div", { key: '69cfab08d279d63da367b51cc6c95473766b0a33', slot: "year-label" }, index.h("slot", { key: '41106c64656f927f8bbcb44219adbc1731c0c8e4', name: "year-label" })), index.h("div", { key: '75bbe3e4494efbe13e84f4076b94bf3261273bd1', slot: "month-label" }, index.h("slot", { key: '6b8f9a8f15a0c31734d8c455e0a80eae93764288', name: "month-label" })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "date": ["handleChange"],
         "hour": ["handleChange"],
         "minute": ["handleChange"],
@@ -9951,6 +9980,9 @@ const SmoothlyInputFile = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -10021,10 +10053,11 @@ const SmoothlyInputFile = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '47b38931d53c866baf0f3cb62f7615262e68fb7b', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: '215430ae3f78f580ba2a028bcedac5e037308e25' }, index.h("slot", { key: '8196ea352901e73429b2e9c56f60692ec10cfd72', name: "label" })), index.h("div", { key: '83c430bbc2cc8555a6b035ea5f57607cba695ade', class: "input" }, index.h("smoothly-button", { key: 'c1571b7f8a9a96eb52242caa4877c502c4656cfb', type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: 'dd9f194b9320d4b8c833803bddcc3eec6efef79c', name: "button" })), index.h("span", { key: 'd33dca86a3964cc3b1a57c8ac1774f83137d7f6c' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '27b1a149c0233cf01ca36393676365e9af548e0a', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: 'dceea121fbd2f2f052c9cc69aeb34fd514001d91', name: "document-attach-outline" })), index.h("input", { key: '4277ad89f3eb3f2b1cc3a981bd7c528f17a903b2', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), index.h("div", { key: '93165391518adbaca9b78d53d68efbd0dbc939d0', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '1ecde3ce282a03aca4971e49e3ea5f34ed9672db', name: "end" }))));
+        return (index.h(index.Host, { key: '473b576538b94d5689096214f98fefe16f480682', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: '78b43a7bfd636c8613ae7e3ca7b538a0c9d63c47' }, index.h("slot", { key: '96a6c841059284791b579b418364416420d6b98d', name: "label" })), index.h("div", { key: '610f5cec81824c8c808fd202356ce0c064a47dec', class: "input" }, index.h("smoothly-button", { key: 'cfe61dee5270a38cd82ab1b301940b85df575c26', type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '5d4d0570b347b4c32bef7d949195034bb83ce311', name: "button" })), index.h("span", { key: '8fd093895e3ab830ff778f4e0c725fd8f0da5954' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: 'd652b30b1ad89c654b0106d42a15f8d3c1bfa954', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: 'beebdea8104ba15ee1d6f6441e37ec7a4851b8c6', name: "document-attach-outline" })), index.h("input", { key: 'ea94ed5956c5ed9b13d6c626045ce1038d4b2501', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), index.h("div", { key: '523f50525f1ba62583863e19623585ed804207a0', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '8c24ff6c89d7e8bde7d5eea70fe2e0778e8b5577', name: "end" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "value": ["valueChanged"]
     }; }
 };
@@ -10088,6 +10121,9 @@ const SmoothlyInputMonth = class {
         const maxMonth = (_b = this.max) === null || _b === void 0 ? void 0 : _b.substring(0, 7);
         this.allowNextMonth = !maxMonth || nextMonth <= maxMonth;
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -10142,9 +10178,9 @@ const SmoothlyInputMonth = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '89fecd22909bff3ac5d147c922408aca813bf4ed' }, index.h("smoothly-icon", { key: 'c54fa66c7615e06ea1150c69a636f693a334d466', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
+        return (index.h(index.Host, { key: '789b962996b65cb6eeebaaed34da6ac4145018da' }, index.h("smoothly-icon", { key: '62da4b66ef087adf4868c098047d193b0b38144c', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
                 disabled: this.readonly || !this.allowPreviousMonth,
-            }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '430aff0437aae1dc16c9fffcf0ee92f6fdcb9faf', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '22d252b3eeaad1175c22ab0eaea96bbac5c6b25b', slot: "label" }, index.h("slot", { key: '2f1cc25f43f0310b9439c9e49a85bfc0c30e5c5b', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), this.min, this.max).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.h("smoothly-input-select", { key: '5156dd8ca67288e1e053da5213a6a55201c6d490', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: 'a412943feb6beb83560a8c83efe0a60011b389db', slot: "label" }, index.h("slot", { key: '7faf583ed860665185ba199c051391071155f3fd', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: 'bba463e403c7f502731984439b2693666761bc9e', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
+            }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: 'b98a911d86f057f5718144ecd7e048ffa71747fa', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: 'd519ae8613168bede303895191bae7ba4a2d08a5', slot: "label" }, index.h("slot", { key: 'bcf3ff408598496fa03ec3b20aee81847cd7094a', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), this.min, this.max).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.h("smoothly-input-select", { key: 'c0a7ee2ea190cbf1fb9c06bf5dc0fc4b0f8d9d0b', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: 'a7ed42da0af507df8fb458cab9d1d948f7d5fdf1', slot: "label" }, index.h("slot", { key: '15415014bd06faab89b69937165682a929067dc3', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: '5a2b5e2fdc13989beb19f9616707180e26555258', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
                 disabled: this.readonly || !this.allowNextMonth,
             }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
     }
@@ -10152,7 +10188,8 @@ const SmoothlyInputMonth = class {
     static get watchers() { return {
         "value": ["valueChanged", "setAllowPreviousMonth", "setAllowNextMonth"],
         "min": ["setAllowPreviousMonth"],
-        "max": ["setAllowNextMonth"]
+        "max": ["setAllowNextMonth"],
+        "name": ["nameChange"]
     }; }
 };
 SmoothlyInputMonth.style = SmoothlyInputMonthStyle0;
@@ -10234,6 +10271,9 @@ const SmoothlyInputRadio = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -10276,10 +10316,11 @@ const SmoothlyInputRadio = class {
         (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
     render() {
-        return (index.h(index.Host, { key: 'b8cf0e9b3a4bb2ae8e79958b66cef60fd8e38383', class: "floating-label" }, index.h("slot", { key: '5ae18c7ad38609b0cff480712173b5d364639478', name: "start" }), index.h("div", { key: '9c178b21890b7a7c70db07205bb4261bc3df24ea' }, index.h("slot", { key: 'e4606af2a5a1be44f282cb7370f65f2c3c2c931b', name: "label" }), index.h("div", { key: 'f6a3be7d8e8562e2cf31e2867bb3db8d93263acc', class: "options" }, index.h("slot", { key: '3ff6fcec3e296e7dec4bae23f7b54db3f863772b' }))), index.h("slot", { key: '3e52fcae78784dc7a92acc51c3b62bf86bf770f5', name: "end" })));
+        return (index.h(index.Host, { key: 'c50a65412ab478bd60c1ed97498a488bdf2d3465', class: "floating-label" }, index.h("slot", { key: 'c865bc7ba334de57d59f8e403fe4a7445795ce5b', name: "start" }), index.h("div", { key: 'ca09207ad8247c43659492f3a95a7b9436214e97' }, index.h("slot", { key: '8ba9506e3b8ec2c4d129abcb6b1de12a287c0428', name: "label" }), index.h("div", { key: '7b335847b20af8ba46d10d99160741507f86d012', class: "options" }, index.h("slot", { key: '15d1a2ae30a6c740366502fa80abf00e4c944fd8' }))), index.h("slot", { key: '397c5fe6f76fe9762ad36b5b8e4b2bdf8560c33c', name: "end" })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "value": ["valueChanged"],
         "readonly": ["watchingReadonly"]
     }; }
@@ -10362,6 +10403,9 @@ const SmoothlyInputRange = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -10411,20 +10455,21 @@ const SmoothlyInputRange = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '32f523c35b0efa72e4545aa46fa6babc9f6410e1', class: {
+        return (index.h(index.Host, { key: '22b8d5fd1665d6f6788e6ab846bf8b2ce44c6277', class: {
                 "output-side-right": this.outputSide === "right",
                 "show-label": this.outputSide === "left" && !!this.label,
-            } }, index.h("slot", { key: '675bd94909fdee11523b5c4fe4187d2fa8d20b74', name: "start" }), index.h("div", { key: 'ee7e04a43c41273e1bf93f5ab16216b489e5cfb5' }, index.h("label", { key: '5dfd5eba1fb03ac4fe427a3fd3b1f337c68a2de2', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '59f668030f193953ec617ded4303415b1595cfc4', ref: e => (this.input = e), looks: undefined, color: this.color, name: this.name, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: async (e) => (e.stopPropagation(),
+            } }, index.h("slot", { key: 'b0b1660a8a20bcb63aa21b095f85208125c55053', name: "start" }), index.h("div", { key: 'c420cce4d82edd3e5d1c7371559f21868af2a5b7' }, index.h("label", { key: 'd6fe1081d19ec39308c389eb8c00ea71ae383c3b', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '03c613001611621e6137bae41549f75dc7860a52', ref: e => (this.input = e), looks: undefined, color: this.color, name: this.name, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: async (e) => (e.stopPropagation(),
                 this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
                 e.stopPropagation();
                 this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
-            }, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), index.h("smoothly-display", { key: '850494ecc2e2a6c3576ba64583b85d394cf10e55', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '0ee0edec87459af898d12b149266d37e1cfac94a', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: (_b = this.step) !== null && _b !== void 0 ? _b : "any", disabled: this.readonly, onInput: event => {
+            }, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), index.h("smoothly-display", { key: '9a570b6b11a96d750e15b36bb098c4f02ddc9780', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: 'ba72049f0f9e43b582b74ae100e88f5e27acfa7f', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: (_b = this.step) !== null && _b !== void 0 ? _b : "any", disabled: this.readonly, onInput: event => {
                 event.stopPropagation();
                 this.setValue(event.target.valueAsNumber);
-            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: 'cba44a5b739ae831042096bfe53ea2856a447d7d', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '393da965bd826bb488908ac1a46f4e08b5d58f67', name: "end" })));
+            }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '2f80944a3e518ddab0b1ec5755b200710db831f5', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '4e6193a66a8e81d83247bdd749676d0469995927', name: "end" })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "value": ["valueChanged"]
     }; }
 };
@@ -10571,6 +10616,9 @@ const SmoothlyInputSelect = class {
         if (!this.element.isConnected)
             await this.unregister();
     }
+    nameChange(_, oldName) {
+        Input.formRename(this, oldName);
+    }
     async register() {
         Input.formAdd(this);
     }
@@ -10789,17 +10837,18 @@ const SmoothlyInputSelect = class {
         this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
     }
     render() {
-        return (index.h(index.Host, { key: '2187d9800a3fcf6be282059b39be56b477069b96', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '43297de2e29af0a413334f7cc4a98ae62cb6a59b', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '1de51ebcfeff886dbc7aaf0af4fb1a4875188bc4', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: 'd96feece676984f0744baebee4b2519e8a083dde', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'eaf0a373475802ed1734b7baf5337f835f8a955d', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '6291b1b9b82b5757502484d393b8d6dbc007d28a', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '1b64e1c39a780575dae35ba6d3a6a9368ba9cc98', name: "label" }), index.h("div", { key: '172753c19442d095781728da314319db0d39eb3f', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: '6c755b32e002602ff6aaf2d55dbd13f8acdae9af', class: "search-preview" }, index.h("smoothly-icon", { key: '1a2f52a9d7c345799ea8c58f4622e334978c4f4e', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '08676c731b7e053a4cf62e1c0b76131d5ab9f70e', name: "backspace-outline", size: "small", onClick: e => {
+        return (index.h(index.Host, { key: '2e0bb410e5d230002cb3cb8ed02b3750da3a497c', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '60e456a563560e640ece562dd1dead3f682b9eed', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '50da6f6b89c273e0b0ede047f22969e779d1b7f3', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: 'abd05fa779f4ce1cf8845c4b43f9f192959700f8', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'c0e19bedc57581c8cf939401121beecac7d45fdf', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: 'b10e9fe42d3bc542984e838c6ad6f2e574b4bf90', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: 'de8cbe7840c4da3204c87c87ace3c33d5d997d14', name: "label" }), index.h("div", { key: '37da8bb72c6389198f8fb20d96edb7e2b3310eaa', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: 'ad7ed57d81e0aba1093b48fd20ed0ba3de103ee3', class: "search-preview" }, index.h("smoothly-icon", { key: '3d979e5b5d84b245f3a67363289e971e1d7c1edc', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '83284299f76b4f68e566e61befe9a4755ee9adc3', name: "backspace-outline", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.filter = "";
                 this.element.focus();
-            } }), this.mutable && (index.h("smoothly-icon", { key: 'b5a495e4f0602618e35d818f35680a002d7c9a13', name: "add", size: "small", onClick: e => {
+            } }), this.mutable && (index.h("smoothly-icon", { key: '59d524f8c30e35d4f21de6ff9da637560be6a245', name: "add", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.addItem();
-            } })))), index.h("slot", { key: '586f08fe53dcddc61b04cb41fd1db4e4f6d96c76' }), this.addedItems)));
+            } })))), index.h("slot", { key: '4c8006fba5d4c3b890d6c3c656a3d804b392195d' }), this.addedItems)));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
+        "name": ["nameChange"],
         "selected": ["onSelectedChange"],
         "required": ["onRequiredChange"],
         "filter": ["onFilterChange"],
@@ -11141,7 +11190,7 @@ const SmoothlySummary = class {
 };
 SmoothlySummary.style = SmoothlySummaryStyle0;
 
-const styleCss$t = ".sc-smoothly-tab-h{display:contents;--line-width:3px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--line-width);border-bottom-style:solid}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:block;padding:.5rem;width:fit-content;margin:auto;cursor:pointer}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{border-bottom:var(--line-width) solid rgb(var(--smoothly-primary-color));margin-bottom:calc(-1 * var(--line-width));position:relative}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}";
+const styleCss$t = ".sc-smoothly-tab-h{display:contents;--line-width:3px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--line-width);border-bottom-style:solid}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{color:rgba(var(--smoothly-default-contrast), 0.6)}[disabled].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{cursor:not-allowed}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:flex;justify-content:center;padding:.5rem;width:fit-content;margin:auto;cursor:pointer;position:relative}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{border-bottom:var(--line-width) solid rgb(var(--smoothly-primary-color));margin-bottom:calc(-1 * var(--line-width))}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label[data-smoothly-tooltip].sc-smoothly-tab:hover::after{content:attr(data-smoothly-tooltip);font-size:0.9rem;position:absolute;top:calc(100% + 0.25rem);padding:0.5rem 0.75rem;border-radius:0.5rem;background-color:rgb(var(--smoothly-medium-color));color:rgb(var(--smoothly-medium-contrast));white-space:nowrap}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}";
 const SmoothlyTabStyle0 = styleCss$t;
 
 const SmoothlyTab = class {
@@ -11151,7 +11200,9 @@ const SmoothlyTab = class {
         this.smoothlyTabLoad = index.createEvent(this, "smoothlyTabLoad", 7);
         this.inputs = {};
         this.label = undefined;
+        this.tooltip = undefined;
         this.open = undefined;
+        this.disabled = undefined;
     }
     async openHandler() {
         if (this.open)
@@ -11160,9 +11211,6 @@ const SmoothlyTab = class {
             ? await Promise.all(Object.values(this.inputs).map(input => input.register()))
             : await Promise.all(Object.values(this.inputs).map(input => input.unregister()));
     }
-    onClick() {
-        this.open = true;
-    }
     connectedCallback() {
         this.smoothlyTabLoad.emit();
     }
@@ -11177,7 +11225,7 @@ const SmoothlyTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fcaa6b005eb85821b735e5681748dca229d87438' }, index.h("div", { key: '51d477045e1d9658fdb7aa314c21499bb3c7c9fa' }, index.h("label", { key: '8398ea7017f15a90f9495cd6888e5c7965c63567' }, this.label)), index.h("div", { key: '62ec4fc26f02613698b176d764de3a0e5fe66c1e', hidden: !this.open }, index.h("slot", { key: '686d86422ea08e22888cc55ef16043141b3e842e' }))));
+        return (index.h(index.Host, { key: 'ddd39ea5788b35852344370c03f63037557bf03a' }, index.h("div", { key: '42cbdfe1dd72f73f699c6bd794e70603eb6a915c', onClick: () => !this.disabled && (this.open = true) }, index.h("label", { key: '6638cb5339a92b5f96ee8a6acf0df2faef308611', "data-smoothly-tooltip": this.tooltip }, this.label)), index.h("div", { key: '3b7a813d63b059dd48dac84ea3266a7201f77b74', hidden: !this.open }, index.h("slot", { key: '1840647f54119fa413d5a7f9bb915d9b225787fb' }))));
     }
     static get watchers() { return {
         "open": ["openHandler"]
@@ -12630,7 +12678,7 @@ const SmoothlyTabsDemo = class {
         this.extraTab = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '9feee12ec58877a9c2b5954fdb646cfdd4448fa7' }, index.h("smoothly-tabs", { key: '0a6e41cea6c9221499b00b61f36c2a8a49e2e32b', tabs: "multiple" }, index.h("smoothly-tab", { key: '7275fa75a8488112e6e743901dd5964835a93494', label: "Single Tab", open: true }, index.h("strong", { key: '8c285057650607c4b4cf8489d5dae6b6ecd413e8' }, "Single Tab content here."), " If only one tab is available setting ", index.h("code", { key: '6223eb09fc7f7f9564ceb1b004b2d10e6d6676f5' }, "tabs"), " to", " ", index.h("code", { key: '366a99676a69e290466d483aff4b1adb5fa5ed6e' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly.", !this.extraTab && (index.h("div", { key: '503d1a0dc942c2fbb2b519d50079f1f1f1957925' }, index.h("smoothly-button", { key: 'ef7a097bbea557ccd0a0d31adcd520cedbd405e3', color: "primary", onClick: () => (this.extraTab = true) }, "Click to add extra tab")))), this.extraTab && (index.h("smoothly-tab", { key: '10d65bfee004d0bf735ca4304e8dc8a496e222ed', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), index.h("smoothly-tabs", { key: 'ee9ffc7faf8730934bdfee8f619e576a5f4175a0' }, index.h("smoothly-tab", { key: 'fef93cff825cb100dced71a78f40875795ac94f2', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: 'b1e0f151179576fb5af29625525e3263bc7d6972', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '5a44c87f9ae57ec112800ddea43d8d76f0f48bf0', label: "test3" }, "this is a test message again!"))));
+        return (index.h(index.Host, { key: '9feee12ec58877a9c2b5954fdb646cfdd4448fa7' }, index.h("smoothly-tabs", { key: '0a6e41cea6c9221499b00b61f36c2a8a49e2e32b', tabs: "multiple" }, index.h("smoothly-tab", { key: '7275fa75a8488112e6e743901dd5964835a93494', label: "Single Tab", open: true }, index.h("strong", { key: '8c285057650607c4b4cf8489d5dae6b6ecd413e8' }, "Single Tab content here."), " If only one tab is available setting ", index.h("code", { key: '6223eb09fc7f7f9564ceb1b004b2d10e6d6676f5' }, "tabs"), " to", " ", index.h("code", { key: '366a99676a69e290466d483aff4b1adb5fa5ed6e' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly.", !this.extraTab && (index.h("div", { key: '503d1a0dc942c2fbb2b519d50079f1f1f1957925' }, index.h("smoothly-button", { key: 'ef7a097bbea557ccd0a0d31adcd520cedbd405e3', color: "primary", onClick: () => (this.extraTab = true) }, "Click to add extra tab")))), this.extraTab && (index.h("smoothly-tab", { key: '10d65bfee004d0bf735ca4304e8dc8a496e222ed', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), index.h("smoothly-tabs", { key: 'ee9ffc7faf8730934bdfee8f619e576a5f4175a0' }, index.h("smoothly-tab", { key: '07d00936df7e498c0dd09800f2923251f641c0f8', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '361e46a829cfb45a911fafc77682571d34822b15', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '968c7bd73bf383b2e6f6ac9db63e57cc0b685603', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"))));
     }
 };
 SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;