smoothly 1.0.0-alpha.99 → 1.0.0

package/dist/smoothly/smoothly.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as o}from"./p-d0b8061e.js";export{s as setNonce}from"./p-d0b8061e.js";const l=()=>{const o=import.meta.url;const l={};if(o!==""){l.resourcesUrl=new URL(".",o).href}return e(l)};l().then((e=>o([["p-90b340b4",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{label:[1],color:[1],menuOpen:[1540,"menu-open"],selected:[32]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelected","roomSelectedHandler"],[0,"smoothlyRoomLoaded","roomLoadedHandler"],[8,"click","clickHandler"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[2,"smoothly-select-demo"],[6,"smoothly-app-room",{label:[513],icon:[513],path:[1],to:[1],selected:[1540],getContent:[64],setSelected:[64]}],[2,"smoothly-icon-demo"],[2,"smoothly-picker-demo",{data:[32],change:[32]},[[0,"smoothlyFormSubmit","submitHandler"]]],[2,"smoothly-table-demo-filtered",{criteria:[32],data:[32],selector:[32]},[[0,"filters","onFilterUpdate"],[2,"smoothlyInput","smoothlyInputHandler"]]],[2,"smoothly-table-testing",{counter:[32]}],[6,"smoothly-input-date",{color:[1537],looks:[1537],name:[513],value:[1025],open:[1028],max:[1025],min:[1025],showLabel:[516,"show-label"],disabled:[1028],clear:[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"dateSet","dateSetHandler"]]],[2,"smoothly-input-date-range",{color:[1537],looks:[1537],name:[513],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],open:[1028],showLabel:[516,"show-label"],labelStart:[1,"label-start"],labelEnd:[1,"label-end"],clear:[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-notifier",{notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-burger",{visible:[1540],open:[1540],mediaQuery:[513,"media-query"],history:[32]},[[0,"click","clickHandler"],[9,"resize","resizeHandler"]]],[6,"smoothly-checkbox",{size:[1],checked:[1540],intermediate:[1540],name:[1],value:[8],disabled:[516],t:[32],toggle:[64],clear:[64]}],[6,"smoothly-input-file",{accept:[1],color:[1537],looks:[1537],camera:[513],name:[513],showLabel:[516,"show-label"],value:[1040],placeholder:[1537],dragging:[32],clear:[64]}],[6,"smoothly-radio-button-item",{value:[8],selected:[1540],color:[513]}],[6,"smoothly-summary",{open:[1540],color:[1],fill:[1],size:[1]}],[1,"smoothly-toggle-switch",{selected:[1540],disabled:[516],size:[513],name:[1],value:[8]}],[0,"smoothly-urlencoded",{data:[1]}],[6,"smoothly-accordion",{value:[1025],removeItem:[64]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemWillLoad","onAccordionItemDidLoad"]]],[6,"smoothly-accordion-item",{name:[1],brand:[1],open:[1540]}],[2,"smoothly-display",{type:[1],value:[8],currency:[1],country:[1],format:[16]}],[2,"smoothly-display-amount",{amount:[8],currency:[1],toInteger:[4,"to-integer"]}],[2,"smoothly-frame",{url:[1],name:[1],origin:[1],send:[64]}],[6,"smoothly-popup",{visible:[1540],direction:[1537],cssVariables:[32]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-radio",{name:[1],value:[1],checked:[1540],tab:[2]}],[6,"smoothly-radio-button",{name:[1],value:[1032],deselectable:[516],decoration:[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[2,"smoothly-skeleton",{widths:[16],width:[1025],color:[1],period:[2],distance:[1],align:[513]}],[2,"smoothly-svg",{url:[513],size:[513],color:[1]}],[6,"smoothly-toggle",{selected:[1540],shape:[513],disabled:[516],name:[1],value:[8]},[[0,"click","onClick"]]],[1,"smoothly-filter",{placeholder:[1025],criteria:[1040],inputValue:[1032,"input-value"],expanded:[32],freeSearchValue:[32],clear:[64]},[[0,"filter","filterHandler"]]],[6,"smoothly-picker",{looks:[1537],name:[513],open:[1540],mutable:[516],multiple:[516],readonly:[516],validator:[16],selected:[32],display:[32],clear:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyPickerMenuLoaded","menuLoadedHandler"],[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChange","optionChangeHandler"],[8,"click","clickHandler"],[8,"focusin","focusHandler"]]],[1,"smoothly-filter-input",{name:[513],value:[1025],type:[513],required:[1540],minLength:[2,"min-length"],showLabel:[516,"show-label"],maxLength:[2,"max-length"],autocomplete:[4],pattern:[16],placeholder:[1],disabled:[4],readonly:[516],currency:[513],comparison:[1],criteria:[32],clear:[64]}],[2,"smoothly-back-to-top",{opacity:[1],bottom:[1],right:[1],visible:[32]}],[6,"smoothly-input-clear",{color:[513],expand:[513],fill:[513],disabled:[1540],size:[513],shape:[513],display:[1540],type:[513]},[[0,"click","clickHandler"]]],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"smoothlyTableLoad","handleTableLoaded"]]],[0,"smoothly-tuple",{tuple:[16]}],[6,"smoothly-picker-menu",{looks:[1],multiple:[516],mutable:[516],readonly:[516],validator:[16],backend:[32],options:[32],created:[32],search:[32],valid:[32],display:[32]},[[0,"smoothlyPickerOptionLoad","optionLoadHandler"],[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChange","optionChangeHandler"],[0,"smoothlySlotEmpty","emptyDisplayHandler"]]],[2,"smoothly-calendar",{month:[1025],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],doubleInput:[516,"double-input"],firstSelected:[32]}],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"smoothlyTableLoad","handleTableLoaded"]]],[6,"smoothly-table",{root:[1540],align:[513],open:[1540]},[[0,"smoothlyExpandableLoad","handleExpandableLoaded"],[0,"smoothlyExpandableChange","handleExpandableState"],[0,"smoothlySpotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"smoothlyExpansionLoad","handleEvents"],[0,"smoothlyExpansionOpen","handleEvents"]]],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",{open:[1540]},[[0,"smoothlyExpansionLoad","onExpansionLoad"],[0,"smoothlyExpandableChange","onExpansionChange"],[0,"smoothlyExpansionOpen","onExpansionOpen"]]],[2,"smoothly-input-month",{value:[1025]}],[1,"smoothly-picker-option",{selected:[1540],visible:[1540],value:[1032],search:[1040],readonly:[32],slotted:[32],clickHandler:[64]}],[6,"smoothly-slot-elements",{clone:[4],nodes:[1040]}],[6,"smoothly-submit",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],size:[513],shape:[513],prevent:[4]},[[0,"click","clickHandler"]]],[6,"smoothly-input-select",{name:[1],color:[1537],looks:[1537],initialPrompt:[1,"initial-prompt"],opened:[32],selectedElement:[32],missing:[32],filter:[32],reset:[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{value:[8],selected:[1540],marked:[1540],filter:[64]},[[0,"click","onClick"]]],[6,"smoothly-slotted-elements",{clone:[4]}],[4,"smoothly-form",{color:[1537],value:[1040],looks:[513],name:[1],method:[1],action:[1],processing:[1540],prevent:[4],changed:[1540],notice:[32],submit:[64],clear:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlySubmit","smoothlySubmitHandler"],[0,"smoothlyInputLoad","SmoothlyInputLoadHandler"]]],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],size:[513],shape:[513],link:[1],download:[4]}],[2,"smoothly-spinner",{active:[516],size:[513]}],[2,"smoothly-notification",{notice:[16],closable:[4],icon:[4],tick:[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-trigger",{color:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]],[6,"smoothly-input",{color:[1537],looks:[1537],name:[513],value:[1032],type:[513],required:[1540],minLength:[1026,"min-length"],showLabel:[516,"show-label"],maxLength:[1026,"max-length"],autocomplete:[1028],pattern:[1040],placeholder:[1537],disabled:[1028],readonly:[1540],currency:[513],changed:[1540],initialValue:[32],clear:[64],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]},[[0,"smoothlyInputLoad","SmoothlyInputLoadHandler"]]],[2,"smoothly-icon",{color:[513],fill:[513],name:[513],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]],["p-663ccbd0",[[2,"smoothly-addresses",{value:[16],editable:[16]}]]],["p-dbd1afa9",[[6,"smoothly-color",{color:[513]}]]],["p-8a45ae84",[[2,"smoothly-country",{value:[1],text:[1],language:[32]}]]],["p-ce4e6f44",[[2,"smoothly-display-date-time",{datetime:[1]}]]],["p-f96e41aa",[[2,"smoothly-google-font",{value:[1]}]]],["p-1efa3261",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-4ff439dd",[[0,"smoothly-reorder"]]],["p-b82ef190",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-c4ffc15d",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-4d743f07",[[2,"smoothly-address-display",{value:[16],editable:[4]}]]],["p-9992c8c4",[[2,"smoothly-address",{value:[16],editable:[4]}]]]],e)));
+import{p as o,b as e}from"./p-5e387578.js";export{s as setNonce}from"./p-5e387578.js";import"./p-ede93d69.js";const l=()=>{const e=import.meta.url;const l={};if(e!==""){l.resourcesUrl=new URL(".",e).href}return o(l)};l().then((o=>e(JSON.parse('[["p-12182a73",[[2,"smoothly-addresses",{"value":[16],"editable":[16]}]]],["p-f125610c",[[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"unavailable":[516],"disabled":[516],"name":[1],"value":[8],"t":[32],"toggle":[64],"clear":[64]}]]],["p-823e02b0",[[6,"smoothly-accordion",{"value":[1025],"removeItem":[64]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemWillLoad","onAccordionItemDidLoad"]]]]],["p-21905b32",[[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}]]],["p-6aebb818",[[6,"smoothly-color",{"color":[513]}]]],["p-6e9aca2e",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["p-eef1c80b",[[2,"smoothly-display-date-time",{"datetime":[1]}]]],["p-cb493516",[[2,"smoothly-google-font",{"value":[1]}]]],["p-b3eac6af",[[0,"smoothly-reorder"]]],["p-635c813e",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["p-7a69b43f",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["p-303520d1",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo",{"duration":[32]}],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[0,"smoothly-button-demo"],[4,"smoothly-app",{"label":[1],"color":[1],"home":[1],"menuOpen":[1540,"menu-open"],"selected":[32],"selectRoom":[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelected","roomSelectedHandler"],[0,"smoothlyRoomLoaded","roomLoadedHandler"],[8,"click","clickHandler"]]],[0,"smoothly-dialog-demo"],[6,"smoothly-app-room",{"label":[513],"icon":[513],"disabled":[516],"path":[1],"to":[1],"selected":[1540],"content":[16],"getContent":[64],"setSelected":[64]}],[6,"smoothly-theme-picker",{"element":[1]}],[2,"smoothly-select-demo"],[2,"smoothly-theme-colors"],[2,"smoothly-icon-demo"],[2,"smoothly-table-demo-filtered",{"criteria":[32],"cats":[32],"selector":[32]},[[0,"smoothlyFilter","onFilterUpdate"],[0,"smoothlyInput","smoothlyInputHandler"]]],[2,"smoothly-table-testing",{"counter":[32]}],[2,"smoothly-picker-demo",{"counter":[32],"data":[32],"change":[32]},[[0,"smoothlyFormSubmit","submitHandler"]]],[6,"smoothly-input-date",{"color":[1537],"looks":[1537],"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"showLabel":[516,"show-label"],"disabled":[1028],"clear":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyDateSet","dateSetHandler"]]],[2,"smoothly-input-date-range",{"color":[1537],"looks":[1537],"name":[513],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"],"clear":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyStartChange","onStartChanged"],[0,"smoothlyEndChange","onEndChanged"],[0,"smoothlyDateRangeSet","onDateRangeSet"]]],[6,"smoothly-input-submit",{"delete":[4],"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-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-input-color",{"value":[1025],"looks":[1537],"name":[1],"clear":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]]],[2,"smoothly-burger",{"visible":[1540],"open":[1540],"mediaQuery":[513,"media-query"],"history":[32]},[[0,"click","clickHandler"],[9,"resize","resizeHandler"]]],[6,"smoothly-input-checkbox",{"name":[1],"changed":[1028],"readonly":[1540],"checked":[1028],"value":[4],"looks":[1537],"disabled":[516],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]}],[6,"smoothly-input-edit",{"color":[513],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"type":[513],"size":[513],"toolTip":[1,"tool-tip"]},[[0,"click","clickHandler"]]],[6,"smoothly-input-file",{"accept":[1],"color":[1537],"looks":[1537],"camera":[513],"name":[513],"showLabel":[516,"show-label"],"value":[1040],"placeholder":[1537],"dragging":[32],"clear":[64]}],[6,"smoothly-input-radio-item",{"value":[1032],"selected":[1028],"looks":[1537],"name":[1025]}],[6,"smoothly-input-reset",{"color":[513],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[6,"smoothly-summary",{"open":[1540],"color":[1],"fill":[1],"size":[1]}],[2,"smoothly-theme-color",{"color":[1]}],[1,"smoothly-toggle-switch",{"checkmark":[516],"selected":[1540],"disabled":[516],"size":[513],"color":[513],"fill":[513]}],[0,"smoothly-urlencoded",{"data":[1]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-input-radio",{"changed":[1028],"value":[1032],"looks":[1537],"clearable":[4],"readonly":[1540],"name":[1],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyRadioButtonRegister","handleRegister"],[0,"smoothlyInputLoad","SmoothlyInputLoadHandler"],[0,"smoothlySelect","smoothlyRadioInputHandler"]]],[6,"smoothly-input-range",{"value":[1026],"looks":[1537],"changed":[1028],"readonly":[1540],"min":[2],"max":[2],"name":[1],"labelText":[1,"label-text"],"step":[8],"outputSide":[1,"output-side"],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]}],[6,"smoothly-label",{"hue":[2],"description":[1],"shape":[513]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-quiet",{"color":[1]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-toggle",{"selected":[1540],"shape":[513],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-filter-picker",{"label":[1],"property":[1],"multiple":[4],"type":[1]},[[0,"smoothlyPickerOptionChange","optionChangeHandler"]]],[6,"smoothly-filter",{"detailChildren":[32],"criteria":[32],"expanded":[32]},[[0,"smoothlyFilterUpdate","updateHandler"],[0,"smoothlyFilterManipulate","manipulateHandler"],[0,"smoothlyFilterField","filterFieldHandler"]]],[6,"smoothly-filter-input",{"property":[1],"placeholder":[1],"needle":[32]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]]],[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]}],[6,"smoothly-lazy",{"show":[1028],"content":[16]}],[6,"smoothly-input-clear",{"color":[513],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513]},[[0,"click","clickHandler"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table-expandable-row",{"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"smoothlyTableLoad","handleTableLoaded"]]],[2,"smoothly-theme-color-variant",{"color":[513],"variant":[513]}],[0,"smoothly-tuple",{"tuple":[16]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[6,"smoothly-button-confirm",{"color":[1],"name":[513],"doubleClickTime":[2,"double-click-time"],"expand":[513],"fill":[1],"disabled":[516],"shape":[1],"type":[1],"size":[1],"clickTimeStamp":[32]}],[2,"smoothly-filter-field",{"criteria":[8],"clear":[64]}],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"smoothlyTableLoad","handleTableLoaded"]]],[2,"smoothly-load-more",{"offset":[1],"name":[1],"multiple":[4]}],[6,"smoothly-table",{"root":[1540],"color":[1537],"align":[513],"open":[1540]},[[0,"smoothlyExpandableLoad","handleExpandableLoaded"],[0,"smoothlyExpandableChange","handleExpandableState"],[0,"smoothlySpotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"smoothlyExpansionLoad","handleEvents"],[0,"smoothlyExpansionOpen","handleEvents"]]],[6,"smoothly-table-footer"],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",{"open":[1540]},[[0,"smoothlyExpansionLoad","onExpansionLoad"],[0,"smoothlyExpandableChange","onExpansionChange"],[0,"smoothlyExpansionOpen","onExpansionOpen"]]],[2,"smoothly-input-month",{"value":[1025]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]],[6,"smoothly-picker",{"looks":[1537],"name":[513],"changed":[1028],"open":[1540],"mutable":[516],"multiple":[516],"readonly":[1540],"validator":[16],"selected":[32],"display":[32],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyPickerMenuLoaded","menuLoadedHandler"],[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChange","optionChangeHandler"],[8,"click","clickHandler"],[8,"focusin","focusHandler"]]],[4,"smoothly-form",{"color":[1537],"value":[1040],"type":[1],"readonly":[1028],"looks":[513],"name":[1],"action":[1],"processing":[1028],"prevent":[4],"changed":[1028],"listen":[64],"submit":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]]],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-picker-menu",{"looks":[1],"open":[516],"multiple":[516],"mutable":[516],"readonly":[516],"validator":[16],"backend":[32],"options":[32],"created":[32],"search":[32],"valid":[32],"display":[32],"flip":[32],"flipChecked":[32]},[[9,"scroll","scrollHandler"],[0,"smoothlyPickerOptionLoad","optionLoadHandler"],[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChange","optionChangeHandler"],[0,"smoothlySlotEmpty","emptyDisplayHandler"]]],[6,"smoothly-input-select",{"name":[1],"color":[1537],"looks":[1537],"showSelected":[1540,"show-selected"],"readonly":[1540],"multiple":[4],"clearable":[4],"changed":[1028],"placeholder":[520],"menuHeight":[1,"menu-height"],"open":[32],"selected":[32],"filter":[32],"listen":[64],"reset":[64],"clear":[64],"edit":[64],"setInitialValue":[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyItemSelect","onItemSelect"],[0,"keydown","onKeyDown"]]],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1]}],[1,"smoothly-picker-option",{"selected":[1540],"visible":[1540],"value":[1032],"search":[1040],"position":[514],"required":[516],"readonly":[32],"slotted":[32],"clickHandler":[64]}],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"selectable":[4],"filter":[64]},[[0,"click","onClick"]]],[6,"smoothly-slot-elements",{"clone":[4],"nodes":[1040]}],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[6,"smoothly-slotted-elements",{"clone":[4]}],[6,"smoothly-input",{"color":[1537],"delay":[2],"looks":[1537],"name":[513],"value":[1032],"type":[513],"required":[516],"showLabel":[516,"show-label"],"autocomplete":[4],"placeholder":[513],"disabled":[4],"readonly":[1540],"currency":[513],"changed":[1028],"formatter":[32],"initialValue":[32],"listen":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]},[[0,"smoothlyInputLoad","SmoothlyInputLoadHandler"]]],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[513],"size":[513],"rotate":[514],"flip":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]],["p-7bf147bf",[[2,"smoothly-address-display",{"value":[16],"editable":[4]}]]],["p-47151a53",[[2,"smoothly-address",{"value":[16],"editable":[4]}]]]]'),o)));
 //# sourceMappingURL=smoothly.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","baseUrl","label","color","menuOpen","selected","icon","path","to","getContent","setSelected","data","change","criteria","selector","counter","looks","name","value","open","max","min","showLabel","disabled","clear","start","end","labelStart","labelEnd","notices","closable","header","visible","mediaQuery","history","size","checked","intermediate","t","toggle","accept","camera","placeholder","dragging","fill","removeItem","brand","type","currency","country","format","amount","toInteger","origin","send","direction","cssVariables","tab","deselectable","decoration","widths","width","period","distance","align","shape","inputValue","expanded","freeSearchValue","mutable","multiple","readonly","validator","display","required","minLength","maxLength","autocomplete","pattern","comparison","opacity","bottom","right","expand","selectedElement","allowSpotlight","spotlight","tuple","backend","created","search","valid","month","doubleInput","firstSelected","root","slotted","clickHandler","clone","nodes","prevent","initialPrompt","opened","missing","filter","reset","marked","method","action","processing","changed","notice","submit","link","download","active","tick","initialValue","getFormData","setKeepFocusOnReRender","setSelectionRange","toolTip","document","editable","text","language","datetime","orientation","context","destination","listen"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAkBA,MAAMA,EAAe,KA6BjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IACrD,CAYI,OAAOC,EAAeJ,EAAK,ECzE/BL,IAAeU,MAAKC,GAEXC,EAAc,uCAAuC,CAAAC,QAAA,2KAAAC,MAAA,IAAAC,MAAA,IAAAC,SAAA,mBAAAC,SAAA,kRAAAH,MAAA,MAAAI,KAAA,MAAAC,KAAA,IAAAC,GAAA,IAAAH,SAAA,OAAAI,WAAA,KAAAC,YAAA,2DAAAC,KAAA,KAAAC,OAAA,qFAAAC,SAAA,KAAAF,KAAA,KAAAG,SAAA,gHAAAC,QAAA,iCAAAZ,MAAA,OAAAa,MAAA,OAAAC,KAAA,MAAAC,MAAA,OAAAC,KAAA,OAAAC,IAAA,OAAAC,IAAA,OAAAC,UAAA,mBAAAC,SAAA,OAAAC,MAAA,wKAAArB,MAAA,OAAAa,MAAA,OAAAC,KAAA,MAAAC,MAAA,OAAAO,MAAA,OAAAC,IAAA,OAAAN,IAAA,OAAAC,IAAA,OAAAF,KAAA,OAAAG,UAAA,mBAAAK,WAAA,kBAAAC,SAAA,gBAAAJ,MAAA,yOAAAK,QAAA,+EAAA1B,MAAA,MAAAgB,KAAA,OAAAW,SAAA,MAAAC,OAAA,gEAAAC,QAAA,OAAAb,KAAA,OAAAc,WAAA,oBAAAC,QAAA,yFAAAC,KAAA,IAAAC,QAAA,OAAAC,aAAA,OAAApB,KAAA,IAAAC,MAAA,IAAAK,SAAA,MAAAe,EAAA,KAAAC,OAAA,KAAAf,MAAA,iCAAAgB,OAAA,IAAArC,MAAA,OAAAa,MAAA,OAAAyB,OAAA,MAAAxB,KAAA,MAAAK,UAAA,mBAAAJ,MAAA,OAAAwB,YAAA,OAAAC,SAAA,KAAAnB,MAAA,wCAAAN,MAAA,IAAAb,SAAA,OAAAF,MAAA,+BAAAgB,KAAA,OAAAhB,MAAA,IAAAyC,KAAA,IAAAT,KAAA,mCAAA9B,SAAA,OAAAkB,SAAA,MAAAY,KAAA,MAAAlB,KAAA,IAAAC,MAAA,gCAAAP,KAAA,+BAAAO,MAAA,OAAA2B,WAAA,+KAAA5B,KAAA,IAAA6B,MAAA,IAAA3B,KAAA,gCAAA4B,KAAA,IAAA7B,MAAA,IAAA8B,SAAA,IAAAC,QAAA,IAAAC,OAAA,qCAAAC,OAAA,IAAAH,SAAA,IAAAI,UAAA,wCAAA5D,IAAA,IAAAyB,KAAA,IAAAoC,OAAA,IAAAC,KAAA,4BAAAtB,QAAA,OAAAuB,UAAA,OAAAC,aAAA,4BAAArD,MAAA,2BAAAc,KAAA,IAAAC,MAAA,IAAAkB,QAAA,OAAAqB,IAAA,kCAAAxC,KAAA,IAAAC,MAAA,OAAAwC,aAAA,MAAAC,WAAA,qFAAAC,OAAA,KAAAC,MAAA,OAAA1D,MAAA,IAAA2D,OAAA,IAAAC,SAAA,IAAAC,MAAA,2BAAAxE,IAAA,MAAA2C,KAAA,MAAAhC,MAAA,4BAAAE,SAAA,OAAA4D,MAAA,MAAA1C,SAAA,MAAAN,KAAA,IAAAC,MAAA,oDAAAwB,YAAA,OAAA7B,SAAA,OAAAqD,WAAA,qBAAAC,SAAA,KAAAC,gBAAA,KAAA5C,MAAA,4DAAAR,MAAA,OAAAC,KAAA,MAAAE,KAAA,OAAAkD,QAAA,MAAAC,SAAA,MAAAC,SAAA,MAAAC,UAAA,KAAAnE,SAAA,KAAAoE,QAAA,KAAAjD,MAAA,mTAAAP,KAAA,MAAAC,MAAA,OAAA6B,KAAA,MAAA2B,SAAA,OAAAC,UAAA,iBAAArD,UAAA,mBAAAsD,UAAA,iBAAAC,aAAA,IAAAC,QAAA,KAAApC,YAAA,IAAAnB,SAAA,IAAAgD,SAAA,MAAAvB,SAAA,MAAA+B,WAAA,IAAAlE,SAAA,KAAAW,MAAA,kCAAAwD,QAAA,IAAAC,OAAA,IAAAC,MAAA,IAAAlD,QAAA,kCAAA7B,MAAA,MAAAgF,OAAA,MAAAvC,KAAA,MAAArB,SAAA,OAAAY,KAAA,MAAA8B,MAAA,MAAAQ,QAAA,OAAA1B,KAAA,wDAAA7C,MAAA,IAAAiB,KAAA,2DAAAiE,gBAAA,+EAAApB,MAAA,IAAA7C,KAAA,OAAAkE,eAAA,KAAAC,UAAA,0EAAAC,MAAA,kCAAAvE,MAAA,IAAAsD,SAAA,MAAAD,QAAA,MAAAE,SAAA,MAAAC,UAAA,KAAAgB,QAAA,KAAAzF,QAAA,KAAA0F,QAAA,KAAAC,OAAA,KAAAC,MAAA,KAAAlB,QAAA,gPAAAmB,MAAA,OAAA1E,MAAA,OAAAO,MAAA,OAAAC,IAAA,OAAAN,IAAA,OAAAC,IAAA,OAAAwE,YAAA,qBAAAC,cAAA,sEAAA9B,MAAA,IAAA7C,KAAA,OAAAkE,eAAA,KAAAC,UAAA,gGAAAS,KAAA,OAAA/B,MAAA,MAAA7C,KAAA,6UAAAF,KAAA,+BAAAE,KAAA,qLAAAD,MAAA,sCAAAb,SAAA,OAAA2B,QAAA,OAAAd,MAAA,OAAAwE,OAAA,OAAAnB,SAAA,KAAAyB,QAAA,KAAAC,aAAA,oCAAAC,MAAA,IAAAC,MAAA,+BAAAhG,MAAA,MAAAgF,OAAA,MAAAvC,KAAA,MAAArB,SAAA,MAAAwB,KAAA,MAAAZ,KAAA,MAAA8B,MAAA,MAAAmC,QAAA,+DAAAnF,KAAA,IAAAd,MAAA,OAAAa,MAAA,OAAAqF,cAAA,qBAAAC,OAAA,KAAAlB,gBAAA,KAAAmB,QAAA,KAAAC,OAAA,KAAAC,MAAA,iHAAAvF,MAAA,IAAAb,SAAA,OAAAqG,OAAA,OAAAF,OAAA,+DAAAN,MAAA,0BAAA/F,MAAA,OAAAe,MAAA,OAAAF,MAAA,MAAAC,KAAA,IAAA0F,OAAA,IAAAC,OAAA,IAAAC,WAAA,OAAAT,QAAA,IAAAU,QAAA,OAAAC,OAAA,KAAAC,OAAA,KAAAxF,MAAA,+NAAArB,MAAA,MAAAgF,OAAA,MAAAvC,KAAA,MAAArB,SAAA,MAAAwB,KAAA,MAAAZ,KAAA,MAAA8B,MAAA,MAAAgD,KAAA,IAAAC,SAAA,6BAAAC,OAAA,MAAAhF,KAAA,oCAAA4E,OAAA,KAAAjF,SAAA,IAAAxB,KAAA,IAAA8G,KAAA,0DAAAjH,MAAA,MAAAyC,KAAA,MAAArB,SAAA,MAAAwB,KAAA,MAAA9B,KAAA,IAAAC,MAAA,mDAAAf,MAAA,OAAAa,MAAA,OAAAC,KAAA,MAAAC,MAAA,OAAA6B,KAAA,MAAA2B,SAAA,OAAAC,UAAA,oBAAArD,UAAA,mBAAAsD,UAAA,oBAAAC,aAAA,OAAAC,QAAA,OAAApC,YAAA,OAAAnB,SAAA,OAAAgD,SAAA,OAAAvB,SAAA,MAAA8D,QAAA,OAAAO,aAAA,KAAA7F,MAAA,KAAA8F,YAAA,KAAAC,uBAAA,KAAAC,kBAAA,gFAAArH,MAAA,MAAAyC,KAAA,MAAA3B,KAAA,MAAAkB,KAAA,MAAAsF,QAAA,eAAAC,SAAA,iDAAAxG,MAAA,KAAAyG,SAAA,6CAAAxH,MAAA,gDAAAe,MAAA,IAAA0G,KAAA,IAAAC,SAAA,yDAAAC,SAAA,kDAAA5G,MAAA,kDAAA6G,YAAA,6FAAAC,QAAA,KAAAC,YAAA,IAAAzB,OAAA,uFAAA0B,OAAA,sDAAAhH,MAAA,KAAAyG,SAAA,8CAAAzG,MAAA,KAAAyG,SAAA,SAAA5H"}
+{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","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 v2.22.3 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"8GAkBA,MAAMA,EAAe,KA6BjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IACrD,CAYI,OAAOC,EAAeJ,EAAK,ECzE/BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,03YAAuCH"}

package/dist/types/components/Button.d.ts

@@ -3,8 +3,7 @@ export declare const Button: FunctionalComponent<Button.Properties>;
 export declare namespace Button {
   interface Properties {
     disabled: boolean;
-    type: "link" | "button";
+    type: "link" | "button" | "download";
     link?: string;
-    download?: boolean;
   }
 }

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

@@ -6,6 +6,7 @@ type Room = {
 export declare class SmoothlyApp {
   label: string;
   color: Color;
+  home?: string;
   menuOpen: boolean;
   selected?: Room;
   private burgerVisibility;
@@ -13,6 +14,8 @@ export declare class SmoothlyApp {
   private navElement?;
   mainElement?: HTMLElement;
   rooms: Record<string, Room | undefined>;
+  componentDidRender(): Promise<void>;
+  selectRoom(path: string): Promise<void>;
   selectedChanged(): Promise<void>;
   burgerVisibilityHandler(event: CustomEvent<boolean>): void;
   burgerStatusHandler(event: CustomEvent<boolean>): void;

package/dist/types/components/app/room/index.d.ts

@@ -1,12 +1,14 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
+import { EventEmitter, FunctionalComponent, JSX } from "../../../stencil-public-runtime";
 import "urlpattern-polyfill";
-import { Icon } from "../../icon/Icon";
+import { Icon } from "../../../model";
 export declare class SmoothlyAppRoom {
   label?: string;
   icon?: Icon;
+  disabled: boolean;
   path: string | URLPattern;
   to?: string;
   selected?: boolean;
+  content?: JSX.Element | FunctionalComponent;
   smoothlyRoomSelected: EventEmitter<{
     history: boolean;
   }>;

package/dist/types/components/app-demo/index.d.ts

@@ -1,4 +1,5 @@
 export declare class SmoothlyAppDemo {
   baseUrl: string;
+  app?: HTMLSmoothlyAppElement;
   render(): any;
 }

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

@@ -5,8 +5,8 @@ export declare class SmoothlyBurger {
   open: boolean;
   mediaQuery: string;
   history: boolean;
-  navStatus: EventEmitter<boolean>;
-  visibleStatus: EventEmitter<boolean>;
+  smoothlyNavStatus: EventEmitter<boolean>;
+  smoothlyVisibleStatus: EventEmitter<boolean>;
   componentWillLoad(): void;
   openChanged(): void;
   clickHandler(event: MouseEvent): void;

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

@@ -1,13 +1,13 @@
 import { Color, Fill } from "../../model";
+import { Button } from "../Button";
 export declare class SmoothlyButton {
   color?: Color;
   expand?: "block" | "full";
   fill?: Fill;
   disabled: boolean;
-  type: "link" | "button";
+  type: Button.Properties["type"];
   size: "small" | "large" | "icon" | "flexible";
   shape?: "rounded";
   link?: string;
-  download?: boolean;
   render(): any;
 }

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

@@ -9,11 +9,11 @@ export declare class Calendar {
   max: Date;
   min: Date;
   doubleInput: boolean;
-  valueChanged: EventEmitter<Date>;
-  startChanged: EventEmitter<Date>;
-  endChanged: EventEmitter<Date>;
-  dateSet: EventEmitter<Date>;
-  dateRangeSet: EventEmitter<DateRange>;
+  smoothlyValueChange: EventEmitter<Date>;
+  smoothlyStartChange: EventEmitter<Date>;
+  smoothlyEndChange: EventEmitter<Date>;
+  smoothlyDateSet: EventEmitter<Date>;
+  smoothlyDateRangeSet: EventEmitter<DateRange>;
   private frozenDate;
   firstSelected: boolean;
   onStart(next: Date): void;

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

@@ -1,17 +1,19 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import * as langly from "langly";
-import { Clearable } from "../filter/Clearable";
+import { Clearable } from "../input/Clearable";
 export declare class SmoothlyCheckbox implements Clearable {
   element: HTMLElement;
   size: "tiny" | "small" | "medium" | "large";
   checked: boolean;
   intermediate: boolean;
+  unavailable: boolean;
+  disabled: boolean;
   name: string;
   value: any;
-  disabled: boolean;
   smoothlyInput: EventEmitter<Record<string, any>>;
   t: langly.Translate;
   componentWillLoad(): void;
+  unavailableChanged(): void;
   toggle(): Promise<void>;
   clear(): Promise<void>;
   render(): any;

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

@@ -0,0 +1,19 @@
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Color, Data, Fill } from "../../model";
+export declare class SmoothlyButtonConfirm {
+  timer?: number;
+  color?: Color;
+  name: string;
+  doubleClickTime: number;
+  expand?: "block" | "full";
+  fill?: Fill;
+  disabled: boolean;
+  shape?: "rounded";
+  type: "link" | "button";
+  size: "small" | "large" | "icon" | "flexible";
+  clickTimeStamp: number | undefined;
+  smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>;
+  smoothlyConfirm: EventEmitter<Data>;
+  clickHandler(event: MouseEvent): void;
+  render(): VNode | VNode[];
+}

package/dist/types/components/filter/Filter.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { selectively } from "selectively";
+import { isly } from "isly";
+declare const EventEmitter: isly.object.ExtendableType<EventEmitter<any>>;
+export interface Filter extends Filter.Element {
+  smoothlyFilterUpdate: EventEmitter<Filter.Update>;
+  smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>;
+}
+export declare namespace Filter {
+  type Manipulate = (criteria: selectively.Criteria) => selectively.Criteria;
+  type Update = (expression: selectively.Criteria) => void;
+  interface Element {
+    property?: string;
+    properties?: Record<string, string>;
+  }
+  namespace Element {
+    const type: isly.object.ExtendableType<Element>;
+  }
+  const type: isly.object.ExtendableType<Filter>;
+}
+export {};

package/dist/types/components/filter/field/index.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { selectively } from "selectively";
+export declare class SmoothlyFilterField {
+  input: HTMLSmoothlyInputElement | undefined;
+  criteria: selectively.Criteria;
+  smoothlyFilterField: EventEmitter<selectively.Rule>;
+  clear(): Promise<void>;
+  filterFieldEmit(): void;
+  render(): any;
+}

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

@@ -1,16 +1,17 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { Criteria } from "selectively";
+import { selectively } from "selectively";
+import { Filter } from "./Filter";
 export declare class SmoothlyFilter {
-  private freeSearchElement?;
-  private inputs;
-  placeholder: string | undefined;
+  field: HTMLSmoothlyFilterFieldElement | undefined;
+  updating: boolean;
+  filters: Set<Filter.Update>;
+  detailChildren?: boolean;
+  criteria: selectively.Criteria;
   expanded: boolean;
-  freeSearchValue: string;
-  criteria: Record<string, Criteria>;
-  inputValue: Criteria;
-  filterHandler(event: CustomEvent<Record<string, Criteria>>): void;
-  filters: EventEmitter<Criteria>;
-  onKeyDown(): void;
-  clear(event: MouseEvent): Promise<void>;
-  render(): any[];
+  smoothlyFilter: EventEmitter<selectively.Criteria>;
+  updateHandler(event: CustomEvent<Filter.Update>): void;
+  manipulateHandler(event: CustomEvent<Filter.Manipulate>): void;
+  filterFieldHandler(event: CustomEvent<selectively.Criteria>): void;
+  clear(): void;
+  render(): any;
 }

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

@@ -1,25 +1,19 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { Currency } from "isoly";
-import { Criteria } from "selectively";
-export declare class SmoothlyFilterInput {
-  smoothlyInput: HTMLSmoothlyInputElement;
-  name: string;
-  value: string;
-  type: string;
-  required: boolean;
-  minLength: number;
-  showLabel: boolean;
-  maxLength: number;
-  autocomplete: boolean;
-  pattern?: RegExp;
-  placeholder?: string;
-  disabled: boolean;
-  readonly: boolean;
-  currency?: Currency;
-  comparison: "equals" | "less" | "greater" | "starts" | "ends" | "includes";
-  criteria: Criteria;
-  filter: EventEmitter<Criteria>;
-  private onFilter;
-  clear(): Promise<void>;
-  render(): any[];
+import { selectively } from "selectively";
+import { tidily } from "tidily";
+import { Filter } from "../Filter";
+export declare class SmoothlyFilterInput implements Filter {
+  type: tidily.Type;
+  needle: selectively.Criteria;
+  property: string;
+  placeholder: string;
+  smoothlyFilterUpdate: EventEmitter<Filter.Update>;
+  smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>;
+  componentDidLoad(): void;
+  update(expression: selectively.Criteria): void;
+  private isCriteria;
+  inputHandler(event: CustomEvent<Record<string, string>>): void;
+  private getCriteria;
+  findInstanceOf(criteria: selectively.Criteria, property: string): boolean;
+  render(): any;
 }

package/dist/types/components/filter/picker/index.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { selectively } from "selectively";
+import { Option } from "../../../model";
+import { Filter } from "../Filter";
+export declare class SmoothlyFilterPicker implements Filter {
+  updating: boolean;
+  options: Map<string, {
+    state: Record<string, any>;
+    selected: (selected: boolean) => void;
+  }>;
+  label: string;
+  property: string;
+  multiple: boolean;
+  type: "array" | "string";
+  smoothlyFilterUpdate: EventEmitter<Filter.Update>;
+  smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>;
+  componentDidLoad(): void;
+  optionChangeHandler(event: CustomEvent<Option>): void;
+  update(expression: selectively.Criteria): void;
+  private isCriteria;
+  pickerHandler(event: CustomEvent<Record<string, unknown>>): void;
+  findInstanceOf(criteria: selectively.Criteria, key: string): boolean;
+  private getCriteria;
+  render(): any;
+}

package/dist/types/components/filter/toggle/index.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { selectively } from "selectively";
+import { Icon } from "../../../model";
+import { Filter } from "../Filter";
+export declare class SmoothlyFilterToggle {
+  icon: Icon;
+  properties: Record<string, string>;
+  toolTip: string;
+  not: boolean;
+  flip: boolean;
+  active: boolean;
+  smoothlyFilterUpdate: EventEmitter<Filter.Update>;
+  smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  update(expression: selectively.Criteria): void;
+  private isCriteria;
+  activeHandler(activate?: true): void;
+  createCriteria(key: string, value: string): selectively.Rule;
+  findInstanceOf(criteria: selectively.Criteria, property: string): boolean;
+  render(): any;
+}

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

@@ -1,33 +1,40 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { Color } from "../../model";
-import { Data } from "../../model/Data";
-import { Notice } from "../../model/Notice";
-import { Changeable } from "../input/Changeable";
+import { Color, Data, Notice } from "../../model";
 import { Clearable } from "../input/Clearable";
+import { Editable } from "../input/Editable";
 import { Looks } from "../input/Looks";
 import { Submittable } from "../input/Submittable";
-export declare class SmoothlyForm implements Changeable, Clearable, Submittable {
-  private clearables;
+export declare class SmoothlyForm implements Clearable, Submittable, Editable {
   color?: Color;
   value: Readonly<Data>;
-  looks: "plain" | "grid" | "border" | "line";
+  type: "update" | "change" | "fetch" | "create";
+  readonly: boolean;
+  looks: Looks;
   name?: string;
-  method?: "GET" | "POST";
   action?: string;
   processing: boolean;
   prevent: boolean;
-  smoothlyFormInput: EventEmitter<Data>;
-  smoothlyFormSubmit: EventEmitter<Data>;
-  notice?: Notice;
   changed: boolean;
+  smoothlyFormInput: EventEmitter<Data>;
+  smoothlyFormSubmit: EventEmitter<{
+    value: Data;
+    type: "update" | "change" | "fetch" | "create" | "remove";
+  }>;
+  notice: EventEmitter<Notice>;
+  private inputs;
+  private readonlyAtLoad;
   private listeners;
-  listen(property: "changed", listener: (parent: Changeable) => Promise<void>): void;
+  listen(property: "changed", listener: (parent: Editable) => Promise<void>): Promise<void>;
   watchValue(): void;
+  watchReadonly(): void;
   smoothlyInputLooksHandler(event: CustomEvent<(looks: Looks, color: Color | undefined) => void>): void;
   smoothlyInputHandler(event: CustomEvent<Record<string, any>>): Promise<void>;
-  smoothlySubmitHandler(event: CustomEvent): Promise<void>;
-  SmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyForm) => void>): Promise<void>;
-  submit(): Promise<void>;
+  smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyForm) => void>): Promise<void>;
+  smoothlyFormDisableHandler(event: CustomEvent): Promise<void>;
+  submit(remove?: boolean): Promise<void>;
   clear(): Promise<void>;
+  edit(editable: boolean): Promise<void>;
+  reset(): Promise<void>;
+  setInitialValue(): Promise<void>;
   render(): any;
 }

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

@@ -1,16 +1,14 @@
 import { Color, Fill } from "../../model";
-import { Icon } from "./Icon";
+import { Icon } from "../../model";
 export declare class SmoothlyIcon {
   color: Color;
   fill: Fill;
-  name?: Icon | "empty";
+  name: Icon | "empty";
   size: "tiny" | "small" | "medium" | "large";
+  rotate?: number;
+  flip?: "x" | "y";
   toolTip?: string;
   document?: string;
-  loadDocument(): Promise<void>;
   componentWillLoad(): Promise<void>;
   render(): any;
-  private static fetch;
-  private static cache;
-  static load(name: string): Promise<string | undefined>;
 }

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

@@ -0,0 +1,21 @@
+import { isly } from "isly";
+export interface Editable extends Editable.Element {
+  changed: boolean;
+  value?: any;
+}
+export declare namespace Editable {
+  interface Element {
+    edit: Editable.Edit;
+    reset: Editable.Reset;
+    readonly: boolean;
+    listen: Editable.Listen;
+    setInitialValue: () => void;
+  }
+  namespace Element {
+    const type: isly.object.ExtendableType<Element>;
+  }
+  type Listen = (property: "changed", listener: (parent: Editable) => Promise<void>) => void;
+  type Edit = (editable: boolean) => Promise<void>;
+  type Reset = () => Promise<void>;
+  const type: isly.object.ExtendableType<Editable>;
+}

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

@@ -1,10 +1,22 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { Color } from "../../model";
+import { isly } from "isly";
+import { Color, Data } from "../../model";
 import { Looks } from "./Looks";
-export interface Input {
-  color?: Color;
-  name: string;
-  looks: Looks;
-  smoothlyInput: EventEmitter<Record<number, any>>;
-  smoothlyInputLooks: EventEmitter<(looks: Looks, color: Color | undefined) => void>;
+export interface Input extends Input.Element {
+  smoothlyInput: EventEmitter<Data>;
+  smoothlyInputForm?: EventEmitter<Record<string, Data>>;
+}
+export declare namespace Input {
+  interface Element {
+    value?: Data[string];
+    color?: Color;
+    name: string;
+    looks: Looks;
+  }
+  namespace Element {
+    const type: isly.object.ExtendableType<Element>;
+    const is: isly.Type.IsFunction<Element>;
+  }
+  const type: isly.object.ExtendableType<Input>;
+  const is: isly.Type.IsFunction<Input>;
 }

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

@@ -1 +1,7 @@
-export type Looks = "plain" | "grid" | "border" | "line";
+import { isly } from "isly";
+export type Looks = typeof Looks.types[number];
+export declare namespace Looks {
+  const types: readonly ["plain", "grid", "border", "line", "transparent"];
+  const type: isly.Type<"line" | "grid" | "plain" | "border" | "transparent">;
+  const is: isly.Type.IsFunction<"line" | "grid" | "plain" | "border" | "transparent">;
+}

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

@@ -1,5 +1,5 @@
 export interface Submittable {
-  submit(): Promise<void>;
+  submit(remove?: boolean): Promise<void>;
 }
 export declare namespace Submittable {
   function is(value: Submittable | any): value is Submittable;

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

@@ -0,0 +1,30 @@
+import { ComponentWillLoad, EventEmitter } from "../../../stencil-public-runtime";
+import { Color, Data } from "../../../model";
+import { Clearable } from "../Clearable";
+import { Editable } from "../Editable";
+import { Input } from "../Input";
+import { Looks } from "../Looks";
+export declare class SmoothlyInputCheckbox implements Input, Clearable, Editable, ComponentWillLoad {
+  private initialValue?;
+  private listener;
+  name: string;
+  changed: boolean;
+  readonly: boolean;
+  checked: boolean;
+  value: boolean;
+  looks: Looks;
+  disabled: boolean;
+  smoothlyInputLooks: EventEmitter<(looks: Looks, color: Color) => void>;
+  smoothlyInput: EventEmitter<Data>;
+  smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>;
+  smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>;
+  componentWillLoad(): void | Promise<void>;
+  clear(): Promise<void>;
+  listen(property: "changed", listener: (parent: Editable) => Promise<void>): Promise<void>;
+  edit(editable: boolean): Promise<void>;
+  reset(): Promise<void>;
+  setInitialValue(): Promise<void>;
+  elementCheck(): void;
+  inputHandler(): void;
+  render(): any;
+}