@luzmo/lucero 0.0.35 → 0.0.37

package/components/action-menu/index.cjs

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../luzmo-icons-DletXGWU.cjs"),o=require("../base-CBCg3yyw.cjs"),b=require("../state-D8JEtYqe.cjs"),u=require("../if-defined-C9YGdo33.cjs"),m=require("../observe-slot-presence-bc9chhsi.cjs"),p=require("../observe-slot-text-Ceb7SvYT.cjs"),v=require("../slottable-request-event-BfUUt1Mh.cjs"),d=require("../picker-C__p3kzA.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");require("../overlay/index.cjs");require("../popover/index.cjs");const y=":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(l,t,s,i)=>{for(var e=i>1?void 0:i?g(t,s):t,r=l.length-1,a;r>=0;r--)(a=l[r])&&(e=(i?a(t,s,e):a(e))||e);return i&&e&&f(t,s,e),e};class n extends m.ObserveSlotPresence(p.ObserveSlotText(d.LuzmoPickerBase,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new v.SlottableRequestEvent(t.name,t.data))}}static get styles(){return[o.r(y)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[o.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../luzmo-icons-DletXGWU.cjs"),o=require("../base-CBCg3yyw.cjs"),b=require("../state-D8JEtYqe.cjs"),u=require("../if-defined-C9YGdo33.cjs"),m=require("../observe-slot-presence-bc9chhsi.cjs"),p=require("../observe-slot-text-Ceb7SvYT.cjs"),v=require("../slottable-request-event-BfUUt1Mh.cjs"),d=require("../picker-0tQg3Aob.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");require("../overlay/index.cjs");require("../popover/index.cjs");const y=":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(l,t,s,i)=>{for(var e=i>1?void 0:i?g(t,s):t,r=l.length-1,a;r>=0;r--)(a=l[r])&&(e=(i?a(t,s,e):a(e))||e);return i&&e&&f(t,s,e),e};class n extends m.ObserveSlotPresence(p.ObserveSlotText(d.LuzmoPickerBase,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new v.SlottableRequestEvent(t.name,t.data))}}static get styles(){return[o.r(y)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[o.x`
         ${this.labelOnly?o.x``:o.x`
               <slot
                 name="icon"

package/components/action-menu/index.js

@@ -22,7 +22,7 @@ import { o as a } from "../if-defined-DOaE2coe.js";
 import { O as p } from "../observe-slot-presence-CmVi0zTc.js";
 import { O as f } from "../observe-slot-text-BPfIQQtz.js";
 import { S as g } from "../slottable-request-event-DggLA4Rx.js";
-import { L as x, D as v } from "../picker-CM3kN655.js";
+import { L as x, D as v } from "../picker-daUT4cUN.js";
 import "../action-button/index.js";
 import "../icon/index.js";
 import "../overlay/index.js";

package/components/button/index.cjs

@@ -15,6 +15,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../base-CBCg3yyw.cjs"),s=require("../pending-state-gs6IxYtB.cjs"),g=require("../sized-mixin-CPxE5C96.cjs"),v=require("../button-base-XgPLmwP-.cjs"),d=require("../clear-button-Qi1pMA5S.cjs"),i=require("../close-button-BFMBEw3q.cjs"),h=':host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family, var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, 1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap, var(--luzmo-focus-indicator-gap, 2px)));transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out,margin var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap, 2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position: absolute;border-radius:var(--luzmo-button-border-radius, var(--button-border-radius));border-width:var(--luzmo-button-border-width, var(--button-border-width));font-size:var(--luzmo-button-font-size, var(--button-font-size));font-weight:var(--luzmo-button-font-weight, 600);gap:var(--luzmo-button-padding-label-to-icon, var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size, none);min-inline-size:var(--luzmo-button-min-width, var(--button-min-width));min-block-size:var(--luzmo-button-height, var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text, var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block, 0);border-style:solid;margin-inline-start:var(--luzmo-button-margin-left, 0);margin-inline-end:var(--luzmo-button-margin-right, 0);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference: max( 0px, var(--button-intended-icon-size) - var( --icon-size, var(--button-intended-icon-size) ) );color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start, max(0px, var(--luzmo-button-top-to-icon, var(--button-top-to-icon)) - var(--luzmo-button-border-width, var(--button-border-width)) + var(--_icon-size-difference, 0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual, var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text, var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--luzmo-button-edge-to-visual-only, var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width, var(--button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--luzmo-button-line-height, var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align, center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text, var(--button-top-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text, var(--button-bottom-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon, start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap, var(--button-focus-ring-gap)) + var(--luzmo-button-border-width, var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius, calc(var(--luzmo-button-border-radius, var(--button-border-radius)) + var(--luzmo-focus-indicator-gap, 2px)));transition:box-shadow var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default, var(--luzmo-button-background-color-default, var(--button-background-color-default)));border-color:var(--highcontrast-button-border-color-default, var(--luzmo-button-border-color-default, var(--button-border-color-default)));color:var(--highcontrast-button-content-color-default, var(--luzmo-button-content-color-default, var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,background-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear}@media (hover: hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover, var(--luzmo-button-background-color-hover, var(--button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover, var(--luzmo-button-border-color-hover, var(--button-border-color-hover)));color:var(--highcontrast-button-content-color-hover, var(--luzmo-button-content-color-hover, var(--button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus, var(--luzmo-button-background-color-focus, var(--button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus, var(--luzmo-button-border-color-focus, var(--button-border-color-focus)));color:var(--highcontrast-button-content-color-focus, var(--luzmo-button-content-color-focus, var(--button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down, var(--luzmo-button-background-color-down, var(--button-background-color-down)));border-color:var(--highcontrast-button-border-color-down, var(--luzmo-button-border-color-down, var(--button-border-color-down)));color:var(--highcontrast-button-content-color-down, var(--luzmo-button-content-color-down, var(--button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]){background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out,visibility 0s linear var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s))}:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}:host([static-color=white][selected]){--button-content-color-default: var( --luzmo-button-static-content-color, rgba(255, 255, 255, .9) );--button-content-color-hover: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-down: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-focus: var( --luzmo-button-static-content-color, rgb(255, 255, 255) )}:host([static-color=black]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}@media (forced-colors: active){:host{--highcontrast-button-content-color-default: ButtonText;--highcontrast-button-content-color-hover: ButtonText;--highcontrast-button-content-color-focus: ButtonText;--highcontrast-button-content-color-down: ButtonText;--highcontrast-button-border-color-default: ButtonBorder;--highcontrast-button-border-color-hover: ButtonBorder;--highcontrast-button-border-color-focus: ButtonBorder;--highcontrast-button-border-color-down: ButtonBorder;--highcontrast-button-background-color-default: ButtonFace;--highcontrast-button-background-color-hover: ButtonFace;--highcontrast-button-background-color-down: ButtonFace;--highcontrast-button-background-color-focus: ButtonFace;--highcontrast-button-background-color-disabled: ButtonFace;--highcontrast-button-content-color-disabled: GrayText;--highcontrast-button-border-color-disabled: GrayText;--luzmo-progress-circle-track-border-color: ButtonText;--luzmo-progress-circle-track-border-color-over-background: ButtonText;--luzmo-progress-circle-thickness: 3px;--luzmo-button-animation-duration: 0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default: ButtonText;--highcontrast-button-content-color-default: ButtonFace;--highcontrast-button-content-color-hover: HighlightText;--highcontrast-button-content-color-down: HighlightText;--highcontrast-button-content-color-focus: HighlightText;--highcontrast-button-background-color-disabled: ButtonFace;--highcontrast-button-background-color-hover: Highlight;--highcontrast-button-background-color-down: Highlight;--highcontrast-button-background-color-focus: Highlight;--highcontrast-button-border-color-default: ButtonText;--highcontrast-button-border-color-hover: Highlight;--highcontrast-button-border-color-focus: Highlight;--highcontrast-button-border-color-down: Highlight}}:host{--button-animation-duration: var(--luzmo-animation-duration);--button-border-radius: var(--luzmo-border-radius);--button-border-width: var(--luzmo-border-width);--button-line-height: 1.2;--button-focus-ring-gap: 2px;--button-focus-ring-thickness: 2px;--button-focus-indicator-color: var(--luzmo-primary);--button-intended-icon-size: 18px;--button-background-color-default: var(--luzmo-background-color);--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-active);--button-background-color-focus: var(--luzmo-primary);--button-border-color-default: var(--luzmlo-border-color-full);--button-border-color-hover: var(--luzmo-border-color-full-hover);--button-border-color-down: var(--luzmo-border-color-full-down);--button-border-color-focus: var(--luzmo-border-color-full-focus);--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hard);--button-content-color-down: var(--luzmo-font-color-hard);--button-content-color-focus: var(--luzmo-font-color-hard);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-disabled-color);--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=accent]){--button-background-color-default: var(--luzmo-primary);--button-background-color-hover: var(--luzmo-primary-hover);--button-background-color-down: var(--luzmo-primary-down);--button-background-color-focus: var(--luzmo-primary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=accent][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-primary);--button-border-color-hover: var(--luzmo-primary-hover);--button-border-color-down: var(--luzmo-primary-down);--button-border-color-focus: var(--luzmo-primary-focus);--button-content-color-default: var(--luzmo-primary);--button-content-color-hover: var(--luzmo-primary-down);--button-content-color-down: var(--luzmo-primary-down);--button-content-color-focus: var(--luzmo-primary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=negative]){--button-background-color-default: var(--luzmo-negative-color);--button-background-color-hover: var(--luzmo-negative-color-hover);--button-background-color-down: var(--luzmo-negative-color-down);--button-background-color-focus: var(--luzmo-negative-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=negative][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-negative-color);--button-border-color-hover: var(--luzmo-negative-color-hover);--button-border-color-down: var(--luzmo-negative-color-down);--button-border-color-focus: var(--luzmo-negative-color-focus);--button-content-color-default: var(--luzmo-negative-color);--button-content-color-hover: var(--luzmo-negative-color-down);--button-content-color-down: var(--luzmo-negative-color-down);--button-content-color-focus: var(--luzmo-negative-color-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default: var(--luzmo-primary);--button-background-color-hover: var(--luzmo-primary-hover);--button-background-color-down: var(--luzmo-primary-down);--button-background-color-focus: var(--luzmo-primary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=primary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-primary);--button-border-color-hover: var(--luzmo-primary-hover);--button-border-color-down: var(--luzmo-primary-down);--button-border-color-focus: var(--luzmo-primary-focus);--button-content-color-default: var(--luzmo-primary);--button-content-color-hover: var(--luzmo-primary-down);--button-content-color-down: var(--luzmo-primary-down);--button-content-color-focus: var(--luzmo-primary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default: var(--luzmo-secondary);--button-background-color-hover: var(--luzmo-secondary-hover);--button-background-color-down: var(--luzmo-secondary-down);--button-background-color-focus: var(--luzmo-secondary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-secondary);--button-border-color-hover: var(--luzmo-secondary-hover);--button-border-color-down: var(--luzmo-secondary-down);--button-border-color-focus: var(--luzmo-secondary-focus);--button-content-color-default: var(--luzmo-secondary);--button-content-color-hover: var(--luzmo-secondary-down);--button-content-color-down: var(--luzmo-secondary-down);--button-content-color-focus: var(--luzmo-secondary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-background-color-disabled: transparent;--button-border-color-disabled: transparent}:host([selected]){--button-background-color-default: var(--luzmo-selected-color);--button-background-color-hover: var(--luzmo-selected-color-hover);--button-background-color-down: var(--luzmo-selected-color-down);--button-background-color-focus: var(--luzmo-selected-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent}:host([selected][emphasized]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus)}:host([static-color=black][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white]){--button-background-color-default: rgba(255, 255, 255 .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .9);--button-border-color-hover: rgb(255, 255, 255);--button-border-color-down: rgb(255, 255, 255);--button-border-color-focus: rgb(255, 255, 255);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][selected]){--button-background-color-default: rgba(255, 255, 255, .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-static-white-content-color-default: rgb(0, 0, 0);--button-static-white-content-color-hover: rgb(0, 0, 0);--button-static-white-content-color-down: rgb(0, 0, 0);--button-static-white-content-color-focus: rgb(0, 0, 0);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent}:host([static-color=white][variant=secondary]){--button-background-color-default: rgba(255, 255, 255, .1);--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .25);--button-border-color-hover: rgba(255, 255, 255, .4);--button-border-color-down: rgba(255, 255, 255, .55);--button-border-color-focus: rgba(255, 255, 255, .4);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=black]){--button-background-color-default: rgba(0, 0, 0, .9);--button-background-color-hover: rgb(0, 0, 0);--button-background-color-down: rgb(0, 0, 0);--button-background-color-focus: rgb(0, 0, 0);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .4);--button-border-color-hover: rgba(0, 0, 0, .55);--button-border-color-down: rgba(0, 0, 0, .7);--button-border-color-focus: rgba(0, 0, 0, .55);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary]){--button-background-color-default: rgba(0, 0, 0, .1);--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .25);--button-border-color-hover: rgba(0, 0, 0, .4);--button-border-color-down: rgba(0, 0, 0, .55);--button-border-color-focus: rgba(0, 0, 0, .4);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([size=s]){--button-min-width: 54px;--button-border-radius: var(--luzmo-border-radius-s);--button-height: 24px;--button-font-size: 12px;--button-edge-to-visual: 8px;--button-edge-to-visual-only: 4px;--button-edge-to-text: 10px;--button-padding-label-to-icon: 7px;--button-top-to-text: 5px;--button-bottom-to-text: 4px;--button-top-to-icon: 4px;--button-intended-icon-size: 16px}:host{--button-min-width: 72px;--button-border-radius: var(--luzmo-border-radius);--button-height: 32px;--button-font-size: 14px;--button-edge-to-visual: 12px;--button-edge-to-visual-only: 7px;--button-edge-to-text: 14px;--button-padding-label-to-icon: 8px;--button-top-to-text: 7px;--button-bottom-to-text: 8px;--button-top-to-icon: 7px;--button-intended-icon-size: 18px}:host([size=l]){--button-min-width: 90px;--button-border-radius: var(--luzmo-border-radius);--button-height: 40px;--button-font-size: 16px;--button-edge-to-visual: 16px;--button-edge-to-visual-only: 10px;--button-edge-to-text: 18px;--button-padding-label-to-icon: 9px;--button-top-to-text: 10px;--button-bottom-to-text: 10px;--button-top-to-icon: 10px;--button-intended-icon-size: 20px}:host([size=xl]){--button-min-width: 108px;--button-border-radius: var(--luzmo-border-radius);--button-height: 48px;--button-font-size: 18px;--button-edge-to-visual: 19px;--button-edge-to-visual-only: 13px;--button-edge-to-text: 22px;--button-padding-label-to-icon: 10px;--button-top-to-text: 13px;--button-bottom-to-text: 13px;--button-top-to-icon: 13px;--button-intended-icon-size: 22px}@media (forced-colors: active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay, 1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position: relative;--icon-size: inherit}luzmo-progress-circle{display:block;visibility:hidden;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay, 1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay, 1s) forwards}';var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(u,o,c,e)=>{for(var n=e>1?void 0:e?f(o,c):o,l=u.length-1,b;l>=0;l--)(b=u[l])&&(n=(e?b(o,c,n):b(n))||n);return e&&n&&m(o,c,n),n};const p=["primary","secondary","negative","white","black"];class r extends g.SizedMixin(v.LuzmoButtonBase,{noDefaultSize:!0}){constructor(){super(),this.pendingLabel="Pending",this.pending=!1,this._variant="primary",this.treatment="fill",this.noWrap=!1,this.pendingStateController=new s.PendingStateController(this)}static get styles(){return[...super.styles,t.r(h)]}click(){this.pending||super.click()}get variant(){return this._variant}set variant(o){if(o!==this.variant){switch(this.requestUpdate("variant",this.variant),o){case"white":{this.staticColor=o,this.removeAttribute("variant");return}case"black":{this.staticColor=o,this.removeAttribute("variant");return}case null:return;default:{this._variant=p.includes(o)?o:"primary";break}}this.setAttribute("variant",this.variant)}}set quiet(o){this.treatment=o?"outline":"fill"}get quiet(){return this.treatment==="outline"}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("variant")||this.setAttribute("variant",this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../base-CBCg3yyw.cjs"),s=require("../pending-state-CaH1si5b.cjs"),g=require("../sized-mixin-CPxE5C96.cjs"),v=require("../button-base-XgPLmwP-.cjs"),d=require("../clear-button-Qi1pMA5S.cjs"),i=require("../close-button-BFMBEw3q.cjs"),h=':host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family, var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, 1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap, var(--luzmo-focus-indicator-gap, 2px)));transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out,margin var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap, 2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position: absolute;border-radius:var(--luzmo-button-border-radius, var(--button-border-radius));border-width:var(--luzmo-button-border-width, var(--button-border-width));font-size:var(--luzmo-button-font-size, var(--button-font-size));font-weight:var(--luzmo-button-font-weight, 600);gap:var(--luzmo-button-padding-label-to-icon, var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size, none);min-inline-size:var(--luzmo-button-min-width, var(--button-min-width));min-block-size:var(--luzmo-button-height, var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text, var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block, 0);border-style:solid;margin-inline-start:var(--luzmo-button-margin-left, 0);margin-inline-end:var(--luzmo-button-margin-right, 0);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference: max( 0px, var(--button-intended-icon-size) - var( --icon-size, var(--button-intended-icon-size) ) );color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start, max(0px, var(--luzmo-button-top-to-icon, var(--button-top-to-icon)) - var(--luzmo-button-border-width, var(--button-border-width)) + var(--_icon-size-difference, 0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual, var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text, var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--luzmo-button-edge-to-visual-only, var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width, var(--button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--luzmo-button-line-height, var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align, center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text, var(--button-top-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text, var(--button-bottom-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon, start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap, var(--button-focus-ring-gap)) + var(--luzmo-button-border-width, var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius, calc(var(--luzmo-button-border-radius, var(--button-border-radius)) + var(--luzmo-focus-indicator-gap, 2px)));transition:box-shadow var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default, var(--luzmo-button-background-color-default, var(--button-background-color-default)));border-color:var(--highcontrast-button-border-color-default, var(--luzmo-button-border-color-default, var(--button-border-color-default)));color:var(--highcontrast-button-content-color-default, var(--luzmo-button-content-color-default, var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,background-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear}@media (hover: hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover, var(--luzmo-button-background-color-hover, var(--button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover, var(--luzmo-button-border-color-hover, var(--button-border-color-hover)));color:var(--highcontrast-button-content-color-hover, var(--luzmo-button-content-color-hover, var(--button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus, var(--luzmo-button-background-color-focus, var(--button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus, var(--luzmo-button-border-color-focus, var(--button-border-color-focus)));color:var(--highcontrast-button-content-color-focus, var(--luzmo-button-content-color-focus, var(--button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down, var(--luzmo-button-background-color-down, var(--button-background-color-down)));border-color:var(--highcontrast-button-border-color-down, var(--luzmo-button-border-color-down, var(--button-border-color-down)));color:var(--highcontrast-button-content-color-down, var(--luzmo-button-content-color-down, var(--button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]){background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out,visibility 0s linear var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s))}:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}:host([static-color=white][selected]){--button-content-color-default: var( --luzmo-button-static-content-color, rgba(255, 255, 255, .9) );--button-content-color-hover: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-down: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-focus: var( --luzmo-button-static-content-color, rgb(255, 255, 255) )}:host([static-color=black]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}@media (forced-colors: active){:host{--highcontrast-button-content-color-default: ButtonText;--highcontrast-button-content-color-hover: ButtonText;--highcontrast-button-content-color-focus: ButtonText;--highcontrast-button-content-color-down: ButtonText;--highcontrast-button-border-color-default: ButtonBorder;--highcontrast-button-border-color-hover: ButtonBorder;--highcontrast-button-border-color-focus: ButtonBorder;--highcontrast-button-border-color-down: ButtonBorder;--highcontrast-button-background-color-default: ButtonFace;--highcontrast-button-background-color-hover: ButtonFace;--highcontrast-button-background-color-down: ButtonFace;--highcontrast-button-background-color-focus: ButtonFace;--highcontrast-button-background-color-disabled: ButtonFace;--highcontrast-button-content-color-disabled: GrayText;--highcontrast-button-border-color-disabled: GrayText;--luzmo-progress-circle-track-border-color: ButtonText;--luzmo-progress-circle-track-border-color-over-background: ButtonText;--luzmo-progress-circle-thickness: 3px;--luzmo-button-animation-duration: 0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default: ButtonText;--highcontrast-button-content-color-default: ButtonFace;--highcontrast-button-content-color-hover: HighlightText;--highcontrast-button-content-color-down: HighlightText;--highcontrast-button-content-color-focus: HighlightText;--highcontrast-button-background-color-disabled: ButtonFace;--highcontrast-button-background-color-hover: Highlight;--highcontrast-button-background-color-down: Highlight;--highcontrast-button-background-color-focus: Highlight;--highcontrast-button-border-color-default: ButtonText;--highcontrast-button-border-color-hover: Highlight;--highcontrast-button-border-color-focus: Highlight;--highcontrast-button-border-color-down: Highlight}}:host{--button-animation-duration: var(--luzmo-animation-duration);--button-border-radius: var(--luzmo-border-radius);--button-border-width: var(--luzmo-border-width);--button-line-height: 1.2;--button-focus-ring-gap: 2px;--button-focus-ring-thickness: 2px;--button-focus-indicator-color: var(--luzmo-primary);--button-intended-icon-size: 18px;--button-background-color-default: var(--luzmo-background-color);--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-active);--button-background-color-focus: var(--luzmo-primary);--button-border-color-default: var(--luzmlo-border-color-full);--button-border-color-hover: var(--luzmo-border-color-full-hover);--button-border-color-down: var(--luzmo-border-color-full-down);--button-border-color-focus: var(--luzmo-border-color-full-focus);--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hard);--button-content-color-down: var(--luzmo-font-color-hard);--button-content-color-focus: var(--luzmo-font-color-hard);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-disabled-color);--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=accent]){--button-background-color-default: var(--luzmo-primary);--button-background-color-hover: var(--luzmo-primary-hover);--button-background-color-down: var(--luzmo-primary-down);--button-background-color-focus: var(--luzmo-primary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=accent][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-primary);--button-border-color-hover: var(--luzmo-primary-hover);--button-border-color-down: var(--luzmo-primary-down);--button-border-color-focus: var(--luzmo-primary-focus);--button-content-color-default: var(--luzmo-primary);--button-content-color-hover: var(--luzmo-primary-down);--button-content-color-down: var(--luzmo-primary-down);--button-content-color-focus: var(--luzmo-primary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=negative]){--button-background-color-default: var(--luzmo-negative-color);--button-background-color-hover: var(--luzmo-negative-color-hover);--button-background-color-down: var(--luzmo-negative-color-down);--button-background-color-focus: var(--luzmo-negative-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=negative][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-negative-color);--button-border-color-hover: var(--luzmo-negative-color-hover);--button-border-color-down: var(--luzmo-negative-color-down);--button-border-color-focus: var(--luzmo-negative-color-focus);--button-content-color-default: var(--luzmo-negative-color);--button-content-color-hover: var(--luzmo-negative-color-down);--button-content-color-down: var(--luzmo-negative-color-down);--button-content-color-focus: var(--luzmo-negative-color-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default: var(--luzmo-primary);--button-background-color-hover: var(--luzmo-primary-hover);--button-background-color-down: var(--luzmo-primary-down);--button-background-color-focus: var(--luzmo-primary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=primary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-primary);--button-border-color-hover: var(--luzmo-primary-hover);--button-border-color-down: var(--luzmo-primary-down);--button-border-color-focus: var(--luzmo-primary-focus);--button-content-color-default: var(--luzmo-primary);--button-content-color-hover: var(--luzmo-primary-down);--button-content-color-down: var(--luzmo-primary-down);--button-content-color-focus: var(--luzmo-primary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default: var(--luzmo-secondary);--button-background-color-hover: var(--luzmo-secondary-hover);--button-background-color-down: var(--luzmo-secondary-down);--button-background-color-focus: var(--luzmo-secondary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-disabled-color)}:host([variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-secondary);--button-border-color-hover: var(--luzmo-secondary-hover);--button-border-color-down: var(--luzmo-secondary-down);--button-border-color-focus: var(--luzmo-secondary-focus);--button-content-color-default: var(--luzmo-secondary);--button-content-color-hover: var(--luzmo-secondary-down);--button-content-color-down: var(--luzmo-secondary-down);--button-content-color-focus: var(--luzmo-secondary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-background-color-disabled: transparent;--button-border-color-disabled: transparent}:host([selected]){--button-background-color-default: var(--luzmo-selected-color);--button-background-color-hover: var(--luzmo-selected-color-hover);--button-background-color-down: var(--luzmo-selected-color-down);--button-background-color-focus: var(--luzmo-selected-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent}:host([selected][emphasized]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus)}:host([static-color=black][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white]){--button-background-color-default: rgba(255, 255, 255 .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .9);--button-border-color-hover: rgb(255, 255, 255);--button-border-color-down: rgb(255, 255, 255);--button-border-color-focus: rgb(255, 255, 255);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][selected]){--button-background-color-default: rgba(255, 255, 255, .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-static-white-content-color-default: rgb(0, 0, 0);--button-static-white-content-color-hover: rgb(0, 0, 0);--button-static-white-content-color-down: rgb(0, 0, 0);--button-static-white-content-color-focus: rgb(0, 0, 0);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent}:host([static-color=white][variant=secondary]){--button-background-color-default: rgba(255, 255, 255, .1);--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .25);--button-border-color-hover: rgba(255, 255, 255, .4);--button-border-color-down: rgba(255, 255, 255, .55);--button-border-color-focus: rgba(255, 255, 255, .4);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=black]){--button-background-color-default: rgba(0, 0, 0, .9);--button-background-color-hover: rgb(0, 0, 0);--button-background-color-down: rgb(0, 0, 0);--button-background-color-focus: rgb(0, 0, 0);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .4);--button-border-color-hover: rgba(0, 0, 0, .55);--button-border-color-down: rgba(0, 0, 0, .7);--button-border-color-focus: rgba(0, 0, 0, .55);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary]){--button-background-color-default: rgba(0, 0, 0, .1);--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .25);--button-border-color-hover: rgba(0, 0, 0, .4);--button-border-color-down: rgba(0, 0, 0, .55);--button-border-color-focus: rgba(0, 0, 0, .4);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([size=s]){--button-min-width: 54px;--button-border-radius: var(--luzmo-border-radius-s);--button-height: 24px;--button-font-size: 12px;--button-edge-to-visual: 8px;--button-edge-to-visual-only: 4px;--button-edge-to-text: 10px;--button-padding-label-to-icon: 7px;--button-top-to-text: 5px;--button-bottom-to-text: 4px;--button-top-to-icon: 4px;--button-intended-icon-size: 16px}:host{--button-min-width: 72px;--button-border-radius: var(--luzmo-border-radius);--button-height: 32px;--button-font-size: 14px;--button-edge-to-visual: 12px;--button-edge-to-visual-only: 7px;--button-edge-to-text: 14px;--button-padding-label-to-icon: 8px;--button-top-to-text: 7px;--button-bottom-to-text: 8px;--button-top-to-icon: 7px;--button-intended-icon-size: 18px}:host([size=l]){--button-min-width: 90px;--button-border-radius: var(--luzmo-border-radius);--button-height: 40px;--button-font-size: 16px;--button-edge-to-visual: 16px;--button-edge-to-visual-only: 10px;--button-edge-to-text: 18px;--button-padding-label-to-icon: 9px;--button-top-to-text: 10px;--button-bottom-to-text: 10px;--button-top-to-icon: 10px;--button-intended-icon-size: 20px}:host([size=xl]){--button-min-width: 108px;--button-border-radius: var(--luzmo-border-radius);--button-height: 48px;--button-font-size: 18px;--button-edge-to-visual: 19px;--button-edge-to-visual-only: 13px;--button-edge-to-text: 22px;--button-padding-label-to-icon: 10px;--button-top-to-text: 13px;--button-bottom-to-text: 13px;--button-top-to-icon: 13px;--button-intended-icon-size: 22px}@media (forced-colors: active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay, 1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position: relative;--icon-size: inherit}luzmo-progress-circle{display:block;visibility:hidden;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay, 1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay, 1s) forwards}';var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(u,o,c,e)=>{for(var n=e>1?void 0:e?f(o,c):o,l=u.length-1,b;l>=0;l--)(b=u[l])&&(n=(e?b(o,c,n):b(n))||n);return e&&n&&m(o,c,n),n};const p=["primary","secondary","negative","white","black"];class r extends g.SizedMixin(v.LuzmoButtonBase,{noDefaultSize:!0}){constructor(){super(),this.pendingLabel="Pending",this.pending=!1,this._variant="primary",this.treatment="fill",this.noWrap=!1,this.pendingStateController=new s.PendingStateController(this)}static get styles(){return[...super.styles,t.r(h)]}click(){this.pending||super.click()}get variant(){return this._variant}set variant(o){if(o!==this.variant){switch(this.requestUpdate("variant",this.variant),o){case"white":{this.staticColor=o,this.removeAttribute("variant");return}case"black":{this.staticColor=o,this.removeAttribute("variant");return}case null:return;default:{this._variant=p.includes(o)?o:"primary";break}}this.setAttribute("variant",this.variant)}}set quiet(o){this.treatment=o?"outline":"fill"}get quiet(){return this.treatment==="outline"}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("variant")||this.setAttribute("variant",this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return t.x`
       ${this.buttonContent} ${this.pendingStateController.renderPendingState()}
     `}}a([t.n({type:String,attribute:"pending-label"})],r.prototype,"pendingLabel",2);a([t.n({type:Boolean,reflect:!0,attribute:!0})],r.prototype,"pending",2);a([t.n()],r.prototype,"variant",1);a([t.n({reflect:!0,attribute:"static-color"})],r.prototype,"staticColor",2);a([t.n({reflect:!0})],r.prototype,"treatment",2);a([t.n({type:Boolean})],r.prototype,"quiet",1);a([t.n({type:Boolean,attribute:"no-wrap",reflect:!0})],r.prototype,"noWrap",2);customElements.get("luzmo-button")||customElements.define("luzmo-button",r);customElements.get("luzmo-clear-button")||customElements.define("luzmo-clear-button",d.LuzmoClearButton);customElements.get("luzmo-close-button")||customElements.define("luzmo-close-button",i.LuzmoCloseButton);exports.LuzmoClearButton=d.LuzmoClearButton;exports.LuzmoCloseButton=i.LuzmoCloseButton;exports.LuzmoButton=r;

package/components/button/index.js

@@ -16,7 +16,7 @@
  * SOFTWARE.
  * */
 import { r as i, x as s, n as e } from "../base-WsynuqaS.js";
-import { P as g } from "../pending-state-C5OtdXCm.js";
+import { P as g } from "../pending-state-DTX7ggyF.js";
 import { S as m } from "../sized-mixin-D4ACoVUr.js";
 import { L as v } from "../button-base-DbkDzb71.js";
 import { L as h } from "../clear-button-DoeRUWQ3.js";

package/components/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./accordion/index.cjs"),d=require("./action-bar/index.cjs"),q=require("./action-button/index.cjs");require("./action-group/index.cjs");const p=require("./action-menu/index.cjs"),x=require("./avatar/index.cjs"),_=require("./button/index.cjs"),b=require("./button-group/index.cjs"),S=require("./index-BLWuwZXx.cjs"),T=require("./checkbox/index.cjs"),v=require("./color-area/index.cjs"),C=require("./color-field/index.cjs"),I=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const g=require("./color-menu/index.cjs"),M=require("./color-picker/index.cjs"),A=require("./color-slider/index.cjs"),O=require("./date-time-picker/index.cjs"),P=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const F=require("./icon/index.cjs"),y=require("./infield-button/index.cjs"),B=require("./label/index.cjs"),i=require("./menu/index.cjs"),k=require("./multi-language-field/index.cjs"),R=require("./number-field/index.cjs"),u=require("./options/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const h=require("./picker-button/index.cjs");require("./popover/index.cjs");require("./progress-circle/index.cjs");const m=require("./radio/index.cjs"),D=require("./search/index.cjs"),E=require("./select/index.cjs"),G=require("./slider/index.cjs"),c=require("./swatch/index.cjs"),f=require("./switch/index.cjs"),t=require("./tabs/index.cjs"),s=require("./tags/index.cjs"),N=require("./text-field/index.cjs"),U=require("./toast/index.cjs"),w=require("./tooltip/index.cjs"),H=require("./unit-input/index.cjs"),L=require("./base-CBCg3yyw.cjs"),V=require("./focus-visible-B0P9aY_G.cjs"),K=require("./focusable-EbipgXRh.cjs"),o=require("./platform-BiXhwqk3.cjs"),a=require("./sized-mixin-CPxE5C96.cjs"),W=require("./streaming-listener-B00MvALi.cjs"),Z=require("./action-group-DJGMcRHb.cjs"),j=require("./clear-button-Qi1pMA5S.cjs"),J=require("./close-button-BFMBEw3q.cjs"),Q=require("./color-loupe-CaA_Lfkk.cjs"),X=require("./field-group-DkGst3r5.cjs"),Y=require("./field-label-mO1AkUgR.cjs"),e=require("./overlay-o0tLxsk-.cjs"),z=require("./slottable-request-event-BfUUt1Mh.cjs"),n=require("./picker-C__p3kzA.cjs"),$=require("./popover-KFfO0IYL.cjs"),ee=require("./progress-circle-B12-2Gww.cjs"),oe=require("./text-field-D5d_Gt0t.cjs");exports.LuzmoAccordion=l.LuzmoAccordion;exports.LuzmoAccordionItem=l.LuzmoAccordionItem;exports.LuzmoActionBar=d.LuzmoActionBar;exports.LuzmoActionButton=q.LuzmoActionButton;exports.LuzmoActionMenu=p.LuzmoActionMenu;exports.LuzmoAvatar=x.LuzmoAvatar;exports.LuzmoButton=_.LuzmoButton;exports.LuzmoButtonGroup=b.LuzmoButtonGroup;exports.LuzmoCalendar=S.LuzmoCalendar;exports.LuzmoCheckbox=T.LuzmoCheckbox;exports.LuzmoColorArea=v.LuzmoColorArea;exports.LuzmoColorField=C.LuzmoColorField;exports.LuzmoColorHandle=I.LuzmoColorHandle;exports.LuzmoColorMenu=g.LuzmoColorMenu;exports.LuzmoColorPicker=M.LuzmoColorPicker;exports.LuzmoColorSlider=A.LuzmoColorSlider;exports.LuzmoDateTimePicker=O.LuzmoDateTimePicker;exports.LuzmoDivider=P.LuzmoDivider;exports.LuzmoIcon=F.LuzmoIcon;exports.LuzmoInfieldButton=y.LuzmoInfieldButton;exports.LuzmoLabel=B.LuzmoLabel;exports.LuzmoMenu=i.LuzmoMenu;exports.LuzmoMenuDivider=i.LuzmoMenuDivider;exports.LuzmoMenuGroup=i.LuzmoMenuGroup;exports.LuzmoMenuItem=i.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=i.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=k.LuzmoMultiLangField;exports.LuzmoNumberField=R.LuzmoNumberField;exports.LuzmoOption=u.LuzmoOption;exports.LuzmoOptions=u.LuzmoOptions;exports.LuzmoOptionsDivider=u.LuzmoOptionsDivider;exports.VIRTUALIZE_AS_OF_NUM_ITEMS=u.VIRTUALIZE_AS_OF_NUM_ITEMS;exports.LuzmoOverlayTrigger=r.LuzmoOverlayTrigger;exports.OverlayTriggerDirective=r.OverlayTriggerDirective;exports.SlottableRequestDirective=r.SlottableRequestDirective;exports.openOverlay=r.openOverlay;exports.slottableRequest=r.slottableRequest;exports.trigger=r.trigger;exports.LuzmoPickerButton=h.LuzmoPickerButton;exports.LuzmoRadio=m.LuzmoRadio;exports.LuzmoRadioGroup=m.LuzmoRadioGroup;exports.LuzmoSearch=D.LuzmoSearch;exports.LuzmoSelect=E.LuzmoSelect;exports.LuzmoSlider=G.LuzmoSlider;exports.LuzmoSwatch=c.LuzmoSwatch;exports.LuzmoSwatchGroup=c.LuzmoSwatchGroup;exports.LuzmoSwitch=f.LuzmoSwitch;exports.LuzmoTab=t.LuzmoTab;exports.LuzmoTabPanel=t.LuzmoTabPanel;exports.LuzmoTabs=t.LuzmoTabs;exports.LuzmoTabsOverflow=t.LuzmoTabsOverflow;exports.LuzmoTag=s.LuzmoTag;exports.LuzmoTags=s.LuzmoTags;exports.LuzmoHelpText=N.LuzmoHelpText;exports.LuzmoToast=U.LuzmoToast;exports.LuzmoTooltip=w.LuzmoTooltip;exports.LuzmoUnitInput=H.LuzmoUnitInput;exports.LuzmoElement=L.LuzmoElement;exports.LuzmoMixin=L.LuzmoMixin;exports.FocusVisiblePolyfillMixin=V.FocusVisiblePolyfillMixin;exports.Focusable=K.Focusable;exports.isAndroid=o.isAndroid;exports.isAppleDevice=o.isAppleDevice;exports.isChrome=o.isChrome;exports.isFirefox=o.isFirefox;exports.isIOS=o.isIOS;exports.isIPad=o.isIPad;exports.isIPhone=o.isIPhone;exports.isMac=o.isMac;exports.isSeamonkey=o.isSeamonkey;exports.isWebKit=o.isWebKit;exports.ElementSizes=a.ElementSizes;exports.SizedMixin=a.SizedMixin;exports.streamingListener=W.streamingListener;exports.LuzmoActionGroup=Z.LuzmoActionGroup;exports.LuzmoClearButton=j.LuzmoClearButton;exports.LuzmoCloseButton=J.LuzmoCloseButton;exports.LuzmoColorLoupe=Q.LuzmoColorLoupe;exports.LuzmoFieldGroup=X.LuzmoFieldGroup;exports.LuzmoFieldLabel=Y.LuzmoFieldLabel;exports.ClickController=e.ClickController;exports.HoverController=e.HoverController;exports.InteractionController=e.InteractionController;exports.InteractionTypes=e.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=e.LONGPRESS_INSTRUCTIONS;exports.LongpressController=e.LongpressController;exports.LuzmoAbstractOverlay=e.LuzmoAbstractOverlay;exports.LuzmoOverlay=e.LuzmoOverlay;exports.PlacementController=e.PlacementController;exports.VirtualTrigger=e.VirtualTrigger;exports.guaranteedAllTransitionend=e.guaranteedAllTransitionend;exports.nextFrame=e.nextFrame;exports.noop=e.noop;exports.overlayTimer=e.overlayTimer;exports.placementUpdatedSymbol=e.placementUpdatedSymbol;exports.SlottableRequestEvent=z.SlottableRequestEvent;exports.removeSlottableRequest=z.removeSlottableRequest;exports.DESCRIPTION_ID=n.DESCRIPTION_ID;exports.LuzmoPicker=n.LuzmoPicker;exports.LuzmoPickerBase=n.LuzmoPickerBase;exports.LuzmoPopover=$.LuzmoPopover;exports.LuzmoProgressCircle=ee.LuzmoProgressCircle;exports.LuzmoTextField=oe.LuzmoTextField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./accordion/index.cjs"),d=require("./action-bar/index.cjs"),q=require("./action-button/index.cjs");require("./action-group/index.cjs");const p=require("./action-menu/index.cjs"),x=require("./avatar/index.cjs"),_=require("./button/index.cjs"),b=require("./button-group/index.cjs"),S=require("./index-BLWuwZXx.cjs"),T=require("./checkbox/index.cjs"),v=require("./color-area/index.cjs"),C=require("./color-field/index.cjs"),I=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const g=require("./color-menu/index.cjs"),M=require("./color-picker/index.cjs"),A=require("./color-slider/index.cjs"),O=require("./date-time-picker/index.cjs"),P=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const F=require("./icon/index.cjs"),y=require("./infield-button/index.cjs"),B=require("./label/index.cjs"),i=require("./menu/index.cjs"),k=require("./multi-language-field/index.cjs"),R=require("./number-field/index.cjs"),u=require("./options/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const h=require("./picker-button/index.cjs");require("./popover/index.cjs");require("./progress-circle/index.cjs");const m=require("./radio/index.cjs"),D=require("./search/index.cjs"),E=require("./select/index.cjs"),G=require("./slider/index.cjs"),c=require("./swatch/index.cjs"),f=require("./switch/index.cjs"),t=require("./tabs/index.cjs"),s=require("./tags/index.cjs"),N=require("./text-field/index.cjs"),U=require("./toast/index.cjs"),w=require("./tooltip/index.cjs"),H=require("./unit-input/index.cjs"),L=require("./base-CBCg3yyw.cjs"),V=require("./focus-visible-B0P9aY_G.cjs"),K=require("./focusable-EbipgXRh.cjs"),o=require("./platform-BiXhwqk3.cjs"),a=require("./sized-mixin-CPxE5C96.cjs"),W=require("./streaming-listener-B00MvALi.cjs"),Z=require("./action-group-DJGMcRHb.cjs"),j=require("./clear-button-Qi1pMA5S.cjs"),J=require("./close-button-BFMBEw3q.cjs"),Q=require("./color-loupe-CaA_Lfkk.cjs"),X=require("./field-group-DkGst3r5.cjs"),Y=require("./field-label-mO1AkUgR.cjs"),e=require("./overlay-o0tLxsk-.cjs"),z=require("./slottable-request-event-BfUUt1Mh.cjs"),n=require("./picker-0tQg3Aob.cjs"),$=require("./popover-KFfO0IYL.cjs"),ee=require("./progress-circle-BvRJNuNo.cjs"),oe=require("./text-field-D5d_Gt0t.cjs");exports.LuzmoAccordion=l.LuzmoAccordion;exports.LuzmoAccordionItem=l.LuzmoAccordionItem;exports.LuzmoActionBar=d.LuzmoActionBar;exports.LuzmoActionButton=q.LuzmoActionButton;exports.LuzmoActionMenu=p.LuzmoActionMenu;exports.LuzmoAvatar=x.LuzmoAvatar;exports.LuzmoButton=_.LuzmoButton;exports.LuzmoButtonGroup=b.LuzmoButtonGroup;exports.LuzmoCalendar=S.LuzmoCalendar;exports.LuzmoCheckbox=T.LuzmoCheckbox;exports.LuzmoColorArea=v.LuzmoColorArea;exports.LuzmoColorField=C.LuzmoColorField;exports.LuzmoColorHandle=I.LuzmoColorHandle;exports.LuzmoColorMenu=g.LuzmoColorMenu;exports.LuzmoColorPicker=M.LuzmoColorPicker;exports.LuzmoColorSlider=A.LuzmoColorSlider;exports.LuzmoDateTimePicker=O.LuzmoDateTimePicker;exports.LuzmoDivider=P.LuzmoDivider;exports.LuzmoIcon=F.LuzmoIcon;exports.LuzmoInfieldButton=y.LuzmoInfieldButton;exports.LuzmoLabel=B.LuzmoLabel;exports.LuzmoMenu=i.LuzmoMenu;exports.LuzmoMenuDivider=i.LuzmoMenuDivider;exports.LuzmoMenuGroup=i.LuzmoMenuGroup;exports.LuzmoMenuItem=i.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=i.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=k.LuzmoMultiLangField;exports.LuzmoNumberField=R.LuzmoNumberField;exports.LuzmoOption=u.LuzmoOption;exports.LuzmoOptions=u.LuzmoOptions;exports.LuzmoOptionsDivider=u.LuzmoOptionsDivider;exports.VIRTUALIZE_AS_OF_NUM_ITEMS=u.VIRTUALIZE_AS_OF_NUM_ITEMS;exports.LuzmoOverlayTrigger=r.LuzmoOverlayTrigger;exports.OverlayTriggerDirective=r.OverlayTriggerDirective;exports.SlottableRequestDirective=r.SlottableRequestDirective;exports.openOverlay=r.openOverlay;exports.slottableRequest=r.slottableRequest;exports.trigger=r.trigger;exports.LuzmoPickerButton=h.LuzmoPickerButton;exports.LuzmoRadio=m.LuzmoRadio;exports.LuzmoRadioGroup=m.LuzmoRadioGroup;exports.LuzmoSearch=D.LuzmoSearch;exports.LuzmoSelect=E.LuzmoSelect;exports.LuzmoSlider=G.LuzmoSlider;exports.LuzmoSwatch=c.LuzmoSwatch;exports.LuzmoSwatchGroup=c.LuzmoSwatchGroup;exports.LuzmoSwitch=f.LuzmoSwitch;exports.LuzmoTab=t.LuzmoTab;exports.LuzmoTabPanel=t.LuzmoTabPanel;exports.LuzmoTabs=t.LuzmoTabs;exports.LuzmoTabsOverflow=t.LuzmoTabsOverflow;exports.LuzmoTag=s.LuzmoTag;exports.LuzmoTags=s.LuzmoTags;exports.LuzmoHelpText=N.LuzmoHelpText;exports.LuzmoToast=U.LuzmoToast;exports.LuzmoTooltip=w.LuzmoTooltip;exports.LuzmoUnitInput=H.LuzmoUnitInput;exports.LuzmoElement=L.LuzmoElement;exports.LuzmoMixin=L.LuzmoMixin;exports.FocusVisiblePolyfillMixin=V.FocusVisiblePolyfillMixin;exports.Focusable=K.Focusable;exports.isAndroid=o.isAndroid;exports.isAppleDevice=o.isAppleDevice;exports.isChrome=o.isChrome;exports.isFirefox=o.isFirefox;exports.isIOS=o.isIOS;exports.isIPad=o.isIPad;exports.isIPhone=o.isIPhone;exports.isMac=o.isMac;exports.isSeamonkey=o.isSeamonkey;exports.isWebKit=o.isWebKit;exports.ElementSizes=a.ElementSizes;exports.SizedMixin=a.SizedMixin;exports.streamingListener=W.streamingListener;exports.LuzmoActionGroup=Z.LuzmoActionGroup;exports.LuzmoClearButton=j.LuzmoClearButton;exports.LuzmoCloseButton=J.LuzmoCloseButton;exports.LuzmoColorLoupe=Q.LuzmoColorLoupe;exports.LuzmoFieldGroup=X.LuzmoFieldGroup;exports.LuzmoFieldLabel=Y.LuzmoFieldLabel;exports.ClickController=e.ClickController;exports.HoverController=e.HoverController;exports.InteractionController=e.InteractionController;exports.InteractionTypes=e.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=e.LONGPRESS_INSTRUCTIONS;exports.LongpressController=e.LongpressController;exports.LuzmoAbstractOverlay=e.LuzmoAbstractOverlay;exports.LuzmoOverlay=e.LuzmoOverlay;exports.PlacementController=e.PlacementController;exports.VirtualTrigger=e.VirtualTrigger;exports.guaranteedAllTransitionend=e.guaranteedAllTransitionend;exports.nextFrame=e.nextFrame;exports.noop=e.noop;exports.overlayTimer=e.overlayTimer;exports.placementUpdatedSymbol=e.placementUpdatedSymbol;exports.SlottableRequestEvent=z.SlottableRequestEvent;exports.removeSlottableRequest=z.removeSlottableRequest;exports.DESCRIPTION_ID=n.DESCRIPTION_ID;exports.LuzmoPicker=n.LuzmoPicker;exports.LuzmoPickerBase=n.LuzmoPickerBase;exports.LuzmoPopover=$.LuzmoPopover;exports.LuzmoProgressCircle=ee.LuzmoProgressCircle;exports.LuzmoTextField=oe.LuzmoTextField;

package/components/index.js

@@ -74,9 +74,9 @@ import { L as Or } from "./field-group-DXfBWrkO.js";
 import { L as Pr } from "./field-label-CZ2zzChK.js";
 import { C as Er, H as Rr, b as Br, I as Dr, c as Gr, d as Ur, L as Nr, e as Hr, P as _r, V as qr, g as Vr, a as jr, n as Kr, o as Wr, p as Zr } from "./overlay-BBNyvs8F.js";
 import { S as Qr, r as Xr } from "./slottable-request-event-DggLA4Rx.js";
-import { D as $r, a as oe, L as re } from "./picker-CM3kN655.js";
+import { D as $r, a as oe, L as re } from "./picker-daUT4cUN.js";
 import { LuzmoPopover as le } from "./popover-DjX0aAnY.js";
-import { L as ue } from "./progress-circle-CWGsfHnp.js";
+import { L as ue } from "./progress-circle-DXH9z8-6.js";
 import { L as ae } from "./text-field-BIADXoLC.js";
 const r = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {

package/components/options/index.cjs

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("../mutation-controller-DkOMCW-c.cjs"),a=require("../base-CBCg3yyw.cjs"),L=require("../query-BL-TJj7K.cjs"),K=require("../focusable-EbipgXRh.cjs"),Z=require("../like-anchor-sod1C1fR.cjs"),G=require("../observe-slot-presence-bc9chhsi.cjs"),J=require("../observe-slot-text-Ceb7SvYT.cjs"),X=require("../random-id-CqvckpWe.cjs"),E=require("../luzmo-icons-DletXGWU.cjs"),S=require("../directive-C7oCP5Bh.cjs"),Y=require("../async-directive-BX1T1e1_.cjs"),g=require("../directive-helpers-DyIRTWwA.cjs"),Q=require("../base-BjTwmyRF.cjs"),D=require("../sized-mixin-CPxE5C96.cjs"),tt=require("../divider.module-DDvBo9zo.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("../mutation-controller-DkOMCW-c.cjs"),a=require("../base-CBCg3yyw.cjs"),L=require("../query-BL-TJj7K.cjs"),K=require("../focusable-EbipgXRh.cjs"),Z=require("../like-anchor-sod1C1fR.cjs"),G=require("../observe-slot-presence-bc9chhsi.cjs"),J=require("../observe-slot-text-Ceb7SvYT.cjs"),X=require("../random-id-CqvckpWe.cjs"),E=require("../luzmo-icons-DletXGWU.cjs"),S=require("../directive-C7oCP5Bh.cjs"),Y=require("../async-directive-BX1T1e1_.cjs"),g=require("../directive-helpers-DyIRTWwA.cjs"),Q=require("../base-BjTwmyRF.cjs"),D=require("../sized-mixin-CPxE5C96.cjs");require("../progress-circle/index.cjs");const tt=require("../divider.module-DDvBo9zo.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -46,7 +46,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const F=(r,t,o)=>{const e=new Map;for(let i=t;i<=o;i++)e.set(r[i],i);return e},j=S.e(class extends S.i{constructor(r){if(super(r),r.type!==S.t.CHILD)throw Error("repeat() can only be used in text expressions")}dt(r,t,o){let e;o===void 0?o=t:t!==void 0&&(e=t);const i=[],n=[];let s=0;for(const l of r)i[s]=e?e(l,s):s,n[s]=o(l,s),s++;return{values:n,keys:i}}render(r,t,o){return this.dt(r,t,o).values}update(r,[t,o,e]){const i=g.p(r),{values:n,keys:s}=this.dt(t,o,e);if(!Array.isArray(i))return this.ut=s,n;const l=this.ut??(this.ut=[]),c=[];let h,m,d=0,p=i.length-1,u=0,v=n.length-1;for(;d<=p&&u<=v;)if(i[d]===null)d++;else if(i[p]===null)p--;else if(l[d]===s[u])c[u]=g.v(i[d],n[u]),d++,u++;else if(l[p]===s[v])c[v]=g.v(i[p],n[v]),p--,v--;else if(l[d]===s[v])c[v]=g.v(i[d],n[v]),g.r(r,c[v+1],i[d]),d++,v--;else if(l[p]===s[u])c[u]=g.v(i[p],n[u]),g.r(r,i[d],i[p]),p--,u++;else if(h===void 0&&(h=F(s,u,v),m=F(l,d,p)),h.has(l[d]))if(h.has(l[p])){const f=m.get(s[u]),k=f!==void 0?i[f]:null;if(k===null){const x=g.r(r,i[d]);g.v(x,n[u]),c[u]=x}else c[u]=g.v(k,n[u]),g.r(r,i[d],k),i[f]=null;u++}else g.M(i[p]),p--;else g.M(i[d]),d++;for(;u<=v;){const f=g.r(r,c[v+1]);g.v(f,n[u]),c[u++]=f}for(;d<=p;){const f=i[d++];f!==null&&g.M(f)}return this.ut=s,g.m(r,c),a.T}});/**
+ */const F=(r,t,o)=>{const e=new Map;for(let i=t;i<=o;i++)e.set(r[i],i);return e},j=S.e(class extends S.i{constructor(r){if(super(r),r.type!==S.t.CHILD)throw Error("repeat() can only be used in text expressions")}dt(r,t,o){let e;o===void 0?o=t:t!==void 0&&(e=t);const i=[],n=[];let s=0;for(const l of r)i[s]=e?e(l,s):s,n[s]=o(l,s),s++;return{values:n,keys:i}}render(r,t,o){return this.dt(r,t,o).values}update(r,[t,o,e]){const i=g.p(r),{values:n,keys:s}=this.dt(t,o,e);if(!Array.isArray(i))return this.ut=s,n;const l=this.ut??(this.ut=[]),c=[];let h,m,d=0,p=i.length-1,u=0,v=n.length-1;for(;d<=p&&u<=v;)if(i[d]===null)d++;else if(i[p]===null)p--;else if(l[d]===s[u])c[u]=g.v(i[d],n[u]),d++,u++;else if(l[p]===s[v])c[v]=g.v(i[p],n[v]),p--,v--;else if(l[d]===s[v])c[v]=g.v(i[d],n[v]),g.r(r,c[v+1],i[d]),d++,v--;else if(l[p]===s[u])c[u]=g.v(i[p],n[u]),g.r(r,i[d],i[p]),p--,u++;else if(h===void 0&&(h=F(s,u,v),m=F(l,d,p)),h.has(l[d]))if(h.has(l[p])){const f=m.get(s[u]),y=f!==void 0?i[f]:null;if(y===null){const x=g.r(r,i[d]);g.v(x,n[u]),c[u]=x}else c[u]=g.v(y,n[u]),g.r(r,i[d],y),i[f]=null;u++}else g.M(i[p]),p--;else g.M(i[d]),d++;for(;u<=v;){const f=g.r(r,c[v+1]);g.v(f,n[u]),c[u++]=f}for(;d<=p;){const f=i[d++];f!==null&&g.M(f)}return this.ut=s,g.m(r,c),a.T}});/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -58,7 +58,7 @@
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let $=typeof window<"u"?window.ResizeObserver:void 0;const R=Symbol("virtualizerRef"),I="virtualizer-sizer";let P;class ut{constructor(t){if(this._benchmarkStart=null,this._layout=null,this._clippingAncestors=[],this._scrollSize=null,this._scrollError=null,this._childrenPos=null,this._childMeasurements=null,this._toBeMeasured=new Map,this._rangeChanged=!0,this._itemsChanged=!0,this._visibilityChanged=!0,this._scrollerController=null,this._isScroller=!1,this._sizer=null,this._hostElementRO=null,this._childrenRO=null,this._mutationObserver=null,this._scrollEventListeners=[],this._scrollEventListenerOptions={passive:!0},this._loadListener=this._childLoaded.bind(this),this._scrollIntoViewTarget=null,this._updateScrollIntoViewCoordinates=null,this._items=[],this._first=-1,this._last=-1,this._firstVisible=-1,this._lastVisible=-1,this._scheduled=new WeakSet,this._measureCallback=null,this._measureChildOverride=null,this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null,this._layoutInitialized=null,this._connected=!1,!t)throw new Error("Virtualizer constructor requires a configuration object");if(t.hostElement)this._init(t);else throw new Error('Virtualizer configuration requires the "hostElement" property')}set items(t){Array.isArray(t)&&t!==this._items&&(this._itemsChanged=!0,this._items=t,this._schedule(this._updateLayout))}_init(t){this._isScroller=!!t.scroller,this._initHostElement(t);const o=t.layout||{};this._layoutInitialized=this._initLayout(o)}_initObservers(){this._mutationObserver=new MutationObserver(this._finishDOMUpdate.bind(this)),this._hostElementRO=new $(()=>this._hostElementSizeChanged()),this._childrenRO=new $(this._childrenSizeChanged.bind(this))}_initHostElement(t){const o=this._hostElement=t.hostElement;this._applyVirtualizerStyles(),o[R]=this}connected(){this._initObservers();const t=this._isScroller;this._clippingAncestors=vt(this._hostElement,t),this._scrollerController=new ht(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach(t=>{t.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(t),this._hostElementRO.observe(t)}),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach(t=>this._childrenRO.observe(t)),this._scrollEventListeners.forEach(t=>t.addEventListener("scroll",this,this._scrollEventListenerOptions))}disconnected(){var t,o,e,i;this._scrollEventListeners.forEach(n=>n.removeEventListener("scroll",this,this._scrollEventListenerOptions)),this._scrollEventListeners=[],this._clippingAncestors=[],(t=this._scrollerController)==null||t.detach(this),this._scrollerController=null,(o=this._mutationObserver)==null||o.disconnect(),this._mutationObserver=null,(e=this._hostElementRO)==null||e.disconnect(),this._hostElementRO=null,(i=this._childrenRO)==null||i.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1}_applyVirtualizerStyles(){const o=this._hostElement.style;o.display=o.display||"block",o.position=o.position||"relative",o.contain=o.contain||"size layout",this._isScroller&&(o.overflow=o.overflow||"auto",o.minHeight=o.minHeight||"150px")}_getSizer(){const t=this._hostElement;if(!this._sizer){let o=t.querySelector(`[${I}]`);o||(o=document.createElement("div"),o.setAttribute(I,""),t.appendChild(o)),Object.assign(o.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),o.textContent="&nbsp;",o.setAttribute(I,""),this._sizer=o}return this._sizer}async updateLayoutConfig(t){await this._layoutInitialized;const o=t.type||P;if(typeof o=="function"&&this._layout instanceof o){const e={...t};return delete e.type,this._layout.config=e,!0}return!1}async _initLayout(t){let o,e;if(typeof t.type=="function"){e=t.type;const i={...t};delete i.type,o=i}else o=t;e===void 0&&(P=e=(await Promise.resolve().then(()=>require("../flow-DM3dNAKs.cjs"))).FlowLayout),this._layout=new e(i=>this._handleLayoutMessage(i),o),this._layout.measureChildren&&typeof this._layout.updateItemSizes=="function"&&(typeof this._layout.measureChildren=="function"&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){this._benchmarkStart===null&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(this._benchmarkStart!==null){const t=window.performance.now(),o=t-this._benchmarkStart,i=performance.getEntriesByName("uv-virtualizing","measure").filter(n=>n.startTime>=this._benchmarkStart&&n.startTime<t).reduce((n,s)=>n+s.duration,0);return this._benchmarkStart=null,{timeElapsed:o,virtualizationTime:i}}return null}_measureChildren(){const t={},o=this._children,e=this._measureChildOverride||this._measureChild;for(let i=0;i<o.length;i++){const n=o[i],s=this._first+i;(this._itemsChanged||this._toBeMeasured.has(n))&&(t[s]=e.call(this,n,this._items[s]))}this._childMeasurements=t,this._schedule(this._updateLayout),this._toBeMeasured.clear()}_measureChild(t){const{width:o,height:e}=t.getBoundingClientRect();return Object.assign({width:o,height:e},dt(t))}async _schedule(t){this._scheduled.has(t)||(this._scheduled.add(t),await Promise.resolve(),this._scheduled.delete(t),t.call(this))}async _updateDOM(t){this._scrollSize=t.scrollSize,this._adjustRange(t.range),this._childrenPos=t.childPositions,this._scrollError=t.scrollError||null;const{_rangeChanged:o,_itemsChanged:e}=this;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(o||e)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate()}_finishDOMUpdate(){this._connected&&(this._children.forEach(t=>this._childrenRO.observe(t)),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),this._childMeasurements!==null&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){var t;if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(o){console.warn("Error measuring performance data: ",o)}window.performance.mark("uv-start")}this._scrollerController.correctingScrollError===!1&&((t=this._layout)==null||t.unpin()),this._schedule(this._updateLayout)}handleEvent(t){switch(t.type){case"scroll":(t.currentTarget===window||this._clippingAncestors.includes(t.currentTarget))&&this._handleScrollEvent();break;default:console.warn("event not handled",t)}}_handleLayoutMessage(t){t.type==="stateChanged"?this._updateDOM(t):t.type==="visibilityChanged"?(this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._notifyVisibility()):t.type==="unpinned"&&this._hostElement.dispatchEvent(new M)}get _children(){const t=[];let o=this._hostElement.firstElementChild;for(;o;)o.hasAttribute(I)||t.push(o),o=o.nextElementSibling;return t}_updateView(){var i;const t=this._hostElement,o=(i=this._scrollerController)==null?void 0:i.element,e=this._layout;if(t&&o&&e){let n,s,l,c;const h=t.getBoundingClientRect();n=0,s=0,l=window.innerHeight,c=window.innerWidth;const m=this._clippingAncestors.map(w=>w.getBoundingClientRect());m.unshift(h);for(const w of m)n=Math.max(n,w.top),s=Math.max(s,w.left),l=Math.min(l,w.bottom),c=Math.min(c,w.right);const d=o.getBoundingClientRect(),p={left:h.left-d.left,top:h.top-d.top},u={width:o.scrollWidth,height:o.scrollHeight},v=n-h.top+t.scrollTop,f=s-h.left+t.scrollLeft,k=Math.max(0,l-n),x=Math.max(0,c-s);e.viewportSize={width:x,height:k},e.viewportScroll={top:v,left:f},e.totalScrollSize=u,e.offsetWithinScroller=p}}_sizeHostElement(t){const e=t&&t.width!==null?Math.min(82e5,t.width):0,i=t&&t.height!==null?Math.min(82e5,t.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${e}px, ${i}px)`;else{const n=this._hostElement.style;n.minWidth=e?`${e}px`:"100%",n.minHeight=i?`${i}px`:"100%"}}_positionChildren(t){t&&t.forEach(({top:o,left:e,width:i,height:n,xOffset:s,yOffset:l},c)=>{const h=this._children[c-this._first];h&&(h.style.position="absolute",h.style.boxSizing="border-box",h.style.transform=`translate(${e}px, ${o}px)`,i!==void 0&&(h.style.width=i+"px"),n!==void 0&&(h.style.height=n+"px"),h.style.left=s===void 0?null:s+"px",h.style.top=l===void 0?null:l+"px")})}async _adjustRange(t){const{_first:o,_last:e,_firstVisible:i,_lastVisible:n}=this;this._first=t.first,this._last=t.last,this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==o||this._last!==e,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==i||this._lastVisible!==n}_correctScrollError(){if(this._scrollError){const{scrollTop:t,scrollLeft:o}=this._scrollerController,{top:e,left:i}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:t-e,left:o-i})}}element(t){var o;return t===1/0&&(t=this._items.length-1),((o=this._items)==null?void 0:o[t])===void 0?void 0:{scrollIntoView:(e={})=>this._scrollElementIntoView({...e,index:t})}}_scrollElementIntoView(t){if(t.index>=this._first&&t.index<=this._last)this._children[t.index-this._first].scrollIntoView(t);else if(t.index=Math.min(t.index,this._items.length-1),t.behavior==="smooth"){const o=this._layout.getScrollIntoViewCoordinates(t),{behavior:e}=t;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(o,{behavior:e}),()=>this._layout.getScrollIntoViewCoordinates(t),()=>this._scrollIntoViewTarget=null),this._scrollIntoViewTarget=t}else this._layout.pin=t}_checkScrollIntoViewTarget(t){const{index:o}=this._scrollIntoViewTarget||{};o&&(t!=null&&t.has(o))&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new T({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new V({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise((t,o)=>{this._layoutCompleteResolver=t,this._layoutCompleteRejecter=o})),this._layoutCompletePromise}_rejectLayoutCompletePromise(t){this._layoutCompleteRejecter!==null&&this._layoutCompleteRejecter(t),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&this._pendingLayoutComplete===null&&(this._pendingLayoutComplete=requestAnimationFrame(()=>requestAnimationFrame(()=>this._resolveLayoutCompletePromise())))}_resolveLayoutCompletePromise(){this._layoutCompleteResolver!==null&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(t){var o;if((o=this._layout)!=null&&o.measureChildren){for(const e of t)this._toBeMeasured.set(e.target,e.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}}function dt(r){const t=window.getComputedStyle(r);return{marginTop:A(t.marginTop),marginRight:A(t.marginRight),marginBottom:A(t.marginBottom),marginLeft:A(t.marginLeft)}}function A(r){const t=r?parseFloat(r):NaN;return Number.isNaN(t)?0:t}function B(r){if(r.assignedSlot!==null)return r.assignedSlot;if(r.parentElement!==null)return r.parentElement;const t=r.parentNode;return t&&t.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.host||null}function pt(r,t=!1){const o=[];let e=t?r:B(r);for(;e!==null;)o.push(e),e=B(e);return o}function vt(r,t=!1){let o=!1;return pt(r,t).filter(e=>{if(o)return!1;const i=getComputedStyle(e);return o=i.position==="fixed",i.overflow!=="visible"})}/**
+ */let $=typeof window<"u"?window.ResizeObserver:void 0;const R=Symbol("virtualizerRef"),I="virtualizer-sizer";let P;class ut{constructor(t){if(this._benchmarkStart=null,this._layout=null,this._clippingAncestors=[],this._scrollSize=null,this._scrollError=null,this._childrenPos=null,this._childMeasurements=null,this._toBeMeasured=new Map,this._rangeChanged=!0,this._itemsChanged=!0,this._visibilityChanged=!0,this._scrollerController=null,this._isScroller=!1,this._sizer=null,this._hostElementRO=null,this._childrenRO=null,this._mutationObserver=null,this._scrollEventListeners=[],this._scrollEventListenerOptions={passive:!0},this._loadListener=this._childLoaded.bind(this),this._scrollIntoViewTarget=null,this._updateScrollIntoViewCoordinates=null,this._items=[],this._first=-1,this._last=-1,this._firstVisible=-1,this._lastVisible=-1,this._scheduled=new WeakSet,this._measureCallback=null,this._measureChildOverride=null,this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null,this._layoutInitialized=null,this._connected=!1,!t)throw new Error("Virtualizer constructor requires a configuration object");if(t.hostElement)this._init(t);else throw new Error('Virtualizer configuration requires the "hostElement" property')}set items(t){Array.isArray(t)&&t!==this._items&&(this._itemsChanged=!0,this._items=t,this._schedule(this._updateLayout))}_init(t){this._isScroller=!!t.scroller,this._initHostElement(t);const o=t.layout||{};this._layoutInitialized=this._initLayout(o)}_initObservers(){this._mutationObserver=new MutationObserver(this._finishDOMUpdate.bind(this)),this._hostElementRO=new $(()=>this._hostElementSizeChanged()),this._childrenRO=new $(this._childrenSizeChanged.bind(this))}_initHostElement(t){const o=this._hostElement=t.hostElement;this._applyVirtualizerStyles(),o[R]=this}connected(){this._initObservers();const t=this._isScroller;this._clippingAncestors=vt(this._hostElement,t),this._scrollerController=new ht(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach(t=>{t.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(t),this._hostElementRO.observe(t)}),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach(t=>this._childrenRO.observe(t)),this._scrollEventListeners.forEach(t=>t.addEventListener("scroll",this,this._scrollEventListenerOptions))}disconnected(){var t,o,e,i;this._scrollEventListeners.forEach(n=>n.removeEventListener("scroll",this,this._scrollEventListenerOptions)),this._scrollEventListeners=[],this._clippingAncestors=[],(t=this._scrollerController)==null||t.detach(this),this._scrollerController=null,(o=this._mutationObserver)==null||o.disconnect(),this._mutationObserver=null,(e=this._hostElementRO)==null||e.disconnect(),this._hostElementRO=null,(i=this._childrenRO)==null||i.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1}_applyVirtualizerStyles(){const o=this._hostElement.style;o.display=o.display||"block",o.position=o.position||"relative",o.contain=o.contain||"size layout",this._isScroller&&(o.overflow=o.overflow||"auto",o.minHeight=o.minHeight||"150px")}_getSizer(){const t=this._hostElement;if(!this._sizer){let o=t.querySelector(`[${I}]`);o||(o=document.createElement("div"),o.setAttribute(I,""),t.appendChild(o)),Object.assign(o.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),o.textContent="&nbsp;",o.setAttribute(I,""),this._sizer=o}return this._sizer}async updateLayoutConfig(t){await this._layoutInitialized;const o=t.type||P;if(typeof o=="function"&&this._layout instanceof o){const e={...t};return delete e.type,this._layout.config=e,!0}return!1}async _initLayout(t){let o,e;if(typeof t.type=="function"){e=t.type;const i={...t};delete i.type,o=i}else o=t;e===void 0&&(P=e=(await Promise.resolve().then(()=>require("../flow-DM3dNAKs.cjs"))).FlowLayout),this._layout=new e(i=>this._handleLayoutMessage(i),o),this._layout.measureChildren&&typeof this._layout.updateItemSizes=="function"&&(typeof this._layout.measureChildren=="function"&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){this._benchmarkStart===null&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(this._benchmarkStart!==null){const t=window.performance.now(),o=t-this._benchmarkStart,i=performance.getEntriesByName("uv-virtualizing","measure").filter(n=>n.startTime>=this._benchmarkStart&&n.startTime<t).reduce((n,s)=>n+s.duration,0);return this._benchmarkStart=null,{timeElapsed:o,virtualizationTime:i}}return null}_measureChildren(){const t={},o=this._children,e=this._measureChildOverride||this._measureChild;for(let i=0;i<o.length;i++){const n=o[i],s=this._first+i;(this._itemsChanged||this._toBeMeasured.has(n))&&(t[s]=e.call(this,n,this._items[s]))}this._childMeasurements=t,this._schedule(this._updateLayout),this._toBeMeasured.clear()}_measureChild(t){const{width:o,height:e}=t.getBoundingClientRect();return Object.assign({width:o,height:e},dt(t))}async _schedule(t){this._scheduled.has(t)||(this._scheduled.add(t),await Promise.resolve(),this._scheduled.delete(t),t.call(this))}async _updateDOM(t){this._scrollSize=t.scrollSize,this._adjustRange(t.range),this._childrenPos=t.childPositions,this._scrollError=t.scrollError||null;const{_rangeChanged:o,_itemsChanged:e}=this;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(o||e)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate()}_finishDOMUpdate(){this._connected&&(this._children.forEach(t=>this._childrenRO.observe(t)),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),this._childMeasurements!==null&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){var t;if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(o){console.warn("Error measuring performance data: ",o)}window.performance.mark("uv-start")}this._scrollerController.correctingScrollError===!1&&((t=this._layout)==null||t.unpin()),this._schedule(this._updateLayout)}handleEvent(t){switch(t.type){case"scroll":(t.currentTarget===window||this._clippingAncestors.includes(t.currentTarget))&&this._handleScrollEvent();break;default:console.warn("event not handled",t)}}_handleLayoutMessage(t){t.type==="stateChanged"?this._updateDOM(t):t.type==="visibilityChanged"?(this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._notifyVisibility()):t.type==="unpinned"&&this._hostElement.dispatchEvent(new M)}get _children(){const t=[];let o=this._hostElement.firstElementChild;for(;o;)o.hasAttribute(I)||t.push(o),o=o.nextElementSibling;return t}_updateView(){var i;const t=this._hostElement,o=(i=this._scrollerController)==null?void 0:i.element,e=this._layout;if(t&&o&&e){let n,s,l,c;const h=t.getBoundingClientRect();n=0,s=0,l=window.innerHeight,c=window.innerWidth;const m=this._clippingAncestors.map(w=>w.getBoundingClientRect());m.unshift(h);for(const w of m)n=Math.max(n,w.top),s=Math.max(s,w.left),l=Math.min(l,w.bottom),c=Math.min(c,w.right);const d=o.getBoundingClientRect(),p={left:h.left-d.left,top:h.top-d.top},u={width:o.scrollWidth,height:o.scrollHeight},v=n-h.top+t.scrollTop,f=s-h.left+t.scrollLeft,y=Math.max(0,l-n),x=Math.max(0,c-s);e.viewportSize={width:x,height:y},e.viewportScroll={top:v,left:f},e.totalScrollSize=u,e.offsetWithinScroller=p}}_sizeHostElement(t){const e=t&&t.width!==null?Math.min(82e5,t.width):0,i=t&&t.height!==null?Math.min(82e5,t.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${e}px, ${i}px)`;else{const n=this._hostElement.style;n.minWidth=e?`${e}px`:"100%",n.minHeight=i?`${i}px`:"100%"}}_positionChildren(t){t&&t.forEach(({top:o,left:e,width:i,height:n,xOffset:s,yOffset:l},c)=>{const h=this._children[c-this._first];h&&(h.style.position="absolute",h.style.boxSizing="border-box",h.style.transform=`translate(${e}px, ${o}px)`,i!==void 0&&(h.style.width=i+"px"),n!==void 0&&(h.style.height=n+"px"),h.style.left=s===void 0?null:s+"px",h.style.top=l===void 0?null:l+"px")})}async _adjustRange(t){const{_first:o,_last:e,_firstVisible:i,_lastVisible:n}=this;this._first=t.first,this._last=t.last,this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==o||this._last!==e,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==i||this._lastVisible!==n}_correctScrollError(){if(this._scrollError){const{scrollTop:t,scrollLeft:o}=this._scrollerController,{top:e,left:i}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:t-e,left:o-i})}}element(t){var o;return t===1/0&&(t=this._items.length-1),((o=this._items)==null?void 0:o[t])===void 0?void 0:{scrollIntoView:(e={})=>this._scrollElementIntoView({...e,index:t})}}_scrollElementIntoView(t){if(t.index>=this._first&&t.index<=this._last)this._children[t.index-this._first].scrollIntoView(t);else if(t.index=Math.min(t.index,this._items.length-1),t.behavior==="smooth"){const o=this._layout.getScrollIntoViewCoordinates(t),{behavior:e}=t;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(o,{behavior:e}),()=>this._layout.getScrollIntoViewCoordinates(t),()=>this._scrollIntoViewTarget=null),this._scrollIntoViewTarget=t}else this._layout.pin=t}_checkScrollIntoViewTarget(t){const{index:o}=this._scrollIntoViewTarget||{};o&&(t!=null&&t.has(o))&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new T({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new V({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise((t,o)=>{this._layoutCompleteResolver=t,this._layoutCompleteRejecter=o})),this._layoutCompletePromise}_rejectLayoutCompletePromise(t){this._layoutCompleteRejecter!==null&&this._layoutCompleteRejecter(t),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&this._pendingLayoutComplete===null&&(this._pendingLayoutComplete=requestAnimationFrame(()=>requestAnimationFrame(()=>this._resolveLayoutCompletePromise())))}_resolveLayoutCompletePromise(){this._layoutCompleteResolver!==null&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(t){var o;if((o=this._layout)!=null&&o.measureChildren){for(const e of t)this._toBeMeasured.set(e.target,e.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}}function dt(r){const t=window.getComputedStyle(r);return{marginTop:A(t.marginTop),marginRight:A(t.marginRight),marginBottom:A(t.marginBottom),marginLeft:A(t.marginLeft)}}function A(r){const t=r?parseFloat(r):NaN;return Number.isNaN(t)?0:t}function B(r){if(r.assignedSlot!==null)return r.assignedSlot;if(r.parentElement!==null)return r.parentElement;const t=r.parentNode;return t&&t.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.host||null}function pt(r,t=!1){const o=[];let e=t?r:B(r);for(;e!==null;)o.push(e),e=B(e);return o}function vt(r,t=!1){let o=!1;return pt(r,t).filter(e=>{if(o)return!1;const i=getComputedStyle(e);return o=i.position==="fixed",i.overflow!=="visible"})}/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -70,7 +70,7 @@
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */customElements.define("lit-virtualizer",C);const gt=":host{--options-divider-thickness: var( --divider-thickness-medium, var(--luzmo-border-width) );inline-size:auto;margin-block:var(--luzmo-options-section-divider-margin-block, max(0px, (var(--option-section-divider-height) - var(--options-divider-thickness)) / 2));margin-inline:var(--luzmo-option-label-inline-edge-to-content, var(--option-label-inline-edge-to-content));overflow:visible}:host{display:block;flex-shrink:0}";class N extends D.SizedMixin(a.LuzmoElement,{validSizes:["s","m","l"]}){static get styles(){return[a.r(tt.dividerStyles),a.r(gt)]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","separator")}}const bt=":host{--option-top-to-action: var(--luzmo-spacing-1);--option-top-to-checkbox: var(--luzmo-spacing-1);--option-label-line-height: var(--luzmo-line-height);--option-label-line-height-cjk: 1.5;--option-label-to-description-spacing: 1px;--option-focus-indicator-width: var(--luzmo-indicator-width);--option-focus-indicator-color: var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing: var(--luzmo-spacing-3);--option-label-content-color-default: var(--luzmo-font-color);--option-label-content-color-hover: var(--luzmo-font-color-hover);--option-label-content-color-down: var(--luzmo-font-color-down);--option-label-content-color-focus: var(--luzmo-font-color-focus);--option-label-icon-color-default: var(--luzmo-font-color);--option-label-icon-color-hover: var(--luzmo-font-color-hover);--option-label-icon-color-down: var(--luzmo-font-color-down);--option-label-icon-color-focus: var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color: var(--luzmo-primary);--option-highlight-selected-label-content-color: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-hover: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-down: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-focus: var( --luzmo-primary-inverse-color );--option-label-content-color-disabled: var(--luzmo-font-color-disabled);--option-label-icon-color-disabled: var(--luzmo-font-color-disabled);--option-description-line-height: var(--luzmo-line-height);--option-description-line-height-cjk: 1.5;--option-description-color-default: var(--luzmo-font-color);--option-description-color-hover: var(--luzmo-font-color-hover);--option-description-color-down: var(--luzmo-font-color-down);--option-description-color-focus: var(--luzmo-font-color-focus);--option-description-color-disabled: var(--luzmo-disabled-color);--options-section-header-line-height: var(--luzmo-line-height);--options-section-header-line-height-cjk: 1.5;--options-section-header-font-weight: bold;--options-section-header-color: var(--luzmo-font-color-hard);--options-collapsible-icon-color: var(--luzmo-font-color-hard);--options-checkmark-icon-color-default: var(--luzmo-font-color);--options-checkmark-icon-color-hover: var(--luzmo-font-color-hover);--options-checkmark-icon-color-down: var(--luzmo-font-color-down);--options-checkmark-icon-color-focus: var(--luzmo-font-color-focus);--options-checkbox-icon-color-default: var(--luzmo-font-color);--options-checkbox-icon-color-hover: var(--luzmo-font-color-hover);--options-checkbox-icon-color-down: var(--luzmo-font-color-down);--options-checkbox-icon-color-focus: var(--luzmo-font-color-focus);--options-drillin-icon-color-default: var(--luzmo-font-color);--options-drillin-icon-color-hover: var(--luzmo-font-color-hover);--options-drillin-icon-color-down: var(--luzmo-font-color-down);--options-drillin-icon-color-focus: var(--luzmo-font-color-focus);--option-value-color-default: var(--luzmo-font-color);--option-value-color-hover: var(--luzmo-font-color-hover);--option-value-color-down: var(--luzmo-font-color-down);--option-value-color-focus: var(--luzmo-font-color-focus);--option-collapsible-no-icon-suboption-padding-x-start: 28px;--option-background-color-selected: var(--luzmo-background-color);--option-background-color-default: var(--luzmo-background-color);--option-background-color-hover: var(--luzmo-background-color-hover);--option-background-color-down: var(--luzmo-background-color-down);--option-background-color-key-focus: var(--luzmo-background-color-focus)}:host{--option-min-height: var(--luzmo-component-height);--option-icon-container-height: 18px;--pending-height: var(--option-min-height);--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size);--option-label-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--pending-inline-edge-to-content: var(--option-label-inline-edge-to-content);--option-top-edge-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--option-bottom-edge-to-text: var(--luzmo-spacing-3);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size);--options-section-header-min-width: var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=s]){--option-min-height: var(--luzmo-component-height-s);--option-icon-container-height: 17px;--option-icon-height: var(--luzmo-font-size);--option-icon-width: var(--luzmo-font-size);--option-label-font-size: var(--luzmo-font-size-s);--option-label-text-to-visual: var(--luzmo-spacing-3);--option-label-text-to-control: var(--luzmo-spacing-3);--option-label-inline-edge-to-content: var(--luzmo-spacing-3);--option-top-edge-to-text: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-2) );--option-bottom-edge-to-text: var(--luzmo-spacing-2);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size-s);--options-section-header-min-width: var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-3);--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: var(--luzmo-spacing-3);--option-top-to-checkbox: var(--luzmo-spacing-3)}:host([size=l]){--option-min-height: var(--luzmo-component-height-l);--option-icon-container-height: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size-l);--option-label-text-to-visual: var(--luzmo-spacing-4);--option-label-text-to-control: var(--luzmo-spacing-4);--option-label-inline-edge-to-content: var(--luzmo-spacing-4);--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size-s);--options-section-header-font-size: var(--luzmo-font-size-l);--options-section-header-min-width: var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-4);--option-checkmark-size: var(--luzmo-font-size-s);--option-checkbox-size: var(--luzmo-font-size-s);--option-top-to-checkmark: var(--luzmo-spacing-4);--option-top-to-checkbox: var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height: var(--luzmo-component-height-xl);--option-icon-container-height: 26px;--option-icon-height: var(--luzmo-font-size-xl);--option-icon-width: var(--luzmo-font-size-xl);--option-label-font-size: var(--luzmo-font-size-xl);--option-label-text-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size);--options-section-header-font-size: var(--luzmo-font-size-xl);--options-section-header-min-width: var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size);--option-checkbox-size: var(--luzmo-font-size);--option-top-to-checkmark: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}@media (forced-colors: active){:host{--highcontrast-option-background-color-default: ButtonFace;--highcontrast-option-color-default: ButtonText;--highcontrast-option-background-color-focus: Highlight;--highcontrast-option-color-focus: HighlightText;--highcontrast-options-checkmark-icon-color-default: Highlight;--highcontrast-options-checkbox-icon-color-default: Highlight;--highcontrast-option-color-disabled: GrayText;--highcontrast-option-focus-indicator-color: Highlight;--highcontrast-option-selected-background-color: Highlight;--highcontrast-option-selected-color: HighlightText}@supports (color: SelectedItem){:host{--highcontrast-option-selected-background-color: SelectedItem;--highcontrast-option-selected-color: SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size, auto);box-sizing:border-box;margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height: var( --luzmo-option-label-line-height-cjk, var(--option-label-line-height-cjk) );--option-description-line-height: var( --luzmo-option-description-line-height-cjk, var(--option-description-line-height-cjk) );--options-section-header-line-height: var( --luzmo-options-section-header-line-height-cjk, var(--options-section-header-line-height-cjk) )}luzmo-option{width:100%}#pending{display:flex;align-items:center;height:var(--pending-height);padding-inline:var(--pending-inline-edge-to-content)}:host{display:inline-flex;flex-direction:column;width:100%}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";var _t=Object.defineProperty,y=(r,t,o,e)=>{for(var i=void 0,n=r.length-1,s;n>=0;n--)(s=r[n])&&(i=s(t,o,i)||i);return i&&_t(t,o,i),i};const H=25;function zt(r,t){return!!t&&(r===t||r.contains(t))}class _ extends D.SizedMixin(a.LuzmoElement,{noDefaultSize:!0}){constructor(){super(),this.label="",this.variant="highlight",this.selects="single",this.emphasized=!1,this.pending=!1,this.options=[],this.value=[],this.focusedOptionIndex=0,this._selectedOptions=[],this._firstVisibleIndex=0,this.addEventListener("focusin",this.handleFocusin),this.addEventListener("blur",this.handleBlur)}static get styles(){return[a.r(bt)]}get _virtualizeActive(){return this.options.length>H}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("tabindex")||(this.tabIndex=0);const o=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];[...this.children].forEach(e=>{e.localName==="luzmo-option"&&o.push(e.updateComplete)}),this.optionElementsUpdated=Promise.all(o)}willUpdate(t){var e;t.has("selects")&&this.selects==="single"&&((e=this.value)==null?void 0:e.length)>1&&(this.value=this.value.slice(0,1))}updated(t){super.updated(t),t.has("label")&&(this.label||t.get("label")!==void 0)&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}async getUpdateComplete(){const t=await super.getUpdateComplete();return await this.optionElementsUpdated,t}focus({preventScroll:t}={}){super.focus({preventScroll:t}),this.focusOptionByOffset(0)}_removeFocusedPropertyOnOptions(){requestAnimationFrame(()=>{this.visibleOptionElements.forEach(t=>{t.focused=!1})})}scrollToTop(){this.scrollTop=0}handleFocusin(){this.startListeningToKeyboard()}handleBlur(t){zt(this,t.relatedTarget)||(this.stopListeningToKeyboard(),this._removeFocusedPropertyOnOptions(),this.removeAttribute("aria-activedescendant"))}startListeningToKeyboard(){this.addEventListener("keydown",this.handleKeydown)}stopListeningToKeyboard(){this.removeEventListener("keydown",this.handleKeydown)}handleKeydown(t){var n;if(t.defaultPrevented)return;const o=this.focusedOptionIndex,e=[...this.visibleOptionElements].find(s=>{var l,c,h,m;return((l=s.value)==null?void 0:l.toString())===((m=(h=(c=this.options)==null?void 0:c[o])==null?void 0:h.value)==null?void 0:m.toString())}),{key:i}=t;if(i==="Tab"){this.prepareToCleanUp();return}if(i===" "||i==="Enter"){t.preventDefault(),e&&this.toggleOption(t,(n=this.options)==null?void 0:n[o]);return}if(i==="ArrowDown"||i==="ArrowUp"){t.preventDefault(),this.navigateWithinOptions(t,e);return}}navigateWithinOptions(t,o){const{key:e}=t,i=e==="ArrowDown"?1:-1;t.preventDefault(),t.stopPropagation();const n=this.focusOptionByOffset(i,o,!0);n!==o&&(this._virtualizeActive||n==null||n.scrollIntoView({block:"nearest"}))}focusOptionByOffset(t,o,e){var d;const i=t||1;o&&(o.focused=!1);const n=this.focusedOptionIndex;this.focusedOptionIndex=this.options.length>0?(this.options.length+this.focusedOptionIndex+t)%this.options.length:0;let s=this.options[this.focusedOptionIndex],l=this.options.length;for(;(s!=null&&s.disabled||s!=null&&s.divider)&&l;)l-=1,this.focusedOptionIndex=(this.options.length+this.focusedOptionIndex+i)%this.options.length,s=this.options[this.focusedOptionIndex];const c=n<this.focusedOptionIndex&&t===-1,h=n>this.focusedOptionIndex&&t===1;(c||h)&&(this.focusedOptionIndex=n,this.dispatchEvent(new Event(`luzmo-exceeded-${c?"top":"bottom"}`,{bubbles:!0,composed:!0,cancelable:!0})));let m;return e&&this._virtualizeActive&&(m=[...this.visibleOptionElements].find(p=>{var u,v,f;return((u=p.value)==null?void 0:u.toString())===((f=(v=this.options[this.focusedOptionIndex])==null?void 0:v.value)==null?void 0:f.toString())}),m||(this.focusedOptionIndex=this._firstVisibleIndex)),this._virtualizeActive&&e&&((d=this.virtualizer.element(this.focusedOptionIndex))==null||d.scrollIntoView({behavior:"smooth",block:"nearest"})),m=m??[...this.visibleOptionElements].find(p=>{var u,v,f,k,x;return(p.value===null?null:(u=p.value)==null?void 0:u.toString())===(((v=this.options[this.focusedOptionIndex])==null?void 0:v.value)===null?(f=this.options[this.focusedOptionIndex])==null?void 0:f.value:(x=(k=this.options[this.focusedOptionIndex])==null?void 0:k.value)==null?void 0:x.toString())}),s!=null&&s.disabled||this.setFocusedAndActiveDescendant(m),m}updateSelectedItemIndex(){this.focusedOptionIndex=this._virtualizeActive?this._firstVisibleIndex:0}setSelectedOptionsFromValue(){this._selectedOptions=this.options.filter(t=>{var o;return Array.isArray(this.value)&&((o=this.value)==null?void 0:o.includes((t==null?void 0:t.value)??null))})}visibilityChanged(t){this._firstVisibleIndex=(t==null?void 0:t.first)??0}rangeChange(t){t.stopPropagation(),t.preventDefault(),(t==null?void 0:t.first)!==-1&&(t==null?void 0:t.last)!==-1&&this.dispatchEvent(new CustomEvent("luzmo-scrolled",{bubbles:!0,composed:!0,cancelable:!0,detail:{first:t.first,last:t.last}}))}async toggleOption(t,o){var s;const e=t instanceof KeyboardEvent,i=this.options.findIndex(l=>(l==null?void 0:l.value)===(o==null?void 0:o.value));this.focusedOptionIndex=i,this.visibleOptionElements.forEach(l=>{var c,h;if(e){const m=((l==null?void 0:l.value)===null?null:(c=l.value)==null?void 0:c.toString())===((o==null?void 0:o.value)===null?null:(h=o==null?void 0:o.value)==null?void 0:h.toString());l.focused=m,m&&this.setFocusedAndActiveDescendant(l)}else l.focused=!1});const n=Array.isArray(this.value)&&((s=this.value)==null?void 0:s.includes((o==null?void 0:o.value)??null));this.selects==="single"?(this.value=[o==null?void 0:o.value],this._selectedOptions=[o]):(this.value=n?this.value.filter(l=>l!==(o==null?void 0:o.value)):[...this.value??[],o==null?void 0:o.value],this._selectedOptions=n?this._selectedOptions.filter(l=>l.value!==o.value):[...this._selectedOptions,o]),console.log("this.value LL",this.value),await this.updateComplete,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}})),this.prepareToCleanUp()}handleOptionClick(t,o){this.toggleOption(o,t)}render(){const t=l=>a.x`<luzmo-icon
+ */customElements.define("lit-virtualizer",C);const gt=":host{--options-divider-thickness: var( --divider-thickness-medium, var(--luzmo-border-width) );inline-size:auto;margin-block:var(--luzmo-options-section-divider-margin-block, max(0px, (var(--option-section-divider-height) - var(--options-divider-thickness)) / 2));margin-inline:var(--luzmo-option-label-inline-edge-to-content, var(--option-label-inline-edge-to-content));overflow:visible}:host{display:block;flex-shrink:0}";class N extends D.SizedMixin(a.LuzmoElement,{validSizes:["s","m","l"]}){static get styles(){return[a.r(tt.dividerStyles),a.r(gt)]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","separator")}}const bt=":host{--option-top-to-action: var(--luzmo-spacing-1);--option-top-to-checkbox: var(--luzmo-spacing-1);--option-label-line-height: var(--luzmo-line-height);--option-label-line-height-cjk: 1.5;--option-label-to-description-spacing: 1px;--option-focus-indicator-width: var(--luzmo-indicator-width);--option-focus-indicator-color: var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing: var(--luzmo-spacing-3);--option-label-content-color-default: var(--luzmo-font-color);--option-label-content-color-hover: var(--luzmo-font-color-hover);--option-label-content-color-down: var(--luzmo-font-color-down);--option-label-content-color-focus: var(--luzmo-font-color-focus);--option-label-icon-color-default: var(--luzmo-font-color);--option-label-icon-color-hover: var(--luzmo-font-color-hover);--option-label-icon-color-down: var(--luzmo-font-color-down);--option-label-icon-color-focus: var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color: var(--luzmo-primary);--option-highlight-selected-label-content-color: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-hover: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-down: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-focus: var( --luzmo-primary-inverse-color );--option-label-content-color-disabled: var(--luzmo-font-color-disabled);--option-label-icon-color-disabled: var(--luzmo-font-color-disabled);--option-description-line-height: var(--luzmo-line-height);--option-description-line-height-cjk: 1.5;--option-description-color-default: var(--luzmo-font-color);--option-description-color-hover: var(--luzmo-font-color-hover);--option-description-color-down: var(--luzmo-font-color-down);--option-description-color-focus: var(--luzmo-font-color-focus);--option-description-color-disabled: var(--luzmo-disabled-color);--options-section-header-line-height: var(--luzmo-line-height);--options-section-header-line-height-cjk: 1.5;--options-section-header-font-weight: bold;--options-section-header-color: var(--luzmo-font-color-hard);--options-collapsible-icon-color: var(--luzmo-font-color-hard);--options-checkmark-icon-color-default: var(--luzmo-font-color);--options-checkmark-icon-color-hover: var(--luzmo-font-color-hover);--options-checkmark-icon-color-down: var(--luzmo-font-color-down);--options-checkmark-icon-color-focus: var(--luzmo-font-color-focus);--options-checkbox-icon-color-default: var(--luzmo-font-color);--options-checkbox-icon-color-hover: var(--luzmo-font-color-hover);--options-checkbox-icon-color-down: var(--luzmo-font-color-down);--options-checkbox-icon-color-focus: var(--luzmo-font-color-focus);--options-drillin-icon-color-default: var(--luzmo-font-color);--options-drillin-icon-color-hover: var(--luzmo-font-color-hover);--options-drillin-icon-color-down: var(--luzmo-font-color-down);--options-drillin-icon-color-focus: var(--luzmo-font-color-focus);--option-value-color-default: var(--luzmo-font-color);--option-value-color-hover: var(--luzmo-font-color-hover);--option-value-color-down: var(--luzmo-font-color-down);--option-value-color-focus: var(--luzmo-font-color-focus);--option-collapsible-no-icon-suboption-padding-x-start: 28px;--option-background-color-selected: var(--luzmo-background-color);--option-background-color-default: var(--luzmo-background-color);--option-background-color-hover: var(--luzmo-background-color-hover);--option-background-color-down: var(--luzmo-background-color-down);--option-background-color-key-focus: var(--luzmo-background-color-focus)}:host{--option-min-height: var(--luzmo-component-height);--option-icon-container-height: 18px;--options-pending-height: var(--option-min-height);--progress-circle-size: calc( var(--options-pending-height) - var(--option-top-edge-to-text) - var( --option-bottom-edge-to-text ) );--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size);--option-label-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--pending-inline-edge-to-content: var(--option-label-inline-edge-to-content);--option-top-edge-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--option-bottom-edge-to-text: var(--luzmo-spacing-3);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size);--options-section-header-min-width: var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=s]){--option-min-height: var(--luzmo-component-height-s);--option-icon-container-height: 17px;--option-icon-height: var(--luzmo-font-size);--option-icon-width: var(--luzmo-font-size);--option-label-font-size: var(--luzmo-font-size-s);--option-label-text-to-visual: var(--luzmo-spacing-3);--option-label-text-to-control: var(--luzmo-spacing-3);--option-label-inline-edge-to-content: var(--luzmo-spacing-3);--option-top-edge-to-text: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-2) );--option-bottom-edge-to-text: var(--luzmo-spacing-2);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size-s);--options-section-header-min-width: var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-3);--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: var(--luzmo-spacing-3);--option-top-to-checkbox: var(--luzmo-spacing-3)}:host([size=l]){--option-min-height: var(--luzmo-component-height-l);--option-icon-container-height: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size-l);--option-label-text-to-visual: var(--luzmo-spacing-4);--option-label-text-to-control: var(--luzmo-spacing-4);--option-label-inline-edge-to-content: var(--luzmo-spacing-4);--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size-s);--options-section-header-font-size: var(--luzmo-font-size-l);--options-section-header-min-width: var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-4);--option-checkmark-size: var(--luzmo-font-size-s);--option-checkbox-size: var(--luzmo-font-size-s);--option-top-to-checkmark: var(--luzmo-spacing-4);--option-top-to-checkbox: var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height: var(--luzmo-component-height-xl);--option-icon-container-height: 26px;--option-icon-height: var(--luzmo-font-size-xl);--option-icon-width: var(--luzmo-font-size-xl);--option-label-font-size: var(--luzmo-font-size-xl);--option-label-text-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size);--options-section-header-font-size: var(--luzmo-font-size-xl);--options-section-header-min-width: var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size);--option-checkbox-size: var(--luzmo-font-size);--option-top-to-checkmark: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}@media (forced-colors: active){:host{--highcontrast-option-background-color-default: ButtonFace;--highcontrast-option-color-default: ButtonText;--highcontrast-option-background-color-focus: Highlight;--highcontrast-option-color-focus: HighlightText;--highcontrast-options-checkmark-icon-color-default: Highlight;--highcontrast-options-checkbox-icon-color-default: Highlight;--highcontrast-option-color-disabled: GrayText;--highcontrast-option-focus-indicator-color: Highlight;--highcontrast-option-selected-background-color: Highlight;--highcontrast-option-selected-color: HighlightText}@supports (color: SelectedItem){:host{--highcontrast-option-selected-background-color: SelectedItem;--highcontrast-option-selected-color: SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size, auto);box-sizing:border-box;margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height: var( --luzmo-option-label-line-height-cjk, var(--option-label-line-height-cjk) );--option-description-line-height: var( --luzmo-option-description-line-height-cjk, var(--option-description-line-height-cjk) );--options-section-header-line-height: var( --luzmo-options-section-header-line-height-cjk, var(--options-section-header-line-height-cjk) )}luzmo-option{width:100%}#pending{display:flex;flex-shrink:0;align-items:center;height:var(--options-pending-height);padding-inline:var(--pending-inline-edge-to-content)}:host{display:inline-flex;flex-direction:column;width:100%}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";var _t=Object.defineProperty,k=(r,t,o,e)=>{for(var i=void 0,n=r.length-1,s;n>=0;n--)(s=r[n])&&(i=s(t,o,i)||i);return i&&_t(t,o,i),i};const H=25;function zt(r,t){return!!t&&(r===t||r.contains(t))}class _ extends D.SizedMixin(a.LuzmoElement,{noDefaultSize:!0}){constructor(){super(),this.label="",this.variant="highlight",this.selects="single",this.emphasized=!1,this.pending=!1,this.options=[],this.value=[],this.focusedOptionIndex=0,this._selectedOptions=[],this._firstVisibleIndex=0,this.addEventListener("focusin",this.handleFocusin),this.addEventListener("blur",this.handleBlur)}static get styles(){return[a.r(bt)]}get _virtualizeActive(){return this.options.length>H}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("tabindex")||(this.tabIndex=0);const o=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];[...this.children].forEach(e=>{e.localName==="luzmo-option"&&o.push(e.updateComplete)}),this.optionElementsUpdated=Promise.all(o)}willUpdate(t){var e;t.has("selects")&&this.selects==="single"&&((e=this.value)==null?void 0:e.length)>1&&(this.value=this.value.slice(0,1))}updated(t){super.updated(t),t.has("label")&&(this.label||t.get("label")!==void 0)&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}async getUpdateComplete(){const t=await super.getUpdateComplete();return await this.optionElementsUpdated,t}focus({preventScroll:t}={}){super.focus({preventScroll:t}),this.focusOptionByOffset(0)}_removeFocusedPropertyOnOptions(){requestAnimationFrame(()=>{this.visibleOptionElements.forEach(t=>{t.focused=!1})})}scrollToTop(){this.scrollTop=0}handleFocusin(){this.startListeningToKeyboard()}handleBlur(t){zt(this,t.relatedTarget)||(this.stopListeningToKeyboard(),this._removeFocusedPropertyOnOptions(),this.removeAttribute("aria-activedescendant"))}startListeningToKeyboard(){this.addEventListener("keydown",this.handleKeydown)}stopListeningToKeyboard(){this.removeEventListener("keydown",this.handleKeydown)}handleKeydown(t){var n;if(t.defaultPrevented)return;const o=this.focusedOptionIndex,e=[...this.visibleOptionElements].find(s=>{var l,c,h,m;return((l=s.value)==null?void 0:l.toString())===((m=(h=(c=this.options)==null?void 0:c[o])==null?void 0:h.value)==null?void 0:m.toString())}),{key:i}=t;if(i==="Tab"){this.prepareToCleanUp();return}if(i===" "||i==="Enter"){t.preventDefault(),e&&this.toggleOption(t,(n=this.options)==null?void 0:n[o]);return}if(i==="ArrowDown"||i==="ArrowUp"){t.preventDefault(),this.navigateWithinOptions(t,e);return}}navigateWithinOptions(t,o){const{key:e}=t,i=e==="ArrowDown"?1:-1;t.preventDefault(),t.stopPropagation();const n=this.focusOptionByOffset(i,o,!0);n!==o&&(this._virtualizeActive||n==null||n.scrollIntoView({block:"nearest"}))}focusOptionByOffset(t,o,e){var d;const i=t||1;o&&(o.focused=!1);const n=this.focusedOptionIndex;this.focusedOptionIndex=this.options.length>0?(this.options.length+this.focusedOptionIndex+t)%this.options.length:0;let s=this.options[this.focusedOptionIndex],l=this.options.length;for(;(s!=null&&s.disabled||s!=null&&s.divider)&&l;)l-=1,this.focusedOptionIndex=(this.options.length+this.focusedOptionIndex+i)%this.options.length,s=this.options[this.focusedOptionIndex];const c=n<this.focusedOptionIndex&&t===-1,h=n>this.focusedOptionIndex&&t===1;(c||h)&&(this.focusedOptionIndex=n,this.dispatchEvent(new Event(`luzmo-exceeded-${c?"top":"bottom"}`,{bubbles:!0,composed:!0,cancelable:!0})));let m;return e&&this._virtualizeActive&&(m=[...this.visibleOptionElements].find(p=>{var u,v,f;return((u=p.value)==null?void 0:u.toString())===((f=(v=this.options[this.focusedOptionIndex])==null?void 0:v.value)==null?void 0:f.toString())}),m||(this.focusedOptionIndex=this._firstVisibleIndex)),this._virtualizeActive&&e&&((d=this.virtualizer.element(this.focusedOptionIndex))==null||d.scrollIntoView({behavior:"smooth",block:"nearest"})),m=m??[...this.visibleOptionElements].find(p=>{var u,v,f,y,x;return(p.value===null?null:(u=p.value)==null?void 0:u.toString())===(((v=this.options[this.focusedOptionIndex])==null?void 0:v.value)===null?(f=this.options[this.focusedOptionIndex])==null?void 0:f.value:(x=(y=this.options[this.focusedOptionIndex])==null?void 0:y.value)==null?void 0:x.toString())}),s!=null&&s.disabled||this.setFocusedAndActiveDescendant(m),m}updateSelectedItemIndex(){this.focusedOptionIndex=this._virtualizeActive?this._firstVisibleIndex:0}setSelectedOptionsFromValue(){this._selectedOptions=this.options.filter(t=>{var o;return Array.isArray(this.value)&&((o=this.value)==null?void 0:o.includes((t==null?void 0:t.value)??null))})}visibilityChanged(t){this._firstVisibleIndex=(t==null?void 0:t.first)??0}rangeChange(t){t.stopPropagation(),t.preventDefault(),(t==null?void 0:t.first)!==-1&&(t==null?void 0:t.last)!==-1&&this.dispatchEvent(new CustomEvent("luzmo-scrolled",{bubbles:!0,composed:!0,cancelable:!0,detail:{first:t.first,last:t.last}}))}async toggleOption(t,o){var s;const e=t instanceof KeyboardEvent,i=this.options.findIndex(l=>(l==null?void 0:l.value)===(o==null?void 0:o.value));this.focusedOptionIndex=i,this.visibleOptionElements.forEach(l=>{var c,h;if(e){const m=((l==null?void 0:l.value)===null?null:(c=l.value)==null?void 0:c.toString())===((o==null?void 0:o.value)===null?null:(h=o==null?void 0:o.value)==null?void 0:h.toString());l.focused=m,m&&this.setFocusedAndActiveDescendant(l)}else l.focused=!1});const n=Array.isArray(this.value)&&((s=this.value)==null?void 0:s.includes((o==null?void 0:o.value)??null));this.selects==="single"?(this.value=[o==null?void 0:o.value],this._selectedOptions=[o]):(this.value=n?this.value.filter(l=>l!==(o==null?void 0:o.value)):[...this.value??[],o==null?void 0:o.value],this._selectedOptions=n?this._selectedOptions.filter(l=>l.value!==o.value):[...this._selectedOptions,o]),await this.updateComplete,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}})),this.prepareToCleanUp()}handleOptionClick(t,o){this.toggleOption(o,t)}render(){const t=l=>a.x`<luzmo-icon
         slot="icon"
         .icon=${l}
         .size=${this.size}
@@ -97,8 +97,5 @@
           @rangeChanged=${this.rangeChange}
           @visibilityChanged=${this.visibilityChanged}
         ></lit-virtualizer>`:j(this.options,i),s=this.pending?a.x`<div id="pending">
-          <luzmo-progress-circle
-            indeterminate
-            .size=${this.size}
-          ></luzmo-progress-circle>
-        </div>`:a.E;return a.x`${n} ${s}`}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){super.disconnectedCallback()}prepareToCleanUp(){document.addEventListener("focusout",()=>{requestAnimationFrame(()=>{this.updateSelectedItemIndex()})},{once:!0})}updateItemFocus(){if(this.visibleOptionElements.length===0)return;const t=this.focusedOptionIndex,o=[...this.visibleOptionElements].find(e=>{var i,n,s,l,c,h;return(e.value===null?null:(i=e.value)==null?void 0:i.toString())===(((s=(n=this.options)==null?void 0:n[t])==null?void 0:s.value)===null?null:(h=(c=(l=this.options)==null?void 0:l[t])==null?void 0:c.value)==null?void 0:h.toString())});this.setFocusedAndActiveDescendant(o)}setFocusedAndActiveDescendant(t){var e,i;if(!t)return;const o=this.hasVisibleFocusInTree()||!!((e=this.visibleOptionElements)!=null&&e.some&&((i=this.visibleOptionElements)!=null&&i.some(n=>n.hasVisibleFocusInTree())));t.focused=o,o&&this.setAttribute("aria-activedescendant",t.id)}}y([a.n({type:String,reflect:!0})],_.prototype,"label");y([a.n({type:String,reflect:!0})],_.prototype,"variant");y([a.n({type:String,reflect:!0})],_.prototype,"selects");y([a.n({type:Boolean,reflect:!0})],_.prototype,"emphasized");y([a.n({type:Boolean,reflect:!0})],_.prototype,"pending");y([a.n({type:Array})],_.prototype,"options");y([a.n({type:Boolean,reflect:!0,attribute:"no-wrap"})],_.prototype,"noWrap");y([a.n({type:Array})],_.prototype,"value");y([L.e("lit-virtualizer")],_.prototype,"virtualizer");y([et("luzmo-option")],_.prototype,"visibleOptionElements");customElements.get("luzmo-options")||customElements.define("luzmo-options",_);customElements.get("luzmo-options-divider")||customElements.define("luzmo-options-divider",N);customElements.get("luzmo-option")||customElements.define("luzmo-option",b);exports.LuzmoOption=b;exports.LuzmoOptions=_;exports.LuzmoOptionsDivider=N;exports.VIRTUALIZE_AS_OF_NUM_ITEMS=H;
+          <luzmo-progress-circle indeterminate></luzmo-progress-circle>
+        </div>`:a.E;return a.x`${n} ${s}`}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){super.disconnectedCallback()}prepareToCleanUp(){document.addEventListener("focusout",()=>{requestAnimationFrame(()=>{this.updateSelectedItemIndex()})},{once:!0})}updateItemFocus(){if(this.visibleOptionElements.length===0)return;const t=this.focusedOptionIndex,o=[...this.visibleOptionElements].find(e=>{var i,n,s,l,c,h;return(e.value===null?null:(i=e.value)==null?void 0:i.toString())===(((s=(n=this.options)==null?void 0:n[t])==null?void 0:s.value)===null?null:(h=(c=(l=this.options)==null?void 0:l[t])==null?void 0:c.value)==null?void 0:h.toString())});this.setFocusedAndActiveDescendant(o)}setFocusedAndActiveDescendant(t){var e,i;if(!t)return;const o=this.hasVisibleFocusInTree()||!!((e=this.visibleOptionElements)!=null&&e.some&&((i=this.visibleOptionElements)!=null&&i.some(n=>n.hasVisibleFocusInTree())));t.focused=o,o&&this.setAttribute("aria-activedescendant",t.id)}}k([a.n({type:String,reflect:!0})],_.prototype,"label");k([a.n({type:String,reflect:!0})],_.prototype,"variant");k([a.n({type:String,reflect:!0})],_.prototype,"selects");k([a.n({type:Boolean,reflect:!0})],_.prototype,"emphasized");k([a.n({type:Boolean,reflect:!0})],_.prototype,"pending");k([a.n({type:Array})],_.prototype,"options");k([a.n({type:Boolean,reflect:!0,attribute:"no-wrap"})],_.prototype,"noWrap");k([a.n({type:Array})],_.prototype,"value");k([L.e("lit-virtualizer")],_.prototype,"virtualizer");k([et("luzmo-option")],_.prototype,"visibleOptionElements");customElements.get("luzmo-options")||customElements.define("luzmo-options",_);customElements.get("luzmo-options-divider")||customElements.define("luzmo-options-divider",N);customElements.get("luzmo-option")||customElements.define("luzmo-option",b);exports.LuzmoOption=b;exports.LuzmoOptions=_;exports.LuzmoOptionsDivider=N;exports.VIRTUALIZE_AS_OF_NUM_ITEMS=H;

package/components/options/index.js

@@ -29,6 +29,7 @@ import { f as ho } from "../async-directive-BfcqVjDp.js";
 import { p as uo, v as w, r as S, M, m as po } from "../directive-helpers-Cm6gitnu.js";
 import { e as mo } from "../base-D76d76ww.js";
 import { S as G } from "../sized-mixin-D4ACoVUr.js";
+import "../progress-circle/index.js";
 import { d as vo } from "../divider.module-DoQWQEIJ.js";
 const Y = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -287,18 +288,18 @@ const P = (n, o, t) => {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class $ extends Event {
+class R extends Event {
   constructor(o) {
-    super($.eventName, { bubbles: !1 }), this.first = o.first, this.last = o.last;
+    super(R.eventName, { bubbles: !1 }), this.first = o.first, this.last = o.last;
   }
 }
-$.eventName = "rangeChanged";
-class R extends Event {
+R.eventName = "rangeChanged";
+class $ extends Event {
   constructor(o) {
-    super(R.eventName, { bubbles: !1 }), this.first = o.first, this.last = o.last;
+    super($.eventName, { bubbles: !1 }), this.first = o.first, this.last = o.last;
   }
 }
-R.eventName = "visibilityChanged";
+$.eventName = "visibilityChanged";
 class F extends Event {
   constructor() {
     super(F.eventName, { bubbles: !1 });
@@ -647,10 +648,10 @@ class Eo {
    * lastVisible.
    */
   _notifyRange() {
-    this._hostElement.dispatchEvent(new $({ first: this._first, last: this._last }));
+    this._hostElement.dispatchEvent(new R({ first: this._first, last: this._last }));
   }
   _notifyVisibility() {
-    this._hostElement.dispatchEvent(new R({
+    this._hostElement.dispatchEvent(new $({
       first: this._firstVisible,
       last: this._lastVisible
     }));
@@ -864,11 +865,11 @@ class Vo extends G(W, {
     super.firstUpdated(o), this.setAttribute("role", "separator");
   }
 }
-const $o = ":host{--option-top-to-action: var(--luzmo-spacing-1);--option-top-to-checkbox: var(--luzmo-spacing-1);--option-label-line-height: var(--luzmo-line-height);--option-label-line-height-cjk: 1.5;--option-label-to-description-spacing: 1px;--option-focus-indicator-width: var(--luzmo-indicator-width);--option-focus-indicator-color: var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing: var(--luzmo-spacing-3);--option-label-content-color-default: var(--luzmo-font-color);--option-label-content-color-hover: var(--luzmo-font-color-hover);--option-label-content-color-down: var(--luzmo-font-color-down);--option-label-content-color-focus: var(--luzmo-font-color-focus);--option-label-icon-color-default: var(--luzmo-font-color);--option-label-icon-color-hover: var(--luzmo-font-color-hover);--option-label-icon-color-down: var(--luzmo-font-color-down);--option-label-icon-color-focus: var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color: var(--luzmo-primary);--option-highlight-selected-label-content-color: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-hover: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-down: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-focus: var( --luzmo-primary-inverse-color );--option-label-content-color-disabled: var(--luzmo-font-color-disabled);--option-label-icon-color-disabled: var(--luzmo-font-color-disabled);--option-description-line-height: var(--luzmo-line-height);--option-description-line-height-cjk: 1.5;--option-description-color-default: var(--luzmo-font-color);--option-description-color-hover: var(--luzmo-font-color-hover);--option-description-color-down: var(--luzmo-font-color-down);--option-description-color-focus: var(--luzmo-font-color-focus);--option-description-color-disabled: var(--luzmo-disabled-color);--options-section-header-line-height: var(--luzmo-line-height);--options-section-header-line-height-cjk: 1.5;--options-section-header-font-weight: bold;--options-section-header-color: var(--luzmo-font-color-hard);--options-collapsible-icon-color: var(--luzmo-font-color-hard);--options-checkmark-icon-color-default: var(--luzmo-font-color);--options-checkmark-icon-color-hover: var(--luzmo-font-color-hover);--options-checkmark-icon-color-down: var(--luzmo-font-color-down);--options-checkmark-icon-color-focus: var(--luzmo-font-color-focus);--options-checkbox-icon-color-default: var(--luzmo-font-color);--options-checkbox-icon-color-hover: var(--luzmo-font-color-hover);--options-checkbox-icon-color-down: var(--luzmo-font-color-down);--options-checkbox-icon-color-focus: var(--luzmo-font-color-focus);--options-drillin-icon-color-default: var(--luzmo-font-color);--options-drillin-icon-color-hover: var(--luzmo-font-color-hover);--options-drillin-icon-color-down: var(--luzmo-font-color-down);--options-drillin-icon-color-focus: var(--luzmo-font-color-focus);--option-value-color-default: var(--luzmo-font-color);--option-value-color-hover: var(--luzmo-font-color-hover);--option-value-color-down: var(--luzmo-font-color-down);--option-value-color-focus: var(--luzmo-font-color-focus);--option-collapsible-no-icon-suboption-padding-x-start: 28px;--option-background-color-selected: var(--luzmo-background-color);--option-background-color-default: var(--luzmo-background-color);--option-background-color-hover: var(--luzmo-background-color-hover);--option-background-color-down: var(--luzmo-background-color-down);--option-background-color-key-focus: var(--luzmo-background-color-focus)}:host{--option-min-height: var(--luzmo-component-height);--option-icon-container-height: 18px;--pending-height: var(--option-min-height);--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size);--option-label-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--pending-inline-edge-to-content: var(--option-label-inline-edge-to-content);--option-top-edge-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--option-bottom-edge-to-text: var(--luzmo-spacing-3);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size);--options-section-header-min-width: var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=s]){--option-min-height: var(--luzmo-component-height-s);--option-icon-container-height: 17px;--option-icon-height: var(--luzmo-font-size);--option-icon-width: var(--luzmo-font-size);--option-label-font-size: var(--luzmo-font-size-s);--option-label-text-to-visual: var(--luzmo-spacing-3);--option-label-text-to-control: var(--luzmo-spacing-3);--option-label-inline-edge-to-content: var(--luzmo-spacing-3);--option-top-edge-to-text: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-2) );--option-bottom-edge-to-text: var(--luzmo-spacing-2);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size-s);--options-section-header-min-width: var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-3);--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: var(--luzmo-spacing-3);--option-top-to-checkbox: var(--luzmo-spacing-3)}:host([size=l]){--option-min-height: var(--luzmo-component-height-l);--option-icon-container-height: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size-l);--option-label-text-to-visual: var(--luzmo-spacing-4);--option-label-text-to-control: var(--luzmo-spacing-4);--option-label-inline-edge-to-content: var(--luzmo-spacing-4);--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size-s);--options-section-header-font-size: var(--luzmo-font-size-l);--options-section-header-min-width: var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-4);--option-checkmark-size: var(--luzmo-font-size-s);--option-checkbox-size: var(--luzmo-font-size-s);--option-top-to-checkmark: var(--luzmo-spacing-4);--option-top-to-checkbox: var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height: var(--luzmo-component-height-xl);--option-icon-container-height: 26px;--option-icon-height: var(--luzmo-font-size-xl);--option-icon-width: var(--luzmo-font-size-xl);--option-label-font-size: var(--luzmo-font-size-xl);--option-label-text-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size);--options-section-header-font-size: var(--luzmo-font-size-xl);--options-section-header-min-width: var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size);--option-checkbox-size: var(--luzmo-font-size);--option-top-to-checkmark: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}@media (forced-colors: active){:host{--highcontrast-option-background-color-default: ButtonFace;--highcontrast-option-color-default: ButtonText;--highcontrast-option-background-color-focus: Highlight;--highcontrast-option-color-focus: HighlightText;--highcontrast-options-checkmark-icon-color-default: Highlight;--highcontrast-options-checkbox-icon-color-default: Highlight;--highcontrast-option-color-disabled: GrayText;--highcontrast-option-focus-indicator-color: Highlight;--highcontrast-option-selected-background-color: Highlight;--highcontrast-option-selected-color: HighlightText}@supports (color: SelectedItem){:host{--highcontrast-option-selected-background-color: SelectedItem;--highcontrast-option-selected-color: SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size, auto);box-sizing:border-box;margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height: var( --luzmo-option-label-line-height-cjk, var(--option-label-line-height-cjk) );--option-description-line-height: var( --luzmo-option-description-line-height-cjk, var(--option-description-line-height-cjk) );--options-section-header-line-height: var( --luzmo-options-section-header-line-height-cjk, var(--options-section-header-line-height-cjk) )}luzmo-option{width:100%}#pending{display:flex;align-items:center;height:var(--pending-height);padding-inline:var(--pending-inline-edge-to-content)}:host{display:inline-flex;flex-direction:column;width:100%}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";
-var Ro = Object.defineProperty, y = (n, o, t, e) => {
+const Ro = ":host{--option-top-to-action: var(--luzmo-spacing-1);--option-top-to-checkbox: var(--luzmo-spacing-1);--option-label-line-height: var(--luzmo-line-height);--option-label-line-height-cjk: 1.5;--option-label-to-description-spacing: 1px;--option-focus-indicator-width: var(--luzmo-indicator-width);--option-focus-indicator-color: var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing: var(--luzmo-spacing-3);--option-label-content-color-default: var(--luzmo-font-color);--option-label-content-color-hover: var(--luzmo-font-color-hover);--option-label-content-color-down: var(--luzmo-font-color-down);--option-label-content-color-focus: var(--luzmo-font-color-focus);--option-label-icon-color-default: var(--luzmo-font-color);--option-label-icon-color-hover: var(--luzmo-font-color-hover);--option-label-icon-color-down: var(--luzmo-font-color-down);--option-label-icon-color-focus: var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color: var(--luzmo-primary);--option-highlight-selected-label-content-color: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-hover: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-down: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-focus: var( --luzmo-primary-inverse-color );--option-label-content-color-disabled: var(--luzmo-font-color-disabled);--option-label-icon-color-disabled: var(--luzmo-font-color-disabled);--option-description-line-height: var(--luzmo-line-height);--option-description-line-height-cjk: 1.5;--option-description-color-default: var(--luzmo-font-color);--option-description-color-hover: var(--luzmo-font-color-hover);--option-description-color-down: var(--luzmo-font-color-down);--option-description-color-focus: var(--luzmo-font-color-focus);--option-description-color-disabled: var(--luzmo-disabled-color);--options-section-header-line-height: var(--luzmo-line-height);--options-section-header-line-height-cjk: 1.5;--options-section-header-font-weight: bold;--options-section-header-color: var(--luzmo-font-color-hard);--options-collapsible-icon-color: var(--luzmo-font-color-hard);--options-checkmark-icon-color-default: var(--luzmo-font-color);--options-checkmark-icon-color-hover: var(--luzmo-font-color-hover);--options-checkmark-icon-color-down: var(--luzmo-font-color-down);--options-checkmark-icon-color-focus: var(--luzmo-font-color-focus);--options-checkbox-icon-color-default: var(--luzmo-font-color);--options-checkbox-icon-color-hover: var(--luzmo-font-color-hover);--options-checkbox-icon-color-down: var(--luzmo-font-color-down);--options-checkbox-icon-color-focus: var(--luzmo-font-color-focus);--options-drillin-icon-color-default: var(--luzmo-font-color);--options-drillin-icon-color-hover: var(--luzmo-font-color-hover);--options-drillin-icon-color-down: var(--luzmo-font-color-down);--options-drillin-icon-color-focus: var(--luzmo-font-color-focus);--option-value-color-default: var(--luzmo-font-color);--option-value-color-hover: var(--luzmo-font-color-hover);--option-value-color-down: var(--luzmo-font-color-down);--option-value-color-focus: var(--luzmo-font-color-focus);--option-collapsible-no-icon-suboption-padding-x-start: 28px;--option-background-color-selected: var(--luzmo-background-color);--option-background-color-default: var(--luzmo-background-color);--option-background-color-hover: var(--luzmo-background-color-hover);--option-background-color-down: var(--luzmo-background-color-down);--option-background-color-key-focus: var(--luzmo-background-color-focus)}:host{--option-min-height: var(--luzmo-component-height);--option-icon-container-height: 18px;--options-pending-height: var(--option-min-height);--progress-circle-size: calc( var(--options-pending-height) - var(--option-top-edge-to-text) - var( --option-bottom-edge-to-text ) );--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size);--option-label-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--pending-inline-edge-to-content: var(--option-label-inline-edge-to-content);--option-top-edge-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--option-bottom-edge-to-text: var(--luzmo-spacing-3);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size);--options-section-header-min-width: var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=s]){--option-min-height: var(--luzmo-component-height-s);--option-icon-container-height: 17px;--option-icon-height: var(--luzmo-font-size);--option-icon-width: var(--luzmo-font-size);--option-label-font-size: var(--luzmo-font-size-s);--option-label-text-to-visual: var(--luzmo-spacing-3);--option-label-text-to-control: var(--luzmo-spacing-3);--option-label-inline-edge-to-content: var(--luzmo-spacing-3);--option-top-edge-to-text: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-2) );--option-bottom-edge-to-text: var(--luzmo-spacing-2);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size-s);--options-section-header-min-width: var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-3);--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: var(--luzmo-spacing-3);--option-top-to-checkbox: var(--luzmo-spacing-3)}:host([size=l]){--option-min-height: var(--luzmo-component-height-l);--option-icon-container-height: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size-l);--option-label-text-to-visual: var(--luzmo-spacing-4);--option-label-text-to-control: var(--luzmo-spacing-4);--option-label-inline-edge-to-content: var(--luzmo-spacing-4);--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size-s);--options-section-header-font-size: var(--luzmo-font-size-l);--options-section-header-min-width: var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-4);--option-checkmark-size: var(--luzmo-font-size-s);--option-checkbox-size: var(--luzmo-font-size-s);--option-top-to-checkmark: var(--luzmo-spacing-4);--option-top-to-checkbox: var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height: var(--luzmo-component-height-xl);--option-icon-container-height: 26px;--option-icon-height: var(--luzmo-font-size-xl);--option-icon-width: var(--luzmo-font-size-xl);--option-label-font-size: var(--luzmo-font-size-xl);--option-label-text-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size);--options-section-header-font-size: var(--luzmo-font-size-xl);--options-section-header-min-width: var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size);--option-checkbox-size: var(--luzmo-font-size);--option-top-to-checkmark: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}@media (forced-colors: active){:host{--highcontrast-option-background-color-default: ButtonFace;--highcontrast-option-color-default: ButtonText;--highcontrast-option-background-color-focus: Highlight;--highcontrast-option-color-focus: HighlightText;--highcontrast-options-checkmark-icon-color-default: Highlight;--highcontrast-options-checkbox-icon-color-default: Highlight;--highcontrast-option-color-disabled: GrayText;--highcontrast-option-focus-indicator-color: Highlight;--highcontrast-option-selected-background-color: Highlight;--highcontrast-option-selected-color: HighlightText}@supports (color: SelectedItem){:host{--highcontrast-option-selected-background-color: SelectedItem;--highcontrast-option-selected-color: SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size, auto);box-sizing:border-box;margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height: var( --luzmo-option-label-line-height-cjk, var(--option-label-line-height-cjk) );--option-description-line-height: var( --luzmo-option-description-line-height-cjk, var(--option-description-line-height-cjk) );--options-section-header-line-height: var( --luzmo-options-section-header-line-height-cjk, var(--options-section-header-line-height-cjk) )}luzmo-option{width:100%}#pending{display:flex;flex-shrink:0;align-items:center;height:var(--options-pending-height);padding-inline:var(--pending-inline-edge-to-content)}:host{display:inline-flex;flex-direction:column;width:100%}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";
+var $o = Object.defineProperty, y = (n, o, t, e) => {
   for (var i = void 0, l = n.length - 1, s; l >= 0; l--)
     (s = n[l]) && (i = s(o, t, i) || i);
-  return i && Ro(o, t, i), i;
+  return i && $o(o, t, i), i;
 };
 const Fo = 25;
 function Mo(n, o) {
@@ -880,9 +881,15 @@ class z extends G(W, {
   constructor() {
     super(), this.label = "", this.variant = "highlight", this.selects = "single", this.emphasized = !1, this.pending = !1, this.options = [], this.value = [], this.focusedOptionIndex = 0, this._selectedOptions = [], this._firstVisibleIndex = 0, this.addEventListener("focusin", this.handleFocusin), this.addEventListener("blur", this.handleBlur);
   }
+  /**
+   * @internal
+   */
   static get styles() {
-    return [T($o)];
+    return [T(Ro)];
   }
+  /**
+   * @internal
+   */
   get _virtualizeActive() {
     return this.options.length > Fo;
   }
@@ -1041,7 +1048,7 @@ class z extends G(W, {
     const l = Array.isArray(this.value) && ((s = this.value) == null ? void 0 : s.includes((t == null ? void 0 : t.value) ?? null));
     this.selects === "single" ? (this.value = [t == null ? void 0 : t.value], this._selectedOptions = [t]) : (this.value = l ? this.value.filter((r) => r !== (t == null ? void 0 : t.value)) : [...this.value ?? [], t == null ? void 0 : t.value], this._selectedOptions = l ? this._selectedOptions.filter(
       (r) => r.value !== t.value
-    ) : [...this._selectedOptions, t]), console.log("this.value LL", this.value), await this.updateComplete, this.dispatchEvent(
+    ) : [...this._selectedOptions, t]), await this.updateComplete, this.dispatchEvent(
       new CustomEvent("change", {
         bubbles: !0,
         cancelable: !0,
@@ -1087,10 +1094,7 @@ class z extends G(W, {
           @rangeChanged=${this.rangeChange}
           @visibilityChanged=${this.visibilityChanged}
         ></lit-virtualizer>` : Z(this.options, i), s = this.pending ? g`<div id="pending">
-          <luzmo-progress-circle
-            indeterminate
-            .size=${this.size}
-          ></luzmo-progress-circle>
+          <luzmo-progress-circle indeterminate></luzmo-progress-circle>
         </div>` : L;
     return g`${l} ${s}`;
   }