smoothly 1.0.0-alpha.36 → 1.0.0-alpha.38

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_61.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[4,"smoothly-app",{"label":[1],"color":[1],"menuOpen":[1540,"menu-open"],"selected":[32]},[[0,"burgerStatus","burgerStatusHandler"],[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelected","roomSelectedHandler"],[0,"smoothlyRoomLoaded","roomLoadedHandler"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[6,"smoothly-app-room",{"label":[1],"icon":[1],"path":[1],"to":[1],"selected":[516]}],[2,"smoothly-icon-demo"],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32],"selector":[32]},[[0,"filters","onFilterUpdate"],[2,"smoothlyChecked","smoothlyCheckedHandler"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-picker",{"label":[1],"name":[1],"open":[1540],"multiple":[4],"mutable":[4],"searchLabel":[1,"search-label"],"validator":[16],"labeledDefault":[4,"labeled-default"],"selectedElement":[32],"selected":[32]},[[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChanged","optionsSelectedHandler"]]],[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"]},[[9,"resize","resizeHandler"]]],[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"name":[1],"value":[8],"disabled":[516],"t":[32],"toggle":[64]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-summary",{"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]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[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-display-date-time",{"datetime":[1]}],[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],"tabIndex":[2,"tab-index"]}],[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]}],[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"smoothlyTableLoad","handleTableLoaded"]]],[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-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[6,"smoothly-picker-menu",{"multiple":[516],"mutable":[516],"label":[1],"validator":[16],"labeledDefault":[4,"labeled-default"],"allowed":[32],"new":[32],"search":[32]},[[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChanged","optionChangedHandler"]]],[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":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[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-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540],"align":[513]},[[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",null,[[0,"smoothlyExpansionLoad","onExpansionLoad"],[0,"smoothlyExpansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[6,"smoothly-picker-option",{"selected":[1540],"visible":[1540],"labeled":[516],"value":[8],"name":[513],"valueElement":[32]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[4,"smoothly-form",{"looks":[513],"name":[1],"method":[1],"action":[1],"processing":[1540],"prevent":[4],"notice":[32],"submit":[64],"clear":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlySubmit","smoothlySubmitHandler"]]],[1,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-selector",{"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"]]],[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":[1028],"currency":[513],"initialValue":[32],"clear":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"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-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_61.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[4,"smoothly-app",{"label":[1],"color":[1],"menuOpen":[1540,"menu-open"],"selected":[32]},[[0,"burgerStatus","burgerStatusHandler"],[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelected","roomSelectedHandler"],[0,"smoothlyRoomLoaded","roomLoadedHandler"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[6,"smoothly-app-room",{"label":[1],"icon":[1],"path":[1],"to":[1],"selected":[516]}],[2,"smoothly-icon-demo"],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32],"selector":[32]},[[0,"filters","onFilterUpdate"],[2,"smoothlyChecked","smoothlyCheckedHandler"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-picker",{"label":[1],"name":[1],"open":[1540],"multiple":[4],"mutable":[4],"readonly":[4],"searchLabel":[1,"search-label"],"validator":[16],"labeledDefault":[4,"labeled-default"],"selectedElement":[32],"selected":[32]},[[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChanged","optionsSelectedHandler"]]],[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"]},[[9,"resize","resizeHandler"]]],[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"name":[1],"value":[8],"disabled":[516],"t":[32],"toggle":[64]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-summary",{"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]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[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-display-date-time",{"datetime":[1]}],[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],"tabIndex":[2,"tab-index"]}],[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]}],[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"prevent":[4]},[[0,"click","clickHandler"]]],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"smoothlyTableLoad","handleTableLoaded"]]],[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-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[6,"smoothly-picker-menu",{"multiple":[516],"mutable":[516],"readonly":[516],"label":[1],"validator":[16],"labeledDefault":[4,"labeled-default"],"allowed":[32],"new":[32],"search":[32]},[[0,"smoothlyPickerOptionLoaded","optionLoadedHandler"],[0,"smoothlyPickerOptionChanged","optionChangedHandler"]]],[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":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[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-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540],"align":[513]},[[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",null,[[0,"smoothlyExpansionLoad","onExpansionLoad"],[0,"smoothlyExpansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[6,"smoothly-picker-option",{"selected":[1540],"visible":[1540],"labeled":[516],"readonly":[1540],"value":[8],"name":[513],"valueElement":[32]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[4,"smoothly-form",{"looks":[513],"name":[1],"method":[1],"action":[1],"processing":[1540],"prevent":[4],"notice":[32],"submit":[64],"clear":[64]},[[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlySubmit","smoothlySubmitHandler"]]],[6,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-selector",{"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"]]],[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":[1028],"currency":[513],"initialValue":[32],"clear":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"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-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_61.cjs.entry.js

@@ -1507,7 +1507,7 @@ const Button = ({ disabled, type, link, download }) => {
     index.h("slot", { name: "end" })));
 };
 
-const styleCss$N = "[color=default]{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary]{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary]{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary]{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success]{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-color);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning]{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger]{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light]{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium]{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark]{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}:host{display:inline-block;margin:1em;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out}:host([type=link]){display:inline;border:none}:host([disabled]){opacity:0.5;pointer-events:none}a,button{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}button{justify-content:center;height:100%;width:100%;border-radius:0.5rem;min-width:8em;align-items:center}:host(:not([size=icon]))>button{padding:0.8em}:host([size=icon])>button{padding:0.5em}:host([shape=rounded])>button,:host([shape=rounded]){border-radius:2rem}:host([type=button])>a{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}:host([size=small])>button{font-size:100%}:host([size=large])>button{font-size:130%}:host(:not([size=icon])){min-width:8em}:host([size=flexible]){min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}:host([size=flexible])>button{min-width:unset;padding:0;margin:0 !important}:host([expand]){width:100%}:host([expand=full]){border-left:none;border-right:none;border-radius:0}:host([shape=rounded])>button,:host([shape=rounded]){border-radius:2rem}:host(:not([fill=clear]):hover),:host(:not([fill=clear]):focus),:host(:not([fill=clear]):active){border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}:host(:not([fill=clear]):hover)>button,:host(:not([fill=clear]):focus)>button,:host(:not([fill=clear]):active)>button,:host(:not([fill=clear]):hover) ::slotted(smoothly-icon),:host(:not([fill=clear]):focus) ::slotted(smoothly-icon),:host(:not([fill=clear]):active) ::slotted(smoothly-icon){color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}:host([fill=clear]:hover)>button,:host([fill=clear]:focus)>button,:host([fill=clear]:active)>button{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}:host([disabled]){opacity:0.5;pointer-events:none}:host(:not([fill])),:host([fill=default]){background:rgb(var(--smoothly-color));border-color:transparent}:host([fill=solid]){background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color-shade))}:host([fill=solid])>button,:host([fill=default])>button{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}:host([fill=outline])>button,:host([fill=clear])>button{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}:host([fill=outline]){background:transparent;border-color:rgb(var(--smoothly-color))}:host([fill=clear]){background:transparent;border-color:transparent}::slotted(smoothly-icon[slot=start]),::slotted(smoothly-icon[slot=end]){font-size:0.65em}:host([hidden]){display:none}";
+const styleCss$N = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-color);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{display:inline-block;margin:1em;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out}[type=link].sc-smoothly-button-h{display:inline;border:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}a.sc-smoothly-button,button.sc-smoothly-button{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}button.sc-smoothly-button{justify-content:center;height:100%;width:100%;border-radius:0.5rem;min-width:8em;align-items:center}.sc-smoothly-button-h:not([size=icon])>button.sc-smoothly-button{padding:0.8em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}.sc-smoothly-button-h:not([fill=clear]):hover,.sc-smoothly-button-h:not([fill=clear]):focus,.sc-smoothly-button-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-button-h:not([fill=clear]):hover>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):focus>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):active>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]):hover .sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):focus .sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]):active .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-button-h:hover>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h:focus>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h:active>button.sc-smoothly-button{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h:not([fill]),[fill=default].sc-smoothly-button-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-button-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-button-h>button.sc-smoothly-button,[fill=default].sc-smoothly-button-h>button.sc-smoothly-button{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h>button.sc-smoothly-button{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-button-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-button-h{background:transparent;border-color:transparent}.sc-smoothly-button-s>smoothly-icon[slot=start],.sc-smoothly-button-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-button-h{display:none}";
 
 const SmoothlyButton = class {
   constructor(hostRef) {
@@ -27921,7 +27921,7 @@ const SmoothlyInputDemo = class {
       index.h("h4", null, "Smoothly Accordion"),
       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: "1" }, "a 1"), index.h("smoothly-radio", { name: "a", value: "2", checked: true }, "a 2"), index.h("smoothly-radio", { name: "a", value: "3" }, "a 3")), index.h("smoothly-accordion-item", { name: "B" }, index.h("smoothly-radio", { name: "b", value: "1" }, "b 1"), index.h("smoothly-radio", { name: "b", value: "2" }, "b 2"), index.h("smoothly-radio", { name: "b", value: "3" }, "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-form", { onSmoothlyFormSubmit: e => console.log("submitted", e.detail), style: { "max-width": "50rem" }, looks: "line" }, index.h("smoothly-input", { name: "purpose", type: "text" }, "Purpose"), index.h("smoothly-picker", { multiple: true, mutable: true, label: "Emails", name: "emails", validator: value => value.match(/^.+@.+/) ? true : { result: false, notice: redirect.Notice.failed("That is not an email") } }, index.h("smoothly-picker-option", { value: "james@rocket.com" }, "james@rocket.com"), index.h("smoothly-picker-option", { selected: true, value: "jessie@rocket.com" }, "jessie@rocket.com"), index.h("smoothly-picker-option", { value: "giovanni@rocket.com" }, "giovanni@rocket.com")), index.h("smoothly-submit", { slot: "submit" }, "Submit"), index.h("smoothly-picker", { label: "Shape", name: "shape" }, index.h("smoothly-picker-option", { name: "Circle", value: "circle", labeled: true }, index.h("smoothly-icon", { name: "ellipse-outline" })), index.h("smoothly-picker-option", { name: "Cube", value: "cube", labeled: true }, index.h("smoothly-icon", { name: "cube-outline" })), index.h("smoothly-picker-option", { name: "Square", value: "square", selected: true, labeled: true }, index.h("smoothly-icon", { name: "square-outline" })))),
+      index.h("smoothly-form", { onSmoothlyFormSubmit: e => console.log("submitted", e.detail), style: { "max-width": "50rem" }, looks: "line" }, index.h("smoothly-input", { name: "purpose", type: "text" }, "Purpose"), index.h("smoothly-picker", { multiple: true, mutable: true, label: "Emails", name: "emails", validator: value => value.match(/^.+@.+/) ? true : { result: false, notice: redirect.Notice.failed("That is not an email") } }, index.h("smoothly-picker-option", { value: "james@rocket.com" }, "james@rocket.com"), index.h("smoothly-picker-option", { selected: true, value: "jessie@rocket.com" }, "jessie@rocket.com"), index.h("smoothly-picker-option", { value: "giovanni@rocket.com" }, "giovanni@rocket.com")), index.h("smoothly-submit", { slot: "submit" }, "Submit"), index.h("smoothly-picker", { label: "Shape", name: "shape" }, index.h("smoothly-picker-option", { name: "Circle", value: "circle", labeled: true }, index.h("smoothly-icon", { name: "ellipse-outline" })), index.h("smoothly-picker-option", { name: "Cube", value: "cube", labeled: true }, index.h("smoothly-icon", { name: "cube-outline" })), index.h("smoothly-picker-option", { name: "Square", value: "square", selected: true, labeled: true }, index.h("smoothly-icon", { name: "square-outline" }))), index.h("smoothly-picker", { multiple: true, readonly: true, name: "animals", label: "Animals" }, index.h("smoothly-picker-option", { selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { value: "dog" }, "Dog"), index.h("smoothly-picker-option", { value: "fish" }, "Fish"))),
       index.h("smoothly-backtotop", null),
     ];
   }
@@ -28084,7 +28084,7 @@ const Notifier = class {
 };
 Notifier.style = styleCss$s;
 
-const styleCss$r = ".sc-smoothly-picker-h{display:flex;position:relative;width:max-content;padding:0 0.4em;padding:1.2em 0.7em 0.2em 0.8em}.sc-smoothly-picker-h:not([open]) .menu.sc-smoothly-picker{display:none}smoothly-button.sc-smoothly-picker{margin:0;padding:0}.selector.sc-smoothly-picker{display:flex;align-items:center}.selected.sc-smoothly-picker{display:flex;align-items:center;gap:0.5rem;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;min-width:0;position:relative}.selected.sc-smoothly-picker::after{content:\"\";position:absolute;top:0;bottom:0;right:2px;width:2ch;background:linear-gradient(90deg, rgba(var(--background-color), 0) 0%, rgba(var(--background-color), 1) 100%)}.selected.sc-smoothly-picker *.sc-smoothly-picker{display:none}.label.sc-smoothly-picker{position:absolute;left:0.4rem;top:0.6rem;color:rgb(var(--text-color, var(--smoothly-default-contrast)));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.selected.sc-smoothly-picker:not(:empty)+.label.sc-smoothly-picker{top:0.4em;transform:scale(0.6)}.hide.sc-smoothly-picker{display:none}";
+const styleCss$r = ".sc-smoothly-picker-h{display:flex;position:relative;width:max-content;padding:0 0.4em;padding:1.2em 0.7em 0.2em 0.8em}.sc-smoothly-picker-h:not([open]) .menu.sc-smoothly-picker{display:none}smoothly-button.sc-smoothly-picker{margin:0;padding:0}.selector.sc-smoothly-picker{display:flex;align-items:center}.selected.sc-smoothly-picker{display:flex;margin-right:2px;align-items:center;gap:0.5rem;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;min-width:0;position:relative}.selected.sc-smoothly-picker::after{content:\"\";position:absolute;top:0;bottom:0;right:0;width:2ch;background:linear-gradient(90deg, rgba(var(--background-color), 0) 0%, rgba(var(--background-color), 1) 100%)}.selected.sc-smoothly-picker *.sc-smoothly-picker{display:none}.label.sc-smoothly-picker{position:absolute;left:0.4rem;top:0.6rem;color:rgb(var(--text-color, var(--smoothly-default-contrast)));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.selected.sc-smoothly-picker:not(:empty)+.label.sc-smoothly-picker{top:0.4em;transform:scale(0.6)}.hide.sc-smoothly-picker{display:none}";
 
 const SmoothlyPicker = class {
   constructor(hostRef) {
@@ -28099,6 +28099,7 @@ const SmoothlyPicker = class {
     this.open = false;
     this.multiple = false;
     this.mutable = false;
+    this.readonly = false;
     this.searchLabel = "Search";
     this.validator = undefined;
     this.labeledDefault = false;
@@ -28126,19 +28127,20 @@ const SmoothlyPicker = class {
   }
   optionsSelectedHandler(event) {
     event.stopPropagation();
-    if (this.multiple)
-      this.selected = event.detail.element.selected
-        ? new Map(this.selected.set(event.detail.element.name, event.detail).entries())
-        : !this.selected.delete(event.detail.element.name)
-          ? this.selected
-          : new Map(this.selected.entries());
-    else
-      this.selected = !event.detail.element.selected
-        ? new Map()
-        : new Map().set(event.detail.element.name, event.detail);
+    if (!this.readonly)
+      if (this.multiple)
+        this.selected = event.detail.element.selected
+          ? new Map(this.selected.set(event.detail.element.name, event.detail).entries())
+          : !this.selected.delete(event.detail.element.name)
+            ? this.selected
+            : new Map(this.selected.entries());
+      else
+        this.selected = !event.detail.element.selected
+          ? new Map()
+          : new Map().set(event.detail.element.name, event.detail);
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { ref: element => (this.selectedElement = element), class: "selected" }), index.h("span", { class: "label" }, this.label), index.h("button", { type: "button" }, index.h("smoothly-icon", { name: this.open ? "chevron-down-outline" : "chevron-forward-outline" })), index.h("smoothly-picker-menu", { onClick: event => event.stopPropagation(), label: this.searchLabel, labeledDefault: this.labeledDefault, validator: this.validator, multiple: this.multiple, mutable: this.mutable, class: "menu" }, index.h("slot", null))));
+    return (index.h(index.Host, null, index.h("div", { ref: element => (this.selectedElement = element), class: "selected" }), index.h("span", { class: "label" }, this.label), index.h("button", { type: "button" }, index.h("smoothly-icon", { name: this.open ? "chevron-down-outline" : "chevron-forward-outline" })), index.h("smoothly-picker-menu", { onClick: event => event.stopPropagation(), label: this.searchLabel, labeledDefault: this.labeledDefault, validator: this.validator, multiple: this.multiple, mutable: this.mutable, readonly: this.readonly, class: "menu" }, index.h("slot", null))));
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {
@@ -28147,7 +28149,7 @@ const SmoothlyPicker = class {
 };
 SmoothlyPicker.style = styleCss$r;
 
-const styleCss$q = "*.sc-smoothly-picker-menu{box-sizing:border-box}.sc-smoothly-picker-menu-h{display:flex;flex-direction:column;position:absolute;z-index:1;gap:0.5rem;top:100%;left:-1px;right:-1px;background-color:rgb(var(--background-color))}.sc-smoothly-picker-menu-h>*.sc-smoothly-picker-menu:first-child{margin-top:0.5rem}.sc-smoothly-picker-menu-h>*.sc-smoothly-picker-menu:last-child{margin-bottom:0.5rem}.sc-smoothly-picker-menu-h:not([mutable]) .add.sc-smoothly-picker-menu{display:none}.sc-smoothly-picker-menu-h .items.sc-smoothly-picker-menu{display:grid;grid-template-columns:auto auto 1fr;align-items:center;row-gap:1ch}.sc-smoothly-picker-menu-h>*.sc-smoothly-picker-menu{margin:0 0.5rem}.controls.sc-smoothly-picker-menu{display:flex;gap:0.5rem}.controls.sc-smoothly-picker-menu>*.sc-smoothly-picker-menu:not(.add){flex:1 1 0}.add.sc-smoothly-picker-menu{width:fit-content}.add.sc-smoothly-picker-menu:disabled{visibility:hidden}.new.sc-smoothly-picker-menu{display:contents}";
+const styleCss$q = "*.sc-smoothly-picker-menu{box-sizing:border-box}.sc-smoothly-picker-menu-h{display:flex;flex-direction:column;position:absolute;z-index:4;gap:0.5rem;top:100%;left:-1px;right:-1px;background-color:rgb(var(--background-color))}.sc-smoothly-picker-menu-h>*.sc-smoothly-picker-menu:first-child{margin-top:0.5rem}.sc-smoothly-picker-menu-h>*.sc-smoothly-picker-menu:last-child{margin-bottom:0.5rem}.sc-smoothly-picker-menu-h:not([mutable]) .add.sc-smoothly-picker-menu{display:none}.sc-smoothly-picker-menu-h .items.sc-smoothly-picker-menu{display:grid;grid-template-columns:auto auto 1fr;align-items:center;row-gap:1ch}.sc-smoothly-picker-menu-h>*.sc-smoothly-picker-menu{margin:0 0.5rem}.controls.sc-smoothly-picker-menu{display:flex;gap:0.5rem}.controls.sc-smoothly-picker-menu>*.sc-smoothly-picker-menu:not(.add){flex:1 1 0}.add.sc-smoothly-picker-menu{width:fit-content}.add.sc-smoothly-picker-menu:disabled{visibility:hidden}.new.sc-smoothly-picker-menu{display:contents}";
 
 const SmoothlyPickerMenu = class {
   constructor(hostRef) {
@@ -28156,6 +28158,7 @@ const SmoothlyPickerMenu = class {
     this.options = new Map();
     this.multiple = false;
     this.mutable = false;
+    this.readonly = false;
     this.label = "Search";
     this.validator = undefined;
     this.labeledDefault = false;
@@ -28165,9 +28168,11 @@ const SmoothlyPickerMenu = class {
   }
   optionLoadedHandler(event) {
     this.options.set(event.detail.element.name, event.detail);
+    if (this.readonly)
+      event.detail.element.readonly = true;
   }
   optionChangedHandler(event) {
-    if (!this.multiple && event.detail.element.selected) {
+    if (!this.readonly && !this.multiple && event.detail.element.selected) {
       for (const option of this.options.values())
         if (option.element != event.detail.element)
           option.element.selected = false;
@@ -28226,6 +28231,7 @@ const SmoothlyPickerOption = class {
     this.selected = false;
     this.visible = true;
     this.labeled = false;
+    this.readonly = false;
     this.value = undefined;
     this.name = undefined;
     this.valueElement = undefined;
@@ -28249,8 +28255,10 @@ const SmoothlyPickerOption = class {
     this.smoothlyPickerOptionLoaded.emit(this.option);
   }
   clickHandler() {
-    this.selected = !this.selected;
-    this.smoothlyPickerOptionChanged.emit(this.option);
+    if (!this.readonly) {
+      this.selected = !this.selected;
+      this.smoothlyPickerOptionChanged.emit(this.option);
+    }
   }
   render() {
     return (index.h(index.Host, { onClick: () => this.clickHandler() }, index.h("div", { class: "exclude" }, index.h("button", { type: "button" }, index.h("smoothly-icon", { name: this.selected ? "checkbox-outline" : "square-outline" }))), index.h("div", null, index.h("slot", null)), index.h("div", { class: "exclude value" }, index.h("span", null, this.name))));
@@ -28584,7 +28592,7 @@ const SmoothlySpinner = class {
 };
 SmoothlySpinner.style = styleCss$g;
 
-const styleCss$f = "[color=default].sc-smoothly-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-color);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-submit-h{display:inline-block;margin:1em;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out}[type=link].sc-smoothly-submit-h{display:inline;border:none}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}a.sc-smoothly-submit,button.sc-smoothly-submit{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}button.sc-smoothly-submit{justify-content:center;height:100%;width:100%;border-radius:0.5rem;min-width:8em;align-items:center}.sc-smoothly-submit-h:not([size=icon])>button.sc-smoothly-submit{padding:0.8em}[size=icon].sc-smoothly-submit-h>button.sc-smoothly-submit{padding:0.5em}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}[type=button].sc-smoothly-submit-h>a.sc-smoothly-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:100%}[size=large].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:130%}.sc-smoothly-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-submit-h>button.sc-smoothly-submit{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-submit-h{width:100%}[expand=full].sc-smoothly-submit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}.sc-smoothly-submit-h:not([fill=clear]):hover,.sc-smoothly-submit-h:not([fill=clear]):focus,.sc-smoothly-submit-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-submit-h:not([fill=clear]):hover>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):focus>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):active>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):hover .sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):focus .sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):active .sc-smoothly-submit-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-submit-h:hover>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h:focus>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h:active>button.sc-smoothly-submit{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-submit-h:not([fill]),[fill=default].sc-smoothly-submit-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-submit-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color-shade))}[fill=solid].sc-smoothly-submit-h>button.sc-smoothly-submit,[fill=default].sc-smoothly-submit-h>button.sc-smoothly-submit{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h>button.sc-smoothly-submit{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-submit-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-submit-h{background:transparent;border-color:transparent}.sc-smoothly-submit-s>smoothly-icon[slot=start],.sc-smoothly-submit-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-submit-h{display:none}";
+const styleCss$f = "[color=default].sc-smoothly-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-color);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-submit-h{display:inline-block;margin:1em;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out}[type=link].sc-smoothly-submit-h{display:inline;border:none}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}a.sc-smoothly-submit,button.sc-smoothly-submit{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}button.sc-smoothly-submit{justify-content:center;height:100%;width:100%;border-radius:0.5rem;min-width:8em;align-items:center}.sc-smoothly-submit-h:not([size=icon])>button.sc-smoothly-submit{padding:0.8em}[size=icon].sc-smoothly-submit-h>button.sc-smoothly-submit{padding:0.5em}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}[type=button].sc-smoothly-submit-h>a.sc-smoothly-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:100%}[size=large].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:130%}.sc-smoothly-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-submit-h>button.sc-smoothly-submit{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-submit-h{width:100%}[expand=full].sc-smoothly-submit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}.sc-smoothly-submit-h:not([fill=clear]):hover,.sc-smoothly-submit-h:not([fill=clear]):focus,.sc-smoothly-submit-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-submit-h:not([fill=clear]):hover>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):focus>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):active>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]):hover .sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):focus .sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]):active .sc-smoothly-submit-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-submit-h:hover>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h:focus>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h:active>button.sc-smoothly-submit{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-submit-h:not([fill]),[fill=default].sc-smoothly-submit-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-submit-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-submit-h>button.sc-smoothly-submit,[fill=default].sc-smoothly-submit-h>button.sc-smoothly-submit{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h>button.sc-smoothly-submit{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-submit-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-submit-h{background:transparent;border-color:transparent}.sc-smoothly-submit-s>smoothly-icon[slot=start],.sc-smoothly-submit-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-submit-h{display:none}";
 
 const SmoothlySubmit = class {
   constructor(hostRef) {