smoothly 1.0.0-alpha.83 → 1.0.0-alpha.85

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["smoothly-accordion_66.cjs",[[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"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[2,"smoothly-select-demo"],[6,"smoothly-app-room",{"label":[1],"icon":[1],"path":[1],"to":[1],"selected":[1540],"getContent":[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",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028],"clear":[64]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-input-date-range",{"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,"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]},[[8,"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],"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",{"name":[513],"open":[1540],"mutable":[516],"multiple":[516],"readonly":[516],"validator":[16],"selected":[32],"display":[32],"clear":[64]},[[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-backtotop",{"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",{"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",{"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",{"value":[1040],"looks":[513],"name":[1],"method":[1],"action":[1],"processing":[1540],"prevent":[4],"changed":[1540],"notice":[32],"submit":[64],"clear":[64]},[[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",{"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]}]]],["smoothly-addresses.cjs",[[2,"smoothly-addresses",{"value":[16],"editable":[16]}]]],["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-display-date-time.cjs",[[2,"smoothly-display-date-time",{"datetime":[1]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-address-display.cjs",[[2,"smoothly-address-display",{"value":[16],"editable":[4]}]]],["smoothly-address.cjs",[[2,"smoothly-address",{"value":[16],"editable":[4]}]]]], options);
+  return index.bootstrapLazy([["smoothly-accordion_66.cjs",[[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"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[2,"smoothly-select-demo"],[6,"smoothly-app-room",{"label":[1],"icon":[1],"path":[1],"to":[1],"selected":[1540],"getContent":[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",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028],"clear":[64]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-input-date-range",{"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,"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]},[[8,"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],"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",{"name":[513],"open":[1540],"mutable":[516],"multiple":[516],"readonly":[516],"validator":[16],"selected":[32],"display":[32],"clear":[64]},[[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",{"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",{"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",{"value":[1040],"looks":[513],"name":[1],"method":[1],"action":[1],"processing":[1540],"prevent":[4],"changed":[1540],"notice":[32],"submit":[64],"clear":[64]},[[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",{"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]}]]],["smoothly-addresses.cjs",[[2,"smoothly-addresses",{"value":[16],"editable":[16]}]]],["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-display-date-time.cjs",[[2,"smoothly-display-date-time",{"datetime":[1]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-address-display.cjs",[[2,"smoothly-address-display",{"value":[16],"editable":[4]}]]],["smoothly-address.cjs",[[2,"smoothly-address",{"value":[16],"editable":[4]}]]]], options);
   });
 };
 

package/dist/cjs/smoothly-accordion_66.cjs.entry.js

@@ -136,6 +136,9 @@ const SmoothlyApp = class {
       }
     }
   }
+  burgerVisibilityHandler(event) {
+    this.burgerVisibility = event.detail;
+  }
   burgerStatusHandler(event) {
     event.stopPropagation();
     this.menuOpen = event.detail;
@@ -152,13 +155,14 @@ const SmoothlyApp = class {
   }
   roomSelectedHandler(event) {
     this.selected = { element: event.target };
-    this.menuOpen = false;
+    if (this.burgerVisibility)
+      this.menuOpen = false;
   }
   roomLoadedHandler(event) {
     this.rooms[event.target.path.toString()] = { element: event.target };
   }
   render() {
-    return (index.h("smoothly-notifier", null, index.h("header", { color: this.color }, index.h("h1", null, index.h("a", { href: "" }, this.label)), index.h("slot", { name: "header" }), index.h("nav", { class: { "menu-open": this.menuOpen } }, index.h("ul", null, index.h("slot", { name: "nav-start" }), index.h("slot", null, " "), index.h("slot", { name: "nav-end" }))), index.h("smoothly-burger", { open: this.menuOpen, onNavStatus: e => this.burgerStatusHandler(e) })), index.h("main", { ref: e => (this.mainElement = e) })));
+    return (index.h("smoothly-notifier", null, index.h("header", { color: this.color }, index.h("h1", null, index.h("a", { href: "" }, this.label)), index.h("slot", { name: "header" }), index.h("nav", { class: { "menu-open": this.menuOpen } }, index.h("ul", null, index.h("slot", { name: "nav-start" }), index.h("slot", null, " "), index.h("slot", { name: "nav-end" }))), index.h("smoothly-burger", { open: this.menuOpen, onNavStatus: e => this.burgerStatusHandler(e), onVisibleStatus: e => this.burgerVisibilityHandler(e) })), index.h("main", { ref: e => (this.mainElement = e) })));
   }
   static get watchers() { return {
     "selected": ["selectedChanged"]
@@ -1431,9 +1435,9 @@ const SmoothlyAppRoom = class {
 };
 SmoothlyAppRoom.style = styleCss$V;
 
-const styleCss$U = ".sc-smoothly-backtotop-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";
+const styleCss$U = ".sc-smoothly-back-to-top-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";
 
-const SmoothlyBacktotop = class {
+const SmoothlyBackToTop = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.opacity = "0.5";
@@ -1457,10 +1461,10 @@ const SmoothlyBacktotop = class {
         top: 0,
         left: 0,
         behavior: "smooth",
-      }) }, index.h("smoothly-icon", { name: "chevron-up-outline" })));
+      }) }, index.h("smoothly-icon", { name: "caret-up-outline" })));
   }
 };
-SmoothlyBacktotop.style = styleCss$U;
+SmoothlyBackToTop.style = styleCss$U;
 
 const styleCss$T = "[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{font-size:1.7em;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";
 
@@ -1468,6 +1472,7 @@ const SmoothlyBurger = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.navStatus = index.createEvent(this, "navStatus", 7);
+    this.visibleStatus = index.createEvent(this, "visibleStatus", 7);
     this.visible = undefined;
     this.open = false;
     this.mediaQuery = "(max-width: 900px)";
@@ -1480,12 +1485,14 @@ const SmoothlyBurger = class {
     else
       this.visible = true;
     this.navStatus.emit(!this.visible);
+    this.visibleStatus.emit(this.visible);
   }
   openChanged() {
     this.navStatus.emit(this.open);
   }
   clickHandler(event) {
-    this.open = !event.composedPath().includes(this.element) ? false : !this.open;
+    if (this.visible)
+      this.open = !event.composedPath().includes(this.element) ? false : !this.open;
   }
   resizeHandler() {
     const result = window.matchMedia(this.mediaQuery).matches;
@@ -1498,6 +1505,7 @@ const SmoothlyBurger = class {
         this.visible = false;
         this.open = false;
       }
+      this.visibleStatus.emit(this.visible);
       this.navStatus.emit(!this.visible);
     }
     this.history = result;
@@ -1556,7 +1564,7 @@ const SmoothlyButtonDemo = class {
     return [
       index.h("h2", null, "Buttons"),
       index.h("section", null, index.h("h4", null, "Toggle button"), index.h("smoothly-toggle", null, index.h("smoothly-icon", { name: "card", fill: "solid", slot: "icon-slot" })), index.h("smoothly-toggle", null, index.h("smoothly-icon", { name: "briefcase", slot: "icon-slot" })), index.h("smoothly-toggle", null, index.h("smoothly-icon", { name: "airplane", slot: "icon-slot" })), index.h("h4", null, "Toggle switches"), index.h("smoothly-toggle-switch", { disabled: false, size: "small" }), index.h("smoothly-toggle-switch", { disabled: false }), index.h("smoothly-toggle-switch", { disabled: false, size: "large" }), index.h("h4", null, "Links with icons"), index.h("smoothly-button", { type: "link" }, index.h("smoothly-icon", { name: "checkmark-circle", slot: "start" }), "type link"), index.h("smoothly-button", { type: "button", color: "warning", fill: "default" }, index.h("smoothly-icon", { name: "call", slot: "start" }), index.h("a", { href: "https://google.com" }, "link")), index.h("smoothly-button", { link: "https://google.com", type: "link" }, index.h("smoothly-icon", { name: "arrow-forward", slot: "end" }), "link + type link"), index.h("h4", null, "Size and Color test"), index.h("smoothly-button", { color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), index.h("smoothly-button", { color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), index.h("smoothly-button", { color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), index.h("smoothly-button", { color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), index.h("smoothly-button", { color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), index.h("smoothly-button", { color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), index.h("smoothly-button", { color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), index.h("smoothly-button", { color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), index.h("smoothly-button", { color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), index.h("h4", null, "Expand examples"), index.h("smoothly-button", { color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), index.h("smoothly-button", { color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), index.h("h4", null, "Fill examples"), index.h("div", null, index.h("smoothly-button", { shape: "rounded", color: "primary", fill: "solid" }, index.h("smoothly-icon", { name: "checkmark-circle", slot: "start" }), "Fill Solid"), index.h("smoothly-button", { shape: "rounded", color: "secondary", fill: "outline" }, index.h("smoothly-icon", { name: "checkmark-circle", slot: "start", fill: "clear" }), "Fill Outline"), index.h("smoothly-button", { shape: "rounded", color: "tertiary", fill: "clear" }, index.h("smoothly-icon", { name: "checkmark-circle", slot: "start", fill: "clear" }), "Fill Clear"), index.h("smoothly-button", { size: "icon", shape: "rounded", color: "success", fill: "solid" }, index.h("smoothly-icon", { name: "basketball", fill: "solid" }))), index.h("h4", null, "Buttons with Icon in \"start\""), index.h("div", null, index.h("smoothly-button", { shape: "rounded", fill: "solid", color: "warning" }, index.h("smoothly-icon", { name: "checkmark-circle", slot: "start" }), "Check"), index.h("smoothly-button", { shape: "rounded", fill: "solid", color: "secondary" }, index.h("smoothly-icon", { name: "basketball", slot: "start" }), "Check"), index.h("smoothly-button", { shape: "rounded", fill: "solid", color: "success" }, index.h("smoothly-icon", { name: "call", slot: "start" }), "Check"), index.h("smoothly-button", { size: "icon", fill: "solid", shape: "rounded", color: "success" }, index.h("smoothly-icon", { name: "call" }))), index.h("h4", null, "Buttons with Icon in \"end\""), index.h("smoothly-button", { fill: "solid", color: "light" }, "Go Forward", index.h("smoothly-icon", { name: "arrow-forward", slot: "end" })), index.h("h4", null, "Test for icon button"), index.h("div", null, index.h("smoothly-button", { size: "icon", fill: "solid", shape: "rounded", color: "success" }, index.h("smoothly-icon", { name: "call" })), index.h("smoothly-button", { size: "icon", shape: "rounded", color: "warning", fill: "solid" }, index.h("smoothly-icon", { name: "search-outline" })), index.h("smoothly-button", { size: "icon", shape: "rounded", color: "secondary" }, index.h("smoothly-icon", { name: "checkmark-circle" }))), index.h("h4", null, "Link examples"), index.h("div", null, index.h("smoothly-button", { type: "link" }, "type link"), index.h("smoothly-button", { type: "button", fill: "clear" }, index.h("a", { href: "https://google.com" }, "link")), index.h("smoothly-button", { link: "https://google.com", type: "link" }, "link + type link")), index.h("h4", null, "Disabled buttons"), index.h("div", null, index.h("smoothly-button", { disabled: true, fill: "solid", color: "secondary" }, "Disabled"), index.h("smoothly-button", { type: "link", link: "https://google.com", disabled: true }, "Disabled link"))),
-      index.h("smoothly-backtotop", null),
+      index.h("smoothly-back-to-top", null),
     ];
   }
 };
@@ -28021,7 +28029,7 @@ const SmoothlyInputDemo = class {
       index.h("smoothly-form", null, index.h("smoothly-accordion", null, index.h("smoothly-accordion-item", { name: "A", open: true }, index.h("smoothly-radio", { name: "a", value: "1b" }, "a 1"), index.h("smoothly-radio", { name: "a", value: "2b", checked: true }, "a 2"), index.h("smoothly-radio", { name: "a", value: "3b" }, "a 3")), index.h("smoothly-accordion-item", { name: "B" }, index.h("smoothly-radio", { name: "b", value: "1c" }, "b 1"), index.h("smoothly-radio", { name: "b", value: "2c" }, "b 2"), index.h("smoothly-radio", { name: "b", value: "3c" }, "b 3"))), index.h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { name: "checkmark-circle" }))),
       index.h("h4", null, "Smoothly Picker"),
       index.h("smoothly-picker-demo", null),
-      index.h("smoothly-backtotop", null),
+      index.h("smoothly-back-to-top", null),
       index.h("h4", null, "Smoothly Date"),
       index.h("smoothly-input-date", null, "Date"),
       index.h("smoothly-input-date", { value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"),
@@ -28105,10 +28113,10 @@ const MonthSelector = class {
   render() {
     var _a, _b;
     return [
-      index.h("div", { onClick: () => this.adjustMonth(-1) }, index.h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
+      index.h("div", { onClick: () => this.adjustMonth(-1) }, index.h("smoothly-icon", { name: "caret-back-outline", size: "small" })),
       index.h("smoothly-input-select", { onSelected: (e) => (this.value = e.detail) }, years((_a = this.value) !== null && _a !== void 0 ? _a : getLanguage.Date.now()).map(year => (index.h("smoothly-item", { value: year.date, selected: year.selected }, year.name)))),
       index.h("smoothly-input-select", { onSelected: (e) => (this.value = e.detail) }, months((_b = this.value) !== null && _b !== void 0 ? _b : getLanguage.Date.now()).map(month => (index.h("smoothly-item", { value: month.date, selected: month.selected }, month.name)))),
-      index.h("div", { onClick: () => this.adjustMonth(1) }, index.h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
+      index.h("div", { onClick: () => this.adjustMonth(1) }, index.h("smoothly-icon", { name: "caret-forward-outline", size: "small" })),
     ];
   }
   static get watchers() { return {
@@ -28433,7 +28441,7 @@ const SmoothlyPicker = class {
     this.selected.forEach(option => option.selected && option.element.clickHandler());
   }
   render() {
-    return (index.h(index.Host, null, index.h("smoothly-slot-elements", { class: "selected", nodes: this.display }), index.h("span", { class: "label" }, index.h("slot", { name: "label" })), index.h("button", { type: "button" }, index.h("smoothly-icon", { size: "tiny", name: this.open ? "chevron-down-outline" : "chevron-forward-outline" })), index.h("smoothly-picker-menu", { onClick: e => e.stopPropagation(), multiple: this.multiple, mutable: this.mutable, readonly: this.readonly, validator: this.validator }, index.h("slot", { name: "search", slot: "search" }), index.h("slot", { name: "display", slot: "display" }), index.h("slot", null))));
+    return (index.h(index.Host, null, index.h("smoothly-slot-elements", { class: "selected", nodes: this.display }), index.h("span", { class: "label" }, index.h("slot", { name: "label" })), index.h("button", { type: "button" }, index.h("smoothly-icon", { size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), index.h("smoothly-picker-menu", { onClick: e => e.stopPropagation(), multiple: this.multiple, mutable: this.mutable, readonly: this.readonly, validator: this.validator }, index.h("slot", { name: "search", slot: "search" }), index.h("slot", { name: "display", slot: "display" }), index.h("slot", null))));
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {
@@ -29050,7 +29058,7 @@ const SmoothlySummary = class {
     }
   }
   render() {
-    return (index.h("details", { onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", null, index.h("smoothly-icon", { name: "chevron-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { name: "summary" })), index.h("slot", { name: "content" })));
+    return (index.h("details", { onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", null, index.h("smoothly-icon", { name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { name: "summary" })), index.h("slot", { name: "content" })));
   }
 };
 SmoothlySummary.style = styleCss$f;
@@ -29577,7 +29585,7 @@ exports.smoothly_accordion_item = SmoothlyAccordionItem;
 exports.smoothly_app = SmoothlyApp;
 exports.smoothly_app_demo = SmoothlyAppDemo;
 exports.smoothly_app_room = SmoothlyAppRoom;
-exports.smoothly_backtotop = SmoothlyBacktotop;
+exports.smoothly_back_to_top = SmoothlyBackToTop;
 exports.smoothly_burger = SmoothlyBurger;
 exports.smoothly_button = SmoothlyButton;
 exports.smoothly_button_demo = SmoothlyButtonDemo;