@luzmo/lucero 2.5.0 → 2.5.2

package/components/{picker-uKcRswTQ.js → picker-C5eX5WBl.js}

@@ -15,26 +15,26 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./decorate-CkCg3wfh.js";
-import { n as t } from "./sized-mixin-DzQTebN-.js";
-import { t as n } from "./focusable-DuP0-Kuy.js";
-import { n as r } from "./language-resolution-BaKYDD1a.js";
-import { t as i } from "./dependency-manger-wHEXoU92.js";
-import { n as a, r as o, t as s } from "./match-media-C5X2OZiD.js";
-import "./progress-circle-By6qUQYe.js";
-import { t as c } from "./pending-state-D_b45qvi.js";
-import "./menu-fdJseu1y.js";
-import "./overlay-DpHIYJtd.js";
-import "./tooltip-xTa9Q5JW.js";
-import { t as l } from "./strategies-COS7mShJ.js";
+import { t as e } from "./decorate-CpKsOs9z.js";
+import { n as t } from "./sized-mixin-BmxIAuoH.js";
+import { t as n } from "./focusable-xjv79E40.js";
+import { n as r } from "./language-resolution-7rc0khIK.js";
+import { t as i } from "./dependency-manger-BneVBZQi.js";
+import { n as a, r as o, t as s } from "./match-media-UNh23w4s.js";
+import "./progress-circle-DcGKwBTC.js";
+import { t as c } from "./pending-state-BuYmUP6G.js";
+import "./menu-L5qYivn6.js";
+import "./overlay-D_Xfq92b.js";
+import "./tooltip-g2jd5Wsv.js";
+import { t as l } from "./strategies-DgPG-vNk.js";
 import { html as u, nothing as d, render as f, unsafeCSS as p } from "lit";
 import { property as m, query as h, state as g } from "lit/decorators.js";
 import { luzmoAlert as _, luzmoAngleDown as v, luzmoIcon as y } from "@luzmo/icons";
 import { ifDefined as b } from "lit/directives/if-defined.js";
 import { classMap as x } from "lit/directives/class-map.js";
 import { styleMap as S } from "lit/directives/style-map.js";
-//#region src/components/picker/picker.module.scss?inline
-var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;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,var(--luzmo-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;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:\"\";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}", w = () => u`
+// src/components/picker/picker.module.scss?inline
+var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;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,var(--luzmo-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;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:\"\";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}:host([data-luzmo-language-script=Latn]) .label slot::slotted(*),:host([data-luzmo-language-script=Latn]) .label>*{margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}", w = () => u`
   <div class="disclosure-icon icon">
     ${y(v, { className: "indicator" })}
   </div>
@@ -64,21 +64,11 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
 		}, this.handleEscape = (e) => {
 			e.code === "Escape" && this.open && (e.stopPropagation(), e.preventDefault(), this.toggle(!1));
 		}, this.handleKeydown = (e) => {
-			if (this.focused = !0, e.code === "Escape") {
-				this.handleEscape(e);
-				return;
-			}
-			e.code !== "ArrowDown" && e.code !== "ArrowUp" || (e.stopPropagation(), e.preventDefault(), this.toggle(!0));
+			this.focused = !0, e.code === "Escape" ? this.handleEscape(e) : (e.code === "ArrowDown" || e.code === "ArrowUp") && (e.stopPropagation(), e.preventDefault(), this.toggle(!0));
 		}, this.renderAngleIcon = () => w(), this.renderAlertIcon = () => T(), this._popoverDependencyRegistered = !1, this.handleEnterKeydown = (e) => {
-			if (e.code === "Enter") {
-				if (this.enterKeydownOn) {
-					e.preventDefault();
-					return;
-				}
-				this.enterKeydownOn = e.target, this.addEventListener("keyup", (e) => {
-					e.code === "Enter" && (this.enterKeydownOn = null);
-				}, { once: !0 });
-			}
+			e.code === "Enter" && (this.enterKeydownOn ? e.preventDefault() : (this.enterKeydownOn = e.target, this.addEventListener("keyup", (e) => {
+				e.code === "Enter" && (this.enterKeydownOn = null);
+			}, { once: !0 })));
 		}, this.pendingStateController = new c(this);
 	}
 	set selectedItem(e) {
@@ -131,19 +121,12 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
 	async setValueFromItem(e, t) {
 		this.open = !1, this.strategy && (this.strategy.open = !1);
 		let n = this.selectedItem, r = this.value;
-		if (this.selectedItem = e, this.value = e?.value ?? "", await this.updateComplete, !this.dispatchEvent(new CustomEvent("change", {
+		this.selectedItem = e, this.value = e?.value ?? "", await this.updateComplete, !this.dispatchEvent(new CustomEvent("change", {
 			bubbles: !0,
 			cancelable: !0,
 			composed: !0,
 			detail: this.value
-		})) && this.selects) {
-			t && t.preventDefault(), this.setMenuItemSelected(this.selectedItem, !1), n && this.setMenuItemSelected(n, !0), this.selectedItem = n, this.value = r, this.open = !0, this.strategy && (this.strategy.open = !0);
-			return;
-		} else if (!this.selects) {
-			this.selectedItem = n, this.value = r;
-			return;
-		}
-		n && this.setMenuItemSelected(n, !1), this.setMenuItemSelected(e, !!this.selects);
+		})) && this.selects ? (t && t.preventDefault(), this.setMenuItemSelected(this.selectedItem, !1), n && this.setMenuItemSelected(n, !0), this.selectedItem = n, this.value = r, this.open = !0, this.strategy && (this.strategy.open = !0)) : this.selects ? (n && this.setMenuItemSelected(n, !1), this.setMenuItemSelected(e, !!this.selects)) : (this.selectedItem = n, this.value = r);
 	}
 	setMenuItemSelected(e, t) {
 		this.selects != null && (e.selected = t);
@@ -206,7 +189,9 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
       `];
 	}
 	renderOverlay(e) {
-		return this.strategy?.overlay === void 0 ? e : (f(this.renderContainer(e), this.strategy?.overlay, { host: this }), this.strategy?.overlay);
+		if (this.strategy?.overlay === void 0) return e;
+		let t = this.renderContainer(e);
+		return f(t, this.strategy?.overlay, { host: this }), this.strategy?.overlay;
 	}
 	get renderDescriptionSlot() {
 		return u`
@@ -310,7 +295,7 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
 		return this.hasRenderedOverlay = this.hasRenderedOverlay || this.focused || this.open || !!this.deprecatedMenu, this.hasRenderedOverlay ? (this.dependencyManager.loaded && this.dependencyManager.add("luzmo-overlay"), this.renderOverlay(e)) : e;
 	}
 	shouldScheduleManageSelection(e) {
-		!this.willManageSelection && (!e || e.target.getRootNode().host === this) && (this.willManageSelection = !0, requestAnimationFrame(() => {
+		this.willManageSelection || e && e.target.getRootNode().host !== this || (this.willManageSelection = !0, requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
 				this.manageSelection();
 			});
@@ -382,7 +367,7 @@ var O = class extends D {
 			e.preventDefault();
 			let n = this.selectedItem ? this.menuItems.indexOf(this.selectedItem) : -1, r = n < 0 || t === "ArrowRight" ? 1 : -1, i = n + r;
 			for (; this.menuItems[i] && this.menuItems[i].disabled;) i += r;
-			!this.menuItems[i] || this.menuItems[i].disabled || (!this.value || i !== n) && this.setValueFromItem(this.menuItems[i]);
+			this.menuItems[i] && !this.menuItems[i].disabled && (this.value && i === n || this.setValueFromItem(this.menuItems[i]));
 		};
 	}
 	static get styles() {
@@ -393,5 +378,4 @@ var O = class extends D {
 		return this.quiet || (e["min-width"] = `${this.offsetWidth}px`), e;
 	}
 };
-//#endregion
 export { O as n, D as r, E as t };

package/components/picker-CQCAt4Mx.cjs

@@ -0,0 +1,124 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./decorate-SO02l0A6.cjs"),t=require("./sized-mixin-CSajkMro.cjs"),n=require("./focusable-BIHTrJd6.cjs"),r=require("./language-resolution-B7D3hQ6_.cjs"),i=require("./dependency-manger-BSaHw9ju.cjs"),a=require("./match-media-B_0cVVtk.cjs");require("./progress-circle-C_9UZs2Y.cjs");const o=require("./pending-state-A6NrvaQj.cjs");require("./menu-BKwt6rnv.cjs"),require("./overlay-DAOyrYJL.cjs"),require("./tooltip-BE01O3Sg.cjs");const s=require("./strategies-C6hzAW86.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("@luzmo/icons"),d=require("lit/directives/if-defined.js"),f=require("lit/directives/class-map.js"),p=require("lit/directives/style-map.js");var m=`#button{cursor:pointer;-webkit-user-select:none;user-select:none;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,var(--luzmo-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;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}:host([data-luzmo-language-script=Latn]) .label slot::slotted(*),:host([data-luzmo-language-script=Latn]) .label>*{margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}`,h=()=>c.html`
+  <div class="disclosure-icon icon">
+    ${(0,u.luzmoIcon)(u.luzmoAngleDown,{className:`indicator`})}
+  </div>
+`,g=()=>c.html`
+  <div class="icon-container validation-icon icon">
+    ${(0,u.luzmoIcon)(u.luzmoAlert)}
+  </div>
+`,_=`option-picker`,v=class extends t.n(n.t,{noDefaultSize:!0}){get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}constructor(){super(),this._languageScript=new r.n(this),this.disabled=!1,this.focused=!1,this.invalid=!1,this.pending=!1,this.pendingLabel=`Pending`,this.open=!1,this.readonly=!1,this.placement=`bottom-start`,this.quiet=!1,this.value=``,this.selects=`single`,this.dependencyManager=new i.t(this),this.isMobile=new a.r(this,a.t),this.isTouchDevice=new a.r(this,a.n),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.deprecatedMenu=null,this.selectionPromise=Promise.resolve(),this.willManageSelection=!1,this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleSlottableRequest=e=>{},this.applyFocusElementLabel=(e,t)=>{this.appliedLabel=e,this.labelAlignment=t.sideAligned?`inline`:void 0},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{this.focused=!0,e.code===`Escape`?this.handleEscape(e):(e.code===`ArrowDown`||e.code===`ArrowUp`)&&(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>h(),this.renderAlertIcon=()=>g(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{e.code===`Enter`&&(this.enterKeydownOn?e.preventDefault():(this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})))},this.pendingStateController=new o.t(this)}set selectedItem(e){let t=e?.querySelector(`[slot="icon"]`);if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;let n=this.selectedItem;this._selectedItem=e,this._selectedItemIcon=t?.icon??void 0,this.requestUpdate(`selectedItem`,n)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle=`no`);let[t]=e.target.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){this.strategy?.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){this.strategy?.abort(),this.strategy=new s.t.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated,this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,t){this.open=!1,this.strategy&&(this.strategy.open=!1);let n=this.selectedItem,r=this.value;this.selectedItem=e,this.value=e?.value??``,await this.updateComplete,!this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects?(t&&t.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),n&&this.setMenuItemSelected(n,!0),this.selectedItem=n,this.value=r,this.open=!0,this.strategy&&(this.strategy.open=!0)):this.selects?(n&&this.setMenuItemSelected(n,!1),this.setMenuItemSelected(e,!!this.selects)):(this.selectedItem=n,this.value=r)}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":`100%`}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;let t=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate(`selectedItemContent`,t)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:c.html`
+      <slot name="label" id="label">
+        <span aria-hidden=${(0,d.ifDefined)(this.appliedLabel?void 0:`true`)}>
+          ${this.label}
+        </span>
+      </slot>
+    `}get buttonContent(){let e={"visually-hidden":this.icons===`only`&&!!this.value,placeholder:!this.value,label:!0},t=this.appliedLabel||this.label,n=c.html` <div id="icon" ?hidden=${this.icons===`none`}>
+      ${this._selectedItemIcon?(0,u.luzmoIcon)(this._selectedItemIcon):c.nothing}
+    </div>`;return[c.html`
+        ${this._selectedItemIcon?n:c.nothing}
+        <div
+          id=${(0,d.ifDefined)(this.value&&this.selectedItem?`label`:void 0)}
+          class=${(0,f.classMap)(e)}
+        >
+          ${this.renderLabelContent(this.selectedItemContent.content)}
+        </div>
+        ${this.value&&this.selectedItem?c.html`
+                <div
+                  aria-hidden="true"
+                  class="visually-hidden"
+                  id="applied-label"
+                >
+                  ${t}
+                  <slot name="label"></slot>
+                </div>
+              `:c.html` <span hidden id="applied-label">${t}</span> `}
+        ${this.invalid&&!this.pending?c.html` ${this.renderAlertIcon()} `:c.nothing}
+        ${this.pendingStateController.renderPendingState()}
+        ${this.readonly?c.nothing:this.renderAngleIcon()}
+        <slot
+          aria-hidden="true"
+          name="tooltip"
+          id="tooltip"
+          @slotchange=${this.handleTooltipSlotchange}
+        ></slot>
+      `]}renderOverlay(e){if(this.strategy?.overlay===void 0)return e;let t=this.renderContainer(e);return(0,c.render)(t,this.strategy?.overlay,{host:this}),this.strategy?.overlay}get renderDescriptionSlot(){return c.html`
+      <div id=${_}>
+        <slot name="description"></slot>
+      </div>
+    `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),c.html`
+      <span
+        id="focus-helper"
+        tabindex=${this.focused||this.open?`-1`:`0`}
+        @focus=${this.handleHelperFocus}
+        aria-describedby=${_}
+      ></span>
+      <button
+        aria-controls=${(0,d.ifDefined)(this.open?`menu`:void 0)}
+        aria-describedby="tooltip"
+        aria-expanded=${this.open?`true`:`false`}
+        aria-haspopup="true"
+        aria-labelledby="loader icon label applied-label"
+        id="button"
+        class=${(0,d.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
+        @blur=${this.handleButtonBlur}
+        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
+        ?disabled=${this.disabled}
+        tabindex="-1"
+      >
+        ${this.buttonContent}
+      </button>
+      ${this.renderMenu} ${this.renderDescriptionSlot}
+    `}update(e){this.selects&&=`single`,e.has(`disabled`)&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`pending`)&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`value`)&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(`:scope > luzmo-menu`),this.deprecatedMenu?.toggleAttribute(`ignore`,!0),this.deprecatedMenu?.setAttribute(`selects`,`inherit`)),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}updated(e){super.updated(e),e.has(`open`)&&(this.strategy.open=this.open),this.strategy?.overlay&&this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return c.html`
+      <div class="visually-hidden">
+        <button
+          tabindex="-1"
+          aria-label="Dismiss"
+          @click=${this.close}
+        ></button>
+      </div>
+    `}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`),Promise.resolve().then(()=>require("./popover/index.cjs")))}renderContainer(e){let t=c.html`
+      ${this.dismissHelper} ${e} ${this.dismissHelper}
+    `;return c.html`
+      <luzmo-popover
+        id="popover"
+        size=${this.size}
+        role="presentation"
+        style=${(0,p.styleMap)(this.containerStyles)}
+        placement=${this.placement}
+      >
+        ${t}
+      </luzmo-popover>
+    `}get renderMenu(){let e=c.html`
+      <luzmo-menu
+        aria-labelledby="applied-label"
+        @change=${this.handleChange}
+        id="menu"
+        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
+        @scroll=${this.onScroll}
+        role=${this.listRole}
+        .selects=${this.selects}
+        .selected=${this.value?[this.value]:[]}
+        .shouldSupportDragAndSelect=${!this.isTouchDevice.matches}
+        size=${this.size}
+        @luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
+      >
+        <slot @slotchange=${this.shouldScheduleManageSelection}></slot>
+      </luzmo-menu>
+    `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(e)):e}shouldScheduleManageSelection(e){this.willManageSelection||e&&e.target.getRootNode().host!==this||(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&=(await new Promise(e=>requestAnimationFrame(()=>e(!0))),!1),this.menuItems.forEach(t=>{this.value===t.value&&!t.disabled?e=t:t.selected=!1}),e?(e.selected=!!this.selects,this.selectedItem=e):(this.value=``,this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event(`scroll`))}};e.t([(0,l.state)()],v.prototype,`appliedLabel`,void 0),e.t([(0,l.query)(`#button`)],v.prototype,`button`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`disabled`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`focused`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],v.prototype,`icons`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],v.prototype,`variant`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`invalid`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`pending`,void 0),e.t([(0,l.property)({type:String,attribute:`pending-label`})],v.prototype,`pendingLabel`,void 0),e.t([(0,l.property)()],v.prototype,`label`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`open`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`readonly`,void 0),e.t([(0,l.state)()],v.prototype,`labelAlignment`,void 0),e.t([(0,l.query)(`luzmo-menu`)],v.prototype,`optionsMenu`,void 0),e.t([(0,l.query)(`luzmo-overlay`)],v.prototype,`overlayElement`,void 0),e.t([(0,l.property)()],v.prototype,`placement`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`quiet`,void 0),e.t([(0,l.property)({type:String})],v.prototype,`value`,void 0),e.t([(0,l.property)({attribute:!1})],v.prototype,`selectedItem`,null),e.t([(0,l.state)()],v.prototype,`selectedItemContent`,null);var y=class extends v{constructor(...e){super(...e),this.handleKeydown=e=>{let{code:t}=e;if(this.focused=!0,t===`Escape`){this.handleEscape(e);return}if(!t.startsWith(`Arrow`)||this.readonly||this.pending)return;if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}e.preventDefault();let n=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,r=n<0||t===`ArrowRight`?1:-1,i=n+r;for(;this.menuItems[i]&&this.menuItems[i].disabled;)i+=r;this.menuItems[i]&&!this.menuItems[i].disabled&&(this.value&&i===n||this.setValueFromItem(this.menuItems[i]))}}static get styles(){return[(0,c.unsafeCSS)(m)]}get containerStyles(){let e=super.containerStyles;return this.quiet||(e[`min-width`]=`${this.offsetWidth}px`),e}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/components/picker-button/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../picker-button-B8Jbf9jK.cjs");exports.LuzmoPickerButton=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../picker-button-BWDfzx38.cjs");exports.LuzmoPickerButton=e.t;

package/components/picker-button/index.js

@@ -16,5 +16,4 @@
  * SOFTWARE.
  * */
 import "../tokens.js";
-import { t as e } from "../picker-button-CJQJshbo.js";
-export { e as LuzmoPickerButton };
+export { t as LuzmoPickerButton } from "../picker-button-BhfY9gyk.js";

package/components/{picker-button-B8Jbf9jK.cjs → picker-button-BWDfzx38.cjs}

@@ -15,8 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");require("./icon-zOPAWCdx.cjs");const n=require("./button-base-DiNxrttk.cjs"),r=require("./observe-slot-presence-CS8pMePk.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("@luzmo/icons"),s=require("lit/directives/class-map.js");var c=`@media (hover:hover){.root:hover{--picker-button-background-color:var(--luzmo-picker-button-background-color-hover,var(--picker-button-background-color-hover));--picker-button-font-color:var(--luzmo-picker-button-font-color-hover,var(--picker-button-font-color-hover));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-hover,var(--picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-down,var(--picker-button-background-color-down));--picker-button-font-color:var(--luzmo-picker-button-font-color-down,var(--picker-button-font-color-down));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-down,var(--picker-button-icon-color-down))}:host([focused]) .root,.root:focus,.root:focus-visible{--picker-button-background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus));--picker-button-font-color:var(--luzmo-picker-button-font-color-key-focus,var(--picker-button-font-color-key-focus));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-key-focus,var(--picker-button-icon-color-key-focus))}:host([disabled]) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--picker-button-border-color:var(--luzmo-picker-button-border-color-disabled,var(--luzmo-background-color-disabled));--picker-button-font-color:var(--luzmo-picker-button-font-color-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-hover:var(--luzmo-picker-button-font-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-down:var(--luzmo-picker-button-font-color-down-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-hover:var(--luzmo-picker-button-icon-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-down:var(--luzmo-picker-button-icon-color-down-disabled,var(--luzmo-font-color-disabled))}:host([quiet]) .root{--luzmo-picker-button-background-color:var(--luzmo-picker-button-background-color-quiet,transparent);--luzmo-picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-quiet,transparent);--luzmo-picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-quiet,transparent);--luzmo-picker-button-background-color-key-focus:var(--luzmo-picker-button-background-color-key-focus-quiet,transparent);--luzmo-picker-button-border-color:var(--luzmo-picker-button-border-color-quiet,transparent)}.root{background-color:initial;block-size:var(--luzmo-picker-button-width,var(--picker-button-width));box-sizing:border-box;padding:var(--luzmo-picker-button-padding,var(--picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--luzmo-picker-button-height,var(--picker-button-height))}.luzmo-picker-button-label{color:var(--luzmo-picker-button-font-color,var(--picker-button-font-color));white-space:nowrap;font-family:var(--luzmo-picker-button-font-family,var(--picker-button-font-family));font-style:var(--luzmo-picker-button-font-style,var(--picker-button-font-style));font-weight:var(--luzmo-picker-button-font-weight,var(--picker-button-font-weight));font-size:var(--luzmo-picker-button-font-size,var(--picker-button-font-size));flex:auto;padding-block-start:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));padding-block-end:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));overflow:hidden}.uiicononly .luzmo-picker-button-label{display:none}:host(:focus-visible) .luzmo-picker-button-fill{background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus))}.luzmo-picker-button-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--luzmo-picker-button-gap,var(--picker-button-gap));background-color:var(--luzmo-picker-button-background-color,var(--picker-button-background-color));border-color:var(--luzmo-picker-button-border-color,var(--picker-button-border-color));border-width:var(--luzmo-picker-button-border-width,var(--picker-button-border-width));block-size:100%;inline-size:100%;padding:var(--luzmo-picker-button-horizontal-padding,var(--picker-button-horizontal-padding));transition:border-color var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;border-style:solid;border-start-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-start-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));display:flex;position:relative}:host([position=right]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=right][rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([position=left]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=left][rounded]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded))}.uiicononly .luzmo-picker-button-fill{padding:0}.textuiicon .luzmo-picker-button-fill{inline-size:auto}.luzmo-picker-button-icon{color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color));flex-shrink:0}.luzmo-picker-button-fill{--luzmo-icon-color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color))}:host(:focus-visible){outline:none}.luzmo-picker-button-fill:after{content:"";margin:calc((var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)) + var(--luzmo-picker-button-border-width,var(--picker-button-border-width))) * -1);border-radius:calc(var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));transition:box-shadow var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;pointer-events:none;position:absolute;inset:0}:host([focused]) .luzmo-picker-button-fill:after,:host(:focus-visible) .luzmo-picker-button-fill:after,.root:focus-visible .luzmo-picker-button-fill:after{box-shadow:0 0 0 var(--luzmo-picker-button-focus-ring-thickness,var(--picker-button-focus-ring-thickness)) var(--luzmo-picker-button-focus-ring-color,var(--picker-button-focus-indicator-color))}:host([position=right]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=right][rounded]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left][rounded]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([rounded]) .luzmo-picker-button-fill:after{border-radius:calc(var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}.root{--picker-button-height:var(--luzmo-component-height);--picker-button-width:var(--luzmo-component-height);--picker-button-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-label-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-horizontal-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-button-indicator-color:var(--luzmo-indicator-color);--picker-button-focus-ring-gap:var(--luzmo-indicator-gap);--picker-button-focus-ring-thickness:var(--luzmo-indicator-width);--picker-button-focus-indicator-color:var(--luzmo-primary);--picker-button-icon-color:var(--luzmo-font-color);--picker-button-icon-color-hover:var(--luzmo-font-color-hover);--picker-button-icon-color-down:var(--luzmo-font-color-down);--picker-button-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-button-font-color:var(--luzmo-font-color);--picker-button-font-color-hover:var(--luzmo-font-color-hover);--picker-button-font-color-down:var(--luzmo-font-color-down);--picker-button-font-color-key-focus:var(--neutral-content-color-focus);--picker-button-font-family:var(--luzmo-font-family);--picker-button-font-style:var(--luzmo-font-style);--picker-button-font-weight:var(--body-sans-serif-font-weight);--picker-button-font-size:var(--luzmo-font-size);--picker-button-border-radius-rounded:var(--luzmo-border-radius);--picker-button-background-animation-duration:var(--luzmo-animation-duration);--picker-button-background-color:var(--luzmo-background-color);--picker-button-background-color-hover:var(--luzmo-background-color-hover);--picker-button-background-color-down:var(--luzmo-background-color-down);--picker-button-background-color-key-focus:var(--luzmo-background-color-focus);--picker-button-border-color:var(--luzmo-border-color);--picker-button-border-radius:var(--luzmo-border-radius);--picker-button-border-radius-rounded-sided:var(--luzmo-border-radius);--picker-button-border-radius-sided:0;--picker-button-border-width:var(--luzmo-border-width)}:host([size=s]) .root{--picker-button-height:var(--luzmo-component-height-s);--picker-button-width:var(--luzmo-component-height-s);--picker-button-label-padding:var(--luzmo-spacing-2);--picker-button-font-size:var(--luzmo-font-size-s);--picker-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=l]) .root{--picker-button-height:var(--luzmo-component-height-l);--picker-button-width:var(--luzmo-component-height-l);--picker-button-label-padding:var(--luzmo-spacing-3);--picker-button-font-size:var(--luzmo-font-size-l);--picker-button-horizontal-padding:var(--luzmo-spacing-4)}:host([size=xl]) .root{--picker-button-height:var(--luzmo-component-height-xl);--picker-button-width:var(--luzmo-component-height-xl);--picker-button-label-padding:var(--luzmo-spacing-4);--picker-button-font-size:var(--luzmo-font-size-xl);--picker-button-horizontal-padding:var(--luzmo-spacing-5)}:host{display:inline-flex}.root{display:flex}`,l=class extends t.n(r.t(n.t,`[slot="label"]`)){constructor(...e){super(...e),this.invalid=!1,this.position=`right`}static get styles(){return[(0,i.unsafeCSS)(c)]}get hasText(){return this.slotContentIsPresent}render(){return i.html`
-      <div class=${(0,s.classMap)({root:!0,uiicononly:!this.hasText,textuiicon:this.hasText})}>
+require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs"),t=require("./sized-mixin-CSajkMro.cjs");require("./icon-BlbMP3mJ.cjs");const n=require("./button-base-CpK2ktvQ.cjs"),r=require("./observe-slot-presence-CS8pMePk.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("@luzmo/icons"),s=require("lit/directives/class-map.js");var c=`@media (hover:hover){.root:hover{--picker-button-background-color:var(--luzmo-picker-button-background-color-hover,var(--picker-button-background-color-hover));--picker-button-font-color:var(--luzmo-picker-button-font-color-hover,var(--picker-button-font-color-hover));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-hover,var(--picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-down,var(--picker-button-background-color-down));--picker-button-font-color:var(--luzmo-picker-button-font-color-down,var(--picker-button-font-color-down));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-down,var(--picker-button-icon-color-down))}:host([focused]) .root,.root:focus,.root:focus-visible{--picker-button-background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus));--picker-button-font-color:var(--luzmo-picker-button-font-color-key-focus,var(--picker-button-font-color-key-focus));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-key-focus,var(--picker-button-icon-color-key-focus))}:host([disabled]) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--picker-button-border-color:var(--luzmo-picker-button-border-color-disabled,var(--luzmo-background-color-disabled));--picker-button-font-color:var(--luzmo-picker-button-font-color-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-hover:var(--luzmo-picker-button-font-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-down:var(--luzmo-picker-button-font-color-down-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-hover:var(--luzmo-picker-button-icon-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-down:var(--luzmo-picker-button-icon-color-down-disabled,var(--luzmo-font-color-disabled))}:host([quiet]) .root{--luzmo-picker-button-background-color:var(--luzmo-picker-button-background-color-quiet,transparent);--luzmo-picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-quiet,transparent);--luzmo-picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-quiet,transparent);--luzmo-picker-button-background-color-key-focus:var(--luzmo-picker-button-background-color-key-focus-quiet,transparent);--luzmo-picker-button-border-color:var(--luzmo-picker-button-border-color-quiet,transparent)}.root{background-color:initial;block-size:var(--luzmo-picker-button-width,var(--picker-button-width));box-sizing:border-box;padding:var(--luzmo-picker-button-padding,var(--picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--luzmo-picker-button-height,var(--picker-button-height))}.luzmo-picker-button-label{color:var(--luzmo-picker-button-font-color,var(--picker-button-font-color));white-space:nowrap;font-family:var(--luzmo-picker-button-font-family,var(--picker-button-font-family));font-style:var(--luzmo-picker-button-font-style,var(--picker-button-font-style));font-weight:var(--luzmo-picker-button-font-weight,var(--picker-button-font-weight));font-size:var(--luzmo-picker-button-font-size,var(--picker-button-font-size));flex:auto;padding-block-start:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));padding-block-end:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));overflow:hidden}.uiicononly .luzmo-picker-button-label{display:none}:host(:focus-visible) .luzmo-picker-button-fill{background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus))}.luzmo-picker-button-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--luzmo-picker-button-gap,var(--picker-button-gap));background-color:var(--luzmo-picker-button-background-color,var(--picker-button-background-color));border-color:var(--luzmo-picker-button-border-color,var(--picker-button-border-color));border-width:var(--luzmo-picker-button-border-width,var(--picker-button-border-width));block-size:100%;inline-size:100%;padding:var(--luzmo-picker-button-horizontal-padding,var(--picker-button-horizontal-padding));transition:border-color var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;border-style:solid;border-start-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-start-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));display:flex;position:relative}:host([position=right]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=right][rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([position=left]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=left][rounded]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded))}.uiicononly .luzmo-picker-button-fill{padding:0}.textuiicon .luzmo-picker-button-fill{inline-size:auto}.luzmo-picker-button-icon{color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color));flex-shrink:0}.luzmo-picker-button-fill{--luzmo-icon-color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color))}:host(:focus-visible){outline:none}.luzmo-picker-button-fill:after{content:"";margin:calc((var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)) + var(--luzmo-picker-button-border-width,var(--picker-button-border-width))) * -1);border-radius:calc(var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));transition:box-shadow var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;pointer-events:none;position:absolute;inset:0}:host([focused]) .luzmo-picker-button-fill:after,:host(:focus-visible) .luzmo-picker-button-fill:after,.root:focus-visible .luzmo-picker-button-fill:after{box-shadow:0 0 0 var(--luzmo-picker-button-focus-ring-thickness,var(--picker-button-focus-ring-thickness)) var(--luzmo-picker-button-focus-ring-color,var(--picker-button-focus-indicator-color))}:host([position=right]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=right][rounded]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left][rounded]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([rounded]) .luzmo-picker-button-fill:after{border-radius:calc(var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}.root{--picker-button-height:var(--luzmo-component-height);--picker-button-width:var(--luzmo-component-height);--picker-button-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-label-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-horizontal-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-button-indicator-color:var(--luzmo-indicator-color);--picker-button-focus-ring-gap:var(--luzmo-indicator-gap);--picker-button-focus-ring-thickness:var(--luzmo-indicator-width);--picker-button-focus-indicator-color:var(--luzmo-primary);--picker-button-icon-color:var(--luzmo-font-color);--picker-button-icon-color-hover:var(--luzmo-font-color-hover);--picker-button-icon-color-down:var(--luzmo-font-color-down);--picker-button-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-button-font-color:var(--luzmo-font-color);--picker-button-font-color-hover:var(--luzmo-font-color-hover);--picker-button-font-color-down:var(--luzmo-font-color-down);--picker-button-font-color-key-focus:var(--neutral-content-color-focus);--picker-button-font-family:var(--luzmo-font-family);--picker-button-font-style:var(--luzmo-font-style);--picker-button-font-weight:var(--body-sans-serif-font-weight);--picker-button-font-size:var(--luzmo-font-size);--picker-button-border-radius-rounded:var(--luzmo-border-radius);--picker-button-background-animation-duration:var(--luzmo-animation-duration);--picker-button-background-color:var(--luzmo-background-color);--picker-button-background-color-hover:var(--luzmo-background-color-hover);--picker-button-background-color-down:var(--luzmo-background-color-down);--picker-button-background-color-key-focus:var(--luzmo-background-color-focus);--picker-button-border-color:var(--luzmo-border-color);--picker-button-border-radius:var(--luzmo-border-radius);--picker-button-border-radius-rounded-sided:var(--luzmo-border-radius);--picker-button-border-radius-sided:0;--picker-button-border-width:var(--luzmo-border-width)}:host([size=s]) .root{--picker-button-height:var(--luzmo-component-height-s);--picker-button-width:var(--luzmo-component-height-s);--picker-button-label-padding:var(--luzmo-spacing-2);--picker-button-font-size:var(--luzmo-font-size-s);--picker-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=l]) .root{--picker-button-height:var(--luzmo-component-height-l);--picker-button-width:var(--luzmo-component-height-l);--picker-button-label-padding:var(--luzmo-spacing-3);--picker-button-font-size:var(--luzmo-font-size-l);--picker-button-horizontal-padding:var(--luzmo-spacing-4)}:host([size=xl]) .root{--picker-button-height:var(--luzmo-component-height-xl);--picker-button-width:var(--luzmo-component-height-xl);--picker-button-label-padding:var(--luzmo-spacing-4);--picker-button-font-size:var(--luzmo-font-size-xl);--picker-button-horizontal-padding:var(--luzmo-spacing-5)}:host{display:inline-flex}.root{display:flex}`,l=class extends t.n(r.t(n.t,`[slot="label"]`)){constructor(...e){super(...e),this.invalid=!1,this.position=`right`}static get styles(){return[(0,i.unsafeCSS)(c)]}get hasText(){return this.slotContentIsPresent}render(){let e={root:!0,uiicononly:!this.hasText,textuiicon:this.hasText};return i.html`
+      <div class=${(0,s.classMap)(e)}>
         <div class="luzmo-picker-button-fill">
           <span
             class="luzmo-picker-button-label is-placeholder"

package/components/{picker-button-CJQJshbo.js → picker-button-BhfY9gyk.js}

@@ -16,16 +16,16 @@
  * SOFTWARE.
  * */
 import "./tokens.js";
-import { t as e } from "./decorate-CkCg3wfh.js";
-import { n as t } from "./sized-mixin-DzQTebN-.js";
-import "./icon-CsJZMhIm.js";
-import { t as n } from "./button-base-DiPzVpp4.js";
-import { t as r } from "./observe-slot-presence-BKY6n06-.js";
+import { t as e } from "./decorate-CpKsOs9z.js";
+import { n as t } from "./sized-mixin-BmxIAuoH.js";
+import "./icon-DADJww_a.js";
+import { t as n } from "./button-base-BzakIKd0.js";
+import { t as r } from "./observe-slot-presence-t2N_C6Ud.js";
 import { html as i, unsafeCSS as a } from "lit";
 import { property as o } from "lit/decorators.js";
 import { luzmoAngleDown as s } from "@luzmo/icons";
 import { classMap as c } from "lit/directives/class-map.js";
-//#region src/components/picker-button/picker-button.module.scss?inline
+// src/components/picker-button/picker-button.module.scss?inline
 var l = "@media (hover:hover){.root:hover{--picker-button-background-color:var(--luzmo-picker-button-background-color-hover,var(--picker-button-background-color-hover));--picker-button-font-color:var(--luzmo-picker-button-font-color-hover,var(--picker-button-font-color-hover));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-hover,var(--picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-down,var(--picker-button-background-color-down));--picker-button-font-color:var(--luzmo-picker-button-font-color-down,var(--picker-button-font-color-down));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-down,var(--picker-button-icon-color-down))}:host([focused]) .root,.root:focus,.root:focus-visible{--picker-button-background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus));--picker-button-font-color:var(--luzmo-picker-button-font-color-key-focus,var(--picker-button-font-color-key-focus));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-key-focus,var(--picker-button-icon-color-key-focus))}:host([disabled]) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--picker-button-border-color:var(--luzmo-picker-button-border-color-disabled,var(--luzmo-background-color-disabled));--picker-button-font-color:var(--luzmo-picker-button-font-color-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-hover:var(--luzmo-picker-button-font-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-down:var(--luzmo-picker-button-font-color-down-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-hover:var(--luzmo-picker-button-icon-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-down:var(--luzmo-picker-button-icon-color-down-disabled,var(--luzmo-font-color-disabled))}:host([quiet]) .root{--luzmo-picker-button-background-color:var(--luzmo-picker-button-background-color-quiet,transparent);--luzmo-picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-quiet,transparent);--luzmo-picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-quiet,transparent);--luzmo-picker-button-background-color-key-focus:var(--luzmo-picker-button-background-color-key-focus-quiet,transparent);--luzmo-picker-button-border-color:var(--luzmo-picker-button-border-color-quiet,transparent)}.root{background-color:initial;block-size:var(--luzmo-picker-button-width,var(--picker-button-width));box-sizing:border-box;padding:var(--luzmo-picker-button-padding,var(--picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--luzmo-picker-button-height,var(--picker-button-height))}.luzmo-picker-button-label{color:var(--luzmo-picker-button-font-color,var(--picker-button-font-color));white-space:nowrap;font-family:var(--luzmo-picker-button-font-family,var(--picker-button-font-family));font-style:var(--luzmo-picker-button-font-style,var(--picker-button-font-style));font-weight:var(--luzmo-picker-button-font-weight,var(--picker-button-font-weight));font-size:var(--luzmo-picker-button-font-size,var(--picker-button-font-size));flex:auto;padding-block-start:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));padding-block-end:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));overflow:hidden}.uiicononly .luzmo-picker-button-label{display:none}:host(:focus-visible) .luzmo-picker-button-fill{background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus))}.luzmo-picker-button-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--luzmo-picker-button-gap,var(--picker-button-gap));background-color:var(--luzmo-picker-button-background-color,var(--picker-button-background-color));border-color:var(--luzmo-picker-button-border-color,var(--picker-button-border-color));border-width:var(--luzmo-picker-button-border-width,var(--picker-button-border-width));block-size:100%;inline-size:100%;padding:var(--luzmo-picker-button-horizontal-padding,var(--picker-button-horizontal-padding));transition:border-color var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;border-style:solid;border-start-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-start-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));display:flex;position:relative}:host([position=right]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=right][rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([position=left]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=left][rounded]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded))}.uiicononly .luzmo-picker-button-fill{padding:0}.textuiicon .luzmo-picker-button-fill{inline-size:auto}.luzmo-picker-button-icon{color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color));flex-shrink:0}.luzmo-picker-button-fill{--luzmo-icon-color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color))}:host(:focus-visible){outline:none}.luzmo-picker-button-fill:after{content:\"\";margin:calc((var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)) + var(--luzmo-picker-button-border-width,var(--picker-button-border-width))) * -1);border-radius:calc(var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));transition:box-shadow var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;pointer-events:none;position:absolute;inset:0}:host([focused]) .luzmo-picker-button-fill:after,:host(:focus-visible) .luzmo-picker-button-fill:after,.root:focus-visible .luzmo-picker-button-fill:after{box-shadow:0 0 0 var(--luzmo-picker-button-focus-ring-thickness,var(--picker-button-focus-ring-thickness)) var(--luzmo-picker-button-focus-ring-color,var(--picker-button-focus-indicator-color))}:host([position=right]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=right][rounded]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left][rounded]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([rounded]) .luzmo-picker-button-fill:after{border-radius:calc(var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}.root{--picker-button-height:var(--luzmo-component-height);--picker-button-width:var(--luzmo-component-height);--picker-button-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-label-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-horizontal-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-button-indicator-color:var(--luzmo-indicator-color);--picker-button-focus-ring-gap:var(--luzmo-indicator-gap);--picker-button-focus-ring-thickness:var(--luzmo-indicator-width);--picker-button-focus-indicator-color:var(--luzmo-primary);--picker-button-icon-color:var(--luzmo-font-color);--picker-button-icon-color-hover:var(--luzmo-font-color-hover);--picker-button-icon-color-down:var(--luzmo-font-color-down);--picker-button-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-button-font-color:var(--luzmo-font-color);--picker-button-font-color-hover:var(--luzmo-font-color-hover);--picker-button-font-color-down:var(--luzmo-font-color-down);--picker-button-font-color-key-focus:var(--neutral-content-color-focus);--picker-button-font-family:var(--luzmo-font-family);--picker-button-font-style:var(--luzmo-font-style);--picker-button-font-weight:var(--body-sans-serif-font-weight);--picker-button-font-size:var(--luzmo-font-size);--picker-button-border-radius-rounded:var(--luzmo-border-radius);--picker-button-background-animation-duration:var(--luzmo-animation-duration);--picker-button-background-color:var(--luzmo-background-color);--picker-button-background-color-hover:var(--luzmo-background-color-hover);--picker-button-background-color-down:var(--luzmo-background-color-down);--picker-button-background-color-key-focus:var(--luzmo-background-color-focus);--picker-button-border-color:var(--luzmo-border-color);--picker-button-border-radius:var(--luzmo-border-radius);--picker-button-border-radius-rounded-sided:var(--luzmo-border-radius);--picker-button-border-radius-sided:0;--picker-button-border-width:var(--luzmo-border-width)}:host([size=s]) .root{--picker-button-height:var(--luzmo-component-height-s);--picker-button-width:var(--luzmo-component-height-s);--picker-button-label-padding:var(--luzmo-spacing-2);--picker-button-font-size:var(--luzmo-font-size-s);--picker-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=l]) .root{--picker-button-height:var(--luzmo-component-height-l);--picker-button-width:var(--luzmo-component-height-l);--picker-button-label-padding:var(--luzmo-spacing-3);--picker-button-font-size:var(--luzmo-font-size-l);--picker-button-horizontal-padding:var(--luzmo-spacing-4)}:host([size=xl]) .root{--picker-button-height:var(--luzmo-component-height-xl);--picker-button-width:var(--luzmo-component-height-xl);--picker-button-label-padding:var(--luzmo-spacing-4);--picker-button-font-size:var(--luzmo-font-size-xl);--picker-button-horizontal-padding:var(--luzmo-spacing-5)}:host{display:inline-flex}.root{display:flex}", u = class extends t(r(n, "[slot=\"label\"]")) {
 	constructor(...e) {
 		super(...e), this.invalid = !1, this.position = "right";
@@ -37,12 +37,13 @@ var l = "@media (hover:hover){.root:hover{--picker-button-background-color:var(-
 		return this.slotContentIsPresent;
 	}
 	render() {
-		return i`
-      <div class=${c({
+		let e = {
 			root: !0,
 			uiicononly: !this.hasText,
 			textuiicon: this.hasText
-		})}>
+		};
+		return i`
+      <div class=${c(e)}>
         <div class="luzmo-picker-button-fill">
           <span
             class="luzmo-picker-button-label is-placeholder"
@@ -63,11 +64,9 @@ var l = "@media (hover:hover){.root:hover{--picker-button-background-color:var(-
     `;
 	}
 };
-//#endregion
-//#region src/components/picker-button/index.ts
+// src/components/picker-button/index.ts
 e([o({
 	type: Boolean,
 	reflect: !0
 })], u.prototype, "invalid", void 0), e([o({ reflect: !0 })], u.prototype, "position", void 0), customElements.get("luzmo-picker-button") || customElements.define("luzmo-picker-button", u);
-//#endregion
 export { u as t };

package/components/{platform-Ce9pNsR9.js → platform-CDW-WdXN.js}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-//#region src/utils/platform.ts
+// src/utils/platform.ts
 function e(e) {
 	return typeof window < "u" && window.navigator != null && e.test(window.navigator.userAgent);
 }
@@ -56,5 +56,4 @@ function u() {
 function d() {
 	return e(/Android/);
 }
-//#endregion
 export { a, n as c, u as i, l, o as n, i as o, s as r, r as s, d as t, c as u };

package/components/popover/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../popover-BsdqkvKI.cjs");exports.LuzmoPopover=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../popover-CFzz83f8.cjs");exports.LuzmoPopover=e.t;