npm - smoothly - Versions diffs - 1.2.1-alpha.37 → 1.2.1-alpha.39 - Mend

smoothly 1.2.1-alpha.37 → 1.2.1-alpha.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (212) hide show

package/dist/cjs/smoothly.cjs.js CHANGED Viewed

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_107.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-next-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[0,\"smoothly-button-demo\"],[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,\"smoothlyRoomSelected\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoaded\",\"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\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-next-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-testing\",{\"counter\":[32]}],[2,\"smoothly-next-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-next-demo-colspan\"],[2,\"smoothly-next-demo-nested\"],[2,\"smoothly-next-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\"],[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]}],[6,\"smoothly-toggle\",{\"selected\":[1540],\"shape\":[513],\"disabled\":[516],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[2,\"smoothly-next-demo-nested-inner\",{\"data\":[16]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-next-table-row-group\",{\"align\":[516],\"open\":[1540]}],[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-expandable-row\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table-cell\"],[6,\"smoothly-table-expandable-cell\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"click\",\"onClick\"],[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"openChanged\",\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table\",{\"root\":[1540],\"color\":[1537],\"align\":[513],\"open\":[1540]},[[0,\"smoothlyExpandableLoad\",\"handleExpandableLoaded\"],[0,\"smoothlyExpandableChange\",\"handleExpandableState\"],[0,\"smoothlySpotlightChange\",\"handleSpotlightState\"],[0,\"smoothlyNestedTable\",\"handleNestedTable\"],[0,\"smoothlyExpansionLoad\",\"handleEvents\"],[0,\"smoothlyExpansionOpen\",\"handleEvents\"]]],[6,\"smoothly-table-footer\"],[6,\"smoothly-table-header\",{\"name\":[513]}],[6,\"smoothly-table-row\",{\"open\":[1540]},[[0,\"smoothlyExpansionLoad\",\"onExpansionLoad\"],[0,\"smoothlyExpandableChange\",\"onExpansionChange\"],[0,\"smoothlyExpansionOpen\",\"onExpansionOpen\"]]],[6,\"smoothly-tabs\",{\"tabs\":[32],\"selectedElement\":[32]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[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]}],[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\"]]],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-next-table-foot\"],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-next-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-next-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\"]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-next-table-body\"],[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-next-table\",{\"columns\":[2]},[[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChange\"]]],[6,\"smoothly-next-table-cell\",{\"span\":[514]}],[6,\"smoothly-next-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-next-table-row\",null,[[0,\"smoothlyNextTableExpandableCellRegister\",\"smoothlyNextTableExpandableCellRegisterHandler\"],[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[4],\"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-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-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-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-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\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[\"watchValue\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[6,\"smoothly-input-select\",{\"invalid\":[4],\"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\"]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"selectable\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[2,\"smoothly-display-json-object\",{\"value\":[16],\"collapseDepth\":[2,\"collapse-depth\"],\"open\":[32],\"empty\":[32]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[6,\"smoothly-input\",{\"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],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[1,\"error-message\"],\"initialValue\":[32],\"state\":[32],\"getValue\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[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,{\"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-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_107.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-next-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[0,\"smoothly-button-demo\"],[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,\"smoothlyRoomSelected\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoaded\",\"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\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-next-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-testing\",{\"counter\":[32]}],[2,\"smoothly-next-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-next-demo-colspan\"],[2,\"smoothly-next-demo-nested\"],[2,\"smoothly-next-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\"],[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]}],[6,\"smoothly-toggle\",{\"selected\":[1540],\"shape\":[513],\"disabled\":[516],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[2,\"smoothly-next-demo-nested-inner\",{\"data\":[16]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-next-table-row-group\",{\"align\":[516],\"open\":[1540]}],[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-expandable-row\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table-cell\"],[6,\"smoothly-table-expandable-cell\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"click\",\"onClick\"],[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"openChanged\",\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table\",{\"root\":[1540],\"color\":[1537],\"align\":[513],\"open\":[1540]},[[0,\"smoothlyExpandableLoad\",\"handleExpandableLoaded\"],[0,\"smoothlyExpandableChange\",\"handleExpandableState\"],[0,\"smoothlySpotlightChange\",\"handleSpotlightState\"],[0,\"smoothlyNestedTable\",\"handleNestedTable\"],[0,\"smoothlyExpansionLoad\",\"handleEvents\"],[0,\"smoothlyExpansionOpen\",\"handleEvents\"]]],[6,\"smoothly-table-footer\"],[6,\"smoothly-table-header\",{\"name\":[513]}],[6,\"smoothly-table-row\",{\"open\":[1540]},[[0,\"smoothlyExpansionLoad\",\"onExpansionLoad\"],[0,\"smoothlyExpandableChange\",\"onExpansionChange\"],[0,\"smoothlyExpansionOpen\",\"onExpansionOpen\"]]],[6,\"smoothly-tabs\",{\"tabs\":[32],\"selectedElement\":[32]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[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]}],[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\"]]],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-next-table-foot\"],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-next-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-next-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\"]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-next-table-body\"],[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-next-table\",{\"columns\":[2]},[[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChange\"]]],[6,\"smoothly-next-table-cell\",{\"span\":[514]}],[6,\"smoothly-next-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-next-table-row\",null,[[0,\"smoothlyNextTableExpandableCellRegister\",\"smoothlyNextTableExpandableCellRegisterHandler\"],[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[4],\"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-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-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-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-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\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[\"watchValue\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[6,\"smoothly-input-select\",{\"invalid\":[4],\"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\"]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"selectable\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[2,\"smoothly-display-json-object\",{\"value\":[16],\"collapseDepth\":[2,\"collapse-depth\"],\"open\":[32],\"empty\":[32]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[6,\"smoothly-input\",{\"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],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[1,\"error-message\"],\"initialValue\":[32],\"state\":[32],\"getValue\":[64],\"setValue\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[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-trigger-sink.cjs\",[[6,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[6,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
 });
 exports.setNonce = index.setNonce;

package/dist/collection/components/icon/index.js CHANGED Viewed

@@ -41,7 +41,7 @@ export class SmoothlyIcon {
     }
     render() {
         var _a;
-        return h(Host, { key: 'ea8f2550f4cd026b7840ca65b05fa6fffe9d0a8e', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
+        return h(Host, { key: '99949fe4d38654485d3b2df2e0941537b5928319', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
     }
     static get is() { return "smoothly-icon"; }
     static get encapsulation() { return "scoped"; }
@@ -207,6 +207,9 @@ export class SmoothlyIcon {
     }
     static get watchers() {
         return [{
+                "propName": "toolTip",
+                "methodName": "nameChanged"
+            }, {
                 "propName": "name",
                 "methodName": "nameChanged"
             }];

package/dist/collection/components/icon/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAOlC,MAAM,OAAO,YAAY;;;oBAEc,OAAO;oBACG,OAAO;oBACgB,QAAQ;;;;;;;IAO/E,KAAK,CAAC,iBAAiB;QACtB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;IACzB,CAAC;~~IAED~~,KAAK,CAAC,WAAW;QAChB,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;YAC1B,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YAC3D,IAAI,MAAM,GAAG,MAAM,OAAO,CAAA;YAC1B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACnC,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CACZ,OAAO,CAAC,eAAe,EAAE,eAAe,EACzC,OAAO,CAAC,2BAA2B,EAAE,EAAE,EACvC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;gBAC/B,IAAI,CAAC,IAAI,CAAC,OAAO;oBAChB,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;qBAC9C,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,SAAS,CAAC;oBACnC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,wBAAwB,EAAE,UAAU,IAAI,CAAC,OAAO,UAAU,CAAC,CAAA;;oBAEnF,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,iBAAiB,EAAE,YAAY,IAAI,CAAC,OAAO,YAAY,CAAC,CAAA;gBAClF,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;YAC5B,CAAC;QACF,CAAC;;YACA,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IACD,cAAc,CAAC,QAAiB;QAC/B,IAAI,CAAC,QAAQ;YACZ,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACR;;SAEM,CAAA;IACR,CAAC;IAED,MAAM;;QACL,OAAO,EAAC,IAAI,qDAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,CAAC,KAAK,EAAE,GAAI,CAAA;IAC/F,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACD","sourcesContent":["import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-icon\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIcon {\n\t@Prop({ reflect: true }) color: Color\n\t@Prop({ reflect: true }) fill: Fill = \"solid\"\n\t@Prop({ reflect: true }) name: Icon \| \"empty\" = \"empty\"\n\t@Prop({ reflect: true }) size: \"tiny\" \| \"small\" \| \"medium\" \| \"large\" = \"medium\"\n\t@Prop({ reflect: true }) rotate?: number\n\t@Prop({ reflect: true }) flip?: \"x\" \| \"y\"\n\t@Prop() toolTip?: string\n\t@State() latestPromise: Promise<string \| undefined>\n\t@State() document?: string\n\n\tasync componentWillLoad() {\n\t\tawait this.nameChanged()\n\t}\n\t@Watch(\"name\")\n\tasync nameChanged() {\n\t\tif (this.name != \"empty\") {\n\t\t\tconst promise = (this.latestPromise = Icon.load(this.name))\n\t\t\tlet result = await promise\n\t\t\tif (promise == this.latestPromise) {\n\t\t\t\tresult = result\n\t\t\t\t\t?.replace(/(?<=^<svg\\s?)/, `$& role=\"img\"`)\n\t\t\t\t\t.replace(` width=\"512\" height=\"512\"`, \"\")\n\t\t\t\t\t.replace(/stroke:#000;/gi, \"\")\n\t\t\t\tif (!this.toolTip)\n\t\t\t\t\tresult = result?.replace(/<title>.<\\/title>/, \"\")\n\t\t\t\telse if (result?.includes(\"<title>\"))\n\t\t\t\t\tresult = result.replace(/(<title>).(<\\/title>)/, `<title>${this.toolTip}</title>`)\n\t\t\t\telse\n\t\t\t\t\tresult = result?.replace(/(.*>)(<\\/svg>$)/, `$1<title>${this.toolTip}</title>$2`)\n\t\t\t\tthis.updateDocument(result)\n\t\t\t}\n\t\t} else\n\t\t\tthis.updateDocument()\n\t}\n\tupdateDocument(document?: string) {\n\t\tthis.document =\n\t\t\tdocument ??\n\t\t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n\t\t<title>Empty</title>\n\t\t</svg>`\n\t}\n\n\trender() {\n\t\treturn <Host innerHTML={this.document} style={{ [\"--rotation\"]: `${this.rotate ?? 0}deg` }} />\n\t}\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAOlC,MAAM,OAAO,YAAY;;;oBAEc,OAAO;oBACG,OAAO;oBACgB,QAAQ;;;;;;;IAO/E,KAAK,CAAC,iBAAiB;QACtB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;IACzB,CAAC;IAGD,KAAK,CAAC,WAAW;QAChB,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;YAC1B,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YAC3D,IAAI,MAAM,GAAG,MAAM,OAAO,CAAA;YAC1B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACnC,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CACZ,OAAO,CAAC,eAAe,EAAE,eAAe,EACzC,OAAO,CAAC,2BAA2B,EAAE,EAAE,EACvC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;gBAC/B,IAAI,CAAC,IAAI,CAAC,OAAO;oBAChB,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;qBAC9C,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,SAAS,CAAC;oBACnC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,wBAAwB,EAAE,UAAU,IAAI,CAAC,OAAO,UAAU,CAAC,CAAA;;oBAEnF,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,iBAAiB,EAAE,YAAY,IAAI,CAAC,OAAO,YAAY,CAAC,CAAA;gBAClF,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;YAC5B,CAAC;QACF,CAAC;;YACA,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IACD,cAAc,CAAC,QAAiB;QAC/B,IAAI,CAAC,QAAQ;YACZ,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACR;;SAEM,CAAA;IACR,CAAC;IAED,MAAM;;QACL,OAAO,EAAC,IAAI,qDAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,CAAC,KAAK,EAAE,GAAI,CAAA;IAC/F,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-icon\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIcon {\n\t@Prop({ reflect: true }) color: Color\n\t@Prop({ reflect: true }) fill: Fill = \"solid\"\n\t@Prop({ reflect: true }) name: Icon \| \"empty\" = \"empty\"\n\t@Prop({ reflect: true }) size: \"tiny\" \| \"small\" \| \"medium\" \| \"large\" = \"medium\"\n\t@Prop({ reflect: true }) rotate?: number\n\t@Prop({ reflect: true }) flip?: \"x\" \| \"y\"\n\t@Prop() toolTip?: string\n\t@State() latestPromise: Promise<string \| undefined>\n\t@State() document?: string\n\n\tasync componentWillLoad() {\n\t\tawait this.nameChanged()\n\t}\n\t@Watch(\"toolTip\")\n\t@Watch(\"name\")\n\tasync nameChanged() {\n\t\tif (this.name != \"empty\") {\n\t\t\tconst promise = (this.latestPromise = Icon.load(this.name))\n\t\t\tlet result = await promise\n\t\t\tif (promise == this.latestPromise) {\n\t\t\t\tresult = result\n\t\t\t\t\t?.replace(/(?<=^<svg\\s?)/, `$& role=\"img\"`)\n\t\t\t\t\t.replace(` width=\"512\" height=\"512\"`, \"\")\n\t\t\t\t\t.replace(/stroke:#000;/gi, \"\")\n\t\t\t\tif (!this.toolTip)\n\t\t\t\t\tresult = result?.replace(/<title>.<\\/title>/, \"\")\n\t\t\t\telse if (result?.includes(\"<title>\"))\n\t\t\t\t\tresult = result.replace(/(<title>).(<\\/title>)/, `<title>${this.toolTip}</title>`)\n\t\t\t\telse\n\t\t\t\t\tresult = result?.replace(/(.*>)(<\\/svg>$)/, `$1<title>${this.toolTip}</title>$2`)\n\t\t\t\tthis.updateDocument(result)\n\t\t\t}\n\t\t} else\n\t\t\tthis.updateDocument()\n\t}\n\tupdateDocument(document?: string) {\n\t\tthis.document =\n\t\t\tdocument ??\n\t\t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n\t\t<title>Empty</title>\n\t\t</svg>`\n\t}\n\n\trender() {\n\t\treturn <Host innerHTML={this.document} style={{ [\"--rotation\"]: `${this.rotate ?? 0}deg` }} />\n\t}\n}\n"]}

package/dist/collection/components/input/index.js CHANGED Viewed

@@ -29,6 +29,10 @@ export class SmoothlyInput {
     async getValue() {
         return this.stateHandler.getValue(this.state);
     }
+    async setValue(value) {
+        if (this.inputElement)
+            this.state = this.stateHandler.setValue(this.inputElement, this.state, value);
+    }
     async listen(property, listener) {
         this.listener[property] = listener;
         listener(this);
@@ -110,7 +114,7 @@ export class SmoothlyInput {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return (h(Host, { key: '488da348621b80d3cce00d253fe59ad967d4243f', 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(); } }, h("slot", { key: '0c454e5e090958f8d9be3ba57c5aa2b6bc42be31', name: "start" }), h("div", { key: '7ce07e645553ed5e0ecdf0547ddd4b01c3ef57ed' }, h("div", { key: 'b8f0936c66be5fd781c7acc051fc61e0bb04e248', class: "ghost" }, h("div", { key: '3df46f48fe6831d428d5106d77d8c9d5eb9f5128', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), h("div", { key: '2f71893d7211225d7add357a7dcd76d3ffaa970c', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), h("input", { key: '0aee0a897bc4f3794e8d177fba2c6d09d681f06d', 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 (h(Host, { key: 'ac67414597bdb19930669525aada3063f3bd1b07', 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(); } }, h("slot", { key: '0460d83da0ca9eb602b2abd12f2d76850e2643a3', name: "start" }), h("div", { key: 'a8e684068f1fb11a915532703d1cd88468ee2ff8' }, h("div", { key: '2f74d1275a22b27f6868a8b8527df8009f87a8e4', class: "ghost" }, h("div", { key: 'dae897928ff4eb7a1aeb093c0b2943f1dbe6b32f', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), h("div", { key: 'ef45ad946f10459322d584b1288cab40380b3fbb', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), h("input", { key: '110af00670abf3a45b487f7dbb959731e579fe9d', 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 (event.key == "Enter")
                     this.smoothlyBlur.emit();
@@ -123,7 +127,7 @@ export class SmoothlyInput {
                     if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
                         this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
                 }
-            } }), h("label", { key: 'fb3bcebc770543e7811d68c7930c09cf2370859d', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: '1881af7df48fab8b47e9f337ef8db3e277b6c3ac' })), h("smoothly-icon", { key: '459cc05ea72fd98cd43d64acdd60c58327a2677c', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), h("slot", { key: '219c8d02c6ef657d4e972fb667e959f3803ab4f9', name: "end" })));
+            } }), h("label", { key: 'e559f3085aac292eba88b92f5a9b9bdd2e1e7df9', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: '4838078e2eaef161f550cc8c369cf63e942ae118' })), h("smoothly-icon", { key: 'b58a856d1a7ecc0d2472f142180aebdd350eb978', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), h("slot", { key: '19b86848cd91e2548a7e0ad38917d74099fff59f', name: "end" })));
     }
     static get is() { return "smoothly-input"; }
     static get encapsulation() { return "scoped"; }
@@ -599,6 +603,27 @@ export class SmoothlyInput {
                     "tags": []
                 }
             },
+            "setValue": {
+                "complexType": {
+                    "signature": "(value: any) => Promise<void>",
+                    "parameters": [{
+                            "name": "value",
+                            "type": "any",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
             "listen": {
                 "complexType": {
                     "signature": "(property: \"changed\", listener: (parent: Editable) => Promise<void>) => Promise<void>",

package/dist/collection/components/input/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../model\"\nimport { getLocale } from \"../../model/getLocale\"\nimport { Clearable } from \"./Clearable\"\nimport { Deep } from \"./Deep\"\nimport { Editable } from \"./Editable\"\nimport { Input } from \"./Input\"\nimport { InputStateHandler } from \"./InputStateHandler\"\nimport { Looks } from \"./Looks\"\n\n@Component({\n\ttag: \"smoothly-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInput implements Clearable, Input, Editable {\n\t@Element() element: HTMLSmoothlyInputElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ reflect: true }) type: tidily.Type = \"text\"\n\t@Prop({ reflect: true }) required = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() autocomplete?: Exclude<tidily.Settings[\"autocomplete\"], undefined>\n\t@Prop({ reflect: true }) placeholder: string \| undefined\n\t@Prop() disabled = false\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop() toInteger?: boolean\n\t@Prop({ reflect: true }) currency?: isoly.Currency\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ mutable: true }) changed = false\n\t@Prop() errorMessage?: string\n\t@State() initialValue?: any\n\t@State() state: Readonly<tidily.State> & Readonly<tidily.Settings>\n\tparent: Editable \| undefined\n\tprivate stateHandler: InputStateHandler\n\tprivate inputElement: HTMLInputElement \| undefined\n\tprivate uneditable = this.readonly\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\n\t@Method()\n\tasync getValue(): Promise<any \| undefined> {\n\t\treturn this.stateHandler.getValue(this.state)\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, undefined)\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\t!this.uneditable && (this.readonly = !editable)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, this.initialValue)\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.changed = false\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Watch(\"currency\")\n\t@Watch(\"type\")\n\ttypeChange(): void {\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tthis.stateHandler = InputStateHandler.create(\"price\", { currency: this.currency, toInteger: this.toInteger })\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tthis.stateHandler = InputStateHandler.create(this.type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\t\tthis.state = this.stateHandler.initialState(this.value ?? this.state?.value)\n\t}\n\t@Watch(\"state\")\n\tstateChange() {\n\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Watch(\"value\")\n\tvalueChange(value: any) {\n\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\tif (Deep.notEqual(lastValue, value) && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t}\n\t}\n\t@Watch(\"readonly\")\n\treadonlyChange() {\n\t\tthis.listener.changed?.(this)\n\t}\n\tcomponentWillLoad() {\n\t\tthis.typeChange()\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tcomponentDidLoad() {\n\t\tif (this.inputElement)\n\t\t\tthis.inputElement.value = this.state.value\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Listen(\"input\")\n\t@Listen(\"beforeinput\")\n\tonEvent(event: InputEvent) {\n\t\tthis.state = this.stateHandler.onInputEvent(event, this.state)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.state?.value != undefined && this.state?.value != \"\" }}\n\t\t\t\tonclick={() => this.inputElement?.focus()}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<div class={\"ghost\"}>\n\t\t\t\t\t\t<div class={\"value\"}>{this.state?.value}</div>\n\t\t\t\t\t\t<div class={\"remainder\"}>{this.state?.remainder}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\ttype={this.state?.type}\n\t\t\t\t\t\tinputmode={this.state?.inputmode}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tautocomplete={this.autocomplete ?? this.state?.autocomplete}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadOnly={this.readonly}\n\t\t\t\t\t\tpattern={this.state?.pattern && this.state?.pattern.source}\n\t\t\t\t\t\tonKeyDown={event => {\n\t\t\t\t\t\t\tthis.state = this.stateHandler.onKeyDown(event, this.state)\n\t\t\t\t\t\t\tif (event.key == \"Enter\")\n\t\t\t\t\t\t\t\tthis.smoothlyBlur.emit() // TODO: this should be replaced by a smoothlyKeydown event\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonFocus={event => !this.readonly && (this.state = this.stateHandler.onFocus(event, this.state))}\n\t\t\t\t\t\tonBlur={event => {\n\t\t\t\t\t\t\tif (!this.readonly) {\n\t\t\t\t\t\t\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\t\t\t\t\t\t\tthis.state = this.stateHandler.onBlur(event, this.state)\n\t\t\t\t\t\t\t\tthis.smoothlyBlur.emit()\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\tif (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))\n\t\t\t\t\t\t\t\t\tthis.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<label class={\"label float-on-focus\"} htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t<smoothly-icon name=\"alert-circle\" color=\"danger\" fill=\"clear\" size=\"small\" toolTip={this.errorMessage} />\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../model\"\nimport { getLocale } from \"../../model/getLocale\"\nimport { Clearable } from \"./Clearable\"\nimport { Deep } from \"./Deep\"\nimport { Editable } from \"./Editable\"\nimport { Input } from \"./Input\"\nimport { InputStateHandler } from \"./InputStateHandler\"\nimport { Looks } from \"./Looks\"\n\n@Component({\n\ttag: \"smoothly-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInput implements Clearable, Input, Editable {\n\t@Element() element: HTMLSmoothlyInputElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ reflect: true }) type: tidily.Type = \"text\"\n\t@Prop({ reflect: true }) required = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() autocomplete?: Exclude<tidily.Settings[\"autocomplete\"], undefined>\n\t@Prop({ reflect: true }) placeholder: string \| undefined\n\t@Prop() disabled = false\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop() toInteger?: boolean\n\t@Prop({ reflect: true }) currency?: isoly.Currency\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ mutable: true }) changed = false\n\t@Prop() errorMessage?: string\n\t@State() initialValue?: any\n\t@State() state: Readonly<tidily.State> & Readonly<tidily.Settings>\n\tparent: Editable \| undefined\n\tprivate stateHandler: InputStateHandler\n\tprivate inputElement: HTMLInputElement \| undefined\n\tprivate uneditable = this.readonly\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\n\t@Method()\n\tasync getValue(): Promise<any \| undefined> {\n\t\treturn this.stateHandler.getValue(this.state)\n\t}\n\t@Method()\n\tasync setValue(value: any): Promise<void> {\n\t\tif (this.inputElement)\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, undefined)\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\t!this.uneditable && (this.readonly = !editable)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, this.initialValue)\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.changed = false\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Watch(\"currency\")\n\t@Watch(\"type\")\n\ttypeChange(): void {\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tthis.stateHandler = InputStateHandler.create(\"price\", { currency: this.currency, toInteger: this.toInteger })\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tthis.stateHandler = InputStateHandler.create(this.type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\t\tthis.state = this.stateHandler.initialState(this.value ?? this.state?.value)\n\t}\n\t@Watch(\"state\")\n\tstateChange() {\n\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Watch(\"value\")\n\tvalueChange(value: any) {\n\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\tif (Deep.notEqual(lastValue, value) && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t}\n\t}\n\t@Watch(\"readonly\")\n\treadonlyChange() {\n\t\tthis.listener.changed?.(this)\n\t}\n\tcomponentWillLoad() {\n\t\tthis.typeChange()\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tcomponentDidLoad() {\n\t\tif (this.inputElement)\n\t\t\tthis.inputElement.value = this.state.value\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Listen(\"input\")\n\t@Listen(\"beforeinput\")\n\tonEvent(event: InputEvent) {\n\t\tthis.state = this.stateHandler.onInputEvent(event, this.state)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.state?.value != undefined && this.state?.value != \"\" }}\n\t\t\t\tonclick={() => this.inputElement?.focus()}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<div class={\"ghost\"}>\n\t\t\t\t\t\t<div class={\"value\"}>{this.state?.value}</div>\n\t\t\t\t\t\t<div class={\"remainder\"}>{this.state?.remainder}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\ttype={this.state?.type}\n\t\t\t\t\t\tinputmode={this.state?.inputmode}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tautocomplete={this.autocomplete ?? this.state?.autocomplete}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadOnly={this.readonly}\n\t\t\t\t\t\tpattern={this.state?.pattern && this.state?.pattern.source}\n\t\t\t\t\t\tonKeyDown={event => {\n\t\t\t\t\t\t\tthis.state = this.stateHandler.onKeyDown(event, this.state)\n\t\t\t\t\t\t\tif (event.key == \"Enter\")\n\t\t\t\t\t\t\t\tthis.smoothlyBlur.emit() // TODO: this should be replaced by a smoothlyKeydown event\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonFocus={event => !this.readonly && (this.state = this.stateHandler.onFocus(event, this.state))}\n\t\t\t\t\t\tonBlur={event => {\n\t\t\t\t\t\t\tif (!this.readonly) {\n\t\t\t\t\t\t\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\t\t\t\t\t\t\tthis.state = this.stateHandler.onBlur(event, this.state)\n\t\t\t\t\t\t\t\tthis.smoothlyBlur.emit()\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\tif (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))\n\t\t\t\t\t\t\t\t\tthis.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<label class={\"label float-on-focus\"} htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t<smoothly-icon name=\"alert-circle\" color=\"danger\" fill=\"clear\" size=\"small\" toolTip={this.errorMessage} />\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/components/{p-0068be49.js → p-04ab8e45.js} RENAMED Viewed

@@ -1,45 +1,45 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$F } from './p-306f9cb3.js';
-import { d as defineCustomElement$E } from './p-686ec006.js';
-import { d as defineCustomElement$D } from './p-d2305aa2.js';
+import { d as defineCustomElement$E } from './p-65c68d7f.js';
+import { d as defineCustomElement$D } from './p-a2e714dd.js';
 import { d as defineCustomElement$C } from './p-4f80c811.js';
 import { d as defineCustomElement$B } from './p-f770567b.js';
 import { d as defineCustomElement$A } from './p-96acfe2c.js';
 import { d as defineCustomElement$z } from './p-f46dd8e4.js';
 import { d as defineCustomElement$y } from './p-4c6fe645.js';
 import { d as defineCustomElement$x } from './p-ca69a0ef.js';
-import { d as defineCustomElement$w } from './p-cfbf7c40.js';
-import { d as defineCustomElement$v } from './p-214c06fa.js';
-import { d as defineCustomElement$u } from './p-7e4f099e.js';
-import { d as defineCustomElement$t } from './p-92c5629d.js';
-import { d as defineCustomElement$s } from './p-096baeaa.js';
-import { d as defineCustomElement$r } from './p-93e899e7.js';
-import { d as defineCustomElement$q } from './p-905caa16.js';
-import { d as defineCustomElement$p } from './p-702f01d3.js';
-import { d as defineCustomElement$o } from './p-2419b925.js';
-import { d as defineCustomElement$n } from './p-ed2aa792.js';
-import { d as defineCustomElement$m } from './p-c63db1c1.js';
-import { d as defineCustomElement$l } from './p-0b16cab5.js';
-import { d as defineCustomElement$k } from './p-b1db8b28.js';
-import { d as defineCustomElement$j } from './p-09934532.js';
-import { d as defineCustomElement$i } from './p-2b111073.js';
-import { d as defineCustomElement$h } from './p-40ae9266.js';
-import { d as defineCustomElement$g } from './p-f9fb0dcd.js';
-import { d as defineCustomElement$f } from './p-62b70c3f.js';
-import { d as defineCustomElement$e } from './p-498755ab.js';
-import { d as defineCustomElement$d } from './p-6714cfcf.js';
+import { d as defineCustomElement$w } from './p-c5c845a4.js';
+import { d as defineCustomElement$v } from './p-6cf3b567.js';
+import { d as defineCustomElement$u } from './p-eb4fb6d0.js';
+import { d as defineCustomElement$t } from './p-1f2451a6.js';
+import { d as defineCustomElement$s } from './p-c6090101.js';
+import { d as defineCustomElement$r } from './p-ae684572.js';
+import { d as defineCustomElement$q } from './p-9f5d237e.js';
+import { d as defineCustomElement$p } from './p-7bd97230.js';
+import { d as defineCustomElement$o } from './p-969f33ea.js';
+import { d as defineCustomElement$n } from './p-f91bbcbd.js';
+import { d as defineCustomElement$m } from './p-4922697f.js';
+import { d as defineCustomElement$l } from './p-1da0d9df.js';
+import { d as defineCustomElement$k } from './p-9a2f5b22.js';
+import { d as defineCustomElement$j } from './p-42019ace.js';
+import { d as defineCustomElement$i } from './p-fa25f326.js';
+import { d as defineCustomElement$h } from './p-16d03a0f.js';
+import { d as defineCustomElement$g } from './p-c0f74556.js';
+import { d as defineCustomElement$f } from './p-aea4c6ed.js';
+import { d as defineCustomElement$e } from './p-75819a67.js';
+import { d as defineCustomElement$d } from './p-caa720e0.js';
 import { d as defineCustomElement$c } from './p-79474a9a.js';
-import { d as defineCustomElement$b } from './p-a071eaed.js';
-import { d as defineCustomElement$a } from './p-4c8ef04f.js';
-import { d as defineCustomElement$9 } from './p-2738b430.js';
-import { d as defineCustomElement$8 } from './p-66466b49.js';
-import { d as defineCustomElement$7 } from './p-631148b4.js';
+import { d as defineCustomElement$b } from './p-78fd29c9.js';
+import { d as defineCustomElement$a } from './p-fe20fb2e.js';
+import { d as defineCustomElement$9 } from './p-1736c849.js';
+import { d as defineCustomElement$8 } from './p-55a094ac.js';
+import { d as defineCustomElement$7 } from './p-93102b87.js';
 import { d as defineCustomElement$6 } from './p-edcdcc51.js';
 import { d as defineCustomElement$5 } from './p-c77944e7.js';
-import { d as defineCustomElement$4 } from './p-cc863bad.js';
+import { d as defineCustomElement$4 } from './p-e15b81c8.js';
 import { d as defineCustomElement$3 } from './p-ab304bad.js';
 import { d as defineCustomElement$2 } from './p-040802e2.js';
-import { d as defineCustomElement$1 } from './p-45ff39e4.js';
+import { d as defineCustomElement$1 } from './p-dd5d9674.js';
 const styleCss = ".sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:100%}";
 const SmoothlyFormDemoStyle0 = styleCss;
@@ -276,4 +276,4 @@ defineCustomElement();
 export { SmoothlyFormDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-0068be49.js.map
+//# sourceMappingURL=p-04ab8e45.js.map

package/dist/components/{p-0068be49.js.map → p-04ab8e45.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~0068be49~~.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,qKAAqK,CAAC;AACvL,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,gFAA0B,EAC1B,gFAA0B,EAC1B,iFAA2B,EAC3B,kFAA4B,EAC5B,mFAA6B,EAC7B,kFAA4B,EAC5B,wFAAkC,EAClC,iFAA2B,EAC3B,uFAAiC,EACjC,uFAAiC,CAC5B,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/style.css?tag=smoothly-form-demo&encapsulation=scoped","src/components/form/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tmargin-top: 2em;\n\tmargin-bottom: 10em;\n}\n\n:host>div {\n\tmargin: auto;\n\twidth: 1200px;\n\tmax-width: 100%;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemo {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-form-demo-all />\n\t\t\t\t\t<smoothly-form-demo-pet />\n\t\t\t\t\t<smoothly-form-demo-card />\n\t\t\t\t\t<smoothly-form-demo-login />\n\t\t\t\t\t<smoothly-form-demo-prices />\n\t\t\t\t\t<smoothly-form-demo-typed />\n\t\t\t\t\t<smoothly-form-demo-transparent />\n\t\t\t\t\t<smoothly-form-demo-date />\n\t\t\t\t\t<smoothly-form-demo-date-range />\n\t\t\t\t\t<smoothly-form-demo-controlled />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-04ab8e45.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,qKAAqK,CAAC;AACvL,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,gFAA0B,EAC1B,gFAA0B,EAC1B,iFAA2B,EAC3B,kFAA4B,EAC5B,mFAA6B,EAC7B,kFAA4B,EAC5B,wFAAkC,EAClC,iFAA2B,EAC3B,uFAAiC,EACjC,uFAAiC,CAC5B,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/style.css?tag=smoothly-form-demo&encapsulation=scoped","src/components/form/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tmargin-top: 2em;\n\tmargin-bottom: 10em;\n}\n\n:host>div {\n\tmargin: auto;\n\twidth: 1200px;\n\tmax-width: 100%;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemo {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-form-demo-all />\n\t\t\t\t\t<smoothly-form-demo-pet />\n\t\t\t\t\t<smoothly-form-demo-card />\n\t\t\t\t\t<smoothly-form-demo-login />\n\t\t\t\t\t<smoothly-form-demo-prices />\n\t\t\t\t\t<smoothly-form-demo-typed />\n\t\t\t\t\t<smoothly-form-demo-transparent />\n\t\t\t\t\t<smoothly-form-demo-date />\n\t\t\t\t\t<smoothly-form-demo-date-range />\n\t\t\t\t\t<smoothly-form-demo-controlled />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-991bc1b1.js → p-097b03c0.js} RENAMED Viewed

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { a as and } from './p-caf09da9.js';
 import { o as object, s as string } from './p-d471066b.js';
 import { i as islyFunction, r as record } from './p-8e1e509d.js';
-import { d as defineCustomElement$3 } from './p-8120c99f.js';
-import { d as defineCustomElement$2 } from './p-c63db1c1.js';
-import { d as defineCustomElement$1 } from './p-0b16cab5.js';
+import { d as defineCustomElement$3 } from './p-af89bb6a.js';
+import { d as defineCustomElement$2 } from './p-4922697f.js';
+import { d as defineCustomElement$1 } from './p-1da0d9df.js';
 const EventEmitter = object({ emit: islyFunction() });
 var Filter;
@@ -107,4 +107,4 @@ defineCustomElement();
 export { SmoothlyFilter as S, defineCustomElement as d };
-//# sourceMappingURL=p-991bc1b1.js.map
+//# sourceMappingURL=p-097b03c0.js.map

package/dist/components/{p-991bc1b1.js.map → p-097b03c0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~991bc1b1~~.js","mappings":"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","names":["isly.object","isly.function","isly.string","isly.record","selectively.and"],"sources":["src/components/filter/Filter.ts","src/components/filter/style.css?tag=smoothly-filter&encapsulation=scoped","src/components/filter/index.tsx"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { isly } from \"isly\"\n\nconst EventEmitter = isly.object<EventEmitter>({ emit: isly.function<EventEmitter[\"emit\"]>() })\nexport interface Filter extends Filter.Element {\n\tsmoothlyFilterUpdate: EventEmitter<Filter.Update>\n\tsmoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n}\nexport namespace Filter {\n\texport type Manipulate = (criteria: selectively.Criteria) => selectively.Criteria\n\texport type Update = (expression: selectively.Criteria) => void\n\texport interface Element {\n\t\tproperty?: string\n\t\tproperties?: Record<string, string>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tproperty: isly.string().optional(),\n\t\t\tproperties: isly.record<Record<string, string>>(isly.string(), isly.string()).optional(),\n\t\t})\n\t}\n\texport const type = Element.type.extend<Filter>({\n\t\tsmoothlyFilterUpdate: EventEmitter,\n\t\tsmoothlyFilterManipulate: EventEmitter,\n\t})\n}\n",":host {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host>div::slotted([slot=detail]) {\n\tz-index: 5;\n}\n\n:host::slotted([slot=bar]) {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n:host>div:empty+smoothly-icon {\n\tdisplay: none;\n}\n\n:host>smoothly-icon {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n:host>div.close {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n:host>div.hidden {\n\tdisplay: none;\n}\n\n:host>.container {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n/* arrow /\n:host>div.container:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n/ arrow placement */\n:host>div.container.arrow-top:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n:host div.container:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Filter } from \"./Filter\"\n\n@Component({\n\ttag: \"smoothly-filter\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilter {\n\tfield: HTMLSmoothlyFilterFieldElement \| undefined\n\tupdating = false\n\tfilters: Set<Filter.Update> = new Set<Filter.Update>() // maybe set?\n\t@State() detailChildren?: boolean\n\t@State() criteria: selectively.Criteria = selectively.and()\n\t@State() expanded = false\n\t@Event() smoothlyFilter: EventEmitter<selectively.Criteria>\n\n\t@Listen(\"smoothlyFilterUpdate\")\n\tupdateHandler(event: CustomEvent<Filter.Update>) {\n\t\tevent.stopPropagation()\n\t\tif (Filter.Element.type.is(event.target))\n\t\t\tthis.filters.add(event.detail)\n\t}\n\t@Listen(\"smoothlyFilterManipulate\")\n\tmanipulateHandler(event: CustomEvent<Filter.Manipulate>) {\n\t\tevent.stopPropagation()\n\t\tthis.updating = true\n\t\tthis.criteria = event.detail(this.criteria)\n\t\tthis.smoothlyFilter.emit(this.criteria)\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t\tthis.updating = false\n\t}\n\t@Listen(\"smoothlyFilterField\")\n\tfilterFieldHandler(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and(event.detail)))\n\t\t\tthis.filters.forEach(update => update(this.criteria))\n\t\t}\n\t}\n\tclear(): void {\n\t\tthis.field?.clear()\n\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and()))\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"bar\" />\n\t\t\t\t<smoothly-filter-field criteria={this.criteria} ref={e => (this.field = e)} />\n\t\t\t\t{this.criteria.toString() != \"\" && (\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"close\"}\n\t\t\t\t\t\ttoolTip={\"Clear all filters\"}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.clear()\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div class={this.expanded ? \"container arrow-top\" : \"hidden\"}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={this.expanded ? \"options\" : \"options-outline\"}\n\t\t\t\t\ttoolTip={(this.expanded ? \"Hide\" : \"Show\") + \" additional filters\"}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tthis.expanded = !this.expanded\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div class={this.expanded ? \"close\" : \"hidden\"} onClick={() => (this.expanded = !this.expanded)} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-097b03c0.js","mappings":"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","names":["isly.object","isly.function","isly.string","isly.record","selectively.and"],"sources":["src/components/filter/Filter.ts","src/components/filter/style.css?tag=smoothly-filter&encapsulation=scoped","src/components/filter/index.tsx"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { isly } from \"isly\"\n\nconst EventEmitter = isly.object<EventEmitter>({ emit: isly.function<EventEmitter[\"emit\"]>() })\nexport interface Filter extends Filter.Element {\n\tsmoothlyFilterUpdate: EventEmitter<Filter.Update>\n\tsmoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n}\nexport namespace Filter {\n\texport type Manipulate = (criteria: selectively.Criteria) => selectively.Criteria\n\texport type Update = (expression: selectively.Criteria) => void\n\texport interface Element {\n\t\tproperty?: string\n\t\tproperties?: Record<string, string>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tproperty: isly.string().optional(),\n\t\t\tproperties: isly.record<Record<string, string>>(isly.string(), isly.string()).optional(),\n\t\t})\n\t}\n\texport const type = Element.type.extend<Filter>({\n\t\tsmoothlyFilterUpdate: EventEmitter,\n\t\tsmoothlyFilterManipulate: EventEmitter,\n\t})\n}\n",":host {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host>div::slotted([slot=detail]) {\n\tz-index: 5;\n}\n\n:host::slotted([slot=bar]) {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n:host>div:empty+smoothly-icon {\n\tdisplay: none;\n}\n\n:host>smoothly-icon {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n:host>div.close {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n:host>div.hidden {\n\tdisplay: none;\n}\n\n:host>.container {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n/* arrow /\n:host>div.container:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n/ arrow placement */\n:host>div.container.arrow-top:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n:host div.container:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Filter } from \"./Filter\"\n\n@Component({\n\ttag: \"smoothly-filter\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilter {\n\tfield: HTMLSmoothlyFilterFieldElement \| undefined\n\tupdating = false\n\tfilters: Set<Filter.Update> = new Set<Filter.Update>() // maybe set?\n\t@State() detailChildren?: boolean\n\t@State() criteria: selectively.Criteria = selectively.and()\n\t@State() expanded = false\n\t@Event() smoothlyFilter: EventEmitter<selectively.Criteria>\n\n\t@Listen(\"smoothlyFilterUpdate\")\n\tupdateHandler(event: CustomEvent<Filter.Update>) {\n\t\tevent.stopPropagation()\n\t\tif (Filter.Element.type.is(event.target))\n\t\t\tthis.filters.add(event.detail)\n\t}\n\t@Listen(\"smoothlyFilterManipulate\")\n\tmanipulateHandler(event: CustomEvent<Filter.Manipulate>) {\n\t\tevent.stopPropagation()\n\t\tthis.updating = true\n\t\tthis.criteria = event.detail(this.criteria)\n\t\tthis.smoothlyFilter.emit(this.criteria)\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t\tthis.updating = false\n\t}\n\t@Listen(\"smoothlyFilterField\")\n\tfilterFieldHandler(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tif (!this.updating) {\n\t\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and(event.detail)))\n\t\t\tthis.filters.forEach(update => update(this.criteria))\n\t\t}\n\t}\n\tclear(): void {\n\t\tthis.field?.clear()\n\t\tthis.smoothlyFilter.emit((this.criteria = selectively.and()))\n\t\tthis.filters.forEach(update => update(this.criteria))\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"bar\" />\n\t\t\t\t<smoothly-filter-field criteria={this.criteria} ref={e => (this.field = e)} />\n\t\t\t\t{this.criteria.toString() != \"\" && (\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"close\"}\n\t\t\t\t\t\ttoolTip={\"Clear all filters\"}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.clear()\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div class={this.expanded ? \"container arrow-top\" : \"hidden\"}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={this.expanded ? \"options\" : \"options-outline\"}\n\t\t\t\t\ttoolTip={(this.expanded ? \"Hide\" : \"Show\") + \" additional filters\"}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tthis.expanded = !this.expanded\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div class={this.expanded ? \"close\" : \"hidden\"} onClick={() => (this.expanded = !this.expanded)} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-8bb3112b.js → p-0e8e1dd6.js} RENAMED Viewed

@@ -1,37 +1,37 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { D as Date } from './p-390767c7.js';
-import { d as defineCustomElement$w } from './p-3c7a0927.js';
+import { d as defineCustomElement$w } from './p-bbb43abd.js';
 import { d as defineCustomElement$v } from './p-306f9cb3.js';
-import { d as defineCustomElement$u } from './p-686ec006.js';
-import { d as defineCustomElement$t } from './p-d2305aa2.js';
+import { d as defineCustomElement$u } from './p-65c68d7f.js';
+import { d as defineCustomElement$t } from './p-a2e714dd.js';
 import { d as defineCustomElement$s } from './p-4f80c811.js';
 import { d as defineCustomElement$r } from './p-f770567b.js';
 import { d as defineCustomElement$q } from './p-96acfe2c.js';
 import { d as defineCustomElement$p } from './p-f46dd8e4.js';
 import { d as defineCustomElement$o } from './p-4c6fe645.js';
 import { d as defineCustomElement$n } from './p-ca69a0ef.js';
-import { d as defineCustomElement$m } from './p-c63db1c1.js';
-import { d as defineCustomElement$l } from './p-0b16cab5.js';
-import { d as defineCustomElement$k } from './p-b1db8b28.js';
-import { d as defineCustomElement$j } from './p-09934532.js';
-import { d as defineCustomElement$i } from './p-2b111073.js';
-import { d as defineCustomElement$h } from './p-e59eebf8.js';
-import { d as defineCustomElement$g } from './p-40ae9266.js';
-import { d as defineCustomElement$f } from './p-f9fb0dcd.js';
-import { d as defineCustomElement$e } from './p-b2b11a8f.js';
-import { d as defineCustomElement$d } from './p-498755ab.js';
-import { d as defineCustomElement$c } from './p-6714cfcf.js';
-import { d as defineCustomElement$b } from './p-d84d93f2.js';
+import { d as defineCustomElement$m } from './p-4922697f.js';
+import { d as defineCustomElement$l } from './p-1da0d9df.js';
+import { d as defineCustomElement$k } from './p-9a2f5b22.js';
+import { d as defineCustomElement$j } from './p-42019ace.js';
+import { d as defineCustomElement$i } from './p-fa25f326.js';
+import { d as defineCustomElement$h } from './p-9c63144f.js';
+import { d as defineCustomElement$g } from './p-16d03a0f.js';
+import { d as defineCustomElement$f } from './p-c0f74556.js';
+import { d as defineCustomElement$e } from './p-36e6d680.js';
+import { d as defineCustomElement$d } from './p-75819a67.js';
+import { d as defineCustomElement$c } from './p-caa720e0.js';
+import { d as defineCustomElement$b } from './p-26708078.js';
 import { d as defineCustomElement$a } from './p-79474a9a.js';
-import { d as defineCustomElement$9 } from './p-a071eaed.js';
-import { d as defineCustomElement$8 } from './p-4c8ef04f.js';
-import { d as defineCustomElement$7 } from './p-d1daa4a3.js';
-import { d as defineCustomElement$6 } from './p-2738b430.js';
-import { d as defineCustomElement$5 } from './p-66466b49.js';
-import { d as defineCustomElement$4 } from './p-631148b4.js';
+import { d as defineCustomElement$9 } from './p-78fd29c9.js';
+import { d as defineCustomElement$8 } from './p-fe20fb2e.js';
+import { d as defineCustomElement$7 } from './p-eb8d5683.js';
+import { d as defineCustomElement$6 } from './p-1736c849.js';
+import { d as defineCustomElement$5 } from './p-55a094ac.js';
+import { d as defineCustomElement$4 } from './p-93102b87.js';
 import { d as defineCustomElement$3 } from './p-edcdcc51.js';
 import { d as defineCustomElement$2 } from './p-c77944e7.js';
-import { d as defineCustomElement$1 } from './p-45ff39e4.js';
+import { d as defineCustomElement$1 } from './p-dd5d9674.js';
 const styleCss = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";
 const SmoothlyInputDemoStyle0 = styleCss;
@@ -238,4 +238,4 @@ defineCustomElement();
 export { SmoothlyInputDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-8bb3112b.js.map
+//# sourceMappingURL=p-0e8e1dd6.js.map