smoothly 1.6.0 → 1.8.0

package/dist/smoothly/smoothly.esm.js

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

package/dist/smoothly/smoothly.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,8ifAAuCJ,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,wjfAAuCJ,EAAA","ignoreList":[]}

package/dist/types/components/input/InputStateHandler.d.ts

@@ -13,6 +13,7 @@ export declare class InputStateHandler {
     static create(type: "integer", integerOptions: {
         min?: number;
         max?: number;
+        pad?: number;
     }): InputStateHandler;
     static create(type: tidily.Type, locale?: isoly.Locale): InputStateHandler;
     onKeyDown(event: KeyboardEvent, state: Readonly<tidily.State> & tidily.Settings): Readonly<tidily.State> & tidily.Settings;

package/dist/types/components/input/demo/index.d.ts

@@ -2,5 +2,6 @@ import { isoly } from "isoly";
 export declare class SmoothlyInputDemo {
     duration: isoly.TimeSpan;
     alphanumeric: string;
+    private numbers;
     render(): any;
 }

package/dist/types/components/input/index.d.ts

@@ -24,6 +24,7 @@ export declare class SmoothlyInput implements Clearable, Input, Editable {
     currency?: isoly.Currency;
     min?: number;
     max?: number;
+    pad?: number;
     invalid?: boolean;
     changed: boolean;
     errorMessage?: string;

package/dist/types/components.d.ts

@@ -251,6 +251,7 @@ export namespace Components {
         "max"?: number;
         "min"?: number;
         "name": string;
+        "pad"?: number;
         "placeholder": string | undefined;
         "readonly": boolean;
         "register": () => Promise<void>;
@@ -2443,6 +2444,7 @@ declare namespace LocalJSX {
         "onSmoothlyInputLoad"?: (event: SmoothlyInputCustomEvent<(parent: Editable) => void>) => void;
         "onSmoothlyInputLooks"?: (event: SmoothlyInputCustomEvent<(looks?: Looks, color?: Color) => void>) => void;
         "onSmoothlyKeydown"?: (event: SmoothlyInputCustomEvent<Key>) => void;
+        "pad"?: number;
         "placeholder"?: string | undefined;
         "readonly"?: boolean;
         "required"?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothly",
-	"version": "1.6.0",
+	"version": "1.8.0",
 	"description": "Web component library written in Stencil.",
 	"author": "Utily",
 	"license": "MIT",
@@ -63,7 +63,7 @@
 		"langly": "2.0.10",
 		"normalize.css": "^8.0.1",
 		"selectively": "^2.0.11",
-		"tidily": "^0.2.3",
+		"tidily": "^0.2.5",
 		"urlpattern-polyfill": "^8.0.2"
 	},
 	"devDependencies": {

package/dist/components/p-14ea6e65.js

@@ -1,244 +0,0 @@
-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$x } from './p-ec3b9004.js';
-import { d as defineCustomElement$w } from './p-c98922f4.js';
-import { d as defineCustomElement$v } from './p-e5627b06.js';
-import { d as defineCustomElement$u } from './p-a57e7345.js';
-import { d as defineCustomElement$t } from './p-065cbcf5.js';
-import { d as defineCustomElement$s } from './p-b235b5aa.js';
-import { d as defineCustomElement$r } from './p-d3c8be66.js';
-import { d as defineCustomElement$q } from './p-5bf78c75.js';
-import { d as defineCustomElement$p } from './p-d8bd7cc0.js';
-import { d as defineCustomElement$o } from './p-ed1e7da4.js';
-import { d as defineCustomElement$n } from './p-a09be6d8.js';
-import { d as defineCustomElement$m } from './p-cef759f2.js';
-import { d as defineCustomElement$l } from './p-d1dcafa9.js';
-import { d as defineCustomElement$k } from './p-56fc01bf.js';
-import { d as defineCustomElement$j } from './p-3609c2f0.js';
-import { d as defineCustomElement$i } from './p-6396cebd.js';
-import { d as defineCustomElement$h } from './p-2c9a8b37.js';
-import { d as defineCustomElement$g } from './p-03be2708.js';
-import { d as defineCustomElement$f } from './p-50847f24.js';
-import { d as defineCustomElement$e } from './p-3b06b8a0.js';
-import { d as defineCustomElement$d } from './p-1e8fa07d.js';
-import { d as defineCustomElement$c } from './p-c3d52c12.js';
-import { d as defineCustomElement$b } from './p-94091007.js';
-import { d as defineCustomElement$a } from './p-ba76192d.js';
-import { d as defineCustomElement$9 } from './p-d81a3a84.js';
-import { d as defineCustomElement$8 } from './p-b3cfa9a5.js';
-import { d as defineCustomElement$7 } from './p-c9619231.js';
-import { d as defineCustomElement$6 } from './p-a765eaaa.js';
-import { d as defineCustomElement$5 } from './p-9e3806ff.js';
-import { d as defineCustomElement$4 } from './p-e9e71692.js';
-import { d as defineCustomElement$3 } from './p-da4c10d0.js';
-import { d as defineCustomElement$2 } from './p-18451fa9.js';
-import { d as defineCustomElement$1 } from './p-d1462fc3.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;
-
-const SmoothlyInputDemo = proxyCustomElement(class SmoothlyInputDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.duration = { hours: 8 };
-        this.alphanumeric = "!@##";
-    }
-    render() {
-        return (h(Host, { key: 'f391bd78c0251dabd6f1ff36b039dbb88dd6f36b' }, h("smoothly-input-demo-standard", { key: '6ec0721055230720b20f5e7d4ead62c430a57caa' }), h("div", { key: '5fc44c0c8fdadf263692766ce0ecdbe8e8facd6b', class: "inputs" }, h("h2", { key: '5c0b67d96c5c5e9ec56cf4cd7135cb844c3034e0' }, "Calendar"), h("smoothly-input-date", { key: '7110f32cb9d5c3451595a70b08232848c9d4b465', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '840b983439402d95ddc6ed9ea03d1edc82d1bbbf', name: "someDateTime" }, "DateTime"), h("h2", { key: 'd5db1f5c8ae18f67bc0cdb61273043f647675a89' }, "Date Range"), h("smoothly-input-date-range", { key: '2b6a94b1f56c5eec888ec19ac95af52255caf1b4', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '8e86b0a98a3abd79fdf625aed83dfb278fb3470b', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'ac33be124dcf125eeae6f56c8fcf77dee2e9e09b', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: 'ddff97927d04e2ccec654cbe9687889e2ac915e6', looks: "grid", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
-                "--smoothly-input-border-radius": "0.5rem",
-            } }, h("smoothly-input-clear", { key: 'f5f998abd40b9403ccebafe27ba14493fa8f19ca', slot: "end", size: "icon" })), h("h2", { key: '7d173c425b81aa7deb4cd89edb3c89a2ff528a3b' }, "Date"), h("smoothly-input-date", { key: '0b811e8dd45367c464a7f6edb1b4a33b627adeba' }, "Date"), h("smoothly-input-date", { key: 'bf8581823bc434be491ebc5fafdba71061a14101', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '88e7ffea5182215229db30af9afe6f4e7ce57146', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '172b1c34e6cd4b67f78625b75ff471c303fb12d4', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '30968f8dcc79a0321afca68cf79e2ea31b8735fc', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '0bbdf2875ce1621de5ed65128569f2e20846f85a', slot: "end", size: "icon" })), h("h2", { key: 'a9eb917e3d429438514b7ad091b5cd84fd872889' }, "Select"), h("div", { key: 'ff41a3d04e75f1d6509c6c986dc88e4becad3721', class: "select-div" }, h("smoothly-input-select", { key: 'e2dd73ead13a60e47494d3cd025c34a805f5e4ee', name: "select-dessert", looks: "border" }, h("label", { key: '75e7c9ff86ce84ac3eda4bb40af16d6e9b16e434', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '577f76315b49efcef1f260362b93ff6112004b47', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'ed71f3d6e83f8fa10811c952bb1ab5f7b9baa97b', value: "2" }, "Sponge cake"), h("smoothly-item", { key: 'e4885a3b9170974878d5c9882d0239fe944c11f2', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '8bcc76448c631fbf793f91947af4c0e17c60a858', value: "4" }, "Cookie"), h("smoothly-item", { key: 'a72d1e10c4b69da2584f2e15d4215c08c5f92fdb', value: "5" }, "Croissant"), h("smoothly-item", { key: '6f5653a3a0e7caa778b40eccbc4069f324fd25cb', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: 'ddc17cfc7f7c3146518ad4827f8d674b165db328', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '0404ede6b67ed2840409c725d0d2863f0d306c30', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '16b514b69567d48eb36e14812c700e8658e95ea0', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '6e2dbeee5a47c7f8c2e1a1c6c4d079ff31f200e4', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '915a599dcbe877f1513ead46fda81150c7781a03', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '2664f2bcd62e4f27fb49f46652fa9e69516c8e57', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: 'd1cf93f393ecff22c4ac6fcc007ab6c09a534b8e', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '0b7dd82efb700709a66ced995a3dc4d18be30ff6', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '9866a5e80c446f5b4ca2c2ff8f711ab039912b87', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '775756976b9654150ee7670be56f7b44bacc09a2', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '2543c280d67278c8215a0f1c40060d1a650551c9', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '99670894167dd333c93ddeb166ce6d6677bfa7db', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '8523895743bb77d41829b97a82b34b1b8c13de85', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '2b77ced15c1efccc0c963ea0190a108aaf7ff254', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'ec88105457f95ec7582b95a0cd6174a96fa4691f', value: "folder", selected: true }, h("smoothly-icon", { key: 'a8420b94eedd11f7a27bb589ea15e0fe8ad28eed', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'a0a2524ccf06e777498a0612bfc755fbdb3c26da', value: "camera" }, h("smoothly-icon", { key: 'd6a08b892a58f56187b5921cff2b55646a2fd1fb', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: 'fba2c8857f72aa30927a76faa5005a8f629f7432', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'c469cb86e393ca8567e4f306074f6b1822da1f4c', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
-            .map((_, i) => String.fromCharCode(i + 65))
-            .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: 'e3bf61ef393d38a27d457c34dd0c6e1725581cd7', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '6f378b22b5f5e65b7a806ae68675131d6e024d00', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '7d1f5110fe52b497edd86a5e4397914cd1636eb3', value: "1" }, "January"), h("smoothly-item", { key: 'a5217ec2aa7daf0992a53392724d3de162f1b7c3', value: "2" }, "February"), h("smoothly-item", { key: 'e97d698810ba4cc74fbf9235fb1f3c8fd2c3c3d4', value: "3" }, "March"), h("smoothly-item", { key: 'b379faa9da4b684ba555c949c6b6ddccc4c116b8', value: "4" }, "April"), h("smoothly-item", { key: '97de95e971a0c07e462aea3e935536a59df7e89a', value: "5" }, "May"), h("smoothly-item", { key: '684e39a859bfd80078bee12230cbaebdc2ed6fb9', value: "6" }, "June"), h("smoothly-item", { key: '84ceedba22aaed9a7c9dc866131deb3da7cb637f', value: "7" }, "July"), h("smoothly-item", { key: '1c310541498a90e74471932e7d5236466c9b61a5', value: "8" }, "August"), h("smoothly-item", { key: '5779cad53606a81b4b8741748f7dff06f4c1d53b', value: "9" }, "September"), h("smoothly-item", { key: '4f77e5f150de94e40fa44ad9a18c62e946583b1e', value: "10" }, "October"), h("smoothly-item", { key: '0721ac6d8ad7b08bbf3f37e6000ae21d39cff10a', value: "11" }, "November"), h("smoothly-item", { key: '786168eff22dd2df98369268f734f3382e5f0144', value: "12" }, "December"))), h("h2", { key: 'a0fb40b3246b9810fc8c628947e34e8e7861edc8' }, "Duration"), h("smoothly-input", { key: '6e8dc2d9bb81905f9b361e3d86fc5bde907d9a08', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '9e7b6a937a25da6e1b54e3936a349899a82f444d', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
-                const duration = e.detail.duration;
-                this.duration = duration;
-            } }, "Duration"), h("h2", { key: '31b7b747b3aaaf845ad1aed49ab45ba9523a2fc3' }, "Integer with Min/Max"), h("smoothly-input", { key: 'c81811ff2d335ea60df070a960524ff16ede8489', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: '86aeb498c9731e91de63412a11a79f29292adcd0', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '4802f8b96a9aab4828c3327de3eb2b531edcddfd', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: '3737eab0df9fd0706175be8a971593ab3bb9343d', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '6b2f5d91faf5bf0d3bc074e859d88445a80b5667' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '95410c2f81a47ca003616bd40d89f7885b634f37', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: 'ad449776079245f9531bd8ce3f51efe3411e5e7e' }, "Identifiers"), h("smoothly-input", { key: 'b3325535a6ac61fd0476d6a075693c7e2fca5ef6', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '28e66d1f923f9807252c3cc72fe4a788240aba1d', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '491387109239d78a481aa0a4c9058a2cdb2a4c65', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '35fce4f6c948209470cd2ad28f8d9621ee6b5321', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: 'dd534f14f8e8943f7ddef74992dd46c318347ae8', type: "identifier-camel" }, "Camel"), h("h2", { key: '38685f41f8810a5795834ca27905b2f2afc27eac' }, "Input Alternatives"), h("smoothly-input", { key: '59043422556d04cc56c186714e91dc64f0816ed7', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: '213e727678e743ec88cdd54a979ce8935c541340', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '51f32ad9c0b4c9b7a8204bc63c441f8fa167b611', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '46aa75ade3df2db1b151e01096a197f2e2fd8af9', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'b1293dfab17cf01887cbf5841db05e04dd3a1464', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: 'b284306b4866a605add8c5ef598dc40f1282ec43', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '24ec4d180f050b371e9af2f002b7116a99b88cf4', placeholder: "test" }), h("smoothly-input-submit", { key: 'd55d4fff97828924002492d9016bd73eef46eba7', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'f45625069ac93259c0631c1137df1f0275ac0a57' }, "Smoothly checkboxes"), h("div", { key: '0b987f4c368c8d50dbb6f49055ba0cff33835427', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '315c00eb4677344a3877d819a6a90882a97da7b9', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '24b845e4451277aac8e6c945aaa7536e481b523e', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'c7e4398c49e7299b6b235b5ff5572d7f59998c5c', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '3c59195cd3e5de2a5ca0db1ef7e67fdac4b20773', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'b353f63610a38744c63f5a98827a8be376f24689', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '594f7ec3d3f3be405aaf885621eb718e3fbf0a35', name: "third-checkbox" }, "3rd")), h("h4", { key: 'cf0b6447f28184077a82ebd6fa338531484442fb' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '2dd5ceb1a1ff1b080616ec88e9480c53750ded4c', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '79cf63ff3aac8acaa1511e77fe27d993270913c3', name: "checkmark-circle", slot: "start" }), h("label", { key: 'b794b9b61a60fd655a906db0ff400785d8dfb970', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '7344467bc0580b1efd378925eb4af010967a0276', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'bd8afddd7a86f9853f3c01b1121c9164140a8418', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'eac077c9f5c7c480b00806bc59dd7bc0e5747399', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: 'e87f205103c7dd86c240a63d6f944c5c8775f693', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'f4fa9eda695df9d7dcc4d3f68fe060a781cc20d6', name: "radioSecondInput" }, h("label", { key: 'd0a413214b688e493d73951747eba6bba204d85e', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'ddb690ff8501c50743bc0d0e11e1c26ce5c5bb23', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'bb5db85ec9f091bb62dd89c3ad0c8f749b85db8f', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '0a16abf56b4f3f77407d64fe2969b512b8444582', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: 'e67deaa29b84a99dff1332357144fc7e9055400f', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '96e014e32102387364e1bfd5bf2288c3b1c028db', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '73cc1861839ecfe97fa494dd5544780a794abb5b', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '70d2d8f0df0397e64de5a5406431a26819438d21' }), h("smoothly-input-color-demo", { key: '2f34171560df93381803026b34d678474403bb7a' }), h("smoothly-input-price-demo", { key: '10fa39ce18a471a2ca132cc95a68ece4d04f78b9' }), h("smoothly-back-to-top", { key: '646557d1c7a1ab4d661562591f77c4107527af08' }))));
-    }
-    static get style() { return SmoothlyInputDemoStyle0; }
-}, [2, "smoothly-input-demo", {
-        "duration": [32],
-        "alphanumeric": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-input-demo", "smoothly-back-to-top", "smoothly-button", "smoothly-button-confirm", "smoothly-calendar", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-color-demo", "smoothly-input-date", "smoothly-input-date-range", "smoothly-input-date-time", "smoothly-input-demo-standard", "smoothly-input-file", "smoothly-input-month", "smoothly-input-price-demo", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-range-demo", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-toggle-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-input-demo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyInputDemo);
-            }
-            break;
-        case "smoothly-back-to-top":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "smoothly-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "smoothly-button-confirm":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "smoothly-calendar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "smoothly-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "smoothly-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "smoothly-input-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "smoothly-input-clear":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "smoothly-input-color":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "smoothly-input-color-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "smoothly-input-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "smoothly-input-date-range":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "smoothly-input-date-time":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "smoothly-input-demo-standard":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "smoothly-input-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "smoothly-input-month":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "smoothly-input-price-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "smoothly-input-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "smoothly-input-radio-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "smoothly-input-range":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "smoothly-input-range-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "smoothly-input-reset":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "smoothly-input-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "smoothly-input-submit":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "smoothly-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "smoothly-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-toggle-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyInputDemo as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-14ea6e65.js.map

package/dist/components/p-14ea6e65.js.map

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