@luzmo/lucero 2.5.0 → 2.5.2

package/standalone/date-time-picker.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{a as r,c as i,g as a,i as o,l as s,s as c,v as l,y as u}from"./chunks/lucero-runtime-DGJ9-isg.js";import{g as d,o as f}from"./chunks/luzmo-icons-B-pCv-xg.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-BypO7M7G.js";import"./chunks/popover-BsB3dmQe.js";import{t as m}from"./chunks/class-map-CxQ0PcQP.js";import{t as h}from"./chunks/style-map-D4QeV3m0.js";import"./chunks/overlay-C_XW8yry.js";import{_ as g,c as _,d as v,f as y,l as b,n as x,p as S,r as C,u as w}from"./chunks/calendar-DcFjY2tw.js";import{t as T}from"./chunks/NumberParser-r_jv94LA.js";import{t as E}from"./chunks/manage-help-text-Cl9OJ2xf.js";import{t as D}from"./chunks/text-field.module-ClDE7laI.js";import"./chunks/picker-button-BZWqDoNQ.js";import{a as O,c as k,d as A,f as j,i as M,l as N,n as P,o as F,p as I,r as L,s as R,t as z,u as B}from"./chunks/segments-factory-eS38mJRz.js";var V=`:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}`,H=class extends E(i(r,{validSizes:Object.values(c)})){static get styles(){return[n(V),n(D)]}get precision(){return this._precision}set precision(e){this.isUserSetPrecision=!0;let t=this._precision;e!==t&&(this._precision=e,this.requestUpdate(`precision`,t))}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}get currentDate(){return this._value?w(this._value,this._timeZone):this.cachedLocalTime}get includesTime(){return[j.Hour,j.Minute,j.Second,j.Millisecond].includes(this.precision)}clear(){this._value=void 0,this.setSegments()}constructor(){super(),this._precision=j.Minute,this.isUserSetPrecision=!1,this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`},this.focused=!1,this.segments=new F([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??g(),this.cachedLocalTime=S(this._timeZone),this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,()=>this.previousCommitedValue=this._value),this.addEventListener(`focusout`,()=>this.commitValue())}willUpdate(e){let t=e.has(`value`),n=e.has(`timeZone`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`segments`),u=e.has(`disabled`);if(a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),t||r||i||n){this._value=this.value?_(new Date(this.value).toISOString(),`UTC`):void 0,this._min=this.min?_(new Date(this.min).toISOString(),`UTC`):void 0,this._max=this.max?_(new Date(this.max).toISOString(),`UTC`):void 0;let e=this.mostSpecificDateValue;e&&(this.convertDatePropsToMatch(e),this.checkDatePropsCompliance(r||i),this.updateDateProps(),this.updateDefaultPrecision())}(t||a||c||o||n||s)&&this.setSegments(),l&&this.setValueFromSegments(),u&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let d=this._value&&this.labels.selected+`: `+this.ariaDateFormatter.format(R(this._value));this.setAttribute(`aria-label`,d??this.labels.empty)}get mostSpecificDateValue(){let e=[this._value,this._min,this._max].filter(e=>e!==void 0);if(e.length===0)return;let t=e.filter(e=>A(e));if(t.length>0)return t[0];let n=e.filter(e=>B(e));return n.length>0?n[0]:e.find(e=>N(e))}convertDatePropsToMatch(e){if(A(e)){this._timeZone=this.timeZone??e.timeZone,this._value=this._value&&w(this._value,this._timeZone),this._min=this._min&&w(this._min,this._timeZone),this._max=this._max&&w(this._max,this._timeZone);return}if(this._timeZone=this.timeZone??g(),B(e)){this._value=this._value&&y(this._value),this._min=this._min&&y(this._min),this._max=this._max&&y(this._max);return}this._value=this._value&&v(this._value),this._min=this._min&&v(this._min),this._max=this._max&&v(this._max)}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(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.isNonCompliantValue()&&(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),!this._min&&!this._max&&!this._value&&(this._timeZone=g())}isNonCompliantValue(){return this._value!==void 0&&!!(this._min&&this._value.compare(this._min)<0||this._max&&this._value.compare(this._max)>0)}updateDateProps(){let e=this.mostSpecificDateValue;!e||!this.isUserSetPrecision||this.includesTime&&N(e)&&this.convertDatePropsToMatch(y(e))}updateDefaultPrecision(){if(this.isUserSetPrecision)return;let e=this.mostSpecificDateValue;e&&(this._precision=N(e)?j.Day:j.Minute)}render(){return e`
+import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-DWANyjiY.js";import{a as r,c as i,g as a,i as o,l as s,s as c,v as l,y as u}from"./chunks/lucero-runtime-DMlHjBe_.js";import{g as d,o as f}from"./chunks/luzmo-icons-vtQE0BSI.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-6P1RsbD1.js";import"./chunks/popover-Ca-FBqiU.js";import{t as m}from"./chunks/class-map-E9JVium5.js";import{t as h}from"./chunks/style-map-DmBaq1-c.js";import"./chunks/overlay-CgQMEmrM.js";import{_ as g,c as _,d as v,f as y,l as b,n as x,p as S,r as C,u as w}from"./chunks/calendar-BxARYymw.js";import{t as T}from"./chunks/NumberParser--1Rm0Yk7.js";import{t as E}from"./chunks/manage-help-text-DO3PkWgh.js";import{t as D}from"./chunks/text-field.module-ClDE7laI.js";import"./chunks/picker-button-DbamPU-T.js";import{a as O,c as k,d as A,f as j,i as M,l as N,n as P,o as F,p as I,r as L,s as R,t as z,u as B}from"./chunks/segments-factory-B6oGyosS.js";var V=`:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}`,H=class extends E(i(r,{validSizes:Object.values(c)})){static get styles(){return[n(V),n(D)]}get precision(){return this._precision}set precision(e){this.isUserSetPrecision=!0;let t=this._precision;e!==t&&(this._precision=e,this.requestUpdate(`precision`,t))}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}get currentDate(){return this._value?w(this._value,this._timeZone):this.cachedLocalTime}get includesTime(){return[j.Hour,j.Minute,j.Second,j.Millisecond].includes(this.precision)}clear(){this._value=void 0,this.setSegments()}constructor(){super(),this._precision=j.Minute,this.isUserSetPrecision=!1,this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`},this.focused=!1,this.segments=new F([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??g(),this.cachedLocalTime=S(this._timeZone),this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,()=>this.previousCommitedValue=this._value),this.addEventListener(`focusout`,()=>this.commitValue())}willUpdate(e){let t=e.has(`value`),n=e.has(`timeZone`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`segments`),u=e.has(`disabled`);if(a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),t||r||i||n){this._value=this.value?_(new Date(this.value).toISOString(),`UTC`):void 0,this._min=this.min?_(new Date(this.min).toISOString(),`UTC`):void 0,this._max=this.max?_(new Date(this.max).toISOString(),`UTC`):void 0;let e=this.mostSpecificDateValue;e&&(this.convertDatePropsToMatch(e),this.checkDatePropsCompliance(r||i),this.updateDateProps(),this.updateDefaultPrecision())}(t||a||c||o||n||s)&&this.setSegments(),l&&this.setValueFromSegments(),u&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let d=this._value&&this.labels.selected+`: `+this.ariaDateFormatter.format(R(this._value));this.setAttribute(`aria-label`,d??this.labels.empty)}get mostSpecificDateValue(){let e=[this._value,this._min,this._max].filter(e=>e!==void 0);if(e.length===0)return;let t=e.filter(e=>A(e));if(t.length>0)return t[0];let n=e.filter(e=>B(e));return n.length>0?n[0]:e.find(e=>N(e))}convertDatePropsToMatch(e){A(e)?(this._timeZone=this.timeZone??e.timeZone,this._value=this._value&&w(this._value,this._timeZone),this._min=this._min&&w(this._min,this._timeZone),this._max=this._max&&w(this._max,this._timeZone)):(this._timeZone=this.timeZone??g(),B(e)?(this._value=this._value&&y(this._value),this._min=this._min&&y(this._min),this._max=this._max&&y(this._max)):(this._value=this._value&&v(this._value),this._min=this._min&&v(this._min),this._max=this._max&&v(this._max)))}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(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.isNonCompliantValue()&&(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),this._min||this._max||this._value||(this._timeZone=g())}isNonCompliantValue(){return this._value!==void 0&&!!(this._min&&this._value.compare(this._min)<0||this._max&&this._value.compare(this._max)>0)}updateDateProps(){let e=this.mostSpecificDateValue;e&&this.isUserSetPrecision&&this.includesTime&&N(e)&&this.convertDatePropsToMatch(y(e))}updateDefaultPrecision(){if(this.isUserSetPrecision)return;let e=this.mostSpecificDateValue;e&&(this._precision=N(e)?j.Day:j.Minute)}render(){return e`
       <div id="text-field">
         ${this.renderStateIcons()} ${this.renderInputContent()}
       </div>
@@ -70,7 +70,7 @@ import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";i
           </div>
         </luzmo-popover>
       </luzmo-overlay>
-    `}handleChange(e){e.stopPropagation(),this.isCalendarOpen=!1,e.target?.value&&(this.value=e.target?.value);let t=b(e.target?.value??``);if(this.includesTime){let e=new C(this.segments.hour?.value??0,this.segments.minute?.value??0,this.segments.second?.value??0,this.segments.millisecond?.value??0),n=this.mostSpecificDateValue;this._value=y(t,e),n&&A(n)&&(this._value=w(this._value,this._timeZone))}else this._value=t;this.commitValue()}renderInputContent(){return e`
+    `}handleChange(e){e.stopPropagation(),this.isCalendarOpen=!1,e.target?.value&&(this.value=e.target?.value);let t=b(e.target?.value??``);if(this.includesTime){let e=this.segments.hour?.value??0,n=this.segments.minute?.value??0,r=this.segments.second?.value??0,i=this.segments.millisecond?.value??0,a=new C(e,n,r,i),o=this.mostSpecificDateValue;this._value=y(t,a),o&&A(o)&&(this._value=w(this._value,this._timeZone))}else this._value=t;this.commitValue()}renderInputContent(){return e`
       <div class="input">
         <span
           class="input-content"
@@ -104,4 +104,4 @@ import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";i
         data-type=${t.type}
         .innerText=${this.renderSegmentText(t)}
       ></div>
-    `}renderSegmentText(e){return p(e.value===void 0,()=>e.placeholder??``,()=>e.formatted??``)}handleKeydown(e){let t=e.target,n=t.dataset.type;if(n)switch(e.code){case`ArrowUp`:this.incrementValue(n);break;case`ArrowDown`:this.decrementValue(n);break;case`ArrowRight`:this.focusSegment(t,`next`);break;case`ArrowLeft`:this.focusSegment(t,`previous`);break;case`Enter`:case`Space`:this.commitValue();break;case`Backspace`:case`Delete`:e.preventDefault(),this.segments.getByType(n)?.value===void 0?this.focusSegment(t,`previous`):this.clearSegmentContent(n);break}}get modifierParams(){return{dateFormatter:this.dateFormatter,segments:this.segments,currentDate:this.currentDate}}incrementValue(e){let t=new L(this.modifierParams);this.segments=t.modify(e),this.dispatchInput()}decrementValue(e){let t=new M(this.modifierParams);this.segments=t.modify(e),this.dispatchInput()}focusSegment(e,t){let n=!1,r=e;for(;!n;){let e=t===`previous`?r.previousElementSibling:r.nextElementSibling;if(!e)break;e.getAttribute(`contenteditable`)&&(e.focus(),n=!0),r=e}}commitValue(){if(!(this._value&&this.previousCommitedValue&&this._value.compare(this.previousCommitedValue)===0)){if(this._value===void 0&&this.previousCommitedValue===void 0){let e=this.segments.editableValues.every(e=>e===void 0);this.invalid=!e;return}this.invalid=!!(this._value===void 0||this.isNonCompliantValue()),this.previousCommitedValue=this._value,this.dispatchChange()}}clearSegmentContent(e){let t=this.segments.editableValues,n=new O(this.modifierParams);this.segments=n.modify(e);let r=this.segments.editableValues;k(t,r)||this.dispatchInput()}handleInput(e){e.stopPropagation();let t=e.target.dataset.type,n=this.segments.editableValues,r=new P({...this.modifierParams,eventData:e.data,numberParser:this.numberParser});this.segments=r.modify(t),this.updateSegmentContent(this.segments.getByType(t),e.target);let i=this.segments.editableValues;k(n,i)||this.dispatchInput()}updateSegmentContent(e,t){t.textContent=e.value===void 0?e.placeholder:e.formatted}createOutputString(e){return e?A(e)?this._value.toAbsoluteString():new Date(this._value.toString()).toISOString():``}dispatchChange(){let e=this.createOutputString(this._value);this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}dispatchInput(){let e=this.createOutputString(this._value);this.dispatchEvent(new CustomEvent(`input`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}setValueFromSegments(){let e=this.segments.getFormattedDate(this.precision);if(!e){this._value&&this.dispatchChange(),this._value=void 0;return}this._value===void 0&&this.dispatchChange();let t=this.mostSpecificDateValue;t?A(t)?this._value=w(e,this._timeZone):B(t)?this._value=y(e):this._value=v(e):this._value=e}setSegments(){let e=new z(this.dateFormatter).createSegments(this.currentDate,this._value!==void 0);if(this.dateFormat){let t=e.all.findIndex(e=>e.type===I.Month),n=e.all.findIndex(e=>e.type===I.Day);if(t!==-1&&n!==-1){if(this.dateFormat===`mmdd`&&t>n){let r=e.all[t];e.all[t]=e.all[n],e.all[n]=r}else if(this.dateFormat===`ddmm`&&n>t){let r=e.all[n];e.all[n]=e.all[t],e.all[t]=r}}}typeof this.dateSeparator==`string`&&this.dateSeparator&&(e.all?.[1]?.type===I.Literal&&(e.all[1].formatted=this.dateSeparator),e.all?.[3]?.type===I.Literal&&(e.all[3].formatted=this.dateSeparator)),this.segments=e}setNumberParser(){this.numberParser=new T(this._language,{maximumFractionDigits:0})}setDateFormatter(){this.dateFormatter=new x(this._language,{day:`2-digit`,month:`2-digit`,year:`numeric`,...this.getTimeOptions(`2-digit`)})}setAriaDateFormatter(){this.ariaDateFormatter=new x(this._language,{day:`numeric`,month:`long`,year:`numeric`,...this.getTimeOptions(`numeric`)})}getTimeOptions(e){switch(this.precision){case j.Millisecond:return{hour:e,minute:e,second:e,fractionalSecondDigits:3};case j.Second:return{hour:e,minute:e,second:e};case j.Minute:return{hour:e,minute:e};case j.Hour:return{hour:e};default:return{}}}};s([u({type:String,reflect:!0})],H.prototype,`value`,void 0),s([u({type:String,reflect:!0})],H.prototype,`min`,void 0),s([u({type:String,reflect:!0})],H.prototype,`max`,void 0),s([u({type:String,attribute:`date-format`,reflect:!0})],H.prototype,`dateFormat`,void 0),s([u({type:String,attribute:`date-separator`,reflect:!0})],H.prototype,`dateSeparator`,void 0),s([u({type:String,reflect:!0})],H.prototype,`precision`,null),s([u({type:Boolean,reflect:!0})],H.prototype,`invalid`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`readonly`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`quiet`,void 0),s([u({type:String,reflect:!0})],H.prototype,`placement`,void 0),s([u({type:String,attribute:`time-zone`,reflect:!0})],H.prototype,`timeZone`,void 0),s([u({type:String,reflect:!0})],H.prototype,`language`,void 0),s([u({attribute:!1})],H.prototype,`labels`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`focused`,void 0),s([l()],H.prototype,`_value`,void 0),s([l()],H.prototype,`_min`,void 0),s([l()],H.prototype,`_max`,void 0),s([l()],H.prototype,`segments`,void 0),s([l()],H.prototype,`isCalendarOpen`,void 0),s([a(`.editable-segment`)],H.prototype,`firstEditableSegment`,void 0),s([a(`.input`)],H.prototype,`input`,void 0),customElements.get(`luzmo-date-time-picker`)||customElements.define(`luzmo-date-time-picker`,H);export{H as LuzmoDateTimePicker};
+    `}renderSegmentText(e){let t=e.value===void 0;return p(t,()=>e.placeholder??``,()=>e.formatted??``)}handleKeydown(e){let t=e.target,n=t.dataset.type;if(n)switch(e.code){case`ArrowUp`:this.incrementValue(n);break;case`ArrowDown`:this.decrementValue(n);break;case`ArrowRight`:this.focusSegment(t,`next`);break;case`ArrowLeft`:this.focusSegment(t,`previous`);break;case`Enter`:case`Space`:this.commitValue();break;case`Backspace`:case`Delete`:e.preventDefault(),this.segments.getByType(n)?.value===void 0?this.focusSegment(t,`previous`):this.clearSegmentContent(n)}}get modifierParams(){return{dateFormatter:this.dateFormatter,segments:this.segments,currentDate:this.currentDate}}incrementValue(e){let t=new L(this.modifierParams);this.segments=t.modify(e),this.dispatchInput()}decrementValue(e){let t=new M(this.modifierParams);this.segments=t.modify(e),this.dispatchInput()}focusSegment(e,t){let n=!1,r=e;for(;!n;){let e=t===`previous`?r.previousElementSibling:r.nextElementSibling;if(!e)break;e.getAttribute(`contenteditable`)&&(e.focus(),n=!0),r=e}}commitValue(){if(!(this._value&&this.previousCommitedValue&&this._value.compare(this.previousCommitedValue)===0)){if(this._value===void 0&&this.previousCommitedValue===void 0){let e=this.segments.editableValues.every(e=>e===void 0);this.invalid=!e}else this.invalid=!!(this._value===void 0||this.isNonCompliantValue()),this.previousCommitedValue=this._value,this.dispatchChange()}}clearSegmentContent(e){let t=this.segments.editableValues,n=new O(this.modifierParams);this.segments=n.modify(e);let r=this.segments.editableValues;k(t,r)||this.dispatchInput()}handleInput(e){e.stopPropagation();let t=e.target.dataset.type,n=this.segments.editableValues,r=new P({...this.modifierParams,eventData:e.data,numberParser:this.numberParser});this.segments=r.modify(t),this.updateSegmentContent(this.segments.getByType(t),e.target);let i=this.segments.editableValues;k(n,i)||this.dispatchInput()}updateSegmentContent(e,t){t.textContent=e.value===void 0?e.placeholder:e.formatted}createOutputString(e){return e?A(e)?this._value.toAbsoluteString():new Date(this._value.toString()).toISOString():``}dispatchChange(){let e=this.createOutputString(this._value);this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}dispatchInput(){let e=this.createOutputString(this._value);this.dispatchEvent(new CustomEvent(`input`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}setValueFromSegments(){let e=this.segments.getFormattedDate(this.precision);if(!e){this._value&&this.dispatchChange(),this._value=void 0;return}this._value===void 0&&this.dispatchChange();let t=this.mostSpecificDateValue;this._value=t?A(t)?w(e,this._timeZone):B(t)?y(e):v(e):e}setSegments(){let e=new z(this.dateFormatter).createSegments(this.currentDate,this._value!==void 0);if(this.dateFormat){let t=e.all.findIndex(e=>e.type===I.Month),n=e.all.findIndex(e=>e.type===I.Day);if(t!==-1&&n!==-1){if(this.dateFormat===`mmdd`&&t>n){let r=e.all[t];e.all[t]=e.all[n],e.all[n]=r}else if(this.dateFormat===`ddmm`&&n>t){let r=e.all[n];e.all[n]=e.all[t],e.all[t]=r}}}typeof this.dateSeparator==`string`&&this.dateSeparator&&(e.all?.[1]?.type===I.Literal&&(e.all[1].formatted=this.dateSeparator),e.all?.[3]?.type===I.Literal&&(e.all[3].formatted=this.dateSeparator)),this.segments=e}setNumberParser(){this.numberParser=new T(this._language,{maximumFractionDigits:0})}setDateFormatter(){this.dateFormatter=new x(this._language,{day:`2-digit`,month:`2-digit`,year:`numeric`,...this.getTimeOptions(`2-digit`)})}setAriaDateFormatter(){this.ariaDateFormatter=new x(this._language,{day:`numeric`,month:`long`,year:`numeric`,...this.getTimeOptions(`numeric`)})}getTimeOptions(e){switch(this.precision){case j.Millisecond:return{hour:e,minute:e,second:e,fractionalSecondDigits:3};case j.Second:return{hour:e,minute:e,second:e};case j.Minute:return{hour:e,minute:e};case j.Hour:return{hour:e};default:return{}}}};s([u({type:String,reflect:!0})],H.prototype,`value`,void 0),s([u({type:String,reflect:!0})],H.prototype,`min`,void 0),s([u({type:String,reflect:!0})],H.prototype,`max`,void 0),s([u({type:String,attribute:`date-format`,reflect:!0})],H.prototype,`dateFormat`,void 0),s([u({type:String,attribute:`date-separator`,reflect:!0})],H.prototype,`dateSeparator`,void 0),s([u({type:String,reflect:!0})],H.prototype,`precision`,null),s([u({type:Boolean,reflect:!0})],H.prototype,`invalid`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`readonly`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`quiet`,void 0),s([u({type:String,reflect:!0})],H.prototype,`placement`,void 0),s([u({type:String,attribute:`time-zone`,reflect:!0})],H.prototype,`timeZone`,void 0),s([u({type:String,reflect:!0})],H.prototype,`language`,void 0),s([u({attribute:!1})],H.prototype,`labels`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`focused`,void 0),s([l()],H.prototype,`_value`,void 0),s([l()],H.prototype,`_min`,void 0),s([l()],H.prototype,`_max`,void 0),s([l()],H.prototype,`segments`,void 0),s([l()],H.prototype,`isCalendarOpen`,void 0),s([a(`.editable-segment`)],H.prototype,`firstEditableSegment`,void 0),s([a(`.input`)],H.prototype,`input`,void 0),customElements.get(`luzmo-date-time-picker`)||customElements.define(`luzmo-date-time-picker`,H);export{H as LuzmoDateTimePicker};

package/standalone/divider.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/divider-Bf9Drp2z.js";export{e as LuzmoDivider};
+import"./tokens.js";export{t as LuzmoDivider}from"./chunks/divider-vAjIOfo1.js";

package/standalone/field-group.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/field-group-D8EjgC6F.js";customElements.get(`luzmo-field-group`)||customElements.define(`luzmo-field-group`,e);export{e as LuzmoFieldGroup};
+import"./tokens.js";import{t as e}from"./chunks/field-group-C1oDgW9m.js";customElements.get(`luzmo-field-group`)||customElements.define(`luzmo-field-group`,e);export{e as LuzmoFieldGroup};

package/standalone/field-label.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/field-label-VWHDlW9_.js";export{e as LuzmoFieldLabel};
+import"./tokens.js";export{t as LuzmoFieldLabel}from"./chunks/field-label-Djcst_hn.js";

package/standalone/icon.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/icon-BypO7M7G.js";export{e as LuzmoIcon};
+import"./tokens.js";export{t as LuzmoIcon}from"./chunks/icon-6P1RsbD1.js";

package/standalone/infield-button.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/infield-button-D03MpU_s.js";export{e as LuzmoInfieldButton};
+import"./tokens.js";export{t as LuzmoInfieldButton}from"./chunks/infield-button-B8EkjwP9.js";

package/standalone/label.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{l as n,u as r,y as i}from"./chunks/lucero-runtime-DGJ9-isg.js";var a=class extends r{constructor(...e){super(...e),this.label=``,this.tooltip=``}static{this.styles=t(``)}render(){return e` <span> ${this.label} </span> `}};n([i({type:String})],a.prototype,`label`,void 0),n([i({type:String,reflect:!0,attribute:`tooltip`})],a.prototype,`tooltip`,void 0),customElements.get(`luzmo-label`)||customElements.define(`luzmo-label`,a);export{a as LuzmoLabel};
+import"./tokens.js";import{c as e,y as t}from"./chunks/lit-DWANyjiY.js";import{l as n,u as r,y as i}from"./chunks/lucero-runtime-DMlHjBe_.js";var a=class extends r{constructor(...e){super(...e),this.label=``,this.tooltip=``}static{this.styles=t(``)}render(){return e` <span> ${this.label} </span> `}};n([i({type:String})],a.prototype,`label`,void 0),n([i({type:String,reflect:!0,attribute:`tooltip`})],a.prototype,`tooltip`,void 0),customElements.get(`luzmo-label`)||customElements.define(`luzmo-label`,a);export{a as LuzmoLabel};

package/standalone/lit.js

@@ -17,4 +17,4 @@
  *
  */
 
-import{_ as e,a as t,c as n,d as r,f as i,g as a,h as o,i as s,l as c,m as l,n as u,o as d,p as f,r as p,s as m,t as h,u as g,v as _,y as v}from"./chunks/lit-BN_lRQbJ.js";import{_ as y,b,f as x,g as S,h as C,i as w,m as T,p as E,v as D,x as O,y as k}from"./chunks/lucero-runtime-DGJ9-isg.js";import{n as A,r as j,t as M}from"./chunks/directive-Du_3lDov.js";import{t as N}from"./chunks/class-map-CxQ0PcQP.js";import{t as P}from"./chunks/style-map-D4QeV3m0.js";import{t as F}from"./chunks/async-directive-BA2_dM-5.js";import"./chunks/async-directive-CPdA0BOw.js";import{n as I,t as L}from"./chunks/unsafe-html-BPQaWy0v.js";import{t as R}from"./chunks/repeat-CZdNcszA.js";import{t as z}from"./chunks/keyed-CNWmQd2J.js";var B={},V=M(class extends A{constructor(){super(...arguments),this.ot=B}render(e,t){return t()}update(e,[t,n]){if(Array.isArray(t)){if(Array.isArray(this.ot)&&this.ot.length===t.length&&t.every((e,t)=>e===this.ot[t]))return d}else if(this.ot===t)return d;return this.ot=Array.isArray(t)?Array.from(t):t,this.render(t,n)}});export{F as AsyncDirective,_ as CSSResult,A as Directive,u as LitElement,j as PartType,f as ReactiveElement,L as UnsafeHTMLDirective,p as _$LE,c as _$LH,l as adoptStyles,N as classMap,e as css,O as customElement,i as defaultConverter,M as directive,y as eventOptions,o as getCompatibleStyle,V as guard,n as html,w as ifDefined,h as isServer,z as keyed,m as mathml,d as noChange,r as notEqual,s as nothing,k as property,S as query,C as queryAll,E as queryAssignedElements,x as queryAssignedNodes,T as queryAsync,t as render,R as repeat,b as standardProperty,D as state,P as styleMap,a as supportsAdoptingStyleSheets,g as svg,v as unsafeCSS,I as unsafeHTML};
+import{_ as e,a as t,c as n,d as r,f as i,g as a,h as o,i as s,l as c,m as l,n as u,o as d,p as f,r as p,s as m,t as h,u as g,v as _,y as v}from"./chunks/lit-DWANyjiY.js";import{_ as y,b,f as x,g as S,h as C,i as w,m as T,p as E,v as D,x as O,y as k}from"./chunks/lucero-runtime-DMlHjBe_.js";import{n as A,r as j,t as M}from"./chunks/directive-Du_3lDov.js";import{t as N}from"./chunks/class-map-E9JVium5.js";import{t as P}from"./chunks/style-map-DmBaq1-c.js";import{t as F}from"./chunks/async-directive-ByLzVnWY.js";import"./chunks/async-directive-DNgXlN7F.js";import{n as I,t as L}from"./chunks/unsafe-html-BeDipvu3.js";import{t as R}from"./chunks/repeat-CtNle5_O.js";import{t as z}from"./chunks/keyed-DYJaQjip.js";var B={},V=M(class extends A{constructor(){super(...arguments),this.ot=B}render(e,t){return t()}update(e,[t,n]){if(Array.isArray(t)){if(Array.isArray(this.ot)&&this.ot.length===t.length&&t.every((e,t)=>e===this.ot[t]))return d}else if(this.ot===t)return d;return this.ot=Array.isArray(t)?Array.from(t):t,this.render(t,n)}});export{F as AsyncDirective,_ as CSSResult,A as Directive,u as LitElement,j as PartType,f as ReactiveElement,L as UnsafeHTMLDirective,p as _$LE,c as _$LH,l as adoptStyles,N as classMap,e as css,O as customElement,i as defaultConverter,M as directive,y as eventOptions,o as getCompatibleStyle,V as guard,n as html,w as ifDefined,h as isServer,z as keyed,m as mathml,d as noChange,r as notEqual,s as nothing,k as property,S as query,C as queryAll,E as queryAssignedElements,x as queryAssignedNodes,T as queryAsync,t as render,R as repeat,b as standardProperty,D as state,P as styleMap,a as supportsAdoptingStyleSheets,g as svg,v as unsafeCSS,I as unsafeHTML};

package/standalone/manifest.json

@@ -69,82 +69,82 @@
     "utils.js"
   ],
   "chunks": [
-    "chunks/NumberFormatter-DMCfW685.js",
-    "chunks/NumberParser-r_jv94LA.js",
-    "chunks/action-button-FSsfXYe9.js",
-    "chunks/action-group-DTxf-0tP.js",
-    "chunks/async-directive-BA2_dM-5.js",
-    "chunks/async-directive-CPdA0BOw.js",
-    "chunks/badge-DD-tMgzi.js",
-    "chunks/button-Bv3v7VbN.js",
-    "chunks/button-Q1n9DH9a.js",
-    "chunks/button-base-C7jeeyLp.js",
-    "chunks/calendar-DcFjY2tw.js",
-    "chunks/checkbox-DQ4wPgG_.js",
-    "chunks/checkbox-mixin-BAQWmwps.js",
-    "chunks/class-map-CxQ0PcQP.js",
-    "chunks/clear-button-3zpCVxG5.js",
-    "chunks/close-button-C96dazyi.js",
-    "chunks/color-area-Cj8oPsIF.js",
-    "chunks/color-controller-fJNWRHVI.js",
-    "chunks/color-field-BFvUGE4L.js",
-    "chunks/color-handle-BHrAxEG2.js",
-    "chunks/color-loupe-C34cms5t.js",
-    "chunks/color-menu-BIKuitbH.js",
-    "chunks/color-slider-CAqvxsgS.js",
+    "chunks/NumberFormatter-COykocAS.js",
+    "chunks/NumberParser--1Rm0Yk7.js",
+    "chunks/action-button-0d4u0dWv.js",
+    "chunks/action-group-DlClwXLO.js",
+    "chunks/async-directive-ByLzVnWY.js",
+    "chunks/async-directive-DNgXlN7F.js",
+    "chunks/badge-DPFbBRCY.js",
+    "chunks/button-Bgc3zdEa.js",
+    "chunks/button-BhSe7abg.js",
+    "chunks/button-base-DLYrzCSm.js",
+    "chunks/calendar-BxARYymw.js",
+    "chunks/checkbox-Cl6YBcGA.js",
+    "chunks/checkbox-mixin-HnfmivU3.js",
+    "chunks/class-map-E9JVium5.js",
+    "chunks/clear-button-B4r_oxfc.js",
+    "chunks/close-button-DVCeu3_f.js",
+    "chunks/color-area-BCI2oMGd.js",
+    "chunks/color-controller-BlFueK6Y.js",
+    "chunks/color-field-BaVvupq0.js",
+    "chunks/color-handle-BLQiuRSS.js",
+    "chunks/color-loupe-_dC69K1Z.js",
+    "chunks/color-menu-BDZh85nX.js",
+    "chunks/color-slider-Bipcekrc.js",
     "chunks/condition-attribute-with-id-Dv8Yd-N1.js",
     "chunks/dependency-manger-BPrqqTnJ.js",
     "chunks/directive-Du_3lDov.js",
-    "chunks/directive-helpers-Bu8icI7Y.js",
-    "chunks/divider-Bf9Drp2z.js",
+    "chunks/directive-helpers-DM8VtBpR.js",
+    "chunks/divider-vAjIOfo1.js",
     "chunks/divider.module-sYekRHno.js",
     "chunks/element-resolution-DX0ea-Cd.js",
-    "chunks/field-group-D8EjgC6F.js",
-    "chunks/field-label-VWHDlW9_.js",
-    "chunks/flow-aCcJ5kgi.js",
-    "chunks/focus-group-Cl6MLy-C.js",
+    "chunks/field-group-C1oDgW9m.js",
+    "chunks/field-label-Djcst_hn.js",
+    "chunks/flow-CL5kBpdV.js",
+    "chunks/focus-group-xdTxdfaB.js",
     "chunks/focusable-selectors-D5e0OxNL.js",
     "chunks/get-label-from-slot-Dfoiptqo.js",
-    "chunks/icon-BypO7M7G.js",
-    "chunks/infield-button-D03MpU_s.js",
-    "chunks/keyed-CNWmQd2J.js",
-    "chunks/language-resolution-BWHk9A73.js",
-    "chunks/lit-BN_lRQbJ.js",
-    "chunks/lucero-runtime-DGJ9-isg.js",
-    "chunks/luzmo-icons-B-pCv-xg.js",
-    "chunks/manage-help-text-Cl9OJ2xf.js",
+    "chunks/icon-6P1RsbD1.js",
+    "chunks/infield-button-B8EkjwP9.js",
+    "chunks/keyed-DYJaQjip.js",
+    "chunks/language-resolution-BwIkGyuH.js",
+    "chunks/lit-DWANyjiY.js",
+    "chunks/lucero-runtime-DMlHjBe_.js",
+    "chunks/luzmo-icons-vtQE0BSI.js",
+    "chunks/manage-help-text-DO3PkWgh.js",
     "chunks/match-media-BMi7j6hf.js",
-    "chunks/menu-DSMoQt1w.js",
-    "chunks/number-field-B6BDXkL7.js",
-    "chunks/observe-slot-presence-DWPtw22K.js",
-    "chunks/options-CkmITqgV.js",
-    "chunks/overlay-C4ir0iyC.js",
-    "chunks/overlay-C_XW8yry.js",
-    "chunks/pending-state-DxeRqe6Q.js",
-    "chunks/picker-FCQK0vdE.js",
-    "chunks/picker-button-BZWqDoNQ.js",
-    "chunks/platform-BfrBbd97.js",
-    "chunks/popover-BsB3dmQe.js",
-    "chunks/progress-circle-CEx1b5Sv.js",
-    "chunks/property-CLXrnTGx.js",
-    "chunks/radio-2vHhfmHw.js",
-    "chunks/random-id-CeLe5NEk.js",
-    "chunks/repeat-CZdNcszA.js",
+    "chunks/menu-CefrRBIS.js",
+    "chunks/number-field-Dc4nBa6l.js",
+    "chunks/observe-slot-presence-BxmG6A0m.js",
+    "chunks/options-rb_zaAJ6.js",
+    "chunks/overlay-CgQMEmrM.js",
+    "chunks/pending-state-DnTXKvtm.js",
+    "chunks/picker-HoERLlkx.js",
+    "chunks/picker-button-DbamPU-T.js",
+    "chunks/platform-wNs7qaiE.js",
+    "chunks/popover-Ca-FBqiU.js",
+    "chunks/progress-circle-CFtVq9Ou.js",
+    "chunks/property-BsDbx7Z2.js",
+    "chunks/radio-BJ3RhyUD.js",
+    "chunks/random-id-0GBXy8EY.js",
+    "chunks/repeat-CtNle5_O.js",
     "chunks/rolldown-runtime-DWK5is8u.js",
-    "chunks/roving-tabindex-CB4xC55P.js",
-    "chunks/scaled-indicator-k-1JmS0b.js",
-    "chunks/segments-factory-eS38mJRz.js",
-    "chunks/skeleton-loader-BxYcRRJr.js",
+    "chunks/roving-tabindex-CivopiNn.js",
+    "chunks/scaled-indicator-Do5uhz24.js",
+    "chunks/segments-factory-B6oGyosS.js",
+    "chunks/skeleton-loader-CymPdQl3.js",
     "chunks/slottable-request-event-D9FhiqH1.js",
-    "chunks/strategies-C-vW4MlK.js",
-    "chunks/streaming-listener-DFczLm8I.js",
-    "chunks/style-map-D4QeV3m0.js",
-    "chunks/swatch-CGR_GWqO.js",
-    "chunks/text-field-4OKvLOXG.js",
-    "chunks/text-field-C2oROxum.js",
+    "chunks/strategies-yujlVHBS.js",
+    "chunks/streaming-listener-DbMoHlSj.js",
+    "chunks/style-map-DmBaq1-c.js",
+    "chunks/swatch-DivHeYOK.js",
+    "chunks/template-property-CyrkVY0Q.js",
+    "chunks/text-field-D5ncaa2n.js",
+    "chunks/text-field-DXzpM1Qn.js",
     "chunks/text-field.module-ClDE7laI.js",
-    "chunks/tooltip-DB6jRVyB.js",
-    "chunks/unsafe-html-BPQaWy0v.js",
+    "chunks/tooltip-B-j8PrNl.js",
+    "chunks/unsafe-html-BeDipvu3.js",
     "chunks/voice-recorder--d34tYNu.js",
     "chunks/when-BWvpqCBs.js"
   ],

package/standalone/menu.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{a as e,i as t,n,r,t as i}from"./chunks/menu-DSMoQt1w.js";export{e as LuzmoMenu,t as LuzmoMenuDivider,r as LuzmoMenuGroup,i as LuzmoMenuItem,n as MenuItemAddedOrUpdatedEvent};
+import"./tokens.js";export{a as LuzmoMenu,i as LuzmoMenuDivider,r as LuzmoMenuGroup,t as LuzmoMenuItem,n as MenuItemAddedOrUpdatedEvent}from"./chunks/menu-CefrRBIS.js";

package/standalone/multi-language-field.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{c as n,l as r,u as i,y as a}from"./chunks/lucero-runtime-DGJ9-isg.js";import{t as o}from"./chunks/manage-help-text-Cl9OJ2xf.js";import"./chunks/text-field-4OKvLOXG.js";var s=`:host{display:inline-block}:host luzmo-text-field{width:100%}`,c=class extends o(n(i,{noDefaultSize:!0})){constructor(...e){super(...e),this.label=``,this.allowedKeys=``,this.i18nPlaceholder={},this.type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.rows=-1,this.quiet=!1,this.disabled=!1,this.required=!1,this.readonly=!1,this.language=`en`,this.defaultLanguage=`en`,this.value={}}static get styles(){return[t(s)]}get _localizedValue(){let e={...this.value};return e[this.language]??e[this.defaultLanguage]??Object.values(e)[0]??``}get _localizedPlaceholder(){let e={...this.i18nPlaceholder};return e[this.language]??e[this.defaultLanguage]??Object.values(e)[0]??``}handleChange(e){e.stopPropagation(),e.preventDefault();let t=e.target;this.value[this.language]!==t.value&&(this.value={...this.value,[this.language]:t.value},this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}})))}render(){return e`
+import"./tokens.js";import{c as e,y as t}from"./chunks/lit-DWANyjiY.js";import{c as n,l as r,u as i,y as a}from"./chunks/lucero-runtime-DMlHjBe_.js";import{t as o}from"./chunks/manage-help-text-DO3PkWgh.js";import"./chunks/text-field-D5ncaa2n.js";var s=`:host{display:inline-block}:host luzmo-text-field{width:100%}`,c=class extends o(n(i,{noDefaultSize:!0})){constructor(...e){super(...e),this.label=``,this.allowedKeys=``,this.i18nPlaceholder={},this.type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.rows=-1,this.quiet=!1,this.disabled=!1,this.required=!1,this.readonly=!1,this.language=`en`,this.defaultLanguage=`en`,this.value={}}static get styles(){return[t(s)]}get _localizedValue(){let e={...this.value};return e[this.language]??e[this.defaultLanguage]??Object.values(e)[0]??``}get _localizedPlaceholder(){let e={...this.i18nPlaceholder};return e[this.language]??e[this.defaultLanguage]??Object.values(e)[0]??``}handleChange(e){e.stopPropagation(),e.preventDefault();let t=e.target;this.value[this.language]!==t.value&&(this.value={...this.value,[this.language]:t.value},this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}})))}render(){return e`
       <luzmo-text-field
         .label=${this.label}
         .value=${this._localizedValue}

package/standalone/notice.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{c as r,l as i,u as a,v as o,y as s}from"./chunks/lucero-runtime-DGJ9-isg.js";import{L as c,c as l,m as u,t as d}from"./chunks/luzmo-icons-B-pCv-xg.js";import"./chunks/icon-BypO7M7G.js";import"./chunks/button-Q1n9DH9a.js";var f=`:host{border-radius:var(--luzmo-notice-border-radius,var(--notice-border-radius));box-sizing:border-box;align-items:flex-start;gap:var(--luzmo-notice-column-gap,var(--notice-column-gap));inline-size:100%;max-inline-size:var(--luzmo-notice-max-inline-size,var(--notice-max-inline-size));min-inline-size:0;padding-block:var(--luzmo-notice-padding-block,var(--notice-padding-block));padding-inline:var(--luzmo-notice-padding-inline,var(--notice-padding-inline));background-color:var(--highcontrast-notice-background-color,var(--luzmo-notice-background-color,var(--notice-background-color)));color:var(--highcontrast-notice-text-color,var(--luzmo-notice-text-color,var(--notice-text-color)));font-family:var(--luzmo-notice-font-family,var(--notice-font-family));font-size:var(--luzmo-notice-font-size,var(--notice-font-size));line-height:var(--luzmo-notice-line-height,var(--notice-line-height));display:flex;position:relative;overflow:hidden;border-width:var(--luzmo-notice-border-width,var(--notice-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-notice-border-color,var(--luzmo-notice-border-color,var(--notice-border-color)))!important}:host(:not([open])){display:none}.icon{color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));min-block-size:var(--notice-first-line-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon luzmo-icon,::slotted([slot=icon]){--luzmo-icon-size:var(--luzmo-notice-icon-size,var(--notice-icon-size));--luzmo-icon-vertical-align:top;flex:none;display:flex}.content{gap:var(--luzmo-notice-content-gap,var(--notice-content-gap));overflow-wrap:anywhere;flex-direction:column;flex:auto;min-inline-size:0;display:flex}:host([closeable]) .content>:first-child,:host([duration]) .content>:first-child{padding-inline-end:var(--notice-first-content-end-padding)}.heading{color:var(--highcontrast-notice-heading-color,var(--luzmo-notice-heading-color,var(--notice-heading-color)));font-weight:var(--luzmo-notice-heading-font-weight,var(--notice-heading-font-weight))}.description{min-inline-size:0}.close-control{block-size:var(--notice-close-size);inline-size:var(--notice-close-size);align-items:center;display:flex;position:absolute;inset-block-start:var(--notice-close-inset);inset-inline-end:var(--notice-close-inset)}.close{--luzmo-close-button-background-color-default:transparent;--luzmo-close-button-background-color-hover:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--luzmo-close-button-background-color-down:color-mix(in srgb, var(--notice-variant-color) 20%, transparent);--luzmo-close-button-background-color-focus:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--notice-close-icon-color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));--luzmo-close-button-icon-color-default:var(--notice-close-icon-color);--luzmo-close-button-icon-color-hover:var(--notice-close-icon-color);--luzmo-close-button-icon-color-down:var(--notice-close-icon-color);--luzmo-close-button-icon-color-focus:var(--notice-close-icon-color);flex:none}.progress{block-size:var(--luzmo-notice-progress-size,var(--notice-progress-size));background-color:var(--highcontrast-notice-progress-color,var(--luzmo-notice-progress-color,var(--notice-progress-color)));transform-origin:100%;animation:notice-progress var(--notice-progress-duration) linear forwards;position:absolute;inset-block-end:0;inset-inline:0}:host([dir=rtl]) .progress{transform-origin:0}.progress.paused{animation-play-state:paused}@keyframes notice-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.progress{animation:none}}@media (forced-colors:active){:host{--highcontrast-notice-background-color:Canvas;--highcontrast-notice-border-color:CanvasText;--highcontrast-notice-text-color:CanvasText;--highcontrast-notice-heading-color:CanvasText;--highcontrast-notice-icon-color:CanvasText;--highcontrast-notice-progress-color:Highlight;forced-color-adjust:none}}:host{--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color);--notice-background-color:color-mix(in srgb, var(--notice-variant-color) 10%, var(--luzmo-background-color));--notice-border-color:var(--notice-variant-color);--notice-border-radius:var(--luzmo-border-radius);--notice-border-width:var(--luzmo-border-width);--notice-text-color:var(--luzmo-font-color);--notice-heading-color:var(--notice-semantic-content-color);--notice-font-family:var(--luzmo-font-family);--notice-font-size:var(--luzmo-font-size);--notice-heading-font-weight:var(--luzmo-font-weight-bold);--notice-line-height:1.4;--notice-icon-color:var(--notice-semantic-content-color);--notice-icon-size:var(--luzmo-icon-size-l);--notice-max-inline-size:none;--notice-padding-block:var(--luzmo-spacing-4);--notice-padding-inline:var(--luzmo-spacing-5);--notice-content-gap:var(--luzmo-spacing-1);--notice-column-gap:var(--luzmo-spacing-3);--notice-close-size:var(--luzmo-component-height);--notice-progress-color:var(--notice-variant-color);--notice-progress-size:var(--luzmo-border-width);--notice-first-line-size:calc(var(--luzmo-notice-font-size,var(--notice-font-size)) * var(--luzmo-notice-line-height,var(--notice-line-height)));--notice-close-inset:calc(var(--luzmo-notice-padding-block,var(--notice-padding-block)) + ( var(--notice-first-line-size) - var(--notice-close-size) ) / 2);--notice-first-content-end-padding:calc(var(--notice-close-size) + var(--notice-close-inset) - var(--luzmo-notice-padding-inline,var(--notice-padding-inline)) + var(--luzmo-notice-column-gap,var(--notice-column-gap)))}:host([size=s]){--notice-font-size:var(--luzmo-font-size-s);--notice-icon-size:var(--luzmo-icon-size-m);--notice-close-size:var(--luzmo-component-height-s);--notice-padding-block:var(--luzmo-spacing-3);--notice-padding-inline:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-s)}:host([size=l]){--notice-font-size:var(--luzmo-font-size-l);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-l);--notice-padding-block:var(--luzmo-spacing-5);--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-l)}:host([size=xl]){--notice-font-size:var(--luzmo-font-size-xl);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-xl);--notice-padding-block:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-xl)}:host([variant=negative]){--notice-variant-color:var(--luzmo-negative-color);--notice-semantic-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=positive]){--notice-variant-color:var(--luzmo-positive-color);--notice-semantic-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=notice]){--notice-variant-color:var(--luzmo-notice-color);--notice-semantic-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=info]){--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color)}`,p=[`negative`,`positive`,`notice`,`info`],m={close:`Close`,negative:`Error`,positive:`Success`,notice:`Warning`,info:`Information`},h=6,g={negative:c,positive:l,notice:d,info:u},_=class extends r(a,{validSizes:[`s`,`m`,`l`,`xl`],defaultSize:`m`}){constructor(...e){super(...e),this.open=!0,this._variant=`info`,this.hideIcon=!1,this.closeable=!1,this.heading=``,this.description=``,this._duration=null,this.labels={},this._hasCustomIcon=!1,this._hasSlottedHeading=!1,this._hasSlottedDescription=!1,this._timerPaused=!1,this._timerStartedAt=0,this._remainingMilliseconds=0,this._pauseReasons=new Set,this._handleManualClose=()=>{this._requestClose(`manual`)},this._handlePointerEnter=()=>{this._pauseCountdown(`pointer`)},this._handlePointerLeave=()=>{this._pauseReasons.delete(`pointer`),this._resumeCountdown()},this._handleFocusIn=()=>{this._pauseCountdown(`focus`),this._pauseCountdown(`sticky`)},this._handleFocusOut=e=>{let t=e.relatedTarget;t&&(this.contains(t)||this.shadowRoot?.contains(t))||(this._pauseReasons.delete(`focus`),this._resumeCountdown())}}static get styles(){let e=super.styles;return[...Array.isArray(e)?e:e?[e]:[],n(f)]}get variant(){return this._variant}set variant(e){let t=this._variant;this._variant=p.includes(e)?e:`info`,this.getAttribute(`variant`)!==this._variant&&this.setAttribute(`variant`,this._variant),this.requestUpdate(`variant`,t)}get duration(){return this._duration}set duration(e){let t=this._duration,n=Number(e);this._duration=e!==null&&Number.isFinite(n)&&n>0?Math.max(h,n):null;let r=this._duration===null?null:String(this._duration);this.getAttribute(`duration`)!==r&&(r===null?this.removeAttribute(`duration`):this.setAttribute(`duration`,r)),this.requestUpdate(`duration`,t)}get _resolvedLabels(){return{close:this.labels.close??m.close,negative:this.labels.negative??m.negative,positive:this.labels.positive??m.positive,notice:this.labels.notice??m.notice,info:this.labels.info??m.info}}connectedCallback(){super.connectedCallback(),this._syncSlottedContent(),this._slotObserver=new MutationObserver(()=>this._syncSlottedContent()),this._slotObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0,attributeFilter:[`slot`]}),this.addEventListener(`pointerenter`,this._handlePointerEnter),this.addEventListener(`pointerleave`,this._handlePointerLeave),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this._pauseReasons.delete(`disconnect`)?this._resumeCountdown():this.hasUpdated&&this.open&&this.duration&&this._startNewCountdown()}disconnectedCallback(){this._pauseCountdown(`disconnect`),this._pauseReasons.delete(`pointer`),this._pauseReasons.delete(`focus`),this._slotObserver?.disconnect(),this._slotObserver=void 0,this.removeEventListener(`pointerenter`,this._handlePointerEnter),this.removeEventListener(`pointerleave`,this._handlePointerLeave),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),super.disconnectedCallback()}close(e){this._requestClose(e??`programmatic`)}willUpdate(e){if(super.willUpdate(e),e.has(`variant`)||!this.hasAttribute(`role`)){let e=this.variant===`negative`;this.setAttribute(`role`,e?`alert`:`status`),this.setAttribute(`aria-live`,e?`assertive`:`polite`),this.setAttribute(`aria-atomic`,`true`)}}updated(e){super.updated(e),(e.has(`open`)||e.has(`duration`))&&(this.open&&this.duration?this._startNewCountdown():this._stopCountdown(!0))}render(){let n=this._resolvedLabels,r=this._hasCustomIcon||!this.hideIcon,i=this._hasSlottedHeading||!!this.heading,a=this._hasSlottedDescription||!!this.description;return e`
+import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-DWANyjiY.js";import{c as r,l as i,u as a,v as o,y as s}from"./chunks/lucero-runtime-DMlHjBe_.js";import{L as c,c as l,m as u,t as d}from"./chunks/luzmo-icons-vtQE0BSI.js";import"./chunks/icon-6P1RsbD1.js";import"./chunks/button-Bgc3zdEa.js";var f=`:host{border-radius:var(--luzmo-notice-border-radius,var(--notice-border-radius));box-sizing:border-box;align-items:flex-start;gap:var(--luzmo-notice-column-gap,var(--notice-column-gap));inline-size:100%;max-inline-size:var(--luzmo-notice-max-inline-size,var(--notice-max-inline-size));min-inline-size:0;padding-block:var(--luzmo-notice-padding-block,var(--notice-padding-block));padding-inline:var(--luzmo-notice-padding-inline,var(--notice-padding-inline));background-color:var(--highcontrast-notice-background-color,var(--luzmo-notice-background-color,var(--notice-background-color)));color:var(--highcontrast-notice-text-color,var(--luzmo-notice-text-color,var(--notice-text-color)));font-family:var(--luzmo-notice-font-family,var(--notice-font-family));font-size:var(--luzmo-notice-font-size,var(--notice-font-size));line-height:var(--luzmo-notice-line-height,var(--notice-line-height));display:flex;position:relative;overflow:hidden;border-width:var(--luzmo-notice-border-width,var(--notice-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-notice-border-color,var(--luzmo-notice-border-color,var(--notice-border-color)))!important}:host(:not([open])){display:none}.icon{color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));min-block-size:var(--notice-first-line-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon luzmo-icon,::slotted([slot=icon]){--luzmo-icon-size:var(--luzmo-notice-icon-size,var(--notice-icon-size));--luzmo-icon-vertical-align:top;flex:none;display:flex}.content{gap:var(--luzmo-notice-content-gap,var(--notice-content-gap));overflow-wrap:anywhere;flex-direction:column;flex:auto;min-inline-size:0;display:flex}:host([closeable]) .content>:first-child,:host([duration]) .content>:first-child{padding-inline-end:var(--notice-first-content-end-padding)}.heading{color:var(--highcontrast-notice-heading-color,var(--luzmo-notice-heading-color,var(--notice-heading-color)));font-weight:var(--luzmo-notice-heading-font-weight,var(--notice-heading-font-weight))}.description{min-inline-size:0}.close-control{block-size:var(--notice-close-size);inline-size:var(--notice-close-size);align-items:center;display:flex;position:absolute;inset-block-start:var(--notice-close-inset);inset-inline-end:var(--notice-close-inset)}.close{--luzmo-close-button-background-color-default:transparent;--luzmo-close-button-background-color-hover:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--luzmo-close-button-background-color-down:color-mix(in srgb, var(--notice-variant-color) 20%, transparent);--luzmo-close-button-background-color-focus:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--notice-close-icon-color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));--luzmo-close-button-icon-color-default:var(--notice-close-icon-color);--luzmo-close-button-icon-color-hover:var(--notice-close-icon-color);--luzmo-close-button-icon-color-down:var(--notice-close-icon-color);--luzmo-close-button-icon-color-focus:var(--notice-close-icon-color);flex:none}.progress{block-size:var(--luzmo-notice-progress-size,var(--notice-progress-size));background-color:var(--highcontrast-notice-progress-color,var(--luzmo-notice-progress-color,var(--notice-progress-color)));transform-origin:100%;animation:notice-progress var(--notice-progress-duration) linear forwards;position:absolute;inset-block-end:0;inset-inline:0}:host([dir=rtl]) .progress{transform-origin:0}.progress.paused{animation-play-state:paused}@keyframes notice-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.progress{animation:none}}@media (forced-colors:active){:host{--highcontrast-notice-background-color:Canvas;--highcontrast-notice-border-color:CanvasText;--highcontrast-notice-text-color:CanvasText;--highcontrast-notice-heading-color:CanvasText;--highcontrast-notice-icon-color:CanvasText;--highcontrast-notice-progress-color:Highlight;forced-color-adjust:none}}:host{--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color);--notice-background-color:color-mix(in srgb, var(--notice-variant-color) 10%, var(--luzmo-background-color));--notice-border-color:var(--notice-variant-color);--notice-border-radius:var(--luzmo-border-radius);--notice-border-width:var(--luzmo-border-width);--notice-text-color:var(--luzmo-font-color);--notice-heading-color:var(--notice-semantic-content-color);--notice-font-family:var(--luzmo-font-family);--notice-font-size:var(--luzmo-font-size);--notice-heading-font-weight:var(--luzmo-font-weight-bold);--notice-line-height:1.4;--notice-icon-color:var(--notice-semantic-content-color);--notice-icon-size:var(--luzmo-icon-size-l);--notice-max-inline-size:none;--notice-padding-block:var(--luzmo-spacing-4);--notice-padding-inline:var(--luzmo-spacing-5);--notice-content-gap:var(--luzmo-spacing-1);--notice-column-gap:var(--luzmo-spacing-3);--notice-close-size:var(--luzmo-component-height);--notice-progress-color:var(--notice-variant-color);--notice-progress-size:var(--luzmo-border-width);--notice-first-line-size:calc(var(--luzmo-notice-font-size,var(--notice-font-size)) * var(--luzmo-notice-line-height,var(--notice-line-height)));--notice-close-inset:calc(var(--luzmo-notice-padding-block,var(--notice-padding-block)) + ( var(--notice-first-line-size) - var(--notice-close-size) ) / 2);--notice-first-content-end-padding:calc(var(--notice-close-size) + var(--notice-close-inset) - var(--luzmo-notice-padding-inline,var(--notice-padding-inline)) + var(--luzmo-notice-column-gap,var(--notice-column-gap)))}:host([size=s]){--notice-font-size:var(--luzmo-font-size-s);--notice-icon-size:var(--luzmo-icon-size-m);--notice-close-size:var(--luzmo-component-height-s);--notice-padding-block:var(--luzmo-spacing-3);--notice-padding-inline:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-s)}:host([size=l]){--notice-font-size:var(--luzmo-font-size-l);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-l);--notice-padding-block:var(--luzmo-spacing-5);--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-l)}:host([size=xl]){--notice-font-size:var(--luzmo-font-size-xl);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-xl);--notice-padding-block:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-xl)}:host([variant=negative]){--notice-variant-color:var(--luzmo-negative-color);--notice-semantic-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=positive]){--notice-variant-color:var(--luzmo-positive-color);--notice-semantic-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=notice]){--notice-variant-color:var(--luzmo-notice-color);--notice-semantic-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=info]){--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color)}`,p=[`negative`,`positive`,`notice`,`info`],m={close:`Close`,negative:`Error`,positive:`Success`,notice:`Warning`,info:`Information`},h=6,g={negative:c,positive:l,notice:d,info:u},_=class extends r(a,{validSizes:[`s`,`m`,`l`,`xl`],defaultSize:`m`}){constructor(...e){super(...e),this.open=!0,this._variant=`info`,this.hideIcon=!1,this.closeable=!1,this.heading=``,this.description=``,this._duration=null,this.labels={},this._hasCustomIcon=!1,this._hasSlottedHeading=!1,this._hasSlottedDescription=!1,this._timerPaused=!1,this._timerStartedAt=0,this._remainingMilliseconds=0,this._pauseReasons=/* @__PURE__ */ new Set,this._handleManualClose=()=>{this._requestClose(`manual`)},this._handlePointerEnter=()=>{this._pauseCountdown(`pointer`)},this._handlePointerLeave=()=>{this._pauseReasons.delete(`pointer`),this._resumeCountdown()},this._handleFocusIn=()=>{this._pauseCountdown(`focus`),this._pauseCountdown(`sticky`)},this._handleFocusOut=e=>{let t=e.relatedTarget;t&&(this.contains(t)||this.shadowRoot?.contains(t))||(this._pauseReasons.delete(`focus`),this._resumeCountdown())}}static get styles(){let e=super.styles;return[...Array.isArray(e)?e:e?[e]:[],n(f)]}get variant(){return this._variant}set variant(e){let t=this._variant;this._variant=p.includes(e)?e:`info`,this.getAttribute(`variant`)!==this._variant&&this.setAttribute(`variant`,this._variant),this.requestUpdate(`variant`,t)}get duration(){return this._duration}set duration(e){let t=this._duration,n=Number(e);this._duration=e!==null&&Number.isFinite(n)&&n>0?Math.max(h,n):null;let r=this._duration===null?null:String(this._duration);this.getAttribute(`duration`)!==r&&(r===null?this.removeAttribute(`duration`):this.setAttribute(`duration`,r)),this.requestUpdate(`duration`,t)}get _resolvedLabels(){return{close:this.labels.close??m.close,negative:this.labels.negative??m.negative,positive:this.labels.positive??m.positive,notice:this.labels.notice??m.notice,info:this.labels.info??m.info}}connectedCallback(){super.connectedCallback(),this._syncSlottedContent(),this._slotObserver=new MutationObserver(()=>this._syncSlottedContent()),this._slotObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0,attributeFilter:[`slot`]}),this.addEventListener(`pointerenter`,this._handlePointerEnter),this.addEventListener(`pointerleave`,this._handlePointerLeave),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this._pauseReasons.delete(`disconnect`)?this._resumeCountdown():this.hasUpdated&&this.open&&this.duration&&this._startNewCountdown()}disconnectedCallback(){this._pauseCountdown(`disconnect`),this._pauseReasons.delete(`pointer`),this._pauseReasons.delete(`focus`),this._slotObserver?.disconnect(),this._slotObserver=void 0,this.removeEventListener(`pointerenter`,this._handlePointerEnter),this.removeEventListener(`pointerleave`,this._handlePointerLeave),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),super.disconnectedCallback()}close(e){this._requestClose(e??`programmatic`)}willUpdate(e){if(super.willUpdate(e),e.has(`variant`)||!this.hasAttribute(`role`)){let e=this.variant===`negative`;this.setAttribute(`role`,e?`alert`:`status`),this.setAttribute(`aria-live`,e?`assertive`:`polite`),this.setAttribute(`aria-atomic`,`true`)}}updated(e){super.updated(e),(e.has(`open`)||e.has(`duration`))&&(this.open&&this.duration?this._startNewCountdown():this._stopCountdown(!0))}render(){let n=this._resolvedLabels,r=this._hasCustomIcon||!this.hideIcon,i=this._hasSlottedHeading||!!this.heading,a=this._hasSlottedDescription||!!this.description;return e`
       ${r?e`
               <div class="icon">
                 <slot name="icon">

package/standalone/number-field.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/number-field-B6BDXkL7.js";export{e as LuzmoNumberField};
+import"./tokens.js";export{t as LuzmoNumberField}from"./chunks/number-field-Dc4nBa6l.js";

package/standalone/options.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{a as e,i as t,n,t as r}from"./chunks/options-CkmITqgV.js";export{e as LuzmoOption,r as LuzmoOptions,t as LuzmoOptionsDivider,n as VIRTUALIZE_AS_OF_NUM_ITEMS};
+import"./tokens.js";export{a as LuzmoOption,t as LuzmoOptions,i as LuzmoOptionsDivider,n as VIRTUALIZE_AS_OF_NUM_ITEMS}from"./chunks/options-rb_zaAJ6.js";

package/standalone/overlay.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{n as e,t}from"./chunks/slottable-request-event-D9FhiqH1.js";import{_ as n,a as r,c as i,d as a,f as o,g as s,h as c,i as l,l as u,m as d,o as f,p,r as m,s as h,t as g,u as _,v}from"./chunks/overlay-C4ir0iyC.js";import{a as y,i as b,n as x,o as S,r as C,t as w}from"./chunks/overlay-C_XW8yry.js";export{f as ClickController,r as HoverController,h as InteractionController,i as InteractionTypes,m as LONGPRESS_INSTRUCTIONS,l as LongpressController,d as LuzmoAbstractOverlay,g as LuzmoOverlay,S as LuzmoOverlayTrigger,w as OverlayTriggerDirective,a as PlacementController,u as SAFARI_FOCUS_RING_CLASS,C as SlottableRequestDirective,t as SlottableRequestEvent,p as VirtualTrigger,c as guaranteedAllTransitionend,_ as lastInteractionType,s as nextFrame,n as noop,y as openOverlay,v as overlayTimer,o as placementUpdatedSymbol,e as removeSlottableRequest,b as slottableRequest,x as trigger};
+import"./tokens.js";import{n as e,t}from"./chunks/slottable-request-event-D9FhiqH1.js";import{C as n,S as r,_ as i,a,b as o,c as s,d as c,f as l,g as u,h as d,i as f,l as p,m,n as h,o as g,p as _,r as v,s as y,t as b,u as x,v as S,x as C,y as w}from"./chunks/overlay-CgQMEmrM.js";export{c as ClickController,x as HoverController,l as InteractionController,_ as InteractionTypes,s as LONGPRESS_INSTRUCTIONS,p as LongpressController,w as LuzmoAbstractOverlay,y as LuzmoOverlay,g as LuzmoOverlayTrigger,b as OverlayTriggerDirective,u as PlacementController,m as SAFARI_FOCUS_RING_CLASS,v as SlottableRequestDirective,t as SlottableRequestEvent,S as VirtualTrigger,o as guaranteedAllTransitionend,d as lastInteractionType,C as nextFrame,r as noop,a as openOverlay,n as overlayTimer,i as placementUpdatedSymbol,e as removeSlottableRequest,f as slottableRequest,h as trigger};

package/standalone/picker-button.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/picker-button-BZWqDoNQ.js";export{e as LuzmoPickerButton};
+import"./tokens.js";export{t as LuzmoPickerButton}from"./chunks/picker-button-DbamPU-T.js";

package/standalone/picker.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{n as e,r as t,t as n}from"./chunks/picker-FCQK0vdE.js";customElements.get(`luzmo-picker`)||customElements.define(`luzmo-picker`,e);export{n as DESCRIPTION_ID,e as LuzmoPicker,t as LuzmoPickerBase};
+import"./tokens.js";import{n as e,r as t,t as n}from"./chunks/picker-HoERLlkx.js";customElements.get(`luzmo-picker`)||customElements.define(`luzmo-picker`,e);export{n as DESCRIPTION_ID,e as LuzmoPicker,t as LuzmoPickerBase};

package/standalone/popover.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/popover-BsB3dmQe.js";export{e as LuzmoPopover};
+import"./tokens.js";export{t as LuzmoPopover}from"./chunks/popover-Ca-FBqiU.js";

package/standalone/progress-bar.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{c as r,g as i,l as a,u as o,y as s}from"./chunks/lucero-runtime-DGJ9-isg.js";import{t as c}from"./chunks/get-label-from-slot-Dfoiptqo.js";var l=`:host{--progress-bar-size:240px;--progress-bar-animation-duration:1.5s;inline-size:var(--luzmo-progress-bar-size,var(--progress-bar-size));min-inline-size:var(--luzmo-progress-bar-min-size,var(--progress-bar-min-size));vertical-align:top;flex-flow:wrap;justify-content:space-between;align-items:center;display:inline-flex;position:relative}slot:not([name]){display:none}.label,.percentage{font-family:var(--luzmo-progress-bar-font-family,var(--progress-bar-font-family));font-size:var(--luzmo-progress-bar-font-size,var(--progress-bar-font-size));line-height:var(--luzmo-progress-bar-line-height,var(--progress-bar-line-height));color:var(--luzmo-progress-bar-text-color,var(--progress-bar-text-color));margin-block-end:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}.label{text-align:start;flex:1}.percentage{text-align:end;align-self:flex-start;margin-inline-start:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}::slotted([slot=value]){font-family:var(--luzmo-progress-bar-font-family,var(--progress-bar-font-family));font-size:var(--luzmo-progress-bar-font-size,var(--progress-bar-font-size));line-height:var(--luzmo-progress-bar-line-height,var(--progress-bar-line-height));color:var(--luzmo-progress-bar-text-color,var(--progress-bar-text-color))}.track{inline-size:100%;block-size:var(--luzmo-progress-bar-thickness,var(--progress-bar-thickness));background:var(--highcontrast-progress-bar-track-border-color,var(--luzmo-progress-bar-track-color,var(--progress-bar-track-color)));border-radius:var(--luzmo-progress-bar-border-radius,var(--progress-bar-border-radius));overflow:hidden}.fill{block-size:var(--luzmo-progress-bar-thickness,var(--progress-bar-thickness));background:var(--highcontrast-progress-bar-fill-color,var(--luzmo-progress-bar-fill-color,var(--progress-bar-fill-color)));border-radius:var(--luzmo-progress-bar-border-radius,var(--progress-bar-border-radius));transition:width var(--luzmo-progress-bar-fill-transition-duration,var(--progress-bar-fill-transition-duration));border:none}:host([indeterminate]) .fill{inline-size:33%;animation-name:indeterminate-loop-ltr;animation-duration:var(--luzmo-progress-bar-animation-duration,var(--progress-bar-animation-duration));will-change:transform;transition:none;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;position:relative}@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translateX(calc(var(--luzmo-progress-bar-size,var(--progress-bar-size))))}}:host([side-label]){flex-flow:row;align-items:center}:host([side-label]) .track{flex:1 1 var(--luzmo-progress-bar-size,var(--progress-bar-size))}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}:host([side-label]) .percentage{text-align:end;order:3;margin-block-end:0;margin-inline-start:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}:host([side-label]:not([hide-value])) .percentage{order:3;margin-block-end:0;margin-inline-start:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}:host([static-color=white]) .fill{background:var(--luzmo-progress-bar-fill-color-over-background,#fff)}:host([static-color=white]) .track{background:var(--luzmo-progress-bar-track-color-over-background,#ffffff26)}:host([static-color=white]) .label,:host([static-color=white]) .percentage{color:var(--luzmo-progress-bar-text-color-over-background,#fff)}:host([static-color=black]) .fill{background:var(--luzmo-progress-bar-fill-color-over-background,#000)}:host([static-color=black]) .track{background:var(--luzmo-progress-bar-track-color-over-background,#00000040)}:host([static-color=black]) .label,:host([static-color=black]) .percentage{color:var(--luzmo-progress-bar-text-color-over-background,#000)}@media (forced-colors:active){.track{--highcontrast-progress-bar-track-border-color:ButtonFace;--highcontrast-progress-bar-fill-color:Highlight;forced-color-adjust:none;border:1px solid buttontext}}:host{--progress-bar-min-size:var(--luzmo-component-height-xl);--progress-bar-thickness:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--progress-bar-border-radius:var(--luzmo-spacing-1);--progress-bar-font-family:var(--luzmo-font-family);--progress-bar-font-size:var(--luzmo-font-size-m);--progress-bar-line-height:var(--luzmo-line-height);--progress-bar-label-spacing:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--progress-bar-text-color:var(--luzmo-font-color);--progress-bar-track-color:var(--luzmo-border-color);--progress-bar-fill-color:var(--luzmo-primary);--progress-bar-fill-transition-duration:var(--luzmo-animation-duration)}:host([size=xs]){--progress-bar-thickness:var(--luzmo-spacing-1);--progress-bar-font-size:var(--luzmo-font-size-xs)}:host([size=s]){--progress-bar-thickness:var(--luzmo-spacing-2);--progress-bar-font-size:var(--luzmo-font-size-s)}:host([size=l]){--progress-bar-thickness:var(--luzmo-spacing-3);--progress-bar-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--progress-bar-thickness:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-2));--progress-bar-font-size:var(--luzmo-font-size-xl)}:host([variant=positive]){--progress-bar-fill-color:var(--luzmo-positive-color)}:host([variant=notice]){--progress-bar-fill-color:var(--luzmo-notice-color)}:host([variant=negative]){--progress-bar-fill-color:var(--luzmo-negative-color)}`,u=class extends r(o,{validSizes:[`xs`,`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.indeterminate=!1,this.label=``,this.progress=0,this.sideLabel=!1,this.hideValue=!1,this.valueLabel=``,this._variant=``,this._hasValueSlotContent=!1}static get styles(){return[n(l)]}get variant(){return this._variant}set variant(e){if(e!==this.variant){if([`positive`,`notice`,`negative`].includes(e)){this.setAttribute(`variant`,e),this._variant=e;return}this.removeAttribute(`variant`),this._variant=``}}get _valueText(){let e=Math.max(0,Math.min(100,this.progress));return this.valueLabel||`${e}%`}render(){let n=Math.max(0,Math.min(100,this.progress));return e`
+import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-DWANyjiY.js";import{c as r,g as i,l as a,u as o,y as s}from"./chunks/lucero-runtime-DMlHjBe_.js";import{t as c}from"./chunks/get-label-from-slot-Dfoiptqo.js";var l=`:host{--progress-bar-size:240px;--progress-bar-animation-duration:1.5s;inline-size:var(--luzmo-progress-bar-size,var(--progress-bar-size));min-inline-size:var(--luzmo-progress-bar-min-size,var(--progress-bar-min-size));vertical-align:top;flex-flow:wrap;justify-content:space-between;align-items:center;display:inline-flex;position:relative}slot:not([name]){display:none}.label,.percentage{font-family:var(--luzmo-progress-bar-font-family,var(--progress-bar-font-family));font-size:var(--luzmo-progress-bar-font-size,var(--progress-bar-font-size));line-height:var(--luzmo-progress-bar-line-height,var(--progress-bar-line-height));color:var(--luzmo-progress-bar-text-color,var(--progress-bar-text-color));margin-block-end:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}.label{text-align:start;flex:1}.percentage{text-align:end;align-self:flex-start;margin-inline-start:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}::slotted([slot=value]){font-family:var(--luzmo-progress-bar-font-family,var(--progress-bar-font-family));font-size:var(--luzmo-progress-bar-font-size,var(--progress-bar-font-size));line-height:var(--luzmo-progress-bar-line-height,var(--progress-bar-line-height));color:var(--luzmo-progress-bar-text-color,var(--progress-bar-text-color))}.track{inline-size:100%;block-size:var(--luzmo-progress-bar-thickness,var(--progress-bar-thickness));background:var(--highcontrast-progress-bar-track-border-color,var(--luzmo-progress-bar-track-color,var(--progress-bar-track-color)));border-radius:var(--luzmo-progress-bar-border-radius,var(--progress-bar-border-radius));overflow:hidden}.fill{block-size:var(--luzmo-progress-bar-thickness,var(--progress-bar-thickness));background:var(--highcontrast-progress-bar-fill-color,var(--luzmo-progress-bar-fill-color,var(--progress-bar-fill-color)));border-radius:var(--luzmo-progress-bar-border-radius,var(--progress-bar-border-radius));transition:width var(--luzmo-progress-bar-fill-transition-duration,var(--progress-bar-fill-transition-duration));border:none}:host([indeterminate]) .fill{inline-size:33%;animation-name:indeterminate-loop-ltr;animation-duration:var(--luzmo-progress-bar-animation-duration,var(--progress-bar-animation-duration));will-change:transform;transition:none;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;position:relative}@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translateX(calc(var(--luzmo-progress-bar-size,var(--progress-bar-size))))}}:host([side-label]){flex-flow:row;align-items:center}:host([side-label]) .track{flex:1 1 var(--luzmo-progress-bar-size,var(--progress-bar-size))}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}:host([side-label]) .percentage{text-align:end;order:3;margin-block-end:0;margin-inline-start:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}:host([side-label]:not([hide-value])) .percentage{order:3;margin-block-end:0;margin-inline-start:var(--luzmo-progress-bar-label-spacing,var(--progress-bar-label-spacing))}:host([static-color=white]) .fill{background:var(--luzmo-progress-bar-fill-color-over-background,#fff)}:host([static-color=white]) .track{background:var(--luzmo-progress-bar-track-color-over-background,#ffffff26)}:host([static-color=white]) .label,:host([static-color=white]) .percentage{color:var(--luzmo-progress-bar-text-color-over-background,#fff)}:host([static-color=black]) .fill{background:var(--luzmo-progress-bar-fill-color-over-background,#000)}:host([static-color=black]) .track{background:var(--luzmo-progress-bar-track-color-over-background,#00000040)}:host([static-color=black]) .label,:host([static-color=black]) .percentage{color:var(--luzmo-progress-bar-text-color-over-background,#000)}@media (forced-colors:active){.track{--highcontrast-progress-bar-track-border-color:ButtonFace;--highcontrast-progress-bar-fill-color:Highlight;forced-color-adjust:none;border:1px solid buttontext}}:host{--progress-bar-min-size:var(--luzmo-component-height-xl);--progress-bar-thickness:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--progress-bar-border-radius:var(--luzmo-spacing-1);--progress-bar-font-family:var(--luzmo-font-family);--progress-bar-font-size:var(--luzmo-font-size-m);--progress-bar-line-height:var(--luzmo-line-height);--progress-bar-label-spacing:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--progress-bar-text-color:var(--luzmo-font-color);--progress-bar-track-color:var(--luzmo-border-color);--progress-bar-fill-color:var(--luzmo-primary);--progress-bar-fill-transition-duration:var(--luzmo-animation-duration)}:host([size=xs]){--progress-bar-thickness:var(--luzmo-spacing-1);--progress-bar-font-size:var(--luzmo-font-size-xs)}:host([size=s]){--progress-bar-thickness:var(--luzmo-spacing-2);--progress-bar-font-size:var(--luzmo-font-size-s)}:host([size=l]){--progress-bar-thickness:var(--luzmo-spacing-3);--progress-bar-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--progress-bar-thickness:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-2));--progress-bar-font-size:var(--luzmo-font-size-xl)}:host([variant=positive]){--progress-bar-fill-color:var(--luzmo-positive-color)}:host([variant=notice]){--progress-bar-fill-color:var(--luzmo-notice-color)}:host([variant=negative]){--progress-bar-fill-color:var(--luzmo-negative-color)}`,u=class extends r(o,{validSizes:[`xs`,`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.indeterminate=!1,this.label=``,this.progress=0,this.sideLabel=!1,this.hideValue=!1,this.valueLabel=``,this._variant=``,this._hasValueSlotContent=!1}static get styles(){return[n(l)]}get variant(){return this._variant}set variant(e){e!==this.variant&&([`positive`,`notice`,`negative`].includes(e)?(this.setAttribute(`variant`,e),this._variant=e):(this.removeAttribute(`variant`),this._variant=``))}get _valueText(){let e=Math.max(0,Math.min(100,this.progress));return this.valueLabel||`${e}%`}render(){let n=Math.max(0,Math.min(100,this.progress));return e`
       <slot @slotchange=${this.handleSlotchange}></slot>
       ${this.label?e`<span class="label">${this.label}</span>`:t}
       ${!this.indeterminate&&!this.hideValue?e`<span class="percentage">
@@ -33,4 +33,4 @@ import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";i
           style=${this.indeterminate?``:`width: ${n}%;`}
         ></div>
       </div>
-    `}handleSlotchange(){let e=c(this.label,this.slotEl);e&&(this.label=e)}handleValueSlotchange(e){let t=e.target;this._hasValueSlotContent=t.assignedNodes().length>0,this.requestUpdate()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`progressbar`)}updated(e){if(super.updated(e),e.has(`indeterminate`))if(this.indeterminate)this.removeAttribute(`aria-valuemin`),this.removeAttribute(`aria-valuemax`),this.removeAttribute(`aria-valuenow`),this.removeAttribute(`aria-valuetext`);else{let e=Math.max(0,Math.min(100,this.progress));this.setAttribute(`aria-valuemin`,`0`),this.setAttribute(`aria-valuemax`,`100`),this.setAttribute(`aria-valuenow`,``+e),this.valueLabel&&this.setAttribute(`aria-valuetext`,this.valueLabel)}if(!this.indeterminate&&e.has(`progress`)){let e=Math.max(0,Math.min(100,this.progress));this.setAttribute(`aria-valuenow`,``+e)}!this.indeterminate&&e.has(`valueLabel`)&&(this.valueLabel?this.setAttribute(`aria-valuetext`,this.valueLabel):this.removeAttribute(`aria-valuetext`)),(e.has(`label`)||e.has(`progress`)||e.has(`valueLabel`))&&(this.label.length>0?this.setAttribute(`aria-label`,this.label):(!this.getAttribute(`aria-label`)||e.has(`label`))&&this.setAttribute(`aria-label`,this._valueText))}};a([s({type:Boolean,reflect:!0})],u.prototype,`indeterminate`,void 0),a([s({type:String})],u.prototype,`label`,void 0),a([s({type:Number})],u.prototype,`progress`,void 0),a([s({reflect:!0,attribute:`static-color`})],u.prototype,`staticColor`,void 0),a([s({type:Boolean,reflect:!0,attribute:`side-label`})],u.prototype,`sideLabel`,void 0),a([s({type:Boolean,reflect:!0,attribute:`hide-value`})],u.prototype,`hideValue`,void 0),a([s({type:String,attribute:`value-label`})],u.prototype,`valueLabel`,void 0),a([s({type:String})],u.prototype,`variant`,null),a([i(`slot:not([name])`)],u.prototype,`slotEl`,void 0),customElements.get(`luzmo-progress-bar`)||customElements.define(`luzmo-progress-bar`,u);export{u as LuzmoProgressBar};
+    `}handleSlotchange(){let e=c(this.label,this.slotEl);e&&(this.label=e)}handleValueSlotchange(e){let t=e.target;this._hasValueSlotContent=t.assignedNodes().length>0,this.requestUpdate()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`progressbar`)}updated(e){if(super.updated(e),e.has(`indeterminate`)){if(this.indeterminate)this.removeAttribute(`aria-valuemin`),this.removeAttribute(`aria-valuemax`),this.removeAttribute(`aria-valuenow`),this.removeAttribute(`aria-valuetext`);else{let e=Math.max(0,Math.min(100,this.progress));this.setAttribute(`aria-valuemin`,`0`),this.setAttribute(`aria-valuemax`,`100`),this.setAttribute(`aria-valuenow`,``+e),this.valueLabel&&this.setAttribute(`aria-valuetext`,this.valueLabel)}}if(!this.indeterminate&&e.has(`progress`)){let e=Math.max(0,Math.min(100,this.progress));this.setAttribute(`aria-valuenow`,``+e)}!this.indeterminate&&e.has(`valueLabel`)&&(this.valueLabel?this.setAttribute(`aria-valuetext`,this.valueLabel):this.removeAttribute(`aria-valuetext`)),(e.has(`label`)||e.has(`progress`)||e.has(`valueLabel`))&&(this.label.length>0?this.setAttribute(`aria-label`,this.label):(!this.getAttribute(`aria-label`)||e.has(`label`))&&this.setAttribute(`aria-label`,this._valueText))}};a([s({type:Boolean,reflect:!0})],u.prototype,`indeterminate`,void 0),a([s({type:String})],u.prototype,`label`,void 0),a([s({type:Number})],u.prototype,`progress`,void 0),a([s({reflect:!0,attribute:`static-color`})],u.prototype,`staticColor`,void 0),a([s({type:Boolean,reflect:!0,attribute:`side-label`})],u.prototype,`sideLabel`,void 0),a([s({type:Boolean,reflect:!0,attribute:`hide-value`})],u.prototype,`hideValue`,void 0),a([s({type:String,attribute:`value-label`})],u.prototype,`valueLabel`,void 0),a([s({type:String})],u.prototype,`variant`,null),a([i(`slot:not([name])`)],u.prototype,`slotEl`,void 0),customElements.get(`luzmo-progress-bar`)||customElements.define(`luzmo-progress-bar`,u);export{u as LuzmoProgressBar};

package/standalone/progress-circle.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/progress-circle-CEx1b5Sv.js";export{e as LuzmoProgressCircle};
+import"./tokens.js";export{t as LuzmoProgressCircle}from"./chunks/progress-circle-CFtVq9Ou.js";