@luzmo/lucero 2.2.1 → 2.4.0

package/standalone/chunks/button-Bv3v7VbN.js

@@ -0,0 +1,4 @@
+
+import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,l as r,y as i}from"./lucero-runtime-DGJ9-isg.js";import{t as a}from"./button-base-C7jeeyLp.js";import{t as o}from"./pending-state-DxeRqe6Q.js";var s=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap,var(--luzmo-focus-indicator-gap,2px)));transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-button-animation-duration,var(--luzmo-animation-duration))) ease-out, margin var(--luzmo-button-animation-duration,var(--luzmo-button-animation-duration,var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap,2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position:absolute;border-radius:var(--luzmo-button-border-radius,var(--button-border-radius));font-size:var(--luzmo-button-font-size,var(--button-font-size));font-weight:var(--luzmo-button-font-weight,var(--luzmo-font-weight));gap:var(--luzmo-button-padding-label-to-icon,var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size,none);min-inline-size:var(--luzmo-button-min-width,var(--button-min-width));min-block-size:var(--luzmo-button-height,var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text,var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block,0);margin-inline-start:var(--luzmo-button-margin-left,0);margin-inline-end:var(--luzmo-button-margin-right,0);position:relative;border-width:var(--luzmo-button-border-width,var(--button-border-width))!important;border-style:var(--luzmo-button-border-style,solid)!important}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px, var(--button-intended-icon-size) - var(--icon-size,var(--button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start,max(0px, var(--luzmo-button-top-to-icon,var(--button-top-to-icon)) - var(--luzmo-button-border-width,var(--button-border-width)) + var(--_icon-size-difference,0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual,var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text,var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:var(--luzmo-button-icon-only-min-inline-size,var(--button-height));padding:calc(var(--luzmo-button-edge-to-visual-only,var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width,var(--button-border-width)));border-radius:var(--luzmo-button-border-radius,var(--button-border-radius))}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}#label{line-height:var(--luzmo-button-line-height,var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align,center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text,var(--button-top-to-text)) - var(--luzmo-button-border-width,var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text,var(--button-bottom-to-text)) - var(--luzmo-button-border-width,var(--button-border-width)))}:host([data-luzmo-language-script=Latn]) #label{text-box:trim-both cap alphabetic;align-self:center;margin-block:-.35em;padding-block:.35em}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon,start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color,var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration,var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap,var(--button-focus-ring-gap)) + var(--luzmo-button-border-width,var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius,calc(var(--luzmo-button-border-radius,var(--button-border-radius)) + var(--luzmo-focus-indicator-gap,2px)));transition:box-shadow var(--luzmo-button-animation-duration,var(--button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color,var(--luzmo-button-focus-ring-color,var(--luzmo-button-focus-ring-color,var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--luzmo-button-background-color-default,var(--button-background-color-default)));color:var(--highcontrast-button-content-color-default,var(--luzmo-button-content-color-default,var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear, background-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear;border-color:var(--highcontrast-button-border-color-default,var(--luzmo-button-border-color-default,var(--button-border-color-default)))!important}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--luzmo-button-background-color-hover,var(--button-background-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--luzmo-button-content-color-hover,var(--button-content-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--luzmo-button-border-color-hover,var(--button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--luzmo-button-background-color-focus,var(--button-background-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--luzmo-button-content-color-focus,var(--button-content-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--luzmo-button-border-color-focus,var(--button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--luzmo-button-background-color-down,var(--button-background-color-down)));color:var(--highcontrast-button-content-color-down,var(--luzmo-button-content-color-down,var(--button-content-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--luzmo-button-border-color-down,var(--button-border-color-down)))!important}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--luzmo-button-background-color-disabled,var(--button-background-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--luzmo-button-content-color-disabled,var(--button-content-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--luzmo-button-border-color-disabled,var(--button-border-color-disabled)))!important}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out, visibility 0s linear var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s))}:host([pending]),:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle,:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color:var(--luzmo-static-black-focus-indicator-color,#000)}:host([static-color=white][selected]){--button-content-color-default:var(--luzmo-button-static-content-color,#ffffffe6);--button-content-color-hover:var(--luzmo-button-static-content-color,#fff);--button-content-color-down:var(--luzmo-button-static-content-color,#fff);--button-content-color-focus:var(--luzmo-button-static-content-color,#fff)}:host([static-color=black]){--button-focus-indicator-color:var(--luzmo-static-black-focus-indicator-color,#000)}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--luzmo-progress-circle-track-border-color:ButtonText;--luzmo-progress-circle-track-border-color-over-background:ButtonText;--luzmo-progress-circle-thickness:3px;--luzmo-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) ButtonText}}:host{--button-animation-duration:var(--luzmo-animation-duration);--button-border-radius:var(--luzmo-border-radius);--button-border-width:var(--luzmo-border-width);--button-line-height:1.2;--button-focus-ring-gap:var(--luzmo-indicator-gap);--button-focus-ring-thickness:var(--luzmo-indicator-width);--button-focus-indicator-color:var(--luzmo-primary);--button-intended-icon-size:calc(var(--luzmo-button-icon-size,var(--icon-size)) + 2px);--button-top-to-text:calc(( var(--luzmo-button-height,var(--button-height)) - var(--luzmo-button-font-size,var(--button-font-size)) * var(--luzmo-button-line-height,var(--button-line-height)) ) / 2);--button-bottom-to-text:var(--button-top-to-text);--button-top-to-icon:calc(( var(--luzmo-button-height,var(--button-height)) - var(--button-intended-icon-size) ) / 2);--button-edge-to-visual-only:var(--button-top-to-icon);--button-background-color-default:var(--luzmo-background-color);--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-active);--button-background-color-focus:var(--luzmo-primary);--button-border-color-default:var(--luzmlo-border-color-full);--button-border-color-hover:var(--luzmo-border-color-full-hover);--button-border-color-down:var(--luzmo-border-color-full-down);--button-border-color-focus:var(--luzmo-border-color-full-focus);--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-disabled-color);--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=negative]){--button-background-color-default:var(--luzmo-negative-color);--button-background-color-hover:var(--luzmo-negative-color-hover);--button-background-color-down:var(--luzmo-negative-color-down);--button-background-color-focus:var(--luzmo-negative-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-negative-inverse-color,white);--button-content-color-hover:var(--luzmo-negative-inverse-color,white);--button-content-color-down:var(--luzmo-negative-inverse-color,white);--button-content-color-focus:var(--luzmo-negative-inverse-color,white);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=negative][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:rgba(var(--luzmo-negative-color-rgb), .1);--button-background-color-down:rgba(var(--luzmo-negative-color-rgb), .16);--button-background-color-focus:rgba(var(--luzmo-negative-color-rgb), .1);--button-border-color-default:var(--luzmo-negative-color);--button-border-color-hover:var(--luzmo-negative-color-hover);--button-border-color-down:var(--luzmo-negative-color-down);--button-border-color-focus:var(--luzmo-negative-color-focus);--button-content-color-default:var(--luzmo-negative-color);--button-content-color-hover:var(--luzmo-negative-color-down);--button-content-color-down:var(--luzmo-negative-color-down);--button-content-color-focus:var(--luzmo-negative-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=positive]){--button-background-color-default:var(--luzmo-positive-color);--button-background-color-hover:var(--luzmo-positive-color-hover);--button-background-color-down:var(--luzmo-positive-color-down);--button-background-color-focus:var(--luzmo-positive-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-positive-inverse-color,white);--button-content-color-hover:var(--luzmo-positive-inverse-color,white);--button-content-color-down:var(--luzmo-positive-inverse-color,white);--button-content-color-focus:var(--luzmo-positive-inverse-color,white);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=positive][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:rgba(var(--luzmo-positive-color-rgb), .1);--button-background-color-down:rgba(var(--luzmo-positive-color-rgb), .16);--button-background-color-focus:rgba(var(--luzmo-positive-color-rgb), .1);--button-border-color-default:var(--luzmo-positive-color);--button-border-color-hover:var(--luzmo-positive-color-hover);--button-border-color-down:var(--luzmo-positive-color-down);--button-border-color-focus:var(--luzmo-positive-color-focus);--button-content-color-default:var(--luzmo-positive-color);--button-content-color-hover:var(--luzmo-positive-color-down);--button-content-color-down:var(--luzmo-positive-color-down);--button-content-color-focus:var(--luzmo-positive-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default:var(--luzmo-primary);--button-background-color-hover:var(--luzmo-primary-hover);--button-background-color-down:var(--luzmo-primary-down);--button-background-color-focus:var(--luzmo-primary-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-primary-inverse-color);--button-content-color-hover:var(--luzmo-primary-inverse-color);--button-content-color-down:var(--luzmo-primary-inverse-color);--button-content-color-focus:var(--luzmo-primary-inverse-color);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=primary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-primary);--button-border-color-hover:var(--luzmo-primary-hover);--button-border-color-down:var(--luzmo-primary-down);--button-border-color-focus:var(--luzmo-primary-focus);--button-content-color-default:var(--luzmo-primary);--button-content-color-hover:var(--luzmo-primary-down);--button-content-color-down:var(--luzmo-primary-down);--button-content-color-focus:var(--luzmo-primary-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default:var(--luzmo-secondary);--button-background-color-hover:var(--luzmo-secondary-hover);--button-background-color-down:var(--luzmo-secondary-down);--button-background-color-focus:var(--luzmo-secondary-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-secondary-inverse-color);--button-content-color-hover:var(--luzmo-secondary-inverse-color);--button-content-color-down:var(--luzmo-secondary-inverse-color);--button-content-color-focus:var(--luzmo-secondary-inverse-color);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-secondary);--button-border-color-hover:var(--luzmo-secondary-hover);--button-border-color-down:var(--luzmo-secondary-down);--button-border-color-focus:var(--luzmo-secondary-focus);--button-content-color-default:var(--luzmo-secondary);--button-content-color-hover:var(--luzmo-secondary-down);--button-content-color-down:var(--luzmo-secondary-down);--button-content-color-focus:var(--luzmo-secondary-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=neutral]){--button-background-color-default:var(--luzmo-background-color-highlight);--button-background-color-hover:var(--luzmo-background-color-highlight-hover);--button-background-color-down:var(--luzmo-background-color-highlight-down);--button-background-color-focus:var(--luzmo-background-color-highlight-focus);--button-border-color-default:var(--luzmo-border-color);--button-border-color-hover:var(--luzmo-border-color);--button-border-color-down:var(--luzmo-border-color-down);--button-border-color-focus:var(--luzmo-border-color-focus);--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=neutral][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:rgba(var(--luzmo-border-color-rgb), .1);--button-background-color-down:rgba(var(--luzmo-border-color-rgb), .16);--button-background-color-focus:rgba(var(--luzmo-border-color-rgb), .1);--button-border-color-default:var(--luzmo-border-color);--button-border-color-hover:var(--luzmo-border-color-hover);--button-border-color-down:var(--luzmo-border-color-down);--button-border-color-focus:var(--luzmo-border-color-focus);--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-background-color-disabled:transparent;--button-border-color-disabled:transparent}:host([variant=primary][quiet]),:host([variant=secondary][quiet]),:host([variant=negative][quiet]),:host([variant=positive][quiet]){--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent;--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=neutral][quiet]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent;--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([selected]){--button-background-color-default:var(--luzmo-selected-color);--button-background-color-hover:var(--luzmo-selected-color-hover);--button-background-color-down:var(--luzmo-selected-color-down);--button-background-color-focus:var(--luzmo-selected-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:white;--button-content-color-hover:white;--button-content-color-down:white;--button-content-color-focus:white;--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent}:host([selected][emphasized]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent}:host([static-color=white]){--button-background-color-default:rgba(255, 255, 255 .9);--button-background-color-hover:#fff;--button-background-color-down:#fff;--button-background-color-focus:#fff;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#fff;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent;--button-content-color-disabled:#ffffff8c}:host([static-color=white][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:#ffffffe6;--button-border-color-hover:#fff;--button-border-color-down:#fff;--button-border-color-focus:#fff;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:transparent;--button-border-color-disabled:#ffffff40;--button-content-color-disabled:#ffffff8c}:host([static-color=white][selected]){--button-background-color-default:#ffffffe6;--button-background-color-hover:#fff;--button-background-color-down:#fff;--button-background-color-focus:#fff;--button-static-white-content-color-default:#000;--button-static-white-content-color-hover:#000;--button-static-white-content-color-down:#000;--button-static-white-content-color-focus:#000;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent}:host([static-color=white][variant=secondary]){--button-background-color-default:#ffffff1a;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent;--button-content-color-disabled:#ffffff8c}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:#ffffff40;--button-border-color-hover:#fff6;--button-border-color-down:#ffffff8c;--button-border-color-focus:#fff6;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:transparent;--button-border-color-disabled:#ffffff40;--button-content-color-disabled:#ffffff8c}:host([static-color=black]){--button-background-color-default:#000000e6;--button-background-color-hover:#000;--button-background-color-down:#000;--button-background-color-focus:#000;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#000;--button-background-color-disabled:#0000001a;--button-border-color-disabled:transparent;--button-content-color-disabled:#0000008c}:host([static-color=black][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:#0006;--button-border-color-hover:#0000008c;--button-border-color-down:#000000b3;--button-border-color-focus:#0000008c;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:transparent;--button-border-color-disabled:#00000040;--button-content-color-disabled:#0000008c}:host([static-color=black][variant=secondary]){--button-background-color-default:#0000001a;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:#0000001a;--button-border-color-disabled:transparent;--button-content-color-disabled:#0000008c}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:#00000040;--button-border-color-hover:#0006;--button-border-color-down:#0000008c;--button-border-color-focus:#0006;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:transparent;--button-border-color-disabled:#00000040;--button-content-color-disabled:#0000008c}:host([size=xs]){--button-min-width:44px;--button-border-radius:var(--luzmo-border-radius-s);--button-height:var(--luzmo-component-height-xs);--button-font-size:11px;--button-edge-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--button-edge-to-text:var(--luzmo-spacing-3);--button-padding-label-to-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--button-min-width:64px;--button-border-radius:var(--luzmo-border-radius-s);--button-height:var(--luzmo-component-height-s);--button-font-size:var(--luzmo-font-size-s);--button-edge-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--button-edge-to-text:var(--luzmo-spacing-4);--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host{--button-min-width:72px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height);--button-font-size:var(--luzmo-font-size-m);--button-edge-to-visual:var(--luzmo-spacing-4);--button-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host([size=l]){--button-min-width:90px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height-l);--button-font-size:var(--luzmo-font-size-l);--button-edge-to-visual:var(--luzmo-spacing-5);--button-edge-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host([size=xl]){--button-min-width:108px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height-xl);--button-font-size:var(--luzmo-font-size-xl);--button-edge-to-visual:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--button-edge-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--button-padding-label-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext!important}:host([treatment]:not([disabled]):hover){border-color:highlight!important}:host(.remove-focus-ring-safari-hack:focus-visible):after{forced-color-adjust:none;box-shadow:none}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--luzmo-button-background-color-disabled,var(--button-background-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--luzmo-button-content-color-disabled,var(--button-content-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--luzmo-button-border-color-disabled,var(--button-border-color-disabled)))!important}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position:relative;--icon-size:inherit}luzmo-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s) forwards}:host(.remove-focus-ring-safari-hack:focus-visible):after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap,var(--luzmo-focus-indicator-gap,var(--focus-indicator-gap))));box-shadow:none}:host(.remove-focus-ring-safari-hack:focus-visible){box-shadow:none;outline:none}:host(.remove-focus-ring-safari-hack:focus-visible:not(:hover)){background-color:var(--highcontrast-button-background-color-default,var(--luzmo-button-background-color-default,var(--button-background-color-default)));color:var(--highcontrast-button-content-color-default,var(--luzmo-button-content-color-default,var(--button-content-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--luzmo-button-border-color-default,var(--button-border-color-default)))!important}`,c=[`primary`,`secondary`,`neutral`,`negative`,`positive`,`white`,`black`],l=class extends n(a,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[...super.styles,t(s)]}constructor(){super(),this.pendingLabel=`Pending`,this.pending=!1,this._variant=`primary`,this.treatment=`fill`,this._quiet=!1,this.noWrap=!1,this.pendingStateController=new o(this)}click(){this.pending||super.click()}get variant(){return this._variant}set variant(e){if(e!==this.variant){switch(this.requestUpdate(`variant`,this.variant),e){case`white`:this.staticColor=e,this.removeAttribute(`variant`);return;case`black`:this.staticColor=e,this.removeAttribute(`variant`);return;case null:return;default:this._variant=c.includes(e)?e:`primary`;break}this.setAttribute(`variant`,this.variant)}}set quiet(e){this._quiet=e,this.treatment=e?`outline`:`fill`}get quiet(){return this._quiet}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`variant`)||this.setAttribute(`variant`,this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return e`
+      ${this.buttonContent} ${this.pendingStateController.renderPendingState()}
+    `}};r([i({type:String,attribute:`pending-label`})],l.prototype,`pendingLabel`,void 0),r([i({type:Boolean,reflect:!0,attribute:!0})],l.prototype,`pending`,void 0),r([i()],l.prototype,`variant`,null),r([i({reflect:!0,attribute:`static-color`})],l.prototype,`staticColor`,void 0),r([i({reflect:!0})],l.prototype,`treatment`,void 0),r([i({type:Boolean,reflect:!0})],l.prototype,`quiet`,null),r([i({type:Boolean,attribute:`no-wrap`,reflect:!0})],l.prototype,`noWrap`,void 0);export{l as t};

package/standalone/chunks/button-Dykw3TSO.js

@@ -0,0 +1,2 @@
+
+import"../tokens.js";import{t as e}from"./close-button-RpPiwBdf.js";import{t}from"./button-Bv3v7VbN.js";import{t as n}from"./clear-button-pVGfwye8.js";typeof customElements<`u`&&!customElements.get(`luzmo-button`)&&customElements.define(`luzmo-button`,t),typeof customElements<`u`&&!customElements.get(`luzmo-clear-button`)&&customElements.define(`luzmo-clear-button`,n),typeof customElements<`u`&&!customElements.get(`luzmo-close-button`)&&customElements.define(`luzmo-close-button`,e);

package/standalone/chunks/button-base-C7jeeyLp.js

@@ -0,0 +1,9 @@
+
+import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{a as n,g as r,l as i,n as a,t as o,y as s}from"./lucero-runtime-DGJ9-isg.js";import{n as c}from"./language-resolution-BWHk9A73.js";var l=`:host{vertical-align:top;--parent-element-progress-circle-size:18px;--icon-size:var(--luzmo-icon-size-m);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(luzmo-overlay),::slotted(luzmo-tooltip){position:absolute}:host:after,::slotted(*){pointer-events:none}::slotted([slot=icon]){--luzmo-icon-vertical-align:0}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--luzmo-button-icon-size,var(--icon-size));inline-size:var(--luzmo-button-icon-size,var(--icon-size))}[icon-only]+#label{display:contents}:host([size=xs]){--parent-element-progress-circle-size:14px;--icon-size:var(--luzmo-icon-size-xs)}:host([size=s]){--parent-element-progress-circle-size:16px;--icon-size:var(--luzmo-icon-size-s)}:host([size=l]){--parent-element-progress-circle-size:20px;--icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--parent-element-progress-circle-size:22px;--icon-size:var(--luzmo-icon-size-xl)}`,u=class extends o(a(n),``,[`luzmo-overlay,luzmo-tooltip`]){static get styles(){return[t(l)]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[e` <slot name="icon" ?icon-only=${!this.hasLabel}></slot> `,e`
+        <span id="label">
+          <slot @slotchange=${this.manageTextObservedSlot}></slot>
+        </span>
+      `]}constructor(){super(),this._languageScript=new c(this),this.active=!1,this.type=`button`,this.proxyFocus=this.proxyFocus.bind(this),this.addEventListener(`click`,this.handleClickCapture,{capture:!0})}click(){if(!this.disabled){if(this.anchorElement){this.anchorElement.click();return}super.click()}}handleClickCapture(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),!1;if(this.shouldProxyClick(e)){this.anchorElement&&(e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation());return}}proxyFocus(){this.focus()}shouldProxyClick(e){let t=!1;if(this.anchorElement){if(e.composedPath().includes(this.anchorElement))return t;this.anchorElement.click(),t=!0}else if(this.type!==`button`){let e=typeof document>`u`?null:document.createElement(`button`);e&&(e.type=this.type,this.after(e),e.click(),e.remove()),t=!0}return t}renderAnchor(){return e`
+      ${this.buttonContent}
+      ${super.renderAnchor({id:`button`,ariaHidden:!0,className:`button anchor hidden`})}
+    `}renderButton(){return e` ${this.buttonContent} `}render(){return this.href&&this.href.length>0?this.renderAnchor():this.renderButton()}handleKeydown(e){let{code:t}=e;switch(t){case`Space`:e.preventDefault(),this.href===void 0&&(this.addEventListener(`keyup`,this.handleKeyup),this.active=!0);break;default:break}}handleKeypress(e){let{code:t}=e;switch(t){case`Enter`:case`NumpadEnter`:this.click();break;default:break}}handleKeyup(e){let{code:t}=e;switch(t){case`Space`:this.removeEventListener(`keyup`,this.handleKeyup),this.active=!1,this.click();break;default:break}}manageAnchor(){this.href&&this.href.length>0?(!this.hasAttribute(`role`)||this.getAttribute(`role`)===`button`)&&this.setAttribute(`role`,`link`):(!this.hasAttribute(`role`)||this.getAttribute(`role`)===`link`)&&this.setAttribute(`role`,`button`)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`),e.has(`label`)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`)),this.manageAnchor(),this.addEventListener(`keydown`,this.handleKeydown),this.addEventListener(`keypress`,this.handleKeypress)}updated(e){super.updated(e),e.has(`href`)&&this.manageAnchor(),this.anchorElement&&(this.anchorElement.addEventListener(`focus`,this.proxyFocus),this.anchorElement.tabIndex=-1)}update(e){super.update(e),e.has(`label`)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`))}};i([s({type:Boolean,reflect:!0})],u.prototype,`active`,void 0),i([s({type:String})],u.prototype,`type`,void 0),i([r(`.anchor`)],u.prototype,`anchorElement`,void 0);export{u as t};

package/standalone/chunks/calendar-ZwUYkzVq.js

@@ -0,0 +1,122 @@
+
+import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,i as r,l as i,u as a,v as o,y as s}from"./lucero-runtime-DGJ9-isg.js";import{F as c,i as l}from"./luzmo-icons-CJa-aByT.js";import"./icon-Dy6J1QeX.js";import"./action-button-BzzPBqt5.js";import{t as u}from"./class-map-CxQ0PcQP.js";import{t as d}from"./NumberFormatter-DMCfW685.js";function f(e,t){return e-t*Math.floor(e/t)}var p=1721426;function m(e,t,n,r){t=g(e,t);let i=t-1,a=-2;return n<=2?a=0:h(t)&&(a=-1),p-1+365*i+Math.floor(i/4)-Math.floor(i/100)+Math.floor(i/400)+Math.floor((367*n-362)/12+a+r)}function h(e){return e%4==0&&(e%100!=0||e%400==0)}function g(e,t){return e===`BC`?1-t:t}function ee(e){let t=`AD`;return e<=0&&(t=`BC`,e=1-e),[t,e]}var _={standard:[31,28,31,30,31,30,31,31,30,31,30,31],leapyear:[31,29,31,30,31,30,31,31,30,31,30,31]},v=class{fromJulianDay(e){let t=e,n=t-p,r=Math.floor(n/146097),i=f(n,146097),a=Math.floor(i/36524),o=f(i,36524),s=Math.floor(o/1461),c=f(o,1461),l=Math.floor(c/365),[u,d]=ee(r*400+a*100+s*4+l+ +(a!==4&&l!==4)),g=t-m(u,d,1,1),_=2;t<m(u,d,3,1)?_=0:h(d)&&(_=1);let v=Math.floor(((g+_)*12+373)/367);return new Y(u,d,v,t-m(u,d,v,1)+1)}toJulianDay(e){return m(e.era,e.year,e.month,e.day)}getDaysInMonth(e){return _[h(e.year)?`leapyear`:`standard`][e.month-1]}getMonthsInYear(e){return 12}getDaysInYear(e){return h(e.year)?366:365}getMaximumMonthsInYear(){return 12}getMaximumDaysInMonth(){return 31}getYearsInEra(e){return 9999}getEras(){return[`BC`,`AD`]}isInverseEra(e){return e.era===`BC`}balanceDate(e){e.year<=0&&(e.era=e.era===`BC`?`AD`:`BC`,e.year=1-e.year)}constructor(){this.identifier=`gregory`}},te={"001":1,AD:1,AE:6,AF:6,AI:1,AL:1,AM:1,AN:1,AR:1,AT:1,AU:1,AX:1,AZ:1,BA:1,BE:1,BG:1,BH:6,BM:1,BN:1,BY:1,CH:1,CL:1,CM:1,CN:1,CR:1,CY:1,CZ:1,DE:1,DJ:6,DK:1,DZ:6,EC:1,EE:1,EG:6,ES:1,FI:1,FJ:1,FO:1,FR:1,GB:1,GE:1,GF:1,GP:1,GR:1,HR:1,HU:1,IE:1,IQ:6,IR:6,IS:1,IT:1,JO:6,KG:1,KW:6,KZ:1,LB:1,LI:1,LK:1,LT:1,LU:1,LV:1,LY:6,MC:1,MD:1,ME:1,MK:1,MN:1,MQ:1,MV:5,MY:1,NL:1,NO:1,NZ:1,OM:6,PL:1,QA:6,RE:1,RO:1,RS:1,RU:1,SD:6,SE:1,SI:1,SK:1,SM:1,SY:6,TJ:1,TM:1,TR:1,UA:1,UY:1,UZ:1,VA:1,VN:1,XK:1};function y(e,t){return t=M(t,e.calendar),e.era===t.era&&e.year===t.year&&e.month===t.month&&e.day===t.day}function b(e,t){return t=M(t,e.calendar),e=S(e),t=S(t),e.era===t.era&&e.year===t.year&&e.month===t.month}function ne(e,t){return e.isEqual?.(t)??t.isEqual?.(e)??e.identifier===t.identifier}var re={sun:0,mon:1,tue:2,wed:3,thu:4,fri:5,sat:6};function ie(e,t,n){let r=e.calendar.toJulianDay(e),i=n?re[n]:ve(t),a=Math.ceil(r+1-i)%7;return a<0&&(a+=7),a}function ae(e){return k(Date.now(),e)}function oe(e){return A(ae(e))}function se(e,t){return e.calendar.toJulianDay(e)-t.calendar.toJulianDay(t)}function ce(e,t){return le(e)-le(t)}function le(e){return e.hour*36e5+e.minute*6e4+e.second*1e3+e.millisecond}var ue=null,de=!1;function x(){return ue??=new Intl.DateTimeFormat().resolvedOptions().timeZone,ue}function fe(){return de}function S(e){return e.subtract({days:e.day-1})}function C(e){return e.add({days:e.calendar.getDaysInMonth(e)-e.day})}function pe(e){return e.calendar.getMinimumMonthInYear?e.calendar.getMinimumMonthInYear(e):1}function me(e){return e.calendar.getMinimumDayInMonth?e.calendar.getMinimumDayInMonth(e):1}function w(e,t,n){let r=ie(e,t,n);return e.subtract({days:r})}function he(e,t,n){return w(e,t,n).add({days:6})}var ge=new Map,T=new Map;function _e(e){if(Intl.Locale){let t=ge.get(e);return t||(t=new Intl.Locale(e).maximize().region,t&&ge.set(e,t)),t}let t=e.split(`-`)[1];return t===`u`?void 0:t}function ve(e){let t=T.get(e);if(!t){if(Intl.Locale){let n=new Intl.Locale(e);if(`getWeekInfo`in n&&(t=n.getWeekInfo(),t))return T.set(e,t),t.firstDay}let n=_e(e);if(e.includes(`-fw-`)){let n=e.split(`-fw-`)[1].split(`-`)[0];t=n===`mon`?{firstDay:1}:n===`tue`?{firstDay:2}:n===`wed`?{firstDay:3}:n===`thu`?{firstDay:4}:n===`fri`?{firstDay:5}:n===`sat`?{firstDay:6}:{firstDay:0}}else t=e.includes(`-ca-iso8601`)?{firstDay:1}:{firstDay:n&&te[n]||0};T.set(e,t)}return t.firstDay}function ye(e,t,n){let r=e.calendar.getDaysInMonth(e);return Math.ceil((ie(S(e),t,n)+r)/7)}function E(e){return e=M(e,new v),be(g(e.era,e.year),e.month,e.day,e.hour,e.minute,e.second,e.millisecond)}function be(e,t,n,r,i,a,o){let s=new Date;return s.setUTCHours(r,i,a,o),s.setUTCFullYear(e,t-1,n),s.getTime()}function D(e,t){if(t===`UTC`)return 0;if(e>0&&t===x()&&!fe())return new Date(e).getTimezoneOffset()*-6e4;let{year:n,month:r,day:i,hour:a,minute:o,second:s}=Se(e,t);return be(n,r,i,a,o,s,0)-Math.floor(e/1e3)*1e3}var xe=new Map;function Se(e,t){let n=xe.get(t);n||(n=new Intl.DateTimeFormat(`en-US`,{timeZone:t,hour12:!1,era:`short`,year:`numeric`,month:`numeric`,day:`numeric`,hour:`numeric`,minute:`numeric`,second:`numeric`}),xe.set(t,n));let r=n.formatToParts(new Date(e)),i={};for(let e of r)e.type!==`literal`&&(i[e.type]=e.value);return{year:i.era===`BC`||i.era===`B`?-i.year+1:+i.year,month:+i.month,day:+i.day,hour:i.hour===`24`?0:+i.hour,minute:+i.minute,second:+i.second}}var Ce=864e5;function we(e,t,n,r){return(n===r?[n]:[n,r]).filter(n=>Te(e,t,n))}function Te(e,t,n){let r=Se(n,t);return e.year===r.year&&e.month===r.month&&e.day===r.day&&e.hour===r.hour&&e.minute===r.minute&&e.second===r.second}function O(e,t,n=`compatible`){let r=j(e);if(t===`UTC`)return E(r);if(t===x()&&n===`compatible`&&!fe()){r=M(r,new v);let e=new Date,t=g(r.era,r.year);return e.setFullYear(t,r.month-1,r.day),e.setHours(r.hour,r.minute,r.second,r.millisecond),e.getTime()}let i=E(r),a=D(i-Ce,t),o=D(i+Ce,t),s=we(r,t,i-a,i-o);if(s.length===1)return s[0];if(s.length>1)switch(n){case`compatible`:case`earlier`:return s[0];case`later`:return s[s.length-1];case`reject`:throw RangeError(`Multiple possible absolute times found`)}switch(n){case`earlier`:return Math.min(i-a,i-o);case`compatible`:case`later`:return Math.max(i-a,i-o);case`reject`:throw RangeError(`No such absolute time found`)}}function Ee(e,t,n=`compatible`){return new Date(O(e,t,n))}function k(e,t){let n=D(e,t),r=new Date(e+n),i=r.getUTCFullYear(),a=r.getUTCMonth()+1,o=r.getUTCDate(),s=r.getUTCHours(),c=r.getUTCMinutes(),l=r.getUTCSeconds(),u=r.getUTCMilliseconds();return new Z(i<1?`BC`:`AD`,i<1?-i+1:i,a,o,t,n,s,c,l,u)}function A(e){return new Y(e.calendar,e.era,e.year,e.month,e.day)}function j(e,t){let n=0,r=0,i=0,a=0;if(`timeZone`in e)({hour:n,minute:r,second:i,millisecond:a}=e);else if(`hour`in e&&!t)return e;return t&&({hour:n,minute:r,second:i,millisecond:a}=t),new X(e.calendar,e.era,e.year,e.month,e.day,n,r,i,a)}function M(e,t){if(ne(e.calendar,t))return e;let n=t.fromJulianDay(e.calendar.toJulianDay(e)),r=e.copy();return r.calendar=t,r.era=n.era,r.year=n.year,r.month=n.month,r.day=n.day,L(r),r}function De(e,t,n){return e instanceof Z?e.timeZone===t?e:ke(e,t):k(O(e,t,n),t)}function Oe(e){let t=E(e)-e.offset;return new Date(t)}function ke(e,t){return M(k(E(e)-e.offset,t),e.calendar)}var N=36e5;function P(e,t){let n=e.copy(),r=`hour`in n?Fe(n,t):0;F(n,t.years||0),n.calendar.balanceYearMonth&&n.calendar.balanceYearMonth(n,e),n.month+=t.months||0,I(n),je(n),n.day+=(t.weeks||0)*7,n.day+=t.days||0,n.day+=r,Ae(n),n.calendar.balanceDate&&n.calendar.balanceDate(n),n.year<1&&(n.year=1,n.month=1,n.day=1);let i=n.calendar.getYearsInEra(n);if(n.year>i){let e=n.calendar.isInverseEra?.(n);n.year=i,n.month=e?1:n.calendar.getMonthsInYear(n),n.day=e?1:n.calendar.getDaysInMonth(n)}n.month<1&&(n.month=1,n.day=1);let a=n.calendar.getMonthsInYear(n);return n.month>a&&(n.month=a,n.day=n.calendar.getDaysInMonth(n)),n.day=Math.max(1,Math.min(n.calendar.getDaysInMonth(n),n.day)),n}function F(e,t){e.calendar.isInverseEra?.(e)&&(t=-t),e.year+=t}function I(e){for(;e.month<1;)F(e,-1),e.month+=e.calendar.getMonthsInYear(e);let t=0;for(;e.month>(t=e.calendar.getMonthsInYear(e));)e.month-=t,F(e,1)}function Ae(e){for(;e.day<1;)e.month--,I(e),e.day+=e.calendar.getDaysInMonth(e);for(;e.day>e.calendar.getDaysInMonth(e);)e.day-=e.calendar.getDaysInMonth(e),e.month++,I(e)}function je(e){e.month=Math.max(1,Math.min(e.calendar.getMonthsInYear(e),e.month)),e.day=Math.max(1,Math.min(e.calendar.getDaysInMonth(e),e.day))}function L(e){e.calendar.constrainDate&&e.calendar.constrainDate(e),e.year=Math.max(1,Math.min(e.calendar.getYearsInEra(e),e.year)),je(e)}function R(e){let t={};for(let n in e)typeof e[n]==`number`&&(t[n]=-e[n]);return t}function Me(e,t){return P(e,R(t))}function z(e,t){let n=e.copy();return t.era!=null&&(n.era=t.era),t.year!=null&&(n.year=t.year),t.month!=null&&(n.month=t.month),t.day!=null&&(n.day=t.day),L(n),n}function B(e,t){let n=e.copy();return t.hour!=null&&(n.hour=t.hour),t.minute!=null&&(n.minute=t.minute),t.second!=null&&(n.second=t.second),t.millisecond!=null&&(n.millisecond=t.millisecond),Pe(n),n}function Ne(e){e.second+=Math.floor(e.millisecond/1e3),e.millisecond=V(e.millisecond,1e3),e.minute+=Math.floor(e.second/60),e.second=V(e.second,60),e.hour+=Math.floor(e.minute/60),e.minute=V(e.minute,60);let t=Math.floor(e.hour/24);return e.hour=V(e.hour,24),t}function Pe(e){e.millisecond=Math.max(0,Math.min(e.millisecond,1e3)),e.second=Math.max(0,Math.min(e.second,59)),e.minute=Math.max(0,Math.min(e.minute,59)),e.hour=Math.max(0,Math.min(e.hour,23))}function V(e,t){let n=e%t;return n<0&&(n+=t),n}function Fe(e,t){return e.hour+=t.hours||0,e.minute+=t.minutes||0,e.second+=t.seconds||0,e.millisecond+=t.milliseconds||0,Ne(e)}function Ie(e,t){let n=e.copy();return Fe(n,t),n}function Le(e,t){return Ie(e,R(t))}function H(e,t,n,r){let i=e.copy();switch(t){case`era`:{let t=e.calendar.getEras(),a=t.indexOf(e.era);if(a<0)throw Error(`Invalid era: `+e.era);a=W(a,n,0,t.length-1,r?.round),i.era=t[a],L(i);break}case`year`:i.calendar.isInverseEra?.(i)&&(n=-n),i.year=W(e.year,n,-1/0,9999,r?.round),i.year===-1/0&&(i.year=1),i.calendar.balanceYearMonth&&i.calendar.balanceYearMonth(i,e);break;case`month`:i.month=W(e.month,n,1,e.calendar.getMonthsInYear(e),r?.round);break;case`day`:i.day=W(e.day,n,1,e.calendar.getDaysInMonth(e),r?.round);break;default:throw Error(`Unsupported field `+t)}return e.calendar.balanceDate&&e.calendar.balanceDate(i),L(i),i}function U(e,t,n,r){let i=e.copy();switch(t){case`hour`:{let t=e.hour,a=0,o=23;if(r?.hourCycle===12){let e=t>=12;a=e?12:0,o=e?23:11}i.hour=W(t,n,a,o,r?.round);break}case`minute`:i.minute=W(e.minute,n,0,59,r?.round);break;case`second`:i.second=W(e.second,n,0,59,r?.round);break;case`millisecond`:i.millisecond=W(e.millisecond,n,0,999,r?.round);break;default:throw Error(`Unsupported field `+t)}return i}function W(e,t,n,r,i=!1){if(i){e+=Math.sign(t),e<n&&(e=r);let i=Math.abs(t);e=t>0?Math.ceil(e/i)*i:Math.floor(e/i)*i,e>r&&(e=n)}else e+=t,e<n?e=r-(n-e-1):e>r&&(e=n+(e-r-1));return e}function Re(e,t){let n;return n=t.years!=null&&t.years!==0||t.months!=null&&t.months!==0||t.weeks!=null&&t.weeks!==0||t.days!=null&&t.days!==0?O(P(j(e),{years:t.years,months:t.months,weeks:t.weeks,days:t.days}),e.timeZone):E(e)-e.offset,n+=t.milliseconds||0,n+=(t.seconds||0)*1e3,n+=(t.minutes||0)*6e4,n+=(t.hours||0)*36e5,M(k(n,e.timeZone),e.calendar)}function ze(e,t){return Re(e,R(t))}function Be(e,t,n,r){switch(t){case`hour`:{let t=0,i=23;if(r?.hourCycle===12){let n=e.hour>=12;t=n?12:0,i=n?23:11}let a=j(e),o=M(B(a,{hour:t}),new v),s=[O(o,e.timeZone,`earlier`),O(o,e.timeZone,`later`)].filter(t=>k(t,e.timeZone).day===o.day)[0],c=M(B(a,{hour:i}),new v),l=[O(c,e.timeZone,`earlier`),O(c,e.timeZone,`later`)].filter(t=>k(t,e.timeZone).day===c.day).pop(),u=E(e)-e.offset,d=Math.floor(u/N),f=u%N;return u=W(d,n,Math.floor(s/N),Math.floor(l/N),r?.round)*N+f,M(k(u,e.timeZone),e.calendar)}case`minute`:case`second`:case`millisecond`:return U(e,t,n,r);case`era`:case`year`:case`month`:case`day`:return M(k(O(H(j(e),t,n,r),e.timeZone),e.timeZone),e.calendar);default:throw Error(`Unsupported field `+t)}}function Ve(e,t,n){let r=j(e),i=B(z(r,t),t);return i.compare(r)===0?e:M(k(O(i,e.timeZone,n),e.timeZone),e.calendar)}var He=/^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})$/,Ue=/^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})(?:T(\d{2}))?(?::(\d{2}))?(?::(\d{2}))?(\.\d+)?$/,G=/^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})(?:T(\d{2}))?(?::(\d{2}))?(?::(\d{2}))?(\.\d+)?(?:(?:([+-]\d{2})(?::?(\d{2}))?)|Z)$/;function K(e){let t=e.match(He);if(!t)throw G.test(e)?Error(`Invalid ISO 8601 date string: ${e}. Use parseAbsolute() instead.`):Error(`Invalid ISO 8601 date string: `+e);let n=new Y(q(t[1],0,9999),q(t[2],1,12),1);return n.day=q(t[3],1,n.calendar.getDaysInMonth(n)),n}function We(e){let t=e.match(Ue);if(!t)throw G.test(e)?Error(`Invalid ISO 8601 date time string: ${e}. Use parseAbsolute() instead.`):Error(`Invalid ISO 8601 date time string: `+e);let n=q(t[1],-9999,9999),r=new X(n<1?`BC`:`AD`,n<1?-n+1:n,q(t[2],1,12),1,t[4]?q(t[4],0,23):0,t[5]?q(t[5],0,59):0,t[6]?q(t[6],0,59):0,t[7]?q(t[7],0,1/0)*1e3:0);return r.day=q(t[3],0,r.calendar.getDaysInMonth(r)),r}function Ge(e,t){let n=e.match(G);if(!n)throw Error(`Invalid ISO 8601 date time string: `+e);let r=q(n[1],-9999,9999),i=new Z(r<1?`BC`:`AD`,r<1?-r+1:r,q(n[2],1,12),1,t,0,n[4]?q(n[4],0,23):0,n[5]?q(n[5],0,59):0,n[6]?q(n[6],0,59):0,n[7]?q(n[7],0,1/0)*1e3:0);return i.day=q(n[3],0,i.calendar.getDaysInMonth(i)),n[8]&&(i.offset=q(n[8],-23,23)*36e5+q(n[9]??`0`,0,59)*6e4),ke(i,t)}function q(e,t,n){let r=Number(e);if(r<t||r>n)throw RangeError(`Value out of range: ${t} <= ${r} <= ${n}`);return r}function Ke(e){return`${String(e.hour).padStart(2,`0`)}:${String(e.minute).padStart(2,`0`)}:${String(e.second).padStart(2,`0`)}${e.millisecond?String(e.millisecond/1e3).slice(1):``}`}function qe(e){let t=M(e,new v),n;return n=t.era===`BC`?t.year===1?`0000`:`-`+String(Math.abs(1-t.year)).padStart(6,`00`):String(t.year).padStart(4,`0`),`${n}-${String(t.month).padStart(2,`0`)}-${String(t.day).padStart(2,`0`)}`}function Je(e){return`${qe(e)}T${Ke(e)}`}function Ye(e){let t=Math.sign(e)<0?`-`:`+`;e=Math.abs(e);let n=Math.floor(e/36e5),r=Math.floor(e%36e5/6e4),i=Math.floor(e%36e5%6e4/1e3),a=`${t}${String(n).padStart(2,`0`)}:${String(r).padStart(2,`0`)}`;return i!==0&&(a+=`:${String(i).padStart(2,`0`)}`),a}function Xe(e){return`${Je(e)}${Ye(e.offset)}[${e.timeZone}]`}function J(e){let t=typeof e[0]==`object`?e.shift():new v,n;if(typeof e[0]==`string`)n=e.shift();else{let e=t.getEras();n=e[e.length-1]}let r=e.shift(),i=e.shift(),a=e.shift();return[t,n,r,i,a]}var Y=class e{constructor(...e){let[t,n,r,i,a]=J(e);this.calendar=t,this.era=n,this.year=r,this.month=i,this.day=a,L(this)}copy(){return this.era?new e(this.calendar,this.era,this.year,this.month,this.day):new e(this.calendar,this.year,this.month,this.day)}add(e){return P(this,e)}subtract(e){return Me(this,e)}set(e){return z(this,e)}cycle(e,t,n){return H(this,e,t,n)}toDate(e){return Ee(this,e)}toString(){return qe(this)}compare(e){return se(this,e)}},Ze=class e{constructor(e=0,t=0,n=0,r=0){this.hour=e,this.minute=t,this.second=n,this.millisecond=r,Pe(this)}copy(){return new e(this.hour,this.minute,this.second,this.millisecond)}add(e){return Ie(this,e)}subtract(e){return Le(this,e)}set(e){return B(this,e)}cycle(e,t,n){return U(this,e,t,n)}toString(){return Ke(this)}compare(e){return ce(this,e)}},X=class e{constructor(...e){let[t,n,r,i,a]=J(e);this.calendar=t,this.era=n,this.year=r,this.month=i,this.day=a,this.hour=e.shift()||0,this.minute=e.shift()||0,this.second=e.shift()||0,this.millisecond=e.shift()||0,L(this)}copy(){return this.era?new e(this.calendar,this.era,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond):new e(this.calendar,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond)}add(e){return P(this,e)}subtract(e){return Me(this,e)}set(e){return z(B(this,e),e)}cycle(e,t,n){switch(e){case`era`:case`year`:case`month`:case`day`:return H(this,e,t,n);default:return U(this,e,t,n)}}toDate(e,t){return Ee(this,e,t)}toString(){return Je(this)}compare(e){let t=se(this,e);return t===0?ce(this,j(e)):t}},Z=class e{constructor(...e){let[t,n,r,i,a]=J(e),o=e.shift(),s=e.shift();this.calendar=t,this.era=n,this.year=r,this.month=i,this.day=a,this.timeZone=o,this.offset=s,this.hour=e.shift()||0,this.minute=e.shift()||0,this.second=e.shift()||0,this.millisecond=e.shift()||0,L(this)}copy(){return this.era?new e(this.calendar,this.era,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond):new e(this.calendar,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond)}add(e){return Re(this,e)}subtract(e){return ze(this,e)}set(e,t){return Ve(this,e,t)}cycle(e,t,n){return Be(this,e,t,n)}toDate(){return Oe(this)}toString(){return Xe(this)}toAbsoluteString(){return this.toDate().toISOString()}compare(e){return this.toDate().getTime()-De(e,this.timeZone).toDate().getTime()}},Q=new Map,Qe=class{constructor(e,t={}){this.formatter=et(e,t),this.options=t}format(e){return this.formatter.format(e)}formatToParts(e){return this.formatter.formatToParts(e)}formatRange(e,t){if(typeof this.formatter.formatRange==`function`)return this.formatter.formatRange(e,t);if(t<e)throw RangeError(`End date must be >= start date`);return`${this.formatter.format(e)} \u{2013} ${this.formatter.format(t)}`}formatRangeToParts(e,t){if(typeof this.formatter.formatRangeToParts==`function`)return this.formatter.formatRangeToParts(e,t);if(t<e)throw RangeError(`End date must be >= start date`);let n=this.formatter.formatToParts(e),r=this.formatter.formatToParts(t);return[...n.map(e=>({...e,source:`startRange`})),{type:`literal`,value:` – `,source:`shared`},...r.map(e=>({...e,source:`endRange`}))]}resolvedOptions(){let e=this.formatter.resolvedOptions();return it()&&(this.resolvedHourCycle||=at(e.locale,this.options),e.hourCycle=this.resolvedHourCycle,e.hour12=this.resolvedHourCycle===`h11`||this.resolvedHourCycle===`h12`),e.calendar===`ethiopic-amete-alem`&&(e.calendar=`ethioaa`),e}},$e={true:{ja:`h11`},false:{}};function et(e,t={}){if(typeof t.hour12==`boolean`&&nt()){t={...t};let n=$e[String(t.hour12)][e.split(`-`)[0]],r=t.hour12?`h12`:`h23`;t.hourCycle=n??r,delete t.hour12}let n=e+(t?Object.entries(t).sort((e,t)=>e[0]<t[0]?-1:1).join():``);if(Q.has(n))return Q.get(n);let r=new Intl.DateTimeFormat(e,t);return Q.set(n,r),r}var tt=null;function nt(){return tt??=new Intl.DateTimeFormat(`en-US`,{hour:`numeric`,hour12:!1}).format(new Date(2020,2,3,0))===`24`,tt}var rt=null;function it(){return rt??=new Intl.DateTimeFormat(`fr`,{hour:`numeric`,hour12:!1}).resolvedOptions().hourCycle===`h12`,rt}function at(e,t){if(!t.timeStyle&&!t.hour)return;e=e.replace(/(-u-)?-nu-[a-zA-Z0-9]+/,``),e+=(e.includes(`-u-`)?``:`-u`)+`-nu-latn`;let n=et(e,{...t,timeZone:void 0}),r=parseInt(n.formatToParts(new Date(2020,2,3,0)).find(e=>e.type===`hour`).value,10),i=parseInt(n.formatToParts(new Date(2020,2,3,23)).find(e=>e.type===`hour`).value,10);if(r===0&&i===23)return`h23`;if(r===24&&i===23)return`h24`;if(r===0&&i===11)return`h11`;if(r===12&&i===11)return`h12`;throw Error(`Unexpected hour cycle result`)}var ot=`:host{inline-size:var(--luzmo-calendar-width,var(--calendar-width));display:inline-block}.header{align-items:center;inline-size:100%;display:flex}.title{color:var(--highcontrast-calendar-date-text-color,var(--luzmo-calendar-date-text-color,var(--calendar-date-text-color)));font-size:var(--luzmo-calendar-title-text-size,var(--calendar-title-text-size));font-weight:var(--luzmo-calendar-title-font-weight,var(--calendar-title-font-weight));line-height:var(--luzmo-calendar-title-height,var(--calendar-title-height));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;order:1;margin:0;overflow:hidden}.nextMonth,.prevMonth{transform:var(--logical-rotation)}.nextMonth:not([disabled]),.prevMonth:not([disabled]){color:var(--highcontrast-calendar-button-icon-color,var(--luzmo-calendar-button-icon-color,var(--calendar-button-icon-color)))}.prevMonth{order:0}.nextMonth{order:2}.dayOfWeek{inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));color:var(--highcontrast-calendar-day-title-text-color,var(--luzmo-calendar-day-title-text-color,var(--calendar-day-title-text-color)));font-size:var(--luzmo-calendar-day-title-text-size,var(--calendar-day-title-text-size));font-weight:var(--luzmo-calendar-day-title-text-font-weight,var(--calendar-day-title-text-font-weight));text-transform:uppercase;cursor:default;flex-direction:column;justify-content:flex-end;display:flex;border-block-end:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}:host([title]) .dayOfWeek{letter-spacing:var(--luzmo-calendar-title-text-letter-spacing,var(--calendar-title-text-letter-spacing));text-decoration:underline;border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.body{outline:none}.table{table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;user-select:none}.table-cell{text-align:center;box-sizing:initial;block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));padding:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));position:relative}.table-cell:focus{outline:0}.date{box-sizing:border-box;block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) solid transparent;font-size:var(--luzmo-calendar-day-text-size,var(--calendar-day-text-size));line-height:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) - var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) * 2);white-space:nowrap;cursor:pointer;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.date:lang(ja),.date:lang(ko),.date:lang(zh){font-size:var(--luzmo-calendar-day-text-size-han,var(--calendar-day-text-size-han))}.date.is-disabled{cursor:default;pointer-events:none}.date.is-outsideMonth{display:none}.date:before{content:"";box-sizing:border-box;inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) solid transparent;position:absolute;inset-block-start:calc(50% - var(--luzmo-calendar-day-width,var(--calendar-day-width)) / 2);inset-inline-start:calc(50% - var(--luzmo-calendar-day-width,var(--calendar-day-width)) / 2)}.date.is-selected:not(.is-range-selection){font-weight:var(--luzmo-calendar-day-text-font-weight-selected,var(--calendar-day-text-font-weight-selected))}.date.is-selected:not(.is-range-selection):before{display:none}.date.is-today{font-weight:var(--luzmo-calendar-day-today-text-font-weight,var(--calendar-day-today-text-font-weight))}.date.is-range-selection{margin:var(--luzmo-calendar-day-padding,var(--calendar-day-padding)) 0;border-width:var(--luzmo-calendar-border-width-reset,var(--calendar-border-width-reset));line-height:var(--luzmo-calendar-day-height,var(--calendar-day-height));border-radius:var(--luzmo-calendar-border-radius-reset,var(--calendar-border-radius-reset));inline-size:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) + var(--luzmo-calendar-day-padding,var(--calendar-day-padding)) * 2)}.date.is-range-selection.is-range-end,.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{inline-size:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) + var(--luzmo-calendar-day-padding,var(--calendar-day-padding)))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected,var(--calendar-day-text-font-weight-cap-selected));z-index:0}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));content:"";z-index:-1;display:block;position:absolute;inset-block-start:0}.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-start{border-start-start-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-end-start-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin-inline-start:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));padding-inline-end:var(--luzmo-calendar-day-padding,var(--calendar-day-padding))}.date.is-range-selection.is-range-start:after,.date.is-range-selection.is-range-start:before,.date.is-range-selection.is-selection-start:after,.date.is-range-selection.is-selection-start:before{inset-inline-start:0}.date.is-range-selection.is-range-end,.date.is-range-selection.is-selection-end{border-start-end-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-end-end-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin-inline-end:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));padding-inline-start:var(--luzmo-calendar-day-padding,var(--calendar-day-padding))}.date.is-range-selection.is-range-end:after,.date.is-range-selection.is-range-end:before,.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-end:before{inset-inline:auto 0}.date.is-range-selection.is-range-start.is-range-end,.date.is-range-selection.is-selection-end.is-range-start,.date.is-range-selection.is-selection-start.is-range-end,.date.is-range-selection.is-selection-start.is-selection-end{inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width))}.date{color:var(--highcontrast-calendar-day-text-color,var(--luzmo-calendar-day-text-color,var(--calendar-day-text-color)))}.date:active{background-color:var(--highcontrast-calendar-day-background-color-down,var(--luzmo-calendar-day-background-color-down,var(--calendar-day-background-color-down)))}.date.is-selected{color:var(--highcontrast-calendar-day-text-color-selected,var(--luzmo-calendar-day-text-color-selected,var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-selected,var(--luzmo-calendar-day-background-color-selected,var(--calendar-day-background-color-selected)))}.date.is-selected:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)));color:var(--highcontrast-calendar-day-text-color-cap-selected,var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-cap-selected,var(--luzmo-calendar-day-border-color-cap-selected,var(--calendar-day-border-color-cap-selected)))}.date.is-today{color:var(--highcontrast-calendar-day-today-text-color,var(--luzmo-calendar-day-today-text-color,var(--calendar-day-today-text-color)));background-color:var(--highcontrast-calendar-day-today-background-color,var(--luzmo-calendar-day-today-background-color,var(--calendar-day-today-background-color)))}.date.is-today,.date.is-today:before{border-color:var(--highcontrast-calendar-day-today-border-color,var(--luzmo-calendar-day-today-border-color,var(--calendar-day-today-border-color)))}@media (hover:hover){.date:hover{color:var(--highcontrast-calendar-day-text-color-hover,var(--luzmo-calendar-day-text-color-hover,var(--calendar-day-text-color-hover)))}.date:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-hover,var(--luzmo-calendar-day-background-color-hover,var(--calendar-day-background-color-hover)))}.date.is-range-selection:hover:before,.date.is-selected:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-selected-hover,var(--luzmo-calendar-day-background-color-selected-hover,var(--calendar-day-background-color-selected-hover)))}.date.is-today.is-selected:not(.is-range-selection):hover:before{background:var(--highcontrast-calendar-day-today-background-color-selected-hover,var(--luzmo-calendar-day-today-background-color-selected-hover,var(--calendar-day-today-background-color-selected-hover)))}}.date.is-today.is-disabled{color:var(--highcontrast-calendar-day-today-text-color-disabled,var(--luzmo-calendar-day-today-text-color-disabled,var(--calendar-day-today-text-color-disabled)))}.date.is-today.is-disabled,.date.is-today.is-disabled:before{border-color:var(--highcontrast-calendar-day-today-border-color-disabled,var(--luzmo-calendar-day-today-border-color-disabled,var(--calendar-day-today-border-color-disabled)))}.table-cell:focus-within .date:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-key-focus,var(--luzmo-calendar-day-background-color-key-focus,var(--calendar-day-background-color-key-focus)));color:var(--highcontrast-calendar-day-text-color-key-focus,var(--luzmo-calendar-day-text-color-key-focus,var(--calendar-day-text-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date.is-today:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-key-focus,var(--calendar-day-border-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{color:var(--highcontrast-calendar-day-text-color-selected,var(--luzmo-calendar-day-text-color-selected,var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-cap-selected-focus,var(--calendar-day-border-color-cap-selected-focus)))}.table-cell:focus-within .date.is-range-selection:before,.table-cell:focus-within .date.is-selected:before{background:var(--highcontrast-calendar-day-background-color-selected-hover,var(--luzmo-calendar-day-background-color-selected-hover,var(--calendar-day-background-color-selected-hover)))}.table-cell:focus-within .date:before{border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-key-focus,var(--calendar-day-border-color-key-focus)))}.date.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled,var(--luzmo-calendar-day-text-color-disabled,var(--calendar-day-text-color-disabled)))}.date.is-selection-end,.date.is-selection-start{color:var(--highcontrast-calendar-day-text-color-cap-selected,var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected)))}.date.is-range-selection:not(.is-selection-start):not(.is-selection-end){color:var(--highcontrast-calendar-day-text-color,var(--luzmo-calendar-day-text-color-range-selection,var(--calendar-day-text-color-range-selection,var(--calendar-day-text-color))))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled,var(--luzmo-calendar-day-text-color-disabled,var(--calendar-day-text-color-disabled)))}@media (forced-colors:active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color:ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected:Highlight;--highcontrast-calendar-day-background-color-down:ButtonFace;--highcontrast-calendar-day-background-color-hover:Transparent;--highcontrast-calendar-day-background-color-key-focus:ButtonFace;--highcontrast-calendar-day-background-color-selected-hover:Transparent;--highcontrast-calendar-day-background-color-selected:Highlight;--highcontrast-calendar-day-border-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-cap-selected:HighlightText;--highcontrast-calendar-day-text-color-disabled:GrayText;--highcontrast-calendar-day-text-color-hover:ButtonText;--highcontrast-calendar-day-text-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-selected:HighlightText;--highcontrast-calendar-day-text-color:CanvasText;--highcontrast-calendar-date-text-color:CanvasText;--highcontrast-calendar-day-title-text-color:CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover:Highlight;--highcontrast-calendar-day-today-border-color-disabled:GrayText;--highcontrast-calendar-day-today-border-color:ButtonText;--highcontrast-calendar-day-today-text-color-disabled:GrayText;--highcontrast-calendar-day-today-text-color:ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:highlighttext}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{color:highlighttext;background:highlight}}:host{--calendar-background-color:var(--luzmo-background-color-white);font-family:var(--luzmo-font-family);--calendar-day-width:var(--luzmo-component-height);--calendar-day-height:var(--luzmo-component-height);--calendar-border-radius-reset:0;--calendar-border-width-reset:0;--calendar-day-border-size:var(--luzmo-border-width);--calendar-margin-y:calc(var(--luzmo-spacing) * 3);--calendar-margin-x:var(--luzmo-component-height);--calendar-day-padding:var(--luzmo-spacing-2);--calendar-width:calc((var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7);--calendar-title-text-letter-spacing:.06em;--calendar-day-title-text-font-weight:bold;--calendar-day-title-text-color:var(--luzmo-font-color-disabled);--calendar-title-height:var(--luzmo-component-height);--calendar-title-font-weight:bold;--calendar-title-text-size:var(--luzmo-font-size);--calendar-day-title-text-size:var(--luzmo-font-size);--calendar-day-text-size-han:var(--luzmo-font-size);--calendar-date-text-color:var(--luzmo-font-color);--calendar-day-text-color:var(--luzmo-font-color);--calendar-day-text-size:var(--luzmo-font-size);--calendar-day-border-radius:var(--luzmo-border-radius);--calendar-day-text-color-selected:var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover:var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected:var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected:var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus:var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected:var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected:var(--bold-font-weight);--calendar-day-today-text-color:var(--luzmo-primary);--calendar-day-today-background-color:var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight:normal;--calendar-day-today-border-color:transparent;--calendar-day-today-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled:transparent;--calendar-day-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus:var(--luzmo-primary-down);--calendar-day-background-color-selected:rgba(var(--luzmo-primary-rgb), .1);--calendar-day-text-color-range-selection:var(--luzmo-font-color);--calendar-day-background-color-cap-selected:var(--luzmo-primary);--calendar-button-icon-color:var(--luzmo-font-color)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width:var(--luzmo-component-height-s);--calendar-day-height:var(--luzmo-component-height-s);--calendar-day-border-radius:var(--luzmo-border-radius-s);--calendar-title-height:var(--luzmo-component-height-s);--calendar-title-text-size:var(--luzmo-font-size-s);--calendar-day-title-text-size:var(--luzmo-font-size-s);--calendar-day-text-size-han:var(--luzmo-font-size-s);--calendar-day-text-size:var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width:var(--luzmo-component-height-l);--calendar-day-height:var(--luzmo-component-height-l);--calendar-day-border-radius:var(--luzmo-border-radius-l);--calendar-title-height:var(--luzmo-component-height-l);--calendar-title-text-size:var(--luzmo-font-size-l);--calendar-day-title-text-size:var(--luzmo-font-size-l);--calendar-day-text-size-han:var(--luzmo-font-size-l);--calendar-day-text-size:var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width:var(--luzmo-component-height-xl);--calendar-day-height:var(--luzmo-component-height-xl);--calendar-day-border-radius:var(--luzmo-border-radius-xl);--calendar-title-height:var(--luzmo-component-height-xl);--calendar-title-text-size:var(--luzmo-font-size-xl);--calendar-day-title-text-size:var(--luzmo-font-size-xl);--calendar-day-text-size-han:var(--luzmo-font-size-xl);--calendar-day-text-size:var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width))}.title-clickable{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;border-radius:var(--luzmo-border-radius,4px);padding-inline:var(--luzmo-spacing-2,4px);transition:background-color var(--luzmo-animation-duration,.13s) ease}.title-clickable:hover{background-color:var(--luzmo-calendar-title-background-color-hover,var(--luzmo-background-color-hover,#0000000d))}.title-clickable:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-grid{gap:var(--luzmo-spacing-2,4px);padding:var(--luzmo-spacing-2,4px) 0;grid-template-columns:repeat(4,1fr);display:grid}.year-cell{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));border:var(--luzmo-border-width,1px) solid transparent;border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));color:var(--luzmo-calendar-day-text-color,var(--calendar-day-text-color));font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-calendar-day-text-size,var(--calendar-day-text-size));cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.year-cell:hover{background-color:var(--luzmo-calendar-day-background-color-hover,var(--luzmo-background-color-hover,#0000000d));color:var(--luzmo-calendar-day-text-color-hover,var(--calendar-day-text-color-hover))}.year-cell:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-cell.is-selected{background-color:var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected));color:var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected));font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected,var(--calendar-day-text-font-weight-cap-selected,bold))}.year-cell.is-current-year:not(.is-selected){color:var(--luzmo-calendar-day-today-text-color,var(--calendar-day-today-text-color));font-weight:var(--bold-font-weight,bold)}`,$=class extends n(a,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[t(ot)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get today(){return oe(this.timeZone)}set isDateFocusIntent(e){this._isDateFocusIntent!==e&&(this._isDateFocusIntent=e,this.requestUpdate(`isDateFocusIntent`,!e))}get isDateFocusIntent(){return this._isDateFocusIntent}setDateFocusIntent(){this.isDateFocusIntent=!0}resetDateFocusIntent(){this.isDateFocusIntent=!1}connectedCallback(){super.connectedCallback(),document.addEventListener(`mousedown`,this.resetDateFocusIntent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`mousedown`,this.resetDateFocusIntent)}clear(){this._value=void 0}constructor(){super(),this.disabled=!1,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`},this.selectionMode=`single`,this.currentDate=this.today,this.timeZone=x(),this.viewMode=`days`,this.yearGridStart=this.today.year-this.today.year%16,this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new d(this._language),this.yearFormatter=new d(this._language,{useGrouping:!1}),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}willUpdate(e){e.has(`language`)&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());let t=e.has(`min`),n=e.has(`max`),r=e.has(`value`),i=e.has(`startDate`),a=e.has(`endDate`),o=t||n||r,s=i||a;o&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(t||n),this.updateCurrentDate()),s&&(this.convertRangeDates(),this._startDate&&!e.has(`value`)&&!this.value&&(this.currentDate=this._startDate));let c=e.get(`currentDate`);e.has(`currentDate`)&&(!c||!b(c,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute(`aria-label`,this.monthAndYear))}updated(e){if(e.has(`currentDate`)&&this.isDateFocusIntent&&this.focusCurrentDate(),e.has(`currentDate`)){let t=e.get(`currentDate`),n=e.has(`value`)||e.has(`startDate`)||e.has(`endDate`);t&&!b(t,this.currentDate)&&!n&&this.dispatchEvent(new CustomEvent(`month-change`,{bubbles:!0,composed:!0,detail:{date:S(this.currentDate).toString()}}))}}focusCurrentDate(){let e=this.shadowRoot?.querySelector(`td span[tabindex="0"]`);e&&e.focus()}parseDateOnly(e){return K(e.includes(`T`)?e.split(`T`)[0]:e)}convertToCalendarDates(){this._min=this.min?this.parseDateOnly(this.min):void 0,this._max=this.max?this.parseDateOnly(this.max):void 0,this._value=this.value?this.parseDateOnly(this.value):void 0,this._min=this._min&&A(this._min).set({era:`AD`}),this._max=this._max&&A(this._max).set({era:`AD`}),this._value=this._value&&A(this._value).set({era:`AD`})}convertRangeDates(){this._startDate=this.startDate?A(this.parseDateOnly(this.startDate)).set({era:`AD`}):void 0,this._endDate=this.endDate?A(this.parseDateOnly(this.endDate)).set({era:`AD`}):void 0}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return e`
+      ${this.renderCalendarHeader()}
+      ${this.viewMode===`years`?this.renderYearGrid():this.renderCalendarGrid()}
+    `}get monthAndYear(){return this.formatDate(this.currentDate,{month:`long`,year:`numeric`})}renderCalendarHeader(){let t=this.viewMode===`years`?`${this.formatYear(this.yearGridStart)} – ${this.formatYear(this.yearGridStart+16-1)}`:this.monthAndYear,n=this.viewMode===`years`?this.disabled:this.isPreviousMonthDisabled,r=this.viewMode===`years`?this.disabled:this.isNextMonthDisabled,i=this.viewMode===`years`?this.handlePreviousYearPage:this.handlePreviousMonth,a=this.viewMode===`years`?this.handleNextYearPage:this.handleNextMonth;return e`
+      <div class="header" @focusin=${this.resetDateFocusIntent}>
+        <h2 class="title" aria-live="polite" aria-atomic="true">
+          <button
+            class="title-clickable"
+            data-test-id="calendar-title"
+            @click=${this.toggleViewMode}
+          >
+            ${t}
+          </button>
+        </h2>
+
+        <luzmo-action-button
+          quiet
+          size="s"
+          label=${this.labels.previous}
+          class="prevMonth"
+          data-test-id="prev-btn"
+          ?disabled=${n}
+          @click=${i}
+        >
+          <div slot="icon">
+            <slot name="prev-icon">
+              <luzmo-icon
+                block
+                .size=${this.size}
+                .icon=${c}
+              ></luzmo-icon>
+            </slot>
+          </div>
+        </luzmo-action-button>
+
+        <luzmo-action-button
+          quiet
+          size="s"
+          label=${this.labels.next}
+          class="nextMonth"
+          data-test-id="next-btn"
+          ?disabled=${r}
+          @click=${a}
+        >
+          <div slot="icon">
+            <slot name="next-icon">
+              <luzmo-icon
+                block
+                .size=${this.size}
+                .icon=${l}
+              ></luzmo-icon>
+            </slot>
+          </div>
+        </luzmo-action-button>
+      </div>
+    `}get isPreviousMonthDisabled(){if(this.disabled)return!0;let e=S(this.currentDate),t=e.subtract({months:1});return e.era!==t.era||y(e,t)}get isNextMonthDisabled(){if(this.disabled)return!0;let e=C(this.currentDate),t=e.add({months:1});return e.era!==t.era||y(e,t)}handlePreviousMonth(){let e=S(this.currentDate).subtract({months:1});this._value&&b(e,this._value)?e=this._value:b(e,this.today)&&(e=this.today),this.currentDate=e}handleNextMonth(){let e=S(this.currentDate).add({months:1});this._value&&b(e,this._value)?e=this._value:b(e,this.today)&&(e=this.today),this.currentDate=e}renderCalendarGrid(){return e`
+      <table
+        role="grid"
+        aria-readonly="true"
+        aria-disabled=${this.disabled}
+        role="presentation"
+        class="table body"
+        @keydown=${this.handleKeydown}
+      >
+        ${this.renderCalendarTableHead()} ${this.renderCalendarTableBody()}
+      </table>
+    `}renderCalendarTableHead(){return e`
+      <thead role="presentation">
+        <tr role="row">
+          ${this.renderWeekdayColumns()}
+        </tr>
+      </thead>
+    `}renderWeekdayColumns(){return this.weekdays.map(e=>this.renderWeekdayColumn(e))}renderWeekdayColumn(t){return e`
+      <th role="columnheader" scope="col" class="table-cell">
+        <abbr class="dayOfWeek" title=${t.long}> ${t.narrow} </abbr>
+      </th>
+    `}renderCalendarTableBody(){return e`
+      <tbody role="presentation">
+        ${this.renderCalendarWeeks()}
+      </tbody>
+    `}renderCalendarWeeks(){return this.currentMonthDates.map(t=>e`
+        <tr role="row">
+          ${this.renderDatesInWeek(t)}
+        </tr>
+      `)}renderDatesInWeek(e){return e.map(e=>this.renderCalendarTableCell(e))}parseDateCellProperties(e){let t={isOutsideMonth:!1,isSelected:!1,isToday:!1,isDisabled:!1,isTabbable:!1,isRangeSelection:!1,isRangeStart:!1,isRangeEnd:!1,isSelectionStart:!1,isSelectionEnd:!1};return t.isOutsideMonth=e.month!==this.currentDate.month,t.isOutsideMonth||(t.isDisabled=this.disabled||this.isMinLimitReached(e)||this.isMaxLimitReached(e),t.isToday=y(e,this.today),t.isDisabled)?t:(t.isTabbable=y(e,this.currentDate),this.selectionMode===`range`?this.computeRangeFlags(e,t):t.isSelected=!!(this._value&&y(this._value,e)),t)}computeRangeFlags(e,t){let n=this._startDate,r=this._endDate??this.hoveredDate;if(!n)return;let i=y(e,n);if(t.isSelectionStart=i,t.isSelected=i,!r){i&&(t.isRangeStart=!0,t.isRangeEnd=!0);return}let a=n,o=r;a.compare(o)>0&&(a=r,o=n);let s=e.compare(a)>=0,c=e.compare(o)<=0;s&&c&&(t.isRangeSelection=!0,t.isSelected=!0),t.isRangeStart=y(e,a),t.isRangeEnd=y(e,o),t.isSelectionStart=t.isRangeStart,t.isSelectionEnd=t.isRangeEnd}renderCalendarTableCell(t){let{isOutsideMonth:n,isSelected:i,isToday:a,isDisabled:o,isTabbable:s,isRangeSelection:c,isRangeStart:l,isRangeEnd:d,isSelectionStart:f,isSelectionEnd:p}=this.parseDateCellProperties(t),m={date:!0,"is-outsideMonth":n,"is-selected":i,"is-today":a,"is-disabled":o,"is-range-selection":c,"is-range-start":l,"is-range-end":d,"is-selection-start":f,"is-selection-end":p},h=``;a?h=`${this.labels.today}, `:i&&(h=`${this.labels.selected}, `);let g=h+this.formatDate(t,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`});return e`
+      <td role="gridcell" class="table-cell">
+        <span
+          role="button"
+          tabindex=${r(n?void 0:s?`0`:`-1`)}
+          aria-label=${g}
+          aria-disabled=${n||o}
+          data-value=${t.toString()}
+          @mousedown=${this.handleDaySelect}
+          @mouseenter=${this.handleDayHover}
+        >
+          <span role="presentation" class=${u(m)}>
+            ${this.formatNumber(t.day)}
+          </span>
+        </span>
+      </td>
+    `}handleKeydown(e){switch(this.setDateFocusIntent(),e.code){case`ArrowLeft`:this.moveToPreviousDay();break;case`ArrowDown`:this.moveToNextWeek();break;case`ArrowRight`:this.moveToNextDay();break;case`ArrowUp`:this.moveToPreviousWeek();break;case`Space`:case`Enter`:this.handleDaySelect(e);break;case`PageUp`:e.preventDefault(),e.shiftKey?this.moveToPreviousYear():this.moveToKeyboardPreviousMonth();break;case`PageDown`:e.preventDefault(),e.shiftKey?this.moveToNextYear():this.moveToKeyboardNextMonth();break;case`Home`:e.preventDefault(),this.moveToStartOfWeek();break;case`End`:e.preventDefault(),this.moveToEndOfWeek();break}}handleDaySelect(e){if(this.disabled){e.preventDefault();return}let t=e.target.closest(`span[role="button"]`),n=t&&t.dataset.value;if(!n)return;let r=K(n);if(this.isMinLimitReached(r)||this.isMaxLimitReached(r)){e.preventDefault();return}if(this.selectionMode===`range`){this.handleRangeSelect(r);return}if(this._value&&y(this._value,r)){e.preventDefault();return}this._value=r,this.value=r.toString(),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}handleRangeSelect(e){if(!this._startDate||this._endDate){this._startDate=e,this._endDate=void 0,this.hoveredDate=void 0,this.startDate=e.toString(),this.endDate=void 0,this.dispatchEvent(new CustomEvent(`range-select`,{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate,endDate:void 0}}));return}let t=this._startDate,n=e;t.compare(n)>0&&(n=t,t=e),this._startDate=t,this._endDate=n,this.hoveredDate=void 0,this.startDate=t.toString(),this.endDate=n.toString(),this.dispatchEvent(new CustomEvent(`range-select`,{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate,endDate:this.endDate}}))}handleDayHover(e){if(this.selectionMode!==`range`||!this._startDate||this._endDate)return;let t=e.target.closest(`span[role="button"]`),n=t&&t.dataset.value;n&&(this.hoveredDate=K(n),this.dispatchEvent(new CustomEvent(`hover-date`,{bubbles:!0,composed:!0,detail:{date:n}})))}toggleViewMode(){this.disabled||(this.viewMode===`days`?(this.yearGridStart=this.currentDate.year-this.currentDate.year%16,this.viewMode=`years`):this.viewMode=`days`)}handlePreviousYearPage(){this.yearGridStart-=16}handleNextYearPage(){this.yearGridStart+=16}handleYearSelect(e){this.currentDate=this.currentDate.set({year:e,month:1,day:1}),this.setCurrentMonthDates(),this.viewMode=`days`}renderYearGrid(){let t=Array.from({length:16},(e,t)=>this.yearGridStart+t),n=this.today.year;return e`
+      <div
+        class="year-grid"
+        role="grid"
+        aria-label="${this.formatYear(this.yearGridStart)} – ${this.formatYear(this.yearGridStart+16-1)}"
+        @keydown=${this.handleYearGridKeydown}
+      >
+        ${t.map(t=>{let r=this.currentDate.year===t;return e`
+            <button
+              class=${u({"year-cell":!0,"is-selected":r,"is-current-year":n===t})}
+              tabindex=${r?`0`:`-1`}
+              data-year=${t}
+              aria-label=${t.toString()}
+              aria-selected=${r}
+              @click=${()=>this.handleYearSelect(t)}
+            >
+              ${this.formatYear(t)}
+            </button>
+          `})}
+      </div>
+    `}handleYearGridKeydown(e){let t=e.target,n=Number(t.dataset.year);if(!n)return;let r;switch(e.code){case`ArrowLeft`:r=n-1;break;case`ArrowRight`:r=n+1;break;case`ArrowUp`:r=n-4;break;case`ArrowDown`:r=n+4;break;case`Enter`:case`Space`:e.preventDefault(),this.handleYearSelect(n);return}r!==void 0&&(e.preventDefault(),r<this.yearGridStart?this.yearGridStart-=16:r>=this.yearGridStart+16&&(this.yearGridStart+=16),this.updateComplete.then(()=>{(this.shadowRoot?.querySelector(`button[data-year="${r}"]`))?.focus()}))}moveToPreviousDay(){let e=this.currentDate.subtract({days:1});this.canMoveBackToDate(e)&&(this.currentDate=e)}moveToNextDay(){let e=this.currentDate.add({days:1});this.canMoveForwardToDate(e)&&(this.currentDate=e)}moveToPreviousWeek(){let e=this.currentDate.subtract({weeks:1});if(this.canMoveBackToDate(e)){this.currentDate=e;return}let t=e.add({days:1});for(;!this.canMoveBackToDate(t);)t=t.add({days:1});this.currentDate=t}moveToNextWeek(){let e=this.currentDate.add({weeks:1});if(this.canMoveForwardToDate(e)){this.currentDate=e;return}let t=e.subtract({days:1});for(;!this.canMoveForwardToDate(t);)t=t.subtract({days:1});this.currentDate=t}canMoveBackToDate(e){return this.isMinLimitReached(e)?!1:b(this.currentDate,e)||!this.isPreviousMonthDisabled}canMoveForwardToDate(e){return this.isMaxLimitReached(e)?!1:b(this.currentDate,e)||!this.isNextMonthDisabled}moveToKeyboardPreviousMonth(){if(this.isPreviousMonthDisabled)return;let e=this.currentDate.subtract({months:1}),t=C(e).day,n=Math.min(this.currentDate.day,t),r=e.set({day:n});this.isMinLimitReached(r)||(this.currentDate=r)}moveToKeyboardNextMonth(){if(this.isNextMonthDisabled)return;let e=this.currentDate.add({months:1}),t=C(e).day,n=Math.min(this.currentDate.day,t),r=e.set({day:n});this.isMaxLimitReached(r)||(this.currentDate=r)}moveToPreviousYear(){let e=this.currentDate.subtract({years:1}),t=C(e).day,n=Math.min(this.currentDate.day,t),r=e.set({day:n});this.isMinLimitReached(r)||(this.currentDate=r)}moveToNextYear(){let e=this.currentDate.add({years:1}),t=C(e).day,n=Math.min(this.currentDate.day,t),r=e.set({day:n});this.isMaxLimitReached(r)||(this.currentDate=r)}moveToStartOfWeek(){let e=w(this.currentDate,this._language);this.isMinLimitReached(e)||(this.currentDate=e)}moveToEndOfWeek(){let e=he(this.currentDate,this._language);this.isMaxLimitReached(e)||(this.currentDate=e)}setWeekdays(){let e=w(this.currentDate,this._language);this.weekdays=[...Array.from({length:7}).keys()].map(t=>{let n=e.add({days:t});return{narrow:this.formatDate(n,{weekday:`narrow`}),long:this.formatDate(n,{weekday:`long`})}})}setCurrentMonthDates(){let e=ye(this.currentDate,this._language),t=Array.from({length:e});for(let n of Array.from({length:e}).keys())t[n]=this.getDatesInWeek(this.currentDate,n);this.currentMonthDates=t}getDatesInWeek(e,t){let n=[],r=w(S(e).add({weeks:t}),this._language);for(;n.length<7;){n.push(r);let e=r.add({days:1});if(y(r,e))break;r=e}return n}isMinLimitReached(e){return!!(this._min&&e.compare(this._min)<0)}isMaxLimitReached(e){return!!(this._max&&e.compare(this._max)>0)}formatDate(e,t){return new Qe(this._language,t).format(e.toDate(this.timeZone))}setNumberFormatter(){this.numberFormatter=new d(this._language),this.yearFormatter=new d(this._language,{useGrouping:!1})}formatNumber(e){return this.numberFormatter.format(e)}formatYear(e){return this.yearFormatter.format(e)}};i([s({type:String})],$.prototype,`value`,void 0),i([s({type:String})],$.prototype,`min`,void 0),i([s({type:String})],$.prototype,`max`,void 0),i([s({type:Boolean,reflect:!0})],$.prototype,`disabled`,void 0),i([s({type:String,reflect:!0})],$.prototype,`language`,void 0),i([s({type:Object})],$.prototype,`labels`,void 0),i([s({type:String,attribute:`selection-mode`,reflect:!0})],$.prototype,`selectionMode`,void 0),i([s({type:String,attribute:`start-date`})],$.prototype,`startDate`,void 0),i([s({type:String,attribute:`end-date`})],$.prototype,`endDate`,void 0),i([o()],$.prototype,`currentDate`,void 0),i([o()],$.prototype,`_value`,void 0),i([o()],$.prototype,`_min`,void 0),i([o()],$.prototype,`_max`,void 0),i([o()],$.prototype,`_startDate`,void 0),i([o()],$.prototype,`_endDate`,void 0),i([o()],$.prototype,`hoveredDate`,void 0),i([o()],$.prototype,`viewMode`,void 0),i([o()],$.prototype,`yearGridStart`,void 0),i([o()],$.prototype,`weekdays`,void 0),i([o()],$.prototype,`currentMonthDates`,void 0),i([o()],$.prototype,`isDateFocusIntent`,null),customElements.get(`luzmo-calendar`)||customElements.define(`luzmo-calendar`,$);export{x as _,X as a,Ge as c,A as d,j as f,S as g,b as h,Y as i,K as l,pe as m,Qe as n,Z as o,ae as p,Ze as r,We as s,$ as t,De as u,me as v,oe as y};

package/standalone/chunks/checkbox-OQtakoP8.js

@@ -0,0 +1,9 @@
+
+import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,l as r,u as i,y as a}from"./lucero-runtime-DGJ9-isg.js";import{C as o,a as s,c}from"./luzmo-icons-CJa-aByT.js";import{t as l}from"./checkbox-mixin-BAQWmwps.js";var u=`:host{color:var(--highcontrast-checkbox-content-color-default,var(--luzmo-checkbox-content-color-default,var(--luzmo-font-color-down)));min-block-size:var(--luzmo-checkbox-height,var(--checkbox-height,32px));vertical-align:top;max-inline-size:100%;font-family:var(--luzmo-checkbox-font-family,var(--luzmo-font-family));align-items:flex-start;display:inline-flex;position:relative}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--luzmo-checkbox-control-color-down,var(--luzmo-font-color-down)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--luzmo-checkbox-control-selected-color-down,var(--luzmo-font-color-down)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down,var(--luzmo-checkbox-content-color-down,var(--luzmo-font-color-down)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-default,var(--luzmo-negative-color)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-content-color-default,var(--luzmo-font-color-down)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-control-selected-color-focus,var(--luzmo-font-color-focus)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-default,var(--luzmo-negative-color)));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-emphasized-color-default,var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-emphasized-color-focus,var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-focus,var(--luzmo-negative-color)))}@media (hover:hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-color-hover,var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-selected-color-hover,var(--luzmo-font-color-down)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--luzmo-checkbox-content-color-hover,var(--luzmo-font-color-hover)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-selected-color-hover,var(--luzmo-font-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--luzmo-checkbox-content-color-hover,var(--luzmo-font-color-hover)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-emphasized-color-hover,var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-emphasized-color-down,var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-invalid-color-down,var(--luzmo-negative-color)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--luzmo-checkbox-control-color-focus,var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size,var(--checkbox-font-size,14px));transition:color var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height,1.3);margin-block-start:var(--luzmo-checkbox-top-to-text,var(--checkbox-top-to-text,6px));margin-inline-start:var(--luzmo-checkbox-text-to-control,var(--checkbox-text-to-control,10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk,1.5)}#input{color:var(--luzmo-checkbox-control-color-default,var(--luzmo-font-color));box-sizing:border-box;opacity:.0001;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--luzmo-checkbox-control-color-focus,var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width,var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap,2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus,var(--luzmo-checkbox-content-color-focus,var(--luzmo-font-color-focus)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-control-selected-color-focus,var(--luzmo-font-color-down)))}#box{--luzmo-checkbox-spacing:calc(var(--luzmo-checkbox-height,var(--checkbox-height,32px)) - var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px)));flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:calc(var(--luzmo-checkbox-spacing) / 2 - var(--checkbox-offset-for-baseline,0px));margin-block-end:calc(var(--luzmo-checkbox-spacing) / 2 + var(--checkbox-offset-for-baseline,0px));display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px));block-size:var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-color-default,var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-border-radius,2px);border-width:var(--luzmo-checkbox-border-width,var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out, box-shadow var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-border-radius,2px) + var(--luzmo-checkbox-focus-indicator-gap,2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap,2px);transition:box-shadow var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-out, margin var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out, transform var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;width:var(--textbox-control-size,14px);font-size:var(--checkbox-icon-size);justify-content:center;align-items:center;display:flex;transform:scale(0)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-control-color-disabled,var(--luzmo-disabled-color)));background-color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-content-color-disabled,var(--luzmo-disabled-color)))}@media (forced-colors:active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap,var(--luzmo-checkbox-focus-indicator-gap,2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width,var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host([size=s]){--checkbox-font-size:var(--luzmo-checkbox-size-s-font-size,12px);--checkbox-height:var(--luzmo-checkbox-size-s-height,24px);--checkbox-control-size:var(--luzmo-checkbox-size-s-control-size,12px);--checkbox-top-to-text:var(--luzmo-checkbox-size-s-top-to-text,4px);--checkbox-text-to-control:var(--luzmo-checkbox-size-s-text-to-control,9px);--checkbox-icon-size:var(--luzmo-checkbox-size-s-icon-size,9px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-s-offset-for-baseline,1px)}:host{--checkbox-font-size:var(--luzmo-checkbox-size-m-font-size,14px);--checkbox-height:var(--luzmo-checkbox-size-m-height,32px);--checkbox-control-size:var(--luzmo-checkbox-size-m-control-size,14px);--checkbox-top-to-text:var(--luzmo-checkbox-size-m-top-to-text,6px);--checkbox-text-to-control:var(--luzmo-checkbox-size-m-text-to-control,10px);--checkbox-icon-size:var(--luzmo-checkbox-size-m-icon-size,10px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-m-offset-for-baseline,1px)}:host([size=l]){--checkbox-font-size:var(--luzmo-checkbox-size-l-font-size,16px);--checkbox-height:var(--luzmo-checkbox-size-l-height,40px);--checkbox-control-size:var(--luzmo-checkbox-size-l-control-size,16px);--checkbox-top-to-text:var(--luzmo-checkbox-size-l-top-to-text,9px);--checkbox-text-to-control:var(--luzmo-checkbox-size-l-text-to-control,11px);--checkbox-icon-size:var(--luzmo-checkbox-size-l-icon-size,11px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-l-offset-for-baseline,1px)}:host([size=xl]){--checkbox-font-size:var(--luzmo-checkbox-size-xl-font-size,18px);--checkbox-height:var(--luzmo-checkbox-size-xl-height,48px);--checkbox-control-size:var(--luzmo-checkbox-size-xl-control-size,18px);--checkbox-top-to-text:var(--luzmo-checkbox-size-xl-top-to-text,12px);--checkbox-text-to-control:var(--luzmo-checkbox-size-xl-text-to-control,13px);--checkbox-icon-size:var(--luzmo-checkbox-size-xl-icon-size,12px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-xl-offset-for-baseline,1px)}:host{vertical-align:top;display:inline-flex}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}`,d=()=>e`<div id="checkmark">${o(c)}</div>`,f=()=>e`<div id="partialCheckmark">${o(s)}</div>`,p=class extends n(l(i),{noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.indeterminate=!1,this.autofocus=!1,this.invalid=!1,this.emphasized=!1,this.tabIndex=0,this._cachedTabIndex=null}static{this.shadowRootOptions={...i.shadowRootOptions,delegatesFocus:!0}}connectedCallback(){super.connectedCallback(),this.hasAttribute(`autofocus`)&&this.updateComplete.then(()=>{this.focus()})}static get styles(){return[t(u)]}click(){this.disabled||this.readonly||this.inputElement?.click()}handleChange(){if(this.readonly){super.handleChange(),this.inputElement.indeterminate=this.indeterminate;return}this.indeterminate=!1,super.handleChange()}willUpdate(e){super.willUpdate(e),e.has(`disabled`)&&(this.disabled?(this._cachedTabIndex===null&&(this._cachedTabIndex=this.tabIndex),this.tabIndex=-1):this._cachedTabIndex!==null&&(this.tabIndex=this._cachedTabIndex,this._cachedTabIndex=null))}render(){return e`
+      ${super.render()}
+      <span id="box" part="control">
+        ${this.checked?d():e``}
+        ${this.indeterminate?f():e``}
+      </span>
+      <label id="label" for="input"><slot></slot></label>
+    `}updated(e){super.updated(e),e.has(`disabled`)&&(this.inputElement.disabled=this.disabled),e.has(`indeterminate`)&&(this.inputElement.indeterminate=this.indeterminate),e.has(`invalid`)&&(this.invalid?this.inputElement.setAttribute(`aria-invalid`,`true`):this.inputElement.removeAttribute(`aria-invalid`))}};r([a({type:Boolean,reflect:!0})],p.prototype,`disabled`,void 0),r([a({type:Boolean,reflect:!0})],p.prototype,`indeterminate`,void 0),r([a({type:Boolean,reflect:!0})],p.prototype,`autofocus`,void 0),r([a({type:Boolean,reflect:!0})],p.prototype,`invalid`,void 0),r([a({type:Boolean,reflect:!0})],p.prototype,`emphasized`,void 0),r([a({reflect:!0,type:Number,attribute:`tabindex`})],p.prototype,`tabIndex`,void 0),customElements.get(`luzmo-checkbox`)||customElements.define(`luzmo-checkbox`,p);export{p as t};

package/standalone/chunks/checkbox-mixin-BAQWmwps.js

@@ -0,0 +1,11 @@
+
+import{c as e}from"./lit-BN_lRQbJ.js";import{g as t,i as n,l as r,y as i}from"./lucero-runtime-DGJ9-isg.js";function a(a){class o extends a{constructor(...e){super(...e),this.checked=!1,this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;let e=new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.checked});this.dispatchEvent(e)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return e`
+        <input
+          id="input"
+          name=${n(this.name||void 0)}
+          type="checkbox"
+          .checked=${this.checked}
+          aria-readonly=${n(this.readonly?`true`:void 0)}
+          @change=${this.handleChange}
+        />
+      `}}return r([i({type:Boolean,reflect:!0})],o.prototype,`checked`,void 0),r([i({type:String,reflect:!0})],o.prototype,`name`,void 0),r([i({type:Boolean,reflect:!0})],o.prototype,`readonly`,void 0),r([t(`#input`)],o.prototype,`inputElement`,void 0),o}export{a as t};

package/standalone/chunks/class-map-CxQ0PcQP.js

@@ -0,0 +1,2 @@
+
+import{o as e}from"./lit-BN_lRQbJ.js";import{n as t,r as n,t as r}from"./directive-Du_3lDov.js";var i=r(class extends t{constructor(e){if(super(e),e.type!==n.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e}});export{i as t};

package/standalone/chunks/clear-button-pVGfwye8.js

@@ -0,0 +1,2 @@
+
+import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,l as r,y as i}from"./lucero-runtime-DGJ9-isg.js";import{C as a,_ as o,l as s,v as c}from"./luzmo-icons-CJa-aByT.js";import{t as l}from"./button-base-C7jeeyLp.js";var u=`:host{font-size:var(--luzmo-clear-button-icon-size,var(--clear-button-icon-size));cursor:pointer;background-color:initial;background-color:var(--luzmo-clear-button-background-color,transparent);padding:var(--luzmo-clear-button-padding,var(--clear-button-padding));color:var(--luzmo-clear-button-icon-color,var(--clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--luzmo-clear-button-icon-color-hover,var(--clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--luzmo-clear-button-background-color-hover,var(--clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--luzmo-clear-button-icon-color-down,var(--clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-clear-button-background-color-down,var(--clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--luzmo-clear-button-icon-color-key-focus,var(--clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--luzmo-clear-button-background-color-key-focus,var(--clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--clear-button-icon-color:var(--luzmo-clear-button-icon-color-disabled,var(--disabled-content-color));--clear-button-background-color:var(--luzmo-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--luzmo-clear-button-background-color,var(--clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--clear-button-background-color:transparent;--clear-button-background-color-hover:transparent;--clear-button-background-color-down:transparent;--clear-button-background-color-key-focus:transparent;--clear-button-icon-size:var(--luzmo-font-size);--clear-button-padding:0px;--clear-button-icon-color:var(--luzmo-font-color);--clear-button-icon-color-hover:var(--luzmo-font-color-hover);--clear-button-icon-color-down:var(--luzmo-font-color-down);--clear-button-icon-color-key-focus:var(--luzmo-font-color-focus)}:host([size=s]){--clear-button-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--clear-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--clear-button-icon-size:var(--luzmo-font-size-xl)}:host .luzmo-ClearButton--quiet{--clear-button-background-color:transparent;--clear-button-background-color-hover:transparent;--clear-button-background-color-down:transparent;--clear-button-background-color-key-focus:transparent}:host([variant=overBackground]){--clear-button-icon-color:#fff;--clear-button-icon-color-hover:#fff;--clear-button-icon-color-down:#fff;--clear-button-icon-color-key-focus:#fff;--clear-button-background-color:transparent;--clear-button-background-color-hover:#ffffff40;--clear-button-background-color-down:#fff6;--clear-button-background-color-key-focus:#ffffff40}:host([disabled]),:host([disabled]){--clear-button-icon-color:var(--luzmo-disabled-color);--clear-button-icon-color-hover:var(--luzmo-disabled-color);--clear-button-icon-color-down:var(--luzmo-disabled-color);--clear-button-background-color:transparent}:host{box-sizing:border-box}`,d=t=>e` <div class="icon" slot="icon">${a(t===`s`?s:[`xl`,`l`].includes(t)?c:o)}</div> `,f=class extends n(l,{noDefaultSize:!0}){constructor(...e){super(...e),this.variant=``}static get styles(){return[...super.styles,t(u)]}get buttonContent(){return[d(this.size)]}render(){return e` <div class="fill">${super.render()}</div> `}};r([i({reflect:!0})],f.prototype,`variant`,void 0);export{f as t};

package/standalone/chunks/close-button-RpPiwBdf.js

@@ -0,0 +1,2 @@
+
+import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,l as r,y as i}from"./lucero-runtime-DGJ9-isg.js";import{C as a,f as o,p as s,u as c}from"./luzmo-icons-CJa-aByT.js";import"./icon-Dy6J1QeX.js";import{t as l}from"./button-base-C7jeeyLp.js";var u=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,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;margin:0;-webkit-text-decoration:none;text-decoration:none;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}:host a{-webkit-user-select:none;user-select:none;-webkit-appearance:none}@media (forced-colors:active){:host{--highcontrast-close-button-icon-color-disabled:GrayText;--highcontrast-close-button-icon-color-down:Highlight;--highcontrast-close-button-icon-color-hover:Highlight;--highcontrast-close-button-icon-color-focus:Highlight;--highcontrast-close-button-background-color-default:ButtonFace;--highcontrast-close-button-focus-indicator-color:ButtonText}:host(:focus-visible):after{forced-color-adjust:none;margin:var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap));transition:opacity var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-out, margin var(--luzmo-close-button-animation-duraction,var(--close-button-animation-duration)) ease-out}:host([static-color=black]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:GrayText}:host([static-color=white]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:Highlight}}:host{block-size:var(--luzmo-close-button-height,var(--close-button-size));inline-size:var(--luzmo-close-button-width,var(--close-button-size));font-size:var(--luzmo-close-button-icon-size,var(--close-button-icon-size));color:inherit;border-radius:var(--luzmo-close-button-border-radius,var(--close-button-size));transition:border-color var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;margin-inline:var(--luzmo-close-button-margin-inline);justify-content:center;align-items:center;align-self:var(--luzmo-close-button-align-self);flex-direction:row;margin-block-start:var(--luzmo-close-button-margin-top);padding:0;display:inline-flex;position:relative;border-width:0!important;border-color:#0000!important}:host:after{pointer-events:none;content:"";margin:calc(var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)) * -1);border-radius:calc(var(--luzmo-close-button-size,var(--close-button-size)) + var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)));transition:box-shadow var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-close-button-focus-indicator-width,var(--close-button-focus-indicator-width)) var(--highcontrast-close-button-focus-indicator-color,var(--luzmo-close-button-focus-indicator-color,var(--close-button-focus-indicator-color)))}:host(:not([disabled])){background-color:var(--highcontrast-close-button-background-color-default,var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default)))}:host(:not([disabled]):is(:active,[active])){background-color:var(--luzmo-close-button-background-color-down,var(--close-button-background-color-down))}:host(:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-down,var(--luzmo-close-button-icon-color-down,var(--close-button-icon-color-down)))}:host([focused]:not([disabled])),:host(:not([disabled]):focus-visible){background-color:var(--luzmo-close-button-background-color-focus,var(--close-button-background-color-focus))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host(:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host([disabled]){background-color:var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default))}:host([disabled]) .icon{color:var(--highcontrast-close-button-icon-color-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}:host([static-color=black]:not([disabled])),:host([static-color=white]:not([disabled])){background-color:var(--highcontrast-close-button-static-background-color-default,var(--luzmo-close-button-static-background-color-default,var(--close-button-static-background-color-default)))}@media (hover:hover){:host(:not([disabled]):hover){--luzmo-icon-color:var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover));background-color:var(--luzmo-close-button-background-color-hover,var(--close-button-background-color-hover))}:host(:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-hover,var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover)))}:host([static-color=black]:not([disabled]):hover),:host([static-color=white]:not([disabled]):hover){background-color:var(--highcontrast-close-button-static-background-color-hover,var(--luzmo-close-button-static-background-color-hover,var(--close-button-static-background-color-hover)))}:host([static-color=black]:not([disabled]):hover) .icon,:host([static-color=white]:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}}:host([static-color=black]:not([disabled]):is(:active,[active])),:host([static-color=white]:not([disabled]):is(:active,[active])){background-color:var(--highcontrast-close-button-static-background-color-down,var(--luzmo-close-button-static-background-color-down,var(--close-button-static-background-color-down)))}:host([static-color=black]:not([disabled]):is(:active,[active])) .icon,:host([static-color=white]:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black][focused]:not([disabled])),:host([static-color=black]:not([disabled]):focus-visible),:host([static-color=white][focused]:not([disabled])),:host([static-color=white]:not([disabled]):focus-visible){background-color:var(--highcontrast-close-button-static-background-color-focus,var(--luzmo-close-button-static-background-color-focus,var(--close-button-static-background-color-focus)))}:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black]:not([disabled]):focus) .icon,:host([static-color=black]:not([disabled]):focus-visible) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white]:not([disabled]):focus) .icon,:host([static-color=white]:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black]:not([disabled])) .icon,:host([static-color=white]:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([static-color=black][disabled]) .icon,:host([static-color=white][disabled]) .icon{color:var(--highcontrast-close-button-icon-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}.icon{margin:0}:host{--close-button-background-color-default:transparent;--close-button-background-color-hover:var(--luzmo-background-color-hover);--close-button-background-color-down:var(--luzmo-background-color-down);--close-button-background-color-focus:var(--luzmo-background-color-focus);--close-button-icon-color-default:var(--luzmo-font-color);--close-button-icon-color-hover:var(--luzmo-font-color-hover);--close-button-icon-color-down:var(--luzmo-font-color-down);--close-button-icon-color-focus:var(--luzmo-font-color-focus);--close-button-icon-color-disabled:var(--luzmo-disabled-color);--close-button-focus-indicator-width:var(--luzmo-indicator-width);--close-button-focus-indicator-gap:var(--luzmo-indicator-gap);--close-button-focus-indicator-color:var(--luzmo-indicator-color);--close-button-animation-duration:var(--luzmo-animation-duration);--close-button-size:var(--luzmo-component-height)}:host([static-color=white]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#fff3;--close-button-static-background-color-down:#fff6;--close-button-static-background-color-focus:#fff3;--close-button-icon-color-default:#fff;--close-button-icon-color-disabled:#fff3;--close-button-focus-indicator-color:#fff}:host([static-color=black]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#0003;--close-button-static-background-color-down:#0006;--close-button-static-background-color-focus:#0003;--close-button-icon-color-default:#000;--close-button-icon-color-disabled:#0003;--close-button-focus-indicator-color:#000}:host([size=s]){--close-button-size:var(--luzmo-component-height-s);--close-button-icon-size:var(--luzmo-font-size-s)}:host{--close-button-size:var(--luzmo-component-height);--close-button-icon-size:var(--luzmo-font-size)}:host([size=l]){--close-button-size:var(--luzmo-component-height-l);--close-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--close-button-size:var(--luzmo-component-height-xl);--close-button-icon-size:var(--luzmo-font-size-xl)}`,d=t=>e` <div class="icon" slot="icon">${a(t===`s`?s:t===`l`?o:c)}</div> `,f=class extends n(l,{noDefaultSize:!0}){constructor(...e){super(...e),this.variant=``}static get styles(){return[...super.styles,t(u)]}get buttonContent(){return[d(this.size)]}};r([i({reflect:!0})],f.prototype,`variant`,void 0),r([i({reflect:!0,attribute:`static-color`})],f.prototype,`staticColor`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-close-button`)&&customElements.define(`luzmo-close-button`,f);export{f as t};

package/standalone/chunks/color-area-Cj8oPsIF.js

@@ -0,0 +1,64 @@
+
+import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{g as n,i as r,l as i,u as a,y as o}from"./lucero-runtime-DGJ9-isg.js";import{t as s}from"./language-resolution-BWHk9A73.js";import{a as c,t as l}from"./platform-BfrBbd97.js";import"./color-handle-BHrAxEG2.js";import{t as u}from"./color-controller-fJNWRHVI.js";import{t as d}from"./streaming-listener-DFczLm8I.js";var f=`@media (forced-colors:active){:host{--highcontrast-color-area-border-color-disabled:GrayText;--highcontrast-color-area-border-color:Canvas;--highcontrast-color-area-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width,64px);min-block-size:var(--luzmo-color-area-min-height,64px);inline-size:var(--luzmo-color-area-width,192px);block-size:var(--luzmo-color-area-height,192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius,var(--luzmo-border-radius-s));display:inline-block;position:relative;border:var(--luzmo-color-area-border-width,var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color,var(--luzmo-color-area-border-color,var(--luzmo-border-color)))!important}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled,var(--luzmo-color-area-disabled-background-color,var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width,var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)!important}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width,192px) - var(--luzmo-border-width)));inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){inset-inline-end:0}.gradient{border-radius:var(--luzmo-color-area-border-radius,var(--luzmo-border-radius-s));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width), 0)}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}`,p=class extends a{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.labelX=`saturation`,this.labelY=`luminosity`,this.isLTR=!0,this.languageResolver=new s(this),this.colorController=new u(this,{manageAs:`hsv`}),this.activeAxis=`x`,this.step=.01,this.altered=0,this.activeKeys=new Set,this._valueChanged=!1,this._pointerDown=!1,this.resizeRafId=0,this.handleResize=e=>{let t=e.at(-1);t&&(this.resizeRafId&&cancelAnimationFrame(this.resizeRafId),this.resizeRafId=requestAnimationFrame(()=>{this.resizeRafId=0,this.boundingClientRect=t.contentRect,this.requestUpdate()}))}}static get styles(){return[t(f)]}get hue(){return this.colorController.hue}set hue(e){this.colorController.hue=e}get value(){return this.colorController.colorValue}get color(){return this.colorController.colorValue}set color(e){this.colorController.color=e}get x(){return this.colorController.color.hsv.s/100}set x(e){if(e===this.x)return;let t=this.x;this.inputX?(this.inputX.value=e.toString(),this.colorController.color.set(`s`,this.inputX.valueAsNumber*100)):this.colorController.color.set(`s`,e*100),this.requestUpdate(`x`,t)}get y(){return this.colorController.color.hsv.v/100}set y(e){if(e===this.y)return;let t=this.y;this.inputY&&(this.inputY.value=e.toString(),this.colorController.color.set(`v`,this.inputY.valueAsNumber*100)),this.requestUpdate(`y`,t)}focus(e={}){super.focus(e),this.forwardFocus()}forwardFocus(){this.activeAxis===`x`?this.inputX.focus():this.inputY.focus()}handleFocus(){this.focused=!0,this._valueChanged=!1}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(e){let{code:t}=e;this.focused=!0,this.altered=[e.shiftKey,e.ctrlKey,e.altKey].filter(e=>!!e).length,(t.search(`Arrow`)===0||t.search(`Page`)===0||t.search(`Home`)===0||t.search(`End`)===0)&&(e.preventDefault(),this.activeKeys.add(t),this.handleKeypress())}handleKeypress(){let e=0,t=0,n=Math.max(this.step,this.altered*5*this.step);this.activeKeys.forEach(r=>{switch(r){case`ArrowUp`:t=n;break;case`ArrowDown`:t=n*-1;break;case`ArrowLeft`:e=this.step*(this.isLTR?-1:1);break;case`ArrowRight`:e=this.step*(this.isLTR?1:-1);break;case`PageUp`:t=n*10;break;case`PageDown`:t=n*-10;break;case`Home`:e=n*(this.isLTR?-10:10);break;case`End`:e=n*(this.isLTR?10:-10);break;default:break}}),e===0?t!==0&&(this.activeAxis=`y`,this.inputY.focus()):(this.activeAxis=`x`,this.inputX.focus()),this.x=Math.min(1,Math.max(this.x+e,0)),this.y=Math.min(1,Math.max(this.y+t,0)),this.colorController.savePreviousColor(),(e!==0||t!==0)&&(this._valueChanged=!0,this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor())}handleKeyup(e){e.preventDefault();let{code:t}=e;this.activeKeys.delete(t)}handleInput(e){let{valueAsNumber:t,name:n}=e.target;this[n]=t}handleChange(e){this.handleInput(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),e.target.setPointerCapture(e.pointerId),e.pointerType===`mouse`&&(this.focused=!0)}handlePointermove(e){let[t,n]=this.calculateHandlePosition(e);this._valueChanged=!1,this.x=t,this.y=n,this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(e){e.preventDefault(),this._pointerDown=!1,e.target.releasePointerCapture(e.pointerId);let t=this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),e.pointerType===`mouse`&&(this.focused=!1),t||this.colorController.restorePreviousColor()}calculateHandlePosition(e){if(!this.boundingClientRect)return[this.x,this.y];let t=this.boundingClientRect,n=t.left,r=t.top,i=e.clientX,a=e.clientY,o=t.width,s=t.height,c=Math.max(0,Math.min(1,(i-n)/o)),l=Math.max(0,Math.min(1,(a-r)/s));return[this.isLTR?c:1-c,1-l]}handleAreaPointerdown(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),this.handle.dispatchEvent(new PointerEvent(`pointerdown`,e)),this.handlePointermove(e))}render(){let{width:t=0,height:n=0}=this.boundingClientRect||{},i=l()||c(),a=`Color Picker`,o=r(i?void 0:`2d slider`),s=this.labelX,u=this.labelY,f=new Intl.NumberFormat(this.languageResolver.language,{style:`percent`,unitDisplay:`narrow`}).format(this.x),p=new Intl.NumberFormat(this.languageResolver.language,{style:`percent`,unitDisplay:`narrow`}).format(this.y),m={background:`linear-gradient(to top, black 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%),linear-gradient(to right, white 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%), hsl(${this.hue}, 100%, 50%);`};return e`
+      <div
+        @pointerdown=${this.handleAreaPointerdown}
+        class="gradient"
+        style="background: ${m.background}"
+      >
+        <slot name="gradient"></slot>
+      </div>
+
+      <luzmo-color-handle
+        tabindex=${r(this.focused?void 0:`0`)}
+        @focus=${this.forwardFocus}
+        ?focused=${this.focused}
+        class="handle"
+        color=${this.colorController.getHslString()}
+        ?disabled=${this.disabled}
+        style=${`transform: translate(${(this.isLTR?this.x:1-this.x)*t}px, ${n-this.y*n}px);`}
+        ${d({start:[`pointerdown`,this.handlePointerdown],streamInside:[`pointermove`,this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`],this.handlePointerup]})}
+      ></luzmo-color-handle>
+
+      <fieldset
+        class="fieldset"
+        aria-label=${r(i?a:void 0)}
+      >
+        <div role="presentation">
+          <input
+            type="range"
+            class="slider"
+            name="x"
+            aria-label=${i?s:`${s} ${a}`}
+            aria-roledescription=${o}
+            aria-orientation="horizontal"
+            aria-valuetext=${i?f:`${f}, ${s}${this._valueChanged?``:`, ${p}, ${u}`}`}
+            min="0"
+            max="1"
+            step=${this.step}
+            tabindex="-1"
+            .value=${String(this.x)}
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+          />
+        </div>
+        <div role="presentation">
+          <input
+            type="range"
+            class="slider"
+            name="y"
+            aria-label=${i?u:`${u} ${a}`}
+            aria-roledescription=${o}
+            aria-orientation="vertical"
+            aria-valuetext=${i?p:`${p}, ${u}${this._valueChanged?``:`, ${f}, ${s}`}`}
+            orient="vertical"
+            min="0"
+            max="1"
+            step=${this.step}
+            tabindex="-1"
+            .value=${String(this.y)}
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+          />
+        </div>
+      </fieldset>
+    `}firstUpdated(e){super.firstUpdated(e),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener(`focus`,this.handleFocus),this.addEventListener(`blur`,this.handleBlur),this.addEventListener(`keyup`,this.handleKeyup),this.addEventListener(`keydown`,this.handleKeydown)}updated(e){if(super.updated(e),this.x!==this.inputX.valueAsNumber&&this.colorController.color.set(`s`,this.inputX.valueAsNumber*100),this.y!==this.inputY.valueAsNumber&&this.colorController.color.set(`v`,(1-this.inputY.valueAsNumber)*100),e.has(`focused`)&&this.focused){let e=this.inputX.parentElement,t=this.inputY.parentElement;if(!e.shadowRoot&&!t.shadowRoot){e.attachShadow({mode:`open`}),t.attachShadow({mode:`open`});let n=`<div tabindex="-1"><slot></slot></div>`;e.shadowRoot.innerHTML=n,t.shadowRoot.innerHTML=n}}}connectedCallback(){super.connectedCallback(),!this.observer&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize)),this.observer?.observe(this)}disconnectedCallback(){this.resizeRafId&&=(cancelAnimationFrame(this.resizeRafId),0),this.observer?.disconnect(),this.observer=void 0,super.disconnectedCallback()}};i([o({type:String,reflect:!0})],p.prototype,`dir`,void 0),i([o({type:Boolean,reflect:!0})],p.prototype,`disabled`,void 0),i([o({type:Boolean,reflect:!0})],p.prototype,`focused`,void 0),i([o({type:String,attribute:`label-x`})],p.prototype,`labelX`,void 0),i([o({type:String,attribute:`label-y`})],p.prototype,`labelY`,void 0),i([o({type:Boolean,attribute:`is-ltr`})],p.prototype,`isLTR`,void 0),i([n(`.handle`)],p.prototype,`handle`,void 0),i([o({type:Number})],p.prototype,`hue`,null),i([o({type:String})],p.prototype,`value`,null),i([o({type:String})],p.prototype,`color`,null),i([o({attribute:!1})],p.prototype,`activeAxis`,void 0),i([o({type:Number})],p.prototype,`x`,null),i([o({type:Number})],p.prototype,`y`,null),i([o({type:Number})],p.prototype,`step`,void 0),i([n(`[name="x"]`)],p.prototype,`inputX`,void 0),i([n(`[name="y"]`)],p.prototype,`inputY`,void 0),customElements.get(`luzmo-color-area`)||customElements.define(`luzmo-color-area`,p);export{p as t};