smoothly 1.100.0 → 1.102.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-3b24fabe",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]},[[8,"smoothlyUrlChange","urlChangeHandler"]]],[2,"smoothly-form-demo"],[2,"smoothly-input-demo",{"duration":[32],"alphanumeric":[32]}],[2,"smoothly-table-demo"],[0,"smoothly-button-demo"],[2,"smoothly-icon-demo",{"display":[32],"props":[32]}],[2,"smoothly-theme-demo"],[0,"smoothly-display-demo",{"downloadingSpinner":[32]}],[2,"smoothly-dialog-demo",{"openModal":[32],"openTallModal":[32],"showFrame":[32]}],[4,"smoothly-app",{"label":[513],"color":[1],"home":[1],"menuOpen":[1540,"menu-open"],"navBreakpoint":[513,"nav-breakpoint"],"mobileMode":[32],"selected":[32],"selectRoom":[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelect","roomSelectedHandler"],[0,"smoothlyRoomLoad","roomLoadedHandler"],[8,"click","clickHandler"]],{"selected":["selectedChanged"]}],[6,"smoothly-app-room",{"label":[513],"icon":[513],"disabled":[516],"path":[1],"selected":[1540],"content":[16],"mobileMode":[32],"setMobileMode":[64],"getContent":[64],"setSelected":[64]},[[8,"smoothlyUrlUpdate","setQuery"]]],[2,"smoothly-tabs-demo",{"extraTab1":[32],"extraTab2":[32]}],[2,"smoothly-form-demo-pet",{"hasOwner":[32],"owner":[32],"value":[32]}],[2,"smoothly-input-demo-standard",{"duration":[32],"options":[32]}],[2,"smoothly-form-demo-all"],[2,"smoothly-input-demo-user-input",{"textIndex":[32],"selectIndex":[32],"checkboxChecked":[32],"radioIndex":[32],"rangeValue":[32],"colorIndex":[32],"dateValue":[32],"datetimeValue":[32],"dateRangeValue":[32]}],[2,"smoothly-table-demo-filtered",{"criteria":[32],"cats":[32],"selector":[32]},[[0,"smoothlyFilter","onFilterUpdate"],[0,"smoothlyInput","smoothlyInputHandler"]]],[2,"smoothly-form-demo-transparent"],[2,"smoothly-table-demo-group"],[2,"smoothly-form-demo-schedule"],[2,"smoothly-form-demo-typed"],[2,"smoothly-table-demo-colspan"],[2,"smoothly-table-demo-nested-no-cell",{"loadingIndex":[32],"loadedRows":[32]}],[2,"smoothly-form-demo-controlled",{"name":[32],"currency":[32],"date":[32]},null,{"name":["nameChanged"]}],[2,"smoothly-form-demo-date"],[2,"smoothly-form-demo-date-range"],[2,"smoothly-table-demo-filler-row",{"cats":[32]}],[2,"smoothly-table-demo-simple"],[2,"smoothly-button-demo-standard",{"props":[32],"heightText":[32],"lastButton":[32]},null,{"props":["updateInputHeightText"]}],[2,"smoothly-input-date-demo",{"date":[32],"alwaysShowGuide":[32]}],[0,"smoothly-input-color-demo"],[0,"smoothly-input-range-demo"],[2,"smoothly-form-demo-login"],[2,"smoothly-form-demo-prices"],[2,"smoothly-form-demo-card"],[0,"smoothly-display-demo-json"],[2,"smoothly-theme-guide"],[2,"smoothly-input-price-demo",{"currencies":[32],"currency":[32]}],[6,"smoothly-notifier",{"icon":[4],"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-theme-picker",{"element":[1]}],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-theme-colors"],[2,"smoothly-toggle-switch-demo"],[2,"smoothly-burger",{"open":[1540]},[[0,"click","clickHandler"]],{"open":["openChanged"]}],[6,"smoothly-modal",{"open":[1540],"closable":[516],"align":[513],"closeModal":[64],"openModal":[64]},null,{"open":["openChanged"]}],[2,"smoothly-frame",{"url":[1],"name":[513],"origin":[1],"send":[64]}],[6,"smoothly-label",{"hue":[2],"description":[1],"shape":[513]}],[2,"smoothly-table-demo-nested-no-cell-inner",{"data":[16]}],[6,"smoothly-filter",{"detailChildren":[32],"criteria":[32],"expanded":[32]},[[0,"smoothlyFilterUpdate","updateHandler"],[0,"smoothlyFilterManipulate","manipulateHandler"],[0,"smoothlyFilterField","filterFieldHandler"]]],[6,"smoothly-filter-select",{"label":[1],"property":[1],"menuHeight":[1,"menu-height"],"multiple":[4],"type":[1],"looks":[1025]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]]],[6,"smoothly-filter-input",{"label":[1],"property":[1],"placeholder":[1],"needle":[32]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]],{"notice":["onUpdatedNotice"]}],[6,"smoothly-table-filler-row"],[2,"smoothly-back-to-top",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-filter-toggle",{"icon":[1],"properties":[16],"tooltip":[1],"not":[4],"flip":[516],"active":[1028]}],[6,"smoothly-summary",{"open":[1540]}],[2,"smoothly-theme-color",{"color":[1]}],[6,"smoothly-table-row-group",{"align":[516],"open":[1540]}],[2,"smoothly-filter-field",{"criteria":[8],"clear":[64]}],[6,"smoothly-tab",{"label":[1],"name":[1],"tooltip":[1],"open":[1540],"disabled":[516]},[[0,"smoothlyInputLoad","onInputLoad"],[0,"smoothlyInput","onInputLoad"]],{"open":["openHandler"]}],[6,"smoothly-tabs",{"tabs":[513],"numberOfTabs":[2,"number-of-tabs"],"tabElements":[32],"selectedElement":[32],"removeTab":[64]},[[0,"smoothlyTabLoad","onInputLoad"],[0,"smoothlyTabOpen","openChanged"]],{"selectedElement":["onSelectedChange"]}],[2,"smoothly-theme-color-variant",{"color":[513],"variant":[513]}],[6,"smoothly-input-edit",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"type":[513],"size":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-lazy",{"show":[1028],"content":[16]}],[6,"smoothly-table-expandable-row",{"open":[1540]},null,{"open":["openChange"]}],[6,"smoothly-table-foot"],[6,"smoothly-input-date-time",{"color":[1537],"looks":[1537],"name":[513],"readonly":[1540],"disabled":[516],"invalid":[516],"errorMessage":[513,"error-message"],"value":[1025],"open":[1028],"showLabel":[516,"show-label"],"min":[1],"max":[1],"date":[32],"hour":[32],"minute":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{"name":["nameChange"],"date":["handleChange"],"hour":["handleChange"],"minute":["handleChange"],"value":["valueChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[2,"smoothly-load-more",{"triggerMode":[1,"trigger-mode"],"name":[1],"multiple":[4],"inView":[32]}],[6,"smoothly-table-expandable-cell",{"span":[514],"open":[1540],"close":[64]},null,{"open":["openChange"]}],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input-file",{"readonly":[1540],"disabled":[516],"accept":[1],"color":[1537],"looks":[1537],"camera":[513],"name":[513],"showLabel":[516,"show-label"],"value":[1040],"placeholder":[1537],"dragging":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"binary":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"name":["nameChange"],"value":["valueChanged"]}],[6,"smoothly-table-body"],[6,"smoothly-table-cell",{"span":[514]}],[6,"smoothly-input-color",{"value":[1025],"looks":[1537],"color":[1537],"readonly":[1540],"disabled":[516],"output":[1],"name":[513],"showLabel":[516,"show-label"],"open":[32],"sliderMode":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{"name":["nameChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"value":["valueChanged"]}],[6,"smoothly-table",{"columns":[2]},[[0,"smoothlyTableExpandableRowChange","smoothlyTableExpandableRowChange"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChange"]]],[6,"smoothly-table-head",{"scrolled":[32],"depth":[32]}],[6,"smoothly-input-date-range",{"locale":[513],"name":[513],"color":[1537],"looks":[1537],"readonly":[1540],"disabled":[516],"showLabel":[516,"show-label"],"start":[1025],"end":[1025],"placeholder":[513],"alwaysShowGuide":[516,"always-show-guide"],"invalid":[516],"errorMessage":[513,"error-message"],"max":[1],"min":[1],"open":[32],"startHasText":[32],"endHasText":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"clear":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{"start":["startChanged"],"end":["endChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"name":["nameChange"]}],[6,"smoothly-table-row",null,[[0,"smoothlyTableExpandableCellRegister","smoothlyTableExpandableCellRegisterHandler"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChangeHandler"]]],[6,"smoothly-input-checkbox",{"name":[513],"readonly":[1540],"disabled":[516],"checked":[1540],"value":[16],"looks":[1537],"color":[1537],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"name":["nameChange"],"disabled":["handleDisabledChange"],"readonly":["handleDisabledChange"],"checked":["elementCheck"]}],[6,"smoothly-input-radio-item",{"value":[1032],"selected":[1540],"looks":[1537],"name":[1025],"disabled":[32]}],[6,"smoothly-input-radio",{"value":[1032],"looks":[1537],"color":[1537],"direction":[513],"clearable":[4],"readonly":[1540],"disabled":[516],"name":[513],"showLabel":[516,"show-label"],"listen":[64],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyRadioItemRegister","handleRegister"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyRadioItemSelect","smoothlyRadioInputHandler"]],{"name":["nameChange"],"value":["valueChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-range",{"value":[1026],"looks":[1537],"color":[1537],"defined":[1028],"readonly":[1540],"disabled":[516],"type":[1],"min":[2],"max":[2],"name":[513],"step":[2],"outputSide":[1,"output-side"],"label":[1],"showInput":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]],{"name":["nameChange"],"value":["valueChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-date",{"locale":[513],"color":[1537],"looks":[1537],"name":[513],"readonly":[1540],"disabled":[516],"invalid":[516],"errorMessage":[513,"error-message"],"placeholder":[513],"alwaysShowGuide":[516,"always-show-guide"],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"showLabel":[516,"show-label"],"hasText":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyDateSet","dateSetHandler"]],{"name":["nameChange"],"value":["onValueChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-clear",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-input-reset",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[2,"smoothly-toggle-switch",{"checkmark":[516],"selected":[1540],"disabled":[516],"size":[513],"color":[513],"fill":[513]}],[6,"smoothly-input-submit",{"delete":[516],"color":[1],"icon":[8],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"size":[513],"tooltip":[1]}],[2,"smoothly-date-text",{"locale":[1],"readonly":[516],"disabled":[516],"showLabel":[516,"show-label"],"value":[1],"parts":[32],"order":[32],"separator":[32],"focusedIndex":[32],"setValue":[64],"select":[64],"deselect":[64]},[[0,"beforeinput","beforeInputHandler"],[2,"input","inputHandler"]],{"parts":["partsHandler"],"focusedIndex":["focusedIndexHandler"]}],[6,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1],"end":[1],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"startInternal":[32],"endInternal":[32],"jumpTo":[64]},null,{"start":["onStart"],"end":["onEnd"]}],[6,"smoothly-button-confirm",{"color":[1],"name":[513],"doubleClickTime":[2,"double-click-time"],"expand":[513],"fill":[1],"disabled":[516],"shape":[1],"size":[1],"clickTimeStamp":[32]}],[6,"smoothly-input-month",{"readonly":[1540],"color":[513],"looks":[1537],"name":[513],"value":[1025],"max":[1025],"min":[1025],"next":[516],"previous":[516],"inCalendar":[516,"in-calendar"],"showLabel":[516,"show-label"],"allowPreviousMonth":[32],"allowNextMonth":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"value":["valueChanged","setAllowPreviousMonth","setAllowNextMonth"],"min":["setAllowPreviousMonth"],"max":["setAllowNextMonth"],"name":["nameChange"]}],[4,"smoothly-form",{"color":[1537],"value":[1040],"action":[1],"validator":[16],"type":[1],"readonly":[1028],"looks":[513],"name":[513],"prevent":[4],"processing":[1040],"removeInput":[64],"listen":[64],"submit":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyKeydown","smoothlyKeydownHandler"],[8,"smoothlyFormSubmit","windowSubmitHandler"],[0,"smoothlyFormSubmit","submitHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]],{"value":["watchValue"],"readonly":["watchReadonly"]}],[2,"smoothly-display",{"type":[1],"label":[1],"value":[8],"collapseDepth":[2,"collapse-depth"],"toInteger":[4,"to-integer"],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-json",{"value":[8],"collapseDepth":[2,"collapse-depth"]}],[2,"smoothly-spinner",{"size":[513],"overlay":[516]}],[2,"smoothly-display-json-object",{"value":[16],"collapseDepth":[2,"collapse-depth"],"open":[32],"empty":[32]}],[2,"smoothly-display-json-primitive",{"value":[8]}],[2,"smoothly-display-json-record-key",{"value":[8]}],[6,"smoothly-input-select",{"invalid":[516],"errorMessage":[513,"error-message"],"name":[513],"color":[1537],"looks":[1537],"showLabel":[516,"show-label"],"showSelected":[1540,"show-selected"],"readonly":[1540],"disabled":[516],"inCalendar":[516,"in-calendar"],"ordered":[516],"multiple":[516],"clearable":[4],"defined":[1028],"placeholder":[520],"menuHeight":[1,"menu-height"],"required":[4],"searchDisabled":[4,"search-disabled"],"mutable":[4],"open":[32],"selected":[32],"filter":[32],"addedItems":[32],"register":[64],"unregister":[64],"getValue":[64],"getItems":[64],"listen":[64],"reset":[64],"clear":[64],"edit":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyItemDOMChange","onItemDomChange"],[0,"smoothlyItemSelect","onItemSelect"],[0,"keydown","onKeyDown"]],{"name":["nameChange"],"selected":["onSelectedChange"],"required":["onRequiredChange"],"filter":["onFilterChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"open":["onClosed"]}],[6,"smoothly-input",{"color":[1537],"looks":[1537],"name":[513],"value":[1032],"type":[513],"required":[516],"showLabel":[516,"show-label"],"autocomplete":[1],"placeholder":[513],"disabled":[516],"readonly":[1540],"toInteger":[4,"to-integer"],"currency":[513],"min":[2],"max":[2],"pad":[2],"invalid":[516],"errorMessage":[513,"error-message"],"copyable":[516],"initialValue":[32],"state":[32],"copied":[32],"getValue":[64],"setValue":[64],"setFocus":[64],"setSelection":[64],"listen":[64],"register":[64],"unregister":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"setCustomInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{"name":["nameChange"],"currency":["typeChange"],"type":["typeChange"],"state":["stateChange"],"value":["valueChange"],"disabled":["readonlyChange"],"readonly":["readonlyChange"]}],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"disabled":[516],"deselectable":[4],"filter":[64]},[[0,"click","clickHandler"]],{"selected":["selectedWatcher"]}],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"tooltip":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[513],"size":[513],"rotate":[514],"flip":[513],"tooltip":[1],"latestPromise":[32]},null,{"tooltip":["nameChanged"],"name":["nameChanged"]}]]],["p-ef387b27",[[2,"smoothly-input-checkbox-demo"]]],["p-ed0c6bf7",[[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-1f393d2d",[[6,"smoothly-color",{"color":[513]}]]],["p-93e60427",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["p-bcf83be6",[[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]]]],["p-1591ed71",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["p-a00d7c21",[[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-5b91cbdd",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]},[[8,"smoothlyUrlChange","urlChangeHandler"]]],[2,"smoothly-form-demo"],[2,"smoothly-input-demo",{"duration":[32],"alphanumeric":[32]}],[2,"smoothly-table-demo"],[0,"smoothly-button-demo"],[2,"smoothly-icon-demo",{"display":[32],"props":[32]}],[2,"smoothly-theme-demo"],[0,"smoothly-display-demo",{"downloadingSpinner":[32]}],[2,"smoothly-dialog-demo",{"openModal":[32],"openTallModal":[32],"showFrame":[32]}],[4,"smoothly-app",{"label":[513],"color":[1],"home":[1],"menuOpen":[1540,"menu-open"],"navBreakpoint":[513,"nav-breakpoint"],"mobileMode":[32],"selected":[32],"selectRoom":[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelect","roomSelectedHandler"],[0,"smoothlyRoomLoad","roomLoadedHandler"],[8,"click","clickHandler"]],{"selected":["selectedChanged"]}],[6,"smoothly-app-room",{"label":[513],"icon":[513],"disabled":[516],"path":[1],"selected":[1540],"content":[16],"mobileMode":[32],"setMobileMode":[64],"getContent":[64],"setSelected":[64]},[[8,"smoothlyUrlUpdate","setQuery"]]],[2,"smoothly-tabs-demo",{"extraTab1":[32],"extraTab2":[32]}],[2,"smoothly-form-demo-pet",{"hasOwner":[32],"owner":[32],"value":[32]}],[2,"smoothly-input-demo-standard",{"duration":[32],"options":[32]}],[2,"smoothly-form-demo-all"],[2,"smoothly-input-demo-user-input",{"textIndex":[32],"selectIndex":[32],"checkboxChecked":[32],"radioIndex":[32],"rangeValue":[32],"colorIndex":[32],"dateValue":[32],"datetimeValue":[32],"dateRangeValue":[32]}],[2,"smoothly-table-demo-filtered",{"criteria":[32],"cats":[32],"selector":[32]},[[0,"smoothlyFilter","onFilterUpdate"],[0,"smoothlyInput","smoothlyInputHandler"]]],[2,"smoothly-form-demo-transparent"],[2,"smoothly-table-demo-group"],[2,"smoothly-form-demo-schedule"],[2,"smoothly-form-demo-typed"],[2,"smoothly-table-demo-colspan"],[2,"smoothly-table-demo-nested-no-cell",{"loadingIndex":[32],"loadedRows":[32]}],[2,"smoothly-form-demo-controlled",{"name":[32],"currency":[32],"date":[32]},null,{"name":["nameChanged"]}],[2,"smoothly-form-demo-date"],[2,"smoothly-form-demo-date-range"],[2,"smoothly-table-demo-filler-row",{"cats":[32]}],[2,"smoothly-table-demo-simple"],[2,"smoothly-button-demo-standard",{"props":[32],"heightText":[32],"lastButton":[32]},null,{"props":["updateInputHeightText"]}],[2,"smoothly-input-date-demo",{"date":[32],"alwaysShowGuide":[32]}],[0,"smoothly-input-color-demo"],[0,"smoothly-input-range-demo"],[2,"smoothly-form-demo-login"],[2,"smoothly-form-demo-prices"],[2,"smoothly-form-demo-card"],[0,"smoothly-display-demo-json"],[2,"smoothly-theme-guide"],[2,"smoothly-input-price-demo",{"currencies":[32],"currency":[32]}],[6,"smoothly-notifier",{"icon":[4],"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-theme-picker",{"element":[1]}],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-theme-colors"],[2,"smoothly-toggle-switch-demo"],[2,"smoothly-burger",{"open":[1540]},[[0,"click","clickHandler"]],{"open":["openChanged"]}],[6,"smoothly-modal",{"open":[1540],"closable":[516],"align":[513],"closeModal":[64],"openModal":[64]},null,{"open":["openChanged"]}],[2,"smoothly-frame",{"url":[1],"name":[513],"origin":[1],"send":[64]}],[6,"smoothly-label",{"hue":[2],"description":[1],"shape":[513]}],[2,"smoothly-table-demo-nested-no-cell-inner",{"data":[16]}],[6,"smoothly-filter",{"detailChildren":[32],"criteria":[32],"expanded":[32]},[[0,"smoothlyFilterUpdate","updateHandler"],[0,"smoothlyFilterManipulate","manipulateHandler"],[0,"smoothlyFilterField","filterFieldHandler"]]],[6,"smoothly-filter-select",{"label":[1],"property":[1],"menuHeight":[1,"menu-height"],"multiple":[4],"type":[1],"looks":[1025]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]]],[6,"smoothly-filter-input",{"label":[1],"property":[1],"placeholder":[1],"needle":[32]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]],{"notice":["onUpdatedNotice"]}],[6,"smoothly-table-filler-row"],[2,"smoothly-back-to-top",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-filter-toggle",{"icon":[1],"properties":[16],"tooltip":[1],"not":[4],"flip":[516],"active":[1028]}],[6,"smoothly-summary",{"open":[1540]}],[2,"smoothly-theme-color",{"color":[1]}],[6,"smoothly-table-row-group",{"align":[516],"open":[1540]}],[2,"smoothly-filter-field",{"criteria":[8],"clear":[64]}],[6,"smoothly-tab",{"label":[1],"name":[1],"tooltip":[1],"open":[1540],"disabled":[516]},[[0,"smoothlyInputLoad","onInputLoad"],[0,"smoothlyInput","onInputLoad"]],{"open":["openHandler"]}],[6,"smoothly-tabs",{"tabs":[513],"numberOfTabs":[2,"number-of-tabs"],"tabElements":[32],"selectedElement":[32],"removeTab":[64]},[[0,"smoothlyTabLoad","onInputLoad"],[0,"smoothlyTabOpen","openChanged"]],{"selectedElement":["onSelectedChange"]}],[2,"smoothly-theme-color-variant",{"color":[513],"variant":[513]}],[6,"smoothly-input-edit",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"type":[513],"size":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-lazy",{"show":[1028],"content":[16]}],[6,"smoothly-table-expandable-row",{"open":[1540]},null,{"open":["openChange"]}],[6,"smoothly-table-foot"],[6,"smoothly-input-date-time",{"color":[1537],"looks":[1537],"name":[513],"readonly":[1540],"disabled":[516],"invalid":[516],"errorMessage":[513,"error-message"],"value":[1025],"open":[1028],"showLabel":[516,"show-label"],"min":[1],"max":[1],"date":[32],"hour":[32],"minute":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{"name":["nameChange"],"date":["handleChange"],"hour":["handleChange"],"minute":["handleChange"],"value":["valueChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[2,"smoothly-load-more",{"triggerMode":[1,"trigger-mode"],"name":[1],"multiple":[4],"inView":[32]}],[6,"smoothly-table-expandable-cell",{"span":[514],"open":[1540],"close":[64]},null,{"open":["openChange"]}],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input-file",{"readonly":[1540],"disabled":[516],"accept":[1],"color":[1537],"looks":[1537],"camera":[513],"name":[513],"showLabel":[516,"show-label"],"value":[1040],"placeholder":[1537],"dragging":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"binary":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"name":["nameChange"],"value":["valueChanged"]}],[6,"smoothly-table-body"],[6,"smoothly-table-cell",{"span":[514]}],[6,"smoothly-input-color",{"value":[1025],"looks":[1537],"color":[1537],"readonly":[1540],"disabled":[516],"output":[1],"name":[513],"showLabel":[516,"show-label"],"open":[32],"sliderMode":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{"name":["nameChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"value":["valueChanged"]}],[6,"smoothly-table",{"columns":[2]},[[0,"smoothlyTableExpandableRowChange","smoothlyTableExpandableRowChange"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChange"]]],[6,"smoothly-table-head",{"scrolled":[32],"depth":[32]}],[6,"smoothly-input-date-range",{"locale":[513],"name":[513],"color":[1537],"looks":[1537],"readonly":[1540],"disabled":[516],"showLabel":[516,"show-label"],"start":[1025],"end":[1025],"placeholder":[513],"alwaysShowGuide":[516,"always-show-guide"],"invalid":[516],"errorMessage":[513,"error-message"],"max":[1],"min":[1],"open":[32],"startHasText":[32],"endHasText":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"clear":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{"start":["startChanged"],"end":["endChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"name":["nameChange"]}],[6,"smoothly-table-row",null,[[0,"smoothlyTableExpandableCellRegister","smoothlyTableExpandableCellRegisterHandler"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChangeHandler"]]],[6,"smoothly-input-checkbox",{"name":[513],"readonly":[1540],"disabled":[516],"checked":[1540],"value":[16],"looks":[1537],"color":[1537],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"name":["nameChange"],"disabled":["handleDisabledChange"],"readonly":["handleDisabledChange"],"checked":["elementCheck"]}],[6,"smoothly-input-radio-item",{"value":[1032],"selected":[1540],"looks":[1537],"name":[1025],"disabled":[32]}],[6,"smoothly-input-radio",{"value":[1032],"looks":[1537],"color":[1537],"direction":[513],"clearable":[4],"readonly":[1540],"disabled":[516],"name":[513],"showLabel":[516,"show-label"],"listen":[64],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyRadioItemRegister","handleRegister"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyRadioItemSelect","smoothlyRadioInputHandler"]],{"name":["nameChange"],"value":["valueChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-range",{"value":[1026],"looks":[1537],"color":[1537],"defined":[1028],"readonly":[1540],"disabled":[516],"type":[1],"min":[2],"max":[2],"name":[513],"step":[2],"outputSide":[1,"output-side"],"label":[1],"showInput":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]],{"name":["nameChange"],"value":["valueChanged"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-date",{"locale":[513],"color":[1537],"looks":[1537],"name":[513],"readonly":[1540],"disabled":[516],"invalid":[516],"errorMessage":[513,"error-message"],"placeholder":[513],"alwaysShowGuide":[516,"always-show-guide"],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"showLabel":[516,"show-label"],"hasText":[32],"register":[64],"unregister":[64],"getValue":[64],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyDateSet","dateSetHandler"]],{"name":["nameChange"],"value":["onValueChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"]}],[6,"smoothly-input-clear",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-input-reset",{"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[2,"smoothly-toggle-switch",{"checkmark":[516],"selected":[1540],"disabled":[516],"size":[513],"color":[513],"fill":[513]}],[6,"smoothly-input-submit",{"delete":[516],"color":[1],"icon":[8],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"size":[513],"tooltip":[1]}],[2,"smoothly-date-text",{"locale":[1],"readonly":[516],"disabled":[516],"showLabel":[516,"show-label"],"value":[1],"parts":[32],"order":[32],"separator":[32],"focusedIndex":[32],"setValue":[64],"select":[64],"deselect":[64]},[[0,"beforeinput","beforeInputHandler"],[2,"input","inputHandler"]],{"parts":["partsHandler"],"focusedIndex":["focusedIndexHandler"]}],[6,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1],"end":[1],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"startInternal":[32],"endInternal":[32],"jumpTo":[64]},null,{"start":["onStart"],"end":["onEnd"]}],[6,"smoothly-button-confirm",{"color":[1],"name":[513],"doubleClickTime":[2,"double-click-time"],"expand":[513],"fill":[1],"disabled":[516],"shape":[1],"size":[1],"clickTimeStamp":[32]}],[6,"smoothly-input-month",{"readonly":[1540],"color":[513],"looks":[1537],"name":[513],"value":[1025],"max":[1025],"min":[1025],"next":[516],"previous":[516],"inCalendar":[516,"in-calendar"],"showLabel":[516,"show-label"],"allowPreviousMonth":[32],"allowNextMonth":[32],"register":[64],"unregister":[64],"getValue":[64],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"value":["valueChanged","setAllowPreviousMonth","setAllowNextMonth"],"min":["setAllowPreviousMonth"],"max":["setAllowNextMonth"],"name":["nameChange"]}],[4,"smoothly-form",{"color":[1537],"value":[1040],"action":[1],"validator":[16],"type":[1],"readonly":[1028],"looks":[513],"name":[513],"prevent":[4],"processing":[1040],"removeInput":[64],"listen":[64],"submit":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyKeydown","smoothlyKeydownHandler"],[8,"smoothlyFormSubmit","windowSubmitHandler"],[0,"smoothlyFormSubmit","submitHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]],{"value":["watchValue"],"readonly":["watchReadonly"]}],[2,"smoothly-display",{"type":[1],"label":[1],"value":[8],"collapseDepth":[2,"collapse-depth"],"toInteger":[4,"to-integer"],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-json",{"value":[8],"collapseDepth":[2,"collapse-depth"]}],[2,"smoothly-spinner",{"size":[513],"overlay":[516]}],[2,"smoothly-display-json-object",{"value":[16],"collapseDepth":[2,"collapse-depth"],"open":[32],"empty":[32]}],[2,"smoothly-display-json-primitive",{"value":[8]}],[2,"smoothly-display-json-record-key",{"value":[8]}],[6,"smoothly-input-select",{"invalid":[516],"errorMessage":[513,"error-message"],"name":[513],"color":[1537],"looks":[1537],"showLabel":[516,"show-label"],"showSelected":[1540,"show-selected"],"readonly":[1540],"disabled":[516],"inCalendar":[516,"in-calendar"],"ordered":[516],"multiple":[516],"clearable":[4],"defined":[1028],"placeholder":[520],"menuHeight":[1,"menu-height"],"required":[4],"searchDisabled":[4,"search-disabled"],"mutable":[4],"open":[32],"selected":[32],"filter":[32],"addedItems":[32],"register":[64],"unregister":[64],"getValue":[64],"getItems":[64],"listen":[64],"reset":[64],"clear":[64],"edit":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyItemDOMChange","onItemDomChange"],[0,"smoothlyItemSelect","onItemSelect"],[0,"keydown","onKeyDown"]],{"name":["nameChange"],"selected":["onSelectedChange"],"required":["onRequiredChange"],"filter":["onFilterChange"],"disabled":["watchingReadonly"],"readonly":["watchingReadonly"],"open":["onClosed"]}],[6,"smoothly-input",{"color":[1537],"looks":[1537],"name":[513],"value":[1032],"type":[513],"required":[516],"showLabel":[516,"show-label"],"autocomplete":[1],"placeholder":[513],"disabled":[516],"readonly":[1540],"toInteger":[4,"to-integer"],"currency":[513],"min":[2],"max":[2],"pad":[2],"invalid":[516],"errorMessage":[513,"error-message"],"copyable":[516],"initialValue":[32],"state":[32],"copied":[32],"getValue":[64],"setValue":[64],"setFocus":[64],"setSelection":[64],"listen":[64],"register":[64],"unregister":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"setCustomInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{"name":["nameChange"],"currency":["typeChange"],"type":["typeChange"],"state":["stateChange"],"value":["valueChange"],"disabled":["readonlyChange"],"readonly":["readonlyChange"]}],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"disabled":[516],"deselectable":[4],"filter":[64]},[[0,"click","clickHandler"]],{"selected":["selectedWatcher"]}],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"tooltip":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[513],"size":[513],"rotate":[514],"flip":[513],"tooltip":[1],"latestPromise":[32]},null,{"tooltip":["nameChanged"],"name":["nameChanged"]}]]],["p-ef387b27",[[2,"smoothly-input-checkbox-demo"]]],["p-ed0c6bf7",[[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-1f393d2d",[[6,"smoothly-color",{"color":[513]}]]],["p-93e60427",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["p-bcf83be6",[[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]]]],["p-1591ed71",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["p-a00d7c21",[[6,"smoothly-trigger-source",{"listen":[1]}]]]]'),e)}));
 //# sourceMappingURL=smoothly.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothly",
-	"version": "1.100.0",
+	"version": "1.102.0",
 	"description": "Web component library written in Stencil.",
 	"author": "Utily",
 	"license": "MIT",

package/dist/components/p-360f959f.js.map

@@ -1 +0,0 @@
-{"file":"p-360f959f.js","mappings":"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","names":[],"sources":["src/components/app/style.css?tag=smoothly-app","src/components/app/index.tsx"],"sourcesContent":["smoothly-app {\n\t--header-height: 5rem;\n\tdisplay: block;\n}\n\nsmoothly-app>smoothly-notifier>main {\n\theight: calc(100dvh - var(--header-height));\n}\n\nsmoothly-app[hidden] {\n\tdisplay: none;\n}\n\nsmoothly-app>smoothly-notifier {\n\theight: 100%;\n\tbackground: none;\n}\n\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header:has(smoothly-burger)>nav>ul smoothly-app-room {\n\twidth: 100%;\n\theight: 4em;\n}\n\nsmoothly-app>smoothly-notifier>header {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 5;\n\twidth: 100%;\n\theight: var(--header-height);\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tbox-sizing: border-box;\n\talign-items: center;\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade));\n}\n\nsmoothly-app>smoothly-notifier>header>nav {\n\twidth: 100%;\n\tflex-shrink: 2;\n\theight: 100%;\n}\n\nsmoothly-app>smoothly-notifier>header>nav,\nsmoothly-app>smoothly-notifier>header>nav>ul {\n\tdisplay: flex;\n\tmargin: 0;\n}\n\nsmoothly-app:not([label])>smoothly-notifier>header>h1 {\n\tdisplay: none;\n}\nsmoothly-app>smoothly-notifier>header>h1 {\n\tmargin-left: 1rem;\n\tmargin-bottom: 0.8em;\n\tdisplay: flex;\n\theight: 100%;\n}\n\nsmoothly-app>smoothly-notifier>header>h1>a {\n\tdisplay: inline-block;\n\talign-self: center;\n\tsize: 100%;\n\tbackground-position-y: center;\n\ttext-decoration: none;\n\twhite-space: nowrap;\n}\n\nsmoothly-app>smoothly-notifier>header>nav>ul {\n\twidth: 100%;\n}\n\nsmoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container {\n\tdisplay: flex;\n\talign-items: center;\n\theight: 100%;\n}\n\nsmoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container {\n\tdisplay: flex;\n\talign-items: center;\n\theight: 100%;\n\tmargin-left: auto;\n\tmargin-right: 1rem;\n}\n\nsmoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-end\"] {\n\twidth: fit-content;\n\talign-self: center;\n\theight: fit-content;\n\tmargin-left: 10rem;\n}\n\nsmoothly-app>smoothly-notifier>header>nav>ul li a {\n\tdisplay: flex;\n\theight: 2.3rem;\n\ttext-decoration: none;\n\talign-items: center;\n\talign-self: center;\n}\n\nsmoothly-app.smoothly-mobile-mode:not([menu-open])>smoothly-notifier>header>nav {\n\tdisplay: none;\n}\n\nsmoothly-app>smoothly-notifier>main>div {\n\toverflow-y: scroll;\n\theight: 100%;\n}\n\n/* Mobile mode */\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav {\n\twidth: fit-content;\n\tmax-width: 100%;\n\ttop: 100%;\n\tposition: absolute;\n\tmax-height: calc(100dvh - var(--header-height));\n\toverflow-y: scroll;\n\tright: 0;\n\theight: auto;\n}\n\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav,\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul {\n\tflex-direction: column;\n\tbackground-color: rgba(var(--smoothly-color));\n}\n\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul {\n\tpadding: 1.5rem;\n\tbox-sizing: border-box;\n}\n\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul li {\n\tmargin-right: 0;\n\twidth: 100%;\n}\nsmoothly-app:not(.smoothly-mobile-mode)>smoothly-notifier>header>smoothly-burger {\n\tdisplay: none;\n}\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>smoothly-burger {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n}\n\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>[slot=\"nav-start\"] {\n\tdisplay: none;\n}\n\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container,\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-end-container {\n\tflex-direction: column;\n\tmargin: 0;\n\talign-items: start;\n\tjustify-content: center;\n}\n\nsmoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child {\n\tmargin-bottom: 1em;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { SmoothlyAppRoomCustomEvent } from \"../../components\"\nimport { Color } from \"../../model\"\n\ntype Room = {\n\telement: HTMLSmoothlyAppRoomElement\n}\n@Component({\n\ttag: \"smoothly-app\",\n\tstyleUrl: \"style.css\",\n\tscoped: false,\n})\nexport class SmoothlyApp {\n\t@Prop({ reflect: true }) label?: string\n\t@Prop() color: Color\n\t@Prop() home?: string\n\t@Prop({ mutable: true, reflect: true }) menuOpen = false\n\t@Prop({ reflect: true }) navBreakpoint: `${number}${\"px\" | \"em\" | \"rem\"}` = \"48rem\"\n\t@State() mobileMode = false\n\t@State() selected?: Room\n\t@Event() smoothlyUrlChange: EventEmitter<string>\n\tprivate burgerElement?: HTMLSmoothlyBurgerElement\n\tprivate navElement?: HTMLElement\n\tmainElement?: HTMLElement\n\trooms: Record<string, Room | undefined> = {}\n\n\tcomponentWillLoad() {\n\t\tconst mediaQuery = window.matchMedia(`(max-width: ${this.navBreakpoint})`)\n\t\tthis.mobileMode = mediaQuery.matches\n\t\tmediaQuery.addEventListener(\"change\", e => this.updateMobileMode(e.matches))\n\t}\n\tcomponentDidLoad() {\n\t\tthis.updateMobileMode(this.mobileMode)\n\t}\n\tupdateMobileMode(mobileMode: boolean) {\n\t\tthis.mobileMode = mobileMode\n\t\tObject.values(this.rooms).forEach(room => room?.element.setMobileMode(mobileMode))\n\t\tif (!mobileMode)\n\t\t\tthis.menuOpen = false\n\t}\n\n\tasync componentDidRender() {\n\t\tif (!this.selected && !window.location.search)\n\t\t\t(this.home && this.rooms[this.home]\n\t\t\t\t? this.rooms[this.home]\n\t\t\t\t: Object.values(this.rooms).find(room => !room?.element.disabled)\n\t\t\t)?.element.setSelected(true)\n\t}\n\t@Method()\n\tasync selectRoom(path: string) {\n\t\tthis.rooms[path]?.element.setSelected(true)\n\t}\n\t@Watch(\"selected\")\n\tasync selectedChanged() {\n\t\tObject.values(this.rooms).forEach(\n\t\t\troom => room?.element.path != this.selected?.element.path && room?.element.setSelected(false)\n\t\t)\n\t\tconst content = await this.selected?.element.getContent()\n\t\trequestAnimationFrame(() => {\n\t\t\tif (this.mainElement && content)\n\t\t\t\tthis.mainElement.replaceChildren(content)\n\t\t})\n\t}\n\t@Listen(\"popstate\", { target: \"window\" })\n\tasync locationChangeHandler(event: PopStateEvent) {\n\t\tthis.rooms[event.state.smoothlyPath]?.element.setSelected(true, { history: true })\n\t\tthis.smoothlyUrlChange.emit(window.location.href)\n\t}\n\t@Listen(\"smoothlyRoomSelect\")\n\troomSelectedHandler(event: SmoothlyAppRoomCustomEvent<{ history: boolean; query?: string }>) {\n\t\tthis.selected = { element: event.target }\n\t\tif (this.mobileMode)\n\t\t\tthis.menuOpen = false\n\t\tif (!event.detail.history) {\n\t\t\tconst path = this.selected.element.path.toString()\n\t\t\tconst location = new URL(window.location.pathname == path ? window.location.href : window.location.origin)\n\t\t\tlocation.pathname = path\n\t\t\tlocation.search = event.detail.query ? `?${event.detail.query}` : \"\"\n\t\t\twindow.history.pushState({ smoothlyPath: path, smoothlyQuery: event.detail.query || \"\" }, \"\", location.href)\n\t\t}\n\t}\n\t@Listen(\"smoothlyRoomLoad\")\n\troomLoadedHandler(event: SmoothlyAppRoomCustomEvent<{ selected: boolean }>) {\n\t\tconst room = (this.rooms[event.target.path.toString()] = { element: event.target })\n\t\tif (room.element.selected) {\n\t\t\tthis.selected = room\n\t\t}\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tclickHandler(event: MouseEvent) {\n\t\tif (this.mobileMode && !event.composedPath().some(e => e == this.burgerElement || e == this.navElement))\n\t\t\tthis.menuOpen = false\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host class={{ \"smoothly-mobile-mode\": this.mobileMode }}>\n\t\t\t\t<smoothly-notifier>\n\t\t\t\t\t<header color={this.color}>\n\t\t\t\t\t\t<h1>\n\t\t\t\t\t\t\t<a href={\"\"}>{this.label}</a>\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t<nav ref={e => (this.navElement = e)}>\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t<div class={\"nav-start-container\"}>\n\t\t\t\t\t\t\t\t\t<slot name=\"nav-start\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t\t<div class={\"nav-end-container\"}>\n\t\t\t\t\t\t\t\t\t<slot name=\"nav-end\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</nav>\n\t\t\t\t\t\t<smoothly-burger\n\t\t\t\t\t\t\tref={e => (this.burgerElement = e)}\n\t\t\t\t\t\t\topen={this.menuOpen}\n\t\t\t\t\t\t\tonSmoothlyNavStatus={e => (e.stopPropagation(), (this.menuOpen = e.detail))}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</header>\n\t\t\t\t\t<main ref={e => (this.mainElement = e)} />\n\t\t\t\t</smoothly-notifier>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-53eb6d93.js.map

@@ -1 +0,0 @@
-{"file":"p-53eb6d93.js","mappings":"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","names":[],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" | \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string | undefined\n\t@State() dragging = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\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.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\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 getValue(): Promise<File | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length) {\n\t\t\tthis.value = this.input?.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length) {\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && !this.disabled && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button disabled={this.disabled} type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tonFocus={() => console.log(\"focus file input!\")}\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}