smoothly 1.1.1-alpha.21 → 1.1.1-alpha.22

package/dist/smoothly/smoothly.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as o}from"./p-a089461a.js";export{s as setNonce}from"./p-a089461a.js";import{g as l}from"./p-8661963e.js";import"./p-7e394c6a.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-9fc75fa6",[[2,"smoothly-addresses",{"value":[16],"editable":[16]}]]],["p-5cd2660f",[[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"unavailable":[516],"disabled":[516],"name":[1],"value":[8],"t":[32],"toggle":[64],"clear":[64]},null,{"checked":["unavailableChanged"],"unavailable":["unavailableChanged"]}]]],["p-c2c08533",[[6,"smoothly-accordion",{"value":[1025],"removeItem":[64]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemWillLoad","onAccordionItemDidLoad"]],{"value":["valueChanged"]}]]],["p-71e89cb6",[[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]},null,{"open":["openChanged"]}]]],["p-399cd405",[[6,"smoothly-color",{"color":[513]}]]],["p-54a0cea2",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["p-4d7d2520",[[2,"smoothly-display-date-time",{"datetime":[1]}]]],["p-a8d13623",[[2,"smoothly-google-font",{"value":[1]}]]],["p-31257002",[[0,"smoothly-reorder"]]],["p-07143277",[[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}]]],["p-c8179563",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["p-cad42990",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["p-84da94cd",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo",{"duration":[32]}],[2,"smoothly-table-demo"],[2,"smoothly-next-demo"],[0,"smoothly-display-demo",{"downloadingSpinner":[32]}],[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"]],{"selected":["selectedChanged"]}],[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-input-demo-controlled-form",{"name":[32],"currency":[32],"date":[32]},null,{"name":["nameChanged"]}],[2,"smoothly-picker-demo",{"counter":[32],"data":[32],"change":[32]},[[0,"smoothlyFormSubmit","submitHandler"]]],[2,"smoothly-next-demo-group"],[2,"smoothly-next-demo-colspan"],[2,"smoothly-next-demo-nested"],[2,"smoothly-next-demo-simple"],[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"]],{"value":["onStart"]}],[2,"smoothly-input-date-range",{"name":[1],"color":[1537],"looks":[1537],"showLabel":[516,"show-label"],"start":[1025],"end":[1025],"max":[1],"min":[1],"open":[32],"clear":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]]],[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"]],{"value":["valueChanged"]}],[2,"smoothly-burger",{"visible":[1540],"open":[1540],"mediaQuery":[513,"media-query"],"history":[32]},[[0,"click","clickHandler"],[9,"resize","resizeHandler"]],{"open":["openChanged"]}],[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]},null,{"checked":["elementCheck"]}],[6,"smoothly-input-file",{"changed":[1028],"readonly":[1540],"accept":[1],"color":[1537],"looks":[1537],"camera":[513],"name":[513],"showLabel":[516,"show-label"],"value":[1040],"placeholder":[1537],"dragging":[32],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"binary":[64]},null,{"value":["valueChanged"]}],[6,"smoothly-input-radio-item",{"value":[1032],"selected":[1028],"looks":[1537],"name":[1025]}],[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"]],{"value":["valueChanged"],"readonly":["watchingReadonly"]}],[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]},null,{"value":["valueChanged"]}],[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]}],[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],"looks":[1]},[[0,"smoothlyPickerOptionChange","optionChangeHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]]],[2,"smoothly-next-demo-nested-inner",{"data":[16]}],[6,"smoothly-filter",{"detailChildren":[32],"criteria":[32],"expanded":[32]},[[0,"smoothlyFilterUpdate","updateHandler"],[0,"smoothlyFilterManipulate","manipulateHandler"],[0,"smoothlyFilterField","filterFieldHandler"]]],[6,"smoothly-input-submit",{"delete":[516],"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"type":[513],"size":[513],"toolTip":[1,"tool-tip"]}],[6,"smoothly-filter-input",{"property":[1],"placeholder":[1],"needle":[32]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]],{"notice":["onUpdatedNotice"]}],[2,"smoothly-back-to-top",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-filter-toggle",{"icon":[1],"properties":[16],"toolTip":[1,"tool-tip"],"not":[4],"flip":[516],"active":[1028]}],[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-reset",{"color":[513],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[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-next-table-row-group",{"align":[516],"open":[1540]}],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]],{"open":["openHandler"]}],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]],{"selectedElement":["onSelectedChange"]}],[6,"smoothly-table-expandable-row",{"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"smoothlyTableLoad","handleTableLoaded"]],{"open":["handleSpotlight"],"allowSpotlight":["handleSpotlight"]}],[2,"smoothly-theme-color-variant",{"color":[513],"variant":[513]}],[0,"smoothly-tuple",{"tuple":[16]}],[6,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]},null,{"start":["onStart"],"end":["onEnd"]}],[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"]],{"open":["openChanged","handleSpotlight"],"allowSpotlight":["handleSpotlight"]}],[6,"smoothly-next-table-expandable-cell",{"span":[514],"open":[1540],"close":[64]}],[6,"smoothly-next-table-foot"],[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"]]],[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]}],[6,"smoothly-next-table-expandable-row",{"open":[1540]}],[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]],[6,"smoothly-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"]],{"selected":["selectedChanged"]}],[6,"smoothly-input-month",{"readonly":[1540],"color":[513],"looks":[1537],"name":[1],"value":[1025],"next":[516],"previous":[516],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"value":["valueChanged"]}],[6,"smoothly-lazy",{"show":[1028],"content":[16]}],[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"]],{"open":["openChange"],"readonly":["readonlyChanged"]}],[4,"smoothly-form",{"color":[1537],"value":[1040],"action":[1],"type":[1],"readonly":[1028],"looks":[513],"name":[1],"prevent":[4],"changed":[1028],"processing":[32],"listen":[64],"submit":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[8,"smoothlyFormSubmit","windowSubmitHandler"],[0,"smoothlyFormSubmit","submitHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]],{"value":["watchValue"],"readonly":["watchReadonly"]}],[2,"smoothly-load-more",{"offset":[1],"name":[1],"multiple":[4]}],[6,"smoothly-next-table",{"columns":[2]}],[6,"smoothly-next-table-body"],[6,"smoothly-next-table-cell",{"span":[514]}],[6,"smoothly-next-table-head"],[6,"smoothly-next-table-row",null,[[0,"smoothlyNextTableExpandableCellRegister","smoothlyNextTableExpandableCellRegisterHandler"],[0,"smoothlyNextTableExpandableCellOpened","smoothlyNextTableExpandableCellOpenedHandler"]]],[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"],"required":[4],"searchDisabled":[4,"search-disabled"],"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"]],{"selected":["onSelectedChange"],"required":["onRequiredChange"],"filter":["onFilterChange"],"readonly":["watchingReadonly"],"open":["onClosed"]}],[1,"smoothly-picker-option",{"selected":[1540],"visible":[1540],"value":[1032],"search":[1040],"position":[514],"required":[516],"readonly":[32],"slotted":[32],"clickHandler":[64]},null,{"position":["emitChange"],"selected":["emitChange"],"slotted":["emitChange"]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[6,"smoothly-slot-elements",{"clone":[4],"nodes":[1040]},null,{"nodes":["componentDidLoad"]}],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"selectable":[516],"deselectable":[4],"filter":[64]},[[0,"click","clickHandler"]],{"selected":["selectedWatcher"]}],[6,"smoothly-slotted-elements",{"clone":[4]}],[2,"smoothly-spinner",{"size":[513],"overlay":[516]}],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1]}],[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"]],{"type":["typeChange"],"value":["valueWatcher"],"readonly":["watchingReadonly"],"currency":["onCurrency"]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[513],"size":[513],"rotate":[514],"flip":[513],"toolTip":[1,"tool-tip"],"latestPromise":[32],"document":[32]},null,{"name":["nameChanged"]}]]],["p-b7b626db",[[2,"smoothly-address-display",{"value":[16],"editable":[4]}]]],["p-c059100f",[[2,"smoothly-address",{"value":[16],"editable":[4]}]]]]'),e)}));
+import{p as e,b as o}from"./p-a089461a.js";export{s as setNonce}from"./p-a089461a.js";import{g as l}from"./p-8661963e.js";import"./p-7e394c6a.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-9fc75fa6",[[2,"smoothly-addresses",{"value":[16],"editable":[16]}]]],["p-5cd2660f",[[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"unavailable":[516],"disabled":[516],"name":[1],"value":[8],"t":[32],"toggle":[64],"clear":[64]},null,{"checked":["unavailableChanged"],"unavailable":["unavailableChanged"]}]]],["p-c2c08533",[[6,"smoothly-accordion",{"value":[1025],"removeItem":[64]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemWillLoad","onAccordionItemDidLoad"]],{"value":["valueChanged"]}]]],["p-71e89cb6",[[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]},null,{"open":["openChanged"]}]]],["p-399cd405",[[6,"smoothly-color",{"color":[513]}]]],["p-54a0cea2",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["p-4d7d2520",[[2,"smoothly-display-date-time",{"datetime":[1]}]]],["p-a8d13623",[[2,"smoothly-google-font",{"value":[1]}]]],["p-31257002",[[0,"smoothly-reorder"]]],["p-07143277",[[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}]]],["p-c8179563",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["p-cad42990",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["p-68f169b6",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo",{"duration":[32]}],[2,"smoothly-table-demo"],[2,"smoothly-next-demo"],[0,"smoothly-display-demo",{"downloadingSpinner":[32]}],[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"]],{"selected":["selectedChanged"]}],[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-input-demo-controlled-form",{"name":[32],"currency":[32],"date":[32]},null,{"name":["nameChanged"]}],[2,"smoothly-picker-demo",{"counter":[32],"data":[32],"change":[32]},[[0,"smoothlyFormSubmit","submitHandler"]]],[2,"smoothly-next-demo-group"],[2,"smoothly-next-demo-colspan"],[2,"smoothly-next-demo-nested"],[2,"smoothly-next-demo-simple"],[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"]],{"value":["onStart"]}],[2,"smoothly-input-date-range",{"name":[1],"color":[1537],"looks":[1537],"showLabel":[516,"show-label"],"start":[1025],"end":[1025],"max":[1],"min":[1],"open":[32],"clear":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]]],[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"]],{"value":["valueChanged"]}],[2,"smoothly-burger",{"visible":[1540],"open":[1540],"mediaQuery":[513,"media-query"],"history":[32]},[[0,"click","clickHandler"],[9,"resize","resizeHandler"]],{"open":["openChanged"]}],[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]},null,{"checked":["elementCheck"]}],[6,"smoothly-input-file",{"changed":[1028],"readonly":[1540],"accept":[1],"color":[1537],"looks":[1537],"camera":[513],"name":[513],"showLabel":[516,"show-label"],"value":[1040],"placeholder":[1537],"dragging":[32],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64],"binary":[64]},null,{"value":["valueChanged"]}],[6,"smoothly-input-radio-item",{"value":[1032],"selected":[1028],"looks":[1537],"name":[1025]}],[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"]],{"value":["valueChanged"],"readonly":["watchingReadonly"]}],[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]},null,{"value":["valueChanged"]}],[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]}],[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],"looks":[1]},[[0,"smoothlyPickerOptionChange","optionChangeHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]]],[2,"smoothly-next-demo-nested-inner",{"data":[16]}],[6,"smoothly-filter",{"detailChildren":[32],"criteria":[32],"expanded":[32]},[[0,"smoothlyFilterUpdate","updateHandler"],[0,"smoothlyFilterManipulate","manipulateHandler"],[0,"smoothlyFilterField","filterFieldHandler"]]],[6,"smoothly-input-submit",{"delete":[516],"color":[1],"expand":[513],"fill":[513],"disabled":[1540],"display":[1540],"shape":[513],"type":[513],"size":[513],"toolTip":[1,"tool-tip"]}],[6,"smoothly-filter-input",{"property":[1],"placeholder":[1],"needle":[32]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]],{"notice":["onUpdatedNotice"]}],[2,"smoothly-back-to-top",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[2,"smoothly-filter-toggle",{"icon":[1],"properties":[16],"toolTip":[1,"tool-tip"],"not":[4],"flip":[516],"active":[1028]}],[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-reset",{"color":[513],"expand":[513],"fill":[513],"disabled":[1540],"size":[513],"shape":[513],"display":[1540],"type":[513],"tooltip":[1]},[[0,"click","clickHandler"]]],[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-next-table-row-group",{"align":[516],"open":[1540]}],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]],{"open":["openHandler"]}],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]],{"selectedElement":["onSelectedChange"]}],[6,"smoothly-table-expandable-row",{"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"smoothlyTableLoad","handleTableLoaded"]],{"open":["handleSpotlight"],"allowSpotlight":["handleSpotlight"]}],[2,"smoothly-theme-color-variant",{"color":[513],"variant":[513]}],[0,"smoothly-tuple",{"tuple":[16]}],[6,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]},null,{"start":["onStart"],"end":["onEnd"]}],[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"]],{"open":["openChanged","handleSpotlight"],"allowSpotlight":["handleSpotlight"]}],[6,"smoothly-next-table-expandable-cell",{"span":[514],"open":[1540],"close":[64]}],[6,"smoothly-next-table-foot"],[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"]]],[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]}],[6,"smoothly-next-table-expandable-row",{"open":[1540]}],[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]],[6,"smoothly-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"]],{"selected":["selectedChanged"]}],[6,"smoothly-input-month",{"readonly":[1540],"color":[513],"looks":[1537],"name":[1],"value":[1025],"next":[516],"previous":[516],"clear":[64],"listen":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{"value":["valueChanged"]}],[6,"smoothly-lazy",{"show":[1028],"content":[16]}],[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"]],{"open":["openChange"],"readonly":["readonlyChanged"]}],[4,"smoothly-form",{"color":[1537],"value":[1040],"action":[1],"type":[1],"readonly":[1028],"looks":[513],"name":[1],"prevent":[4],"changed":[1028],"processing":[32],"listen":[64],"submit":[64],"clear":[64],"edit":[64],"reset":[64],"setInitialValue":[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[8,"smoothlyFormSubmit","windowSubmitHandler"],[0,"smoothlyFormSubmit","submitHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]],{"value":["watchValue"],"readonly":["watchReadonly"]}],[2,"smoothly-load-more",{"offset":[1],"name":[1],"multiple":[4]}],[6,"smoothly-next-table",{"columns":[2]}],[6,"smoothly-next-table-body"],[6,"smoothly-next-table-cell",{"span":[514]}],[6,"smoothly-next-table-head"],[6,"smoothly-next-table-row",null,[[0,"smoothlyNextTableExpandableCellRegister","smoothlyNextTableExpandableCellRegisterHandler"],[0,"smoothlyNextTableExpandableCellOpened","smoothlyNextTableExpandableCellOpenedHandler"]]],[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"],"required":[4],"searchDisabled":[4,"search-disabled"],"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"]],{"selected":["onSelectedChange"],"required":["onRequiredChange"],"filter":["onFilterChange"],"readonly":["watchingReadonly"],"open":["onClosed"]}],[1,"smoothly-picker-option",{"selected":[1540],"visible":[1540],"value":[1032],"search":[1040],"position":[514],"required":[516],"readonly":[32],"slotted":[32],"clickHandler":[64]},null,{"position":["emitChange"],"selected":["emitChange"],"slotted":["emitChange"]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[6,"smoothly-slot-elements",{"clone":[4],"nodes":[1040]},null,{"nodes":["componentDidLoad"]}],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"selectable":[516],"deselectable":[4],"filter":[64]},[[0,"click","clickHandler"]],{"selected":["selectedWatcher"]}],[6,"smoothly-slotted-elements",{"clone":[4]}],[2,"smoothly-spinner",{"size":[513],"overlay":[516]}],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1]}],[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"]],{"type":["typeChange"],"value":["valueWatcher"],"readonly":["watchingReadonly"],"currency":["onCurrency"]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[513],"size":[513],"rotate":[514],"flip":[513],"toolTip":[1,"tool-tip"],"latestPromise":[32],"document":[32]},null,{"name":["nameChanged"]}]]],["p-b7b626db",[[2,"smoothly-address-display",{"value":[16],"editable":[4]}]]],["p-c059100f",[[2,"smoothly-address",{"value":[16],"editable":[4]}]]]]'),e)}));
 //# sourceMappingURL=smoothly.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothly",
-	"version": "1.1.1-alpha.21",
+	"version": "1.1.1-alpha.22",
 	"description": "Web component library written in Stencil.",
 	"author": "PayFunc",
 	"license": "MIT",

package/dist/components/p-488297a3.js.map

@@ -1 +0,0 @@
-{"file":"p-488297a3.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,+XAA+X,CAAC;AACjZ,2BAAe,QAAQ;;MCqBV,YAAY;;;;;;;;;0BAKc,IAAI;4BACnB,IAAI;;IAK3B,YAAY;QACX,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC;YAC3D,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;KAC/B;IAED,eAAe;QACd,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC1C;IACD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAC3B,OAAM;SACN,CAAC,CAAA;KACF;IACD,gBAAgB;QACf,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU;YACnC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC3C;IAED,MAAM,MAAM,CAAC,MAAc;;QAC1B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAA;QAC5F,IAAI,CAAC,OAAO,CAAC,MAAM;YAClB,MAAM,IAAI,IAAI,CAAC,UAAU;kBACtB,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;kBAClF,KAAK,CAAA;KACT;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,QAAQ,EAAE,CAAC,CAAC,IACjB,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/item/style.css?tag=smoothly-item&encapsulation=scoped","src/components/item/index.tsx"],"sourcesContent":[":host([selected]) {\n\tbackground-color: rgb(var(--smoothly-primary-shade));\n\tcolor: rgb(var(--smoothly-primary-contrast));\n}\n:host {\n\tpadding: 0.5em;\n\tcursor: pointer;\n\tcolor: rgb(var(--smoothly-default-contrast));\n\tborder: rgb(var(--smoothly-default-shade) solid 1px);\n}\n:host([marked]),\n:host:hover {\n\tbackground-color: rgba(var(--smoothly-primary-tint), .3);\n}\n","import {\n\tComponent,\n\tComponentDidLoad,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Item } from \"./Item\"\n\n@Component({\n\ttag: \"smoothly-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyItem implements Item, ComponentWillLoad, ComponentDidLoad {\n\t@Element() element: HTMLSmoothlyItemElement\n\t@Prop() value: any\n\t@Prop({ reflect: true, mutable: true }) selected: boolean\n\t@Prop({ reflect: true, mutable: true }) marked: boolean\n\t@Prop({ reflect: true }) selectable = true\n\t@Prop() deselectable = true\n\t@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\n\t@Listen(\"click\")\n\tclickHandler(): void {\n\t\tif (this.selectable && (!this.selected || this.deselectable))\n\t\t\tthis.selected = !this.selected\n\t}\n\t@Watch(\"selected\")\n\tselectedWatcher(): void {\n\t\tthis.smoothlyItemSelect.emit(this.element)\n\t}\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t}\n\tcomponentDidLoad(): void {\n\t\tif (this.selected && this.selectable)\n\t\t\tthis.smoothlyItemSelect.emit(this.element)\n\t}\n\t@Method()\n\tasync filter(filter: string): Promise<void> {\n\t\tconst value = typeof this.value === \"string\" ? this.value : JSON.stringify(this.value ?? \"\")\n\t\tthis.element.hidden =\n\t\t\tfilter && this.selectable\n\t\t\t\t? !(value.includes(filter) || this.element.innerText.toLowerCase().includes(filter))\n\t\t\t\t: false\n\t}\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host tabIndex={-1}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-9f010bc0.js.map

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