@luzmo/lucero 1.0.3-alpha.7 → 1.0.3-alpha.8

package/components/color-slider-CVSEpLOP.cjs

@@ -1,57 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./focusable-DTxxQ3yJ.cjs"),n=require("./language-resolution-BUeKpSce.cjs");require("./color-handle-BwV3Nia5.cjs");const r=require("./streaming-listener-Bfyk6Fsx.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("lit/directives/if-defined.js"),s=require("lit/directives/style-map.js"),c=require("@ctrl/tinycolor");var l=/^hs[v|l]a?\s?\((\d{1,3}\.?\d*?),?\s?(\d{1,3})/,u=/(^hs[v|l]a?\s?\()\d{1,3}\.?\d*?(,?\s?)\d{1,3}/,d=/(^hs[v|l]a?\()\d{1,3}/,f=(e,t)=>t?e.toHexString():e.toHex(),p=class{setColorProcess(e,t,n,r){this.maintains===`hue`?this.setColorMaintainHue(e,t,n,r):this.maintains===`saturation`&&this.setColorMaintainSaturation(e,t,n,r)}setColorMaintainHue(e,t,n,r){let{h:i,s:a,v:o,a:s}=this._color.toHsv(),c;if(r&&n.startsWith(`hs`)){let e=l.exec(t);if(e!==null){let[,t]=e;c=Number(t)}}else if(!r&&n.startsWith(`hs`)){let t=e.originalInput;c=Object.values(t)[0]}this.hue=c||i,this.opacity=s??1,this.applyColorToState({h:i,s:a,v:o,a:s})}setColorMaintainSaturation(e,t,n,r){let{a:i}=this._color.toHsv();if(r&&n.startsWith(`hs`)){let e=l.exec(t);if(e!==null){let[,t,n]=e;this.hue=Number(t),this.saturation=Number(n)}}else if(!r&&n.startsWith(`hs`)){let t=e.originalInput,n=Object.values(t);this.hue=n[0],this.saturation=n[1]}else{let{h:t}=e.toHsv();this.hue=t}this.opacity=i??1,this.applyColorToState(e.toHsv())}constructor(e,{applyColorToState:t,extractColorFromState:n,maintains:r}){this.maintains=`hue`,this._hue=0,this._opacity=1,this.getColorProcesses={rgb:(e,t)=>t?e.toRgbString():e.toRgb(),prgb:(e,t)=>t?e.toPercentageRgbString():e.toPercentageRgb(),hex8:(e,t)=>t?e.toHex8String():e.toHex8(),name:e=>e.toName()||e.toRgbString(),hsl:(e,t)=>{if(this.maintains===`hue`){if(t)return e.toHslString().replace(d,`$1${this.hue}`);let{s:n,l:r,a:i}=e.toHsl();return{h:this.hue,s:n,l:r,a:i}}if(t)return e.toHslString().replace(u,`$1${this.hue}$2${this.saturation}`);let{s:n,l:r,a:i}=e.toHsl();return{h:this.hue,s:n,l:r,a:i}},hsv:(e,t)=>{if(this.maintains===`hue`){if(t)return e.toHsvString().replace(d,`$1${this.hue}`);let{s:n,v:r,a:i}=e.toHsv();return{h:this.hue,s:n,v:r,a:i}}if(t)return e.toHsvString().replace(u,`$1${this.hue}$2${this.saturation}`);let{s:n,v:r,a:i}=e.toHsv();return{h:this.hue,s:n,v:r,a:i}},hex:f,hex3:f,hex4:f,hex6:f},this._color=new c.TinyColor({h:0,s:1,v:1}),this._previousColor=new c.TinyColor({h:0,s:1,v:1}),this._format={format:``,isString:!1},this.host=e,this.applyColorToState=t,this.extractColorFromState=n,this.maintains=r||this.maintains}applyColorFromState(){this._color=new c.TinyColor(this.extractColorFromState(this))}get hue(){return this._hue}set hue(e){let t=Math.min(360,Math.max(0,e));if(t===this.hue)return;let n=this.hue,{s:r,v:i,a}=this._color.toHsv();this._color=new c.TinyColor({h:t,s:r,v:i,a}),this._hue=t,this.host.requestUpdate(`hue`,n)}get opacity(){return this._opacity}set opacity(e){let t=Math.min(1,Math.max(0,e));if(t===this.opacity)return;let n=this.opacity,{h:r,s:i,v:a}=this._color.toHsv();this._color=new c.TinyColor({h:r,s:i,v:a,a:t}),this._opacity=t,this.host.requestUpdate(`opacity`,n)}get value(){return this.color}get color(){return this.getColorProcesses[this._format.format||`hex`](this._color,this._format.isString)}set color(e){if(e===this.color)return;let t=this._color;this._color=new c.TinyColor(e);let n=this._color.format,r=typeof e==`string`||e instanceof String;n.startsWith(`hex`)&&(r=e.startsWith(`#`)),this._format={format:n,isString:r},this.setColorProcess(this._color,e,n,r),this.host.requestUpdate(`color`,t)}getColor(e){return this._color[{hsl:`toHsl`}[e]]()}setColor(e){this._color=e;let t=typeof this._color.originalInput==`string`||this._color.originalInput instanceof String;this.setColorProcess(this._color,e,this._color.format,t)}getHslString(){return this._color.toHslString()}savePreviousColor(){this._previousColor=this._color.clone()}restorePreviousColor(){this.setColor(this._previousColor)}},m=`.opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light,#fff) 0 25%, var(--luzmo-color-loupe-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-color-loupe-checkerboard-position,left top)/calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2);block-size:100%;inline-size:100%;position:absolute}:host{--luzmo-color-slider-gradient-fallback:red 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{--luzmo-color-handle-hitarea-border-radius:var(--luzmo-color-slider-handle-hitarea-border-radius,0px);min-inline-size:var(--luzmo-color-slider-minimum-length,80px);inline-size:var(--luzmo-color-slider-length,192px);block-size:var(--luzmo-color-slider-control-track-width,24px);-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--luzmo-color-slider-vertical-minimum-height,var(--luzmo-color-slider-minimum-length,80px));block-size:var(--luzmo-color-slider-vertical-height,var(--luzmo-color-slider-length,192px));min-inline-size:0;inline-size:var(--luzmo-color-slider-vertical-control-track-width,var(--luzmo-color-slider-control-track-height,24px));display:inline-block}:host([vertical]) .handle{inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--luzmo-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--luzmo-color-slider-border-color,var(--luzmo-border-color)))}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--luzmo-color-slider-border-width,var(--luzmo-border-width)) var(--luzmo-color-slider-border-color-local);border-radius:var(--luzmo-color-slider-border-rounding,var(--luzmo-border-radius-s));position:absolute;inset:0}:host([disabled]) .checkerboard{--luzmo-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--luzmo-color-slider-border-color-disabled,var(--luzmo-dimmed-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--luzmo-color-slider-background-color-disabled,var(--luzmo-dimmed-color)))}.checkerboard,.gradient{border-radius:var(--luzmo-color-slider-border-rounding,var(--luzmo-border-radius-s));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.gradient:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}`,h=class extends t.t{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.label=`hue`,this.vertical=!1,this.languageResolver=new n.t(this),this.colorController=new p(this,{applyColorToState:()=>{if(this.mode===`opacity`){let e=new c.TinyColor(this.colorController.color);this.sliderHandlePosition=100*e.getAlpha()}else this.sliderHandlePosition=100*(this.colorController.hue/360)},extractColorFromState:e=>this.mode===`opacity`?{...e.getColor(`hsl`),a:this.value}:{...e.getColor(`hsl`),h:this.value},maintains:`saturation`}),this.sliderHandlePosition=0,this.step=1,this.isLTR=!0,this._altered=0,this._pointerDown=!1}static get styles(){return[(0,i.unsafeCSS)(m)]}get value(){return this.mode===`opacity`?this.colorController.opacity:this.colorController.hue}set value(e){this.mode===`opacity`?this.colorController.opacity=e:this.colorController.hue=e}get color(){return this.colorController.color}set color(e){this.colorController.color=e}get altered(){return this._altered}set altered(e){this._altered=e,this.step=Math.max(1,this.altered*10)}get focusElement(){return this.input}handleKeydown(e){let{key:t}=e;this.focused=!0,this.altered=[e.shiftKey,e.ctrlKey,e.altKey].filter(e=>!!e).length;let n=0;switch(t){case`ArrowUp`:n=this.step;break;case`ArrowDown`:n=-this.step;break;case`ArrowLeft`:n=this.step*(this.isLTR?-1:1);break;case`ArrowRight`:n=this.step*(this.isLTR?1:-1);break;default:return}e.preventDefault();let r=100/(this.mode===`opacity`?100:360);this.sliderHandlePosition=Math.min(100,Math.max(0,this.sliderHandlePosition+n*r)),this.value=this.mode===`opacity`?Math.min(1,Math.max(0,this.value+n/100)):Math.min(360,Math.max(0,this.value+n)),this.colorController.applyColorFromState(),n!==0&&(this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})))}handleInput(e){let{valueAsNumber:t}=e.target;this.value=t,this.sliderHandlePosition=100*(this.mode===`opacity`?this.value:this.value/360),this.colorController.applyColorFromState()}handleChange(e){this.handleInput(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}focus(e={}){super.focus(e),this.forwardFocus()}forwardFocus(){this.input.focus()}handleFocus(){this.focused=!0}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1)}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),e.target.setPointerCapture(e.pointerId),e.pointerType===`mouse`&&(this.focused=!0)}handlePointermove(e){this.sliderHandlePosition=this.calculateHandlePosition(e),this.value=(this.mode===`opacity`?1:360)*(this.sliderHandlePosition/100),this.colorController.applyColorFromState(),this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(e){this._pointerDown=!1,e.target.releasePointerCapture(e.pointerId),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor(),this.focus(),e.pointerType===`mouse`&&(this.focused=!1)}calculateHandlePosition(e){if(!this.boundingClientRect)return this.sliderHandlePosition;let t=this.boundingClientRect,n=this.vertical?t.top:t.left,r=this.vertical?e.clientY:e.clientX,i=this.vertical?t.height:t.width,a=Math.max(0,Math.min(1,(r-n)/i));return this.vertical||!this.isLTR?100-100*a:100*a}handleGradientPointerdown(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),this.handle.dispatchEvent(new PointerEvent(`pointerdown`,e)),this.handlePointermove(e))}get handlePositionStyles(){return`${this.vertical?`inset-block-end`:`inset-inline-start`}: ${this.sliderHandlePosition}%`}get getColorSliderStyle(){let e=this.vertical?`top`:`right`;return this.mode===`opacity`?{background:`linear-gradient(to ${e}, transparent, ${new c.TinyColor(this.colorController.color).setAlpha(1).toRgbString()})`}:{background:`linear-gradient(to ${e}, var(--luzmo-color-slider-gradient, var(--luzmo-color-slider-gradient-fallback)))`}}render(){return i.html`
-      <div
-        class="opacity-checkerboard checkerboard"
-        role="presentation"
-        @pointerdown=${this.handleGradientPointerdown}
-      >
-        <div
-          class="gradient"
-          role="presentation"
-          style=${(0,s.styleMap)(this.getColorSliderStyle)}
-        >
-          <slot name="gradient"></slot>
-        </div>
-      </div>
-      <luzmo-color-handle
-        tabindex=${(0,o.ifDefined)(this.focused?void 0:`0`)}
-        @focus=${this.forwardFocus}
-        ?focused=${this.focused}
-        class="handle"
-        color=${this.mode===`opacity`?this.color:`hsl(`+this.value+`, 100%, 50%)`}
-        ?disabled=${this.disabled}
-        style=${this.handlePositionStyles}
-        ${r.t({start:[`pointerdown`,this.handlePointerdown],streamInside:[`pointermove`,this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`],this.handlePointerup]})}
-      ></luzmo-color-handle>
-      <input
-        type="range"
-        class="slider"
-        min="0"
-        max=${this.mode===`opacity`?`100`:`360`}
-        aria-orientation=${(0,o.ifDefined)(this.vertical?`vertical`:void 0)}
-        orient=${(0,o.ifDefined)(this.vertical?`vertical`:void 0)}
-        step=${this.step}
-        aria-label=${this.label}
-        .value=${String(this.mode===`opacity`?this.value*100:this.value)}
-        aria-valuetext=${`${new Intl.NumberFormat(this.languageResolver.language,{maximumFractionDigits:0,minimumIntegerDigits:1,style:`unit`,unit:this.mode===`opacity`?`percent`:`degree`,unitDisplay:`narrow`}).format(this.mode===`opacity`?this.value*100:this.value)}`}
-        @input=${this.handleInput}
-        @change=${this.handleChange}
-        @keydown=${this.handleKeydown}
-      />
-    `}firstUpdated(e){super.firstUpdated(e),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener(`focus`,this.handleFocus),this.addEventListener(`blur`,this.handleBlur)}updated(e){e.has(`mode`)&&(this.handle.style.insetInlineStart=``,this.handle.style.insetBlockEnd=``,this.mode===`opacity`&&(this.colorController.color=new c.TinyColor(this.colorController.color).toRgbString(),this.handle.style.insetInlineStart=100*this.colorController.opacity+`%`))}};e.t([(0,a.property)({type:String,reflect:!0})],h.prototype,`dir`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],h.prototype,`mode`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],h.prototype,`disabled`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],h.prototype,`focused`,void 0),e.t([(0,a.query)(`.handle`)],h.prototype,`handle`,void 0),e.t([(0,a.property)({type:String})],h.prototype,`label`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],h.prototype,`vertical`,void 0),e.t([(0,a.property)({type:Number})],h.prototype,`value`,null),e.t([(0,a.property)({type:Number,reflect:!0})],h.prototype,`sliderHandlePosition`,void 0),e.t([(0,a.property)({type:String})],h.prototype,`color`,null),e.t([(0,a.property)({type:Number})],h.prototype,`step`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`is-ltr`})],h.prototype,`isLTR`,void 0),e.t([(0,a.query)(`input`)],h.prototype,`input`,void 0),customElements.get(`luzmo-color-slider`)||customElements.define(`luzmo-color-slider`,h),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/components/date-range-picker-nnN0b_N4.cjs

@@ -1,180 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-DTxxQ3yJ.cjs");require("./icon-xwNfYSkj.cjs"),require("./overlay-CO_JAhWD.cjs"),require("./popover/index.cjs"),require("./calendar-9tmSkAp2.cjs");const r=require("./manage-help-text-D20THJ3U.cjs"),i=require("./text-field.module-DDRcQM7Y.cjs");require("./picker-button-COrTSUL5.cjs");const a=require("./segments-factory-DtPyN5sh.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("@luzmo/icons"),l=require("lit/directives/when.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js"),f=require("@internationalized/date"),p=require("@internationalized/number");var m=`:host{font-family:var(--luzmo-font-family);--date-range-picker-border-radius:var(--luzmo-date-range-picker-border-radius,var(--luzmo-border-radius));--date-range-picker-border-width:var(--luzmo-border-width);--date-range-picker-button-border-color:var(--luzmo-date-range-picker-pickerbutton-border-color,var(--luzmo-border-color));--date-range-picker-button-border-color-focus:var(--luzmo-date-range-picker-pickerbutton-border-color-focus,var(--luzmo-primary));--date-range-picker-button-border-color-invalid:var(--luzmo-date-range-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color));--date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color,var(--luzmo-font-color));--date-range-picker-dash-font-size:var(--luzmo-date-range-picker-dash-font-size,var(--luzmo-font-size));--date-range-picker-focus-ring-color:var(--luzmo-date-range-picker-focus-ring-color,var(--luzmo-indicator-color));--date-range-picker-focus-ring-gap:var(--luzmo-date-range-picker-focus-ring-gap,0px);--date-range-picker-focus-ring-width:var(--luzmo-date-range-picker-focus-ring-width,var(--luzmo-border-width));--date-range-picker-focus-animation:var(--luzmo-date-range-picker-focus-animation,var(--luzmo-animation-duration));--date-range-picker-calendar-padding:var(--luzmo-date-range-picker-calendar-padding,var(--luzmo-spacing-4));border-radius:var(--date-range-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color-disabled,var(--luzmo-font-color-disabled))}:host([disabled]) .luzmo-DatePicker-rangeDash{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));border-block-color:#0000}:host([readonly]) .luzmo-DatePicker-rangeDash{background-color:initial;border-block-color:#0000}:host([invalid]:not([quiet])) .range-wrapper:after{border-color:var(--date-range-picker-button-border-color-invalid)}:host([invalid]:not([quiet])) .range-wrapper .input,:host([invalid]:not([quiet])) .range-wrapper .input:read-only{border-color:#0000}:host([invalid]:not([quiet])) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-color:#0000}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-invalid)}.range-wrapper{border-radius:var(--date-range-picker-border-radius);flex-flow:row;flex:1;align-items:stretch;display:inline-flex;position:relative}.range-wrapper:after{pointer-events:none;content:"";border:var(--date-range-picker-focus-ring-width) solid transparent;border-radius:var(--date-range-picker-border-radius);transition:border-color var(--date-range-picker-focus-animation) ease-in-out;position:absolute;inset:0}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet):after{border-color:var(--date-range-picker-focus-ring-color)}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([focused]) .range-wrapper .input,:host([focused]) .range-wrapper .input:read-only,:host([focused]) .range-wrapper #text-field .input,:host([focused]) .range-wrapper #text-field:hover .input{border-color:var(--date-range-picker-focus-ring-color);outline:none}:host([focused]) .range-wrapper .luzmo-DatePicker-rangeDash{border-block-color:var(--date-range-picker-focus-ring-color)}:host .input:read-only{border-color:var(--luzmo-date-range-picker-border-color,var(--luzmo-border-color))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.luzmo-DatePicker-rangeDash{color:var(--date-range-picker-dash-color);font-size:var(--date-range-picker-dash-font-size);flex:initial;z-index:1;background-color:var(--luzmo-background-color,#fff);border-block:var(--date-range-picker-border-width) solid var(--luzmo-border-color,#ccc);transition:border-block-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;align-items:center;display:flex}.luzmo-DatePicker-rangeDash:before{content:"→";margin-inline:var(--luzmo-spacing-2,4px);text-align:center;display:inline-block}luzmo-picker-button{cursor:pointer;z-index:2;position:absolute;inset-inline-end:0}:host([quiet]) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-start-width:0;border-inline-width:0;border-radius:0}:host([quiet]) .range-wrapper:after{display:none}:host([quiet][focused]) .range-wrapper:after{border-color:#0000;border-block-end-color:var(--date-range-picker-focus-ring-color);border-radius:0;display:block;inset-block-end:0}:host([quiet]) luzmo-picker-button{inline-size:auto}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}@media (hover:hover){:host(:hover:not([focused],[disabled],[invalid],[readonly])){--luzmo-picker-button-border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .range-wrapper #text-field .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host([focused]:hover:not([disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}}@media (forced-colors:active){:host{--date-range-picker-dash-color:CanvasText;--date-range-picker-focus-ring-color:Highlight}:host([disabled]){--date-range-picker-dash-color:GrayText}}:host{--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight)}:host([size=s]){--date-range-picker-calendar-padding:var(--luzmo-spacing-3);--date-range-picker-icon-size:16px;--date-range-picker-dash-font-size:var(--luzmo-font-size-s)}:host([size=m]){--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size-m)}:host([size=l]){--date-range-picker-calendar-padding:var(--luzmo-spacing-5);--date-range-picker-icon-size:20px;--date-range-picker-dash-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--date-range-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-range-picker-icon-size:22px;--date-range-picker-dash-font-size:var(--luzmo-font-size-xl)}:host{--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));--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));flex-wrap:wrap}:host #text-field{flex:1;display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([invalid]) .input.luzmo-DatePicker-startField{padding-inline-end:calc(var(--input-spacing) - var(--input-border-width))}:host([invalid]) #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--status-icon-size) + 2 * var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([invalid]) .range-wrapper .icon{z-index:3;pointer-events:none;font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--luzmo-negative-color);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:calc(var(--picker-button-size) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-range-picker-calendar-padding,var(--date-range-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-range-picker-font-color-default,var(--luzmo-font-color));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(--luzmo-date-range-picker-segment-text-color-focus,var(--luzmo-font-color));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}.calendar-layout,.calendar-layout--dual .calendars-row{gap:var(--luzmo-spacing-4,16px);flex-direction:row;display:flex}.calendar-container{flex-shrink:0}.defined-ranges{gap:var(--luzmo-spacing-1,2px);border-inline-start:var(--luzmo-border-width,1px) solid var(--luzmo-border-color,#e0e0e0);flex-direction:column;min-inline-size:120px;padding-inline-start:var(--luzmo-spacing-4,16px);display:flex}.defined-range-item{inline-size:100%;padding:var(--luzmo-spacing-2,4px) var(--luzmo-spacing-3,8px);border-radius:var(--luzmo-border-radius,4px);color:var(--luzmo-font-color,inherit);font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-font-size,inherit);text-align:start;cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;white-space:nowrap;background:0 0;border:none;display:block}.defined-range-item:hover{background-color:var(--luzmo-background-color-hover,#0000000d)}.defined-range-item:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.defined-range-item[aria-selected=true]{background-color:var(--luzmo-background-color-highlight,#00000014);font-weight:var(--bold-font-weight,bold)}`;function h(){let e=new Date;e.setHours(0,0,0,0);let t=new Date(e);t.setDate(t.getDate()-1);let n=new Date(e),r=n.getDay();n.setDate(n.getDate()-r);let i=new Date(n);i.setDate(i.getDate()+6);let a=new Date(n);a.setDate(a.getDate()-7);let o=new Date(n);o.setDate(o.getDate()-1);let s=new Date(e.getFullYear(),e.getMonth(),1),c=new Date(e.getFullYear(),e.getMonth()+1,0),l=new Date(e.getFullYear(),e.getMonth()-1,1),u=new Date(e.getFullYear(),e.getMonth(),0);return[{label:`Today`,startDate:e,endDate:e},{label:`Yesterday`,startDate:t,endDate:t},{label:`This Week`,startDate:n,endDate:i},{label:`Last Week`,startDate:a,endDate:o},{label:`This Month`,startDate:s,endDate:c},{label:`Last Month`,startDate:l,endDate:u}]}function g(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}var _=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){static get styles(){return[(0,o.unsafeCSS)(m),(0,o.unsafeCSS)(i.t)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}clear(){this._startDate=void 0,this._endDate=void 0,this.startDate=void 0,this.endDate=void 0,this.setStartSegments(),this.setEndSegments()}constructor(){super(),this.precision=a.f.Day,this.calendars=1,this.showDefinedRanges=!1,this.definedRanges=h(),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`,startDate:`Start date`,endDate:`End date`},this.focused=!1,this.startSegments=new a.o([]),this.endSegments=new a.o([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??(0,f.getLocalTimeZone)(),this._skipMonthSync=!1,this.handleFocusIn=()=>{this.focused=!this.readonly},this.handleFocusOut=()=>{this.focused=!1},this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}willUpdate(e){let t=e.has(`startDate`),n=e.has(`endDate`),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(`disabled`);e.has(`timeZone`)&&(this._timeZone=this.timeZone??(0,f.getLocalTimeZone)()),a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),(t||n||r||i)&&this.parseAllDates(),(t||a||c||o||s)&&this.setStartSegments(),(n||a||c||o||s)&&this.setEndSegments(),l&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let u=e.has(`isCalendarOpen`)&&this.isCalendarOpen;(t||n)&&(this._skipMonthSync||this.syncCalendarMonths(),this._skipMonthSync=!1),u&&this.calendars===2&&this.syncCalendarMonths(),this.updateAriaLabel()}initCalendarMonths(){let e=this._startDate??(0,f.toCalendarDate)((0,f.today)(this._timeZone)),t=(0,f.startOfMonth)(e);this._leftMonth=t.toString(),this._rightMonth=this._endDate&&!(0,f.isSameMonth)(e,this._endDate)?(0,f.startOfMonth)(this._endDate).toString():t.add({months:1}).toString()}syncCalendarMonths(){if(this.calendars!==2)return;let e=this._startDate??(0,f.toCalendarDate)((0,f.today)(this._timeZone)),t=(0,f.startOfMonth)(e);this._endDate&&!(0,f.isSameMonth)(e,this._endDate)?(this._leftMonth=t.toString(),this._rightMonth=(0,f.startOfMonth)(this._endDate).toString()):(this._leftMonth=t.toString(),this._rightMonth=t.add({months:1}).toString())}parseDateValue(e){return e?e.includes(`T`)?(0,f.parseDateTime)(e).set({era:`AD`}):(0,f.toCalendarDate)((0,f.parseDate)(e)).set({era:`AD`}):void 0}parseAllDates(){this._startDate=this.parseDateValue(this.startDate),this._endDate=this.parseDateValue(this.endDate)}updateAriaLabel(){if(this._startDate&&this._endDate){let e=this.ariaDateFormatter.format(a.s(this._startDate)),t=this.ariaDateFormatter.format(a.s(this._endDate));this.setAttribute(`aria-label`,`${this.labels.selected}: ${e} – ${t}`)}else this.setAttribute(`aria-label`,this.labels.empty)}render(){return o.html`
-      <div class="luzmo-DatePicker--range range-wrapper">
-        <div id="text-field">${this.renderStartInput()}</div>
-        <div class="luzmo-DatePicker-rangeDash"></div>
-        <div id="text-field">${this.renderEndInput()}</div>
-        ${this.renderStateIcons()} ${this.renderPicker()}
-      </div>
-      ${this.renderHelpText(this.invalid)}
-    `}renderStateIcons(){return this.invalid?o.html`
-        <luzmo-icon
-          .icon=${c.luzmoAlert}
-          .size=${this.size}
-          id="invalid"
-          class="icon"
-        ></luzmo-icon>
-      `:o.nothing}renderPicker(){return this.readonly?o.nothing:o.html`
-      <luzmo-picker-button
-        ?open=${this.isCalendarOpen}
-        ?quiet=${this.quiet}
-        ?invalid=${this.invalid}
-        ?disabled=${this.disabled}
-        .size=${this.size}
-        @click=${()=>this.isCalendarOpen=!0}
-        label=${this.labels.calendar}
-      >
-        <slot name="calendar-icon" slot="icon">
-          <luzmo-icon
-            .icon=${c.luzmoCalendar}
-            .size=${this.size}
-            block
-          ></luzmo-icon>
-        </slot>
-      </luzmo-picker-button>
-
-      <luzmo-overlay
-        .triggerElement=${this.rangeWrapper}
-        type="modal"
-        placement=${this.placement??`bottom`}
-        offset="0"
-        ?open=${this.isCalendarOpen}
-        @luzmo-closed=${()=>this.isCalendarOpen=!1}
-      >
-        <luzmo-popover>
-          <div class="popover-content">${this.renderPopoverContent()}</div>
-        </luzmo-popover>
-      </luzmo-overlay>
-    `}renderPopoverContent(){return this.calendars===2?this.renderDualCalendar():this.renderSingleCalendar()}renderSingleCalendar(){return o.html`
-      <div class="calendar-layout">
-        <div class="calendar-container">
-          <luzmo-calendar
-            selection-mode="range"
-            .startDate=${this.startDate}
-            .endDate=${this.endDate}
-            .min=${this.min}
-            .max=${this.max}
-            .labels=${this.labels}
-            .size=${this.size}
-            .language=${this.language}
-            @range-select=${this.handleRangeSelect}
-          ></luzmo-calendar>
-        </div>
-        ${this.renderDefinedRanges()}
-      </div>
-    `}renderDualCalendar(){return(!this._leftMonth||!this._rightMonth)&&this.initCalendarMonths(),o.html`
-      <div class="calendar-layout calendar-layout--dual">
-        <div class="calendars-row">
-          <div class="calendar-container">
-            <luzmo-calendar
-              selection-mode="range"
-              .startDate=${this.startDate}
-              .endDate=${this.endDate}
-              .value=${this._leftMonth}
-              .min=${this.min}
-              .max=${this.max}
-              .labels=${this.labels}
-              .size=${this.size}
-              .language=${this.language}
-              @range-select=${this.handleRangeSelect}
-              @hover-date=${this.handleHoverDateLeft}
-              @month-change=${this.handleLeftMonthChange}
-            ></luzmo-calendar>
-          </div>
-          <div class="calendar-container">
-            <luzmo-calendar
-              selection-mode="range"
-              .startDate=${this.startDate}
-              .endDate=${this.endDate}
-              .value=${this._rightMonth}
-              .min=${this.min}
-              .max=${this.max}
-              .labels=${this.labels}
-              .size=${this.size}
-              .language=${this.language}
-              @range-select=${this.handleRangeSelect}
-              @hover-date=${this.handleHoverDateRight}
-              @month-change=${this.handleRightMonthChange}
-            ></luzmo-calendar>
-          </div>
-        </div>
-        ${this.renderDefinedRanges()}
-      </div>
-    `}renderDefinedRanges(){return!this.showDefinedRanges||!this.definedRanges||this.definedRanges.length===0?o.nothing:o.html`
-      <div
-        class="defined-ranges"
-        role="listbox"
-        aria-label="Predefined date ranges"
-      >
-        ${this.definedRanges.map(e=>o.html`
-            <button
-              class="defined-range-item"
-              role="option"
-              aria-selected=${this.isDefinedRangeSelected(e)}
-              @click=${()=>this.selectDefinedRange(e)}
-            >
-              ${e.label}
-            </button>
-          `)}
-      </div>
-    `}isDefinedRangeSelected(e){return!this.startDate||!this.endDate?!1:this.startDate===g(e.startDate)&&this.endDate===g(e.endDate)}selectDefinedRange(e){this.startDate=g(e.startDate),this.endDate=g(e.endDate),this.isCalendarOpen=!1,this.dispatchChange()}handleRangeSelect(e){e.stopPropagation();let{startDate:t,endDate:n}=e.detail;this._skipMonthSync=!0,this.startDate=t,this.endDate=n??void 0,t&&n&&(this.isCalendarOpen=!1,this.dispatchChange())}handleHoverDateLeft(e){let t=this.shadowRoot?.querySelectorAll(`luzmo-calendar`)[1];t&&(t.hoveredDate=(0,f.parseDate)(e.detail.date))}handleHoverDateRight(e){let t=this.shadowRoot?.querySelectorAll(`luzmo-calendar`)[0];t&&(t.hoveredDate=(0,f.parseDate)(e.detail.date))}renderStartInput(){return o.html`
-      <div class="input luzmo-DatePicker-startField">
-        <span
-          class="input-content"
-          aria-label=${this.labels.startDate}
-          @keydown=${e=>this.handleKeydown(e,`start`)}
-          @input=${e=>this.handleInput(e,`start`)}
-        >
-          ${this.renderSegmentsFor(this.startSegments)}
-        </span>
-      </div>
-    `}renderEndInput(){return o.html`
-      <div class="input luzmo-DatePicker-endField">
-        <span
-          class="input-content"
-          aria-label=${this.labels.endDate}
-          @keydown=${e=>this.handleKeydown(e,`end`)}
-          @input=${e=>this.handleInput(e,`end`)}
-        >
-          ${this.renderSegmentsFor(this.endSegments)}
-        </span>
-      </div>
-    `}renderSegmentsFor(e){return e.all.map(e=>(0,l.when)(e.type===a.p.Literal,()=>this.renderLiteralSegment(e),()=>this.renderEditableSegment(e)))}renderLiteralSegment(e){return o.html`
-        <span
-            class="literal-segment"
-            data-test-id=${e.type}
-            aria-hidden="true"
-        >${e.formatted}</span>
-    `}renderEditableSegment(e){let t=!this.disabled&&!this.readonly,n={"editable-segment":!0,"is-placeholder":e.value===void 0},r=e.type!==a.p.Year&&String(e.maxValue).length>0;return o.html`
-      <div
-        role="spinbutton"
-        aria-valuenow=${(0,u.ifDefined)(e.value)}
-        aria-valuemin=${e.minValue}
-        aria-valuemax=${e.maxValue}
-        aria-label=${e.label}
-        aria-valuetext=${(0,u.ifDefined)(e.value===void 0?this.labels.empty:e.formatted)}
-        contenteditable=${(0,u.ifDefined)(t?!0:void 0)}
-        inputmode=${(0,u.ifDefined)(t?`numeric`:void 0)}
-        tabindex=${(0,u.ifDefined)(t?`0`:void 0)}
-        class=${(0,d.classMap)(n)}
-        style=${r?`min-width: ${r}ch`:``}
-        data-type=${e.type}
-        .innerText=${e.value===void 0?e.placeholder??``:e.formatted??``}
-      ></div>
-    `}getSegments(e){return e===`start`?this.startSegments:this.endSegments}setSegmentsForField(e,t){e===`start`?this.startSegments=t:this.endSegments=t}getModifierParams(e){return{dateFormatter:this.dateFormatter,segments:this.getSegments(e),currentDate:(0,f.now)(this._timeZone)}}handleKeydown(e,t){let n=e.target,r=n.dataset.type;if(r)switch(e.code){case`ArrowUp`:{let e=new a.r(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent();break}case`ArrowDown`:{let e=new a.i(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent();break}case`ArrowRight`:this.focusSegment(n,`next`);break;case`ArrowLeft`:this.focusSegment(n,`previous`);break;case`Enter`:case`Space`:this.commitValue();break;case`Backspace`:case`Delete`:if(e.preventDefault(),this.getSegments(t).getByType(r)?.value===void 0)this.focusSegment(n,`previous`);else{let e=new a.a(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent()}break}}handleInput(e,t){e.stopPropagation();let n=e.target.dataset.type,r=this.getSegments(t).editableValues,i=new a.n({...this.getModifierParams(t),eventData:e.data,numberParser:this.numberParser}).modify(n);this.setSegmentsForField(t,i);let o=i.getByType(n),s=e.target;s.textContent=o.value===void 0?o.placeholder:o.formatted,this.updateValueFromSegments(t);let c=i.editableValues;a.c(r,c)||this.dispatchInputEvent()}focusSegment(e,t){let n=e;for(;;){let e=t===`previous`?n.previousElementSibling:n.nextElementSibling;if(!e)break;if(e.getAttribute(`contenteditable`)){e.focus();return}n=e}}updateValueFromSegments(e){let t=this.getSegments(e).getFormattedDate(this.precision);if(t&&(a.l(t)||a.u(t))){let n=t.toString();e===`start`?(this._startDate=t,this.startDate=n):(this._endDate=t,this.endDate=n)}else e===`start`?(this._startDate=void 0,this.startDate=void 0):(this._endDate=void 0,this.endDate=void 0)}commitValue(){if(this._startDate&&this._endDate){if(this._startDate.compare(this._endDate)>0){let e=this._startDate;this._startDate=this._endDate,this._endDate=e,this.startDate=this._startDate.toString(),this.endDate=this._endDate.toString(),this.setStartSegments(),this.setEndSegments()}this.dispatchChange()}}handleLeftMonthChange(e){let t=e.detail,n=(0,f.parseDate)(t.date);this._leftMonth=t.date,this._rightMonth&&(0,f.isSameMonth)(n,(0,f.parseDate)(this._rightMonth))&&(this._rightMonth=(0,f.startOfMonth)(n).add({months:1}).toString())}handleRightMonthChange(e){let t=e.detail,n=(0,f.parseDate)(t.date);this._rightMonth=t.date,this._leftMonth&&(0,f.isSameMonth)(n,(0,f.parseDate)(this._leftMonth))&&(this._leftMonth=(0,f.startOfMonth)(n).subtract({months:1}).toString())}dispatchChange(){this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate??``,endDate:this.endDate??``}}))}dispatchInputEvent(){this.dispatchEvent(new CustomEvent(`input`,{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate??``,endDate:this.endDate??``}}))}setStartSegments(){this.startSegments=this.createSegmentsFromDate(this._startDate)}setEndSegments(){this.endSegments=this.createSegmentsFromDate(this._endDate)}createSegmentsFromDate(e){let t=(0,f.now)(this._timeZone),n=e?{year:e.year,month:e.month,day:e.day}:{};e&&a.u(e)&&(n.hour=e.hour,n.minute=e.minute,n.second=e.second,n.millisecond=e.millisecond);let r=e?t.set(n):t,i=new a.t(this.dateFormatter).createSegments(r,e!==void 0);if(this.dateFormat){let e=i.all.findIndex(e=>e.type===a.p.Month),t=i.all.findIndex(e=>e.type===a.p.Day);if(e!==-1&&t!==-1){if(this.dateFormat===`mmdd`&&e>t){let n=i.all[e];i.all[e]=i.all[t],i.all[t]=n}else if(this.dateFormat===`ddmm`&&t>e){let n=i.all[t];i.all[t]=i.all[e],i.all[e]=n}}}return typeof this.dateSeparator==`string`&&this.dateSeparator&&(i.all?.[1]?.type===a.p.Literal&&(i.all[1].formatted=this.dateSeparator),i.all?.[3]?.type===a.p.Literal&&(i.all[3].formatted=this.dateSeparator)),this.precision===a.f.Day?new a.o(i.all.filter(e=>{let t=e.type;return t===a.p.Year||t===a.p.Month||t===a.p.Day||t===a.p.Literal})):i}setNumberParser(){this.numberParser=new p.NumberParser(this._language,{maximumFractionDigits:0})}setDateFormatter(){this.dateFormatter=new f.DateFormatter(this._language,{day:`2-digit`,month:`2-digit`,year:`numeric`,...this.getTimeOptions(`2-digit`)})}setAriaDateFormatter(){this.ariaDateFormatter=new f.DateFormatter(this._language,{day:`numeric`,month:`long`,year:`numeric`,...this.getTimeOptions(`numeric`)})}getTimeOptions(e){switch(this.precision){case a.f.Millisecond:return{hour:e,minute:e,second:e,fractionalSecondDigits:3};case a.f.Second:return{hour:e,minute:e,second:e};case a.f.Minute:return{hour:e,minute:e};case a.f.Hour:return{hour:e};default:return{}}}};e.t([(0,s.property)({type:String,attribute:`start-date`,reflect:!0})],_.prototype,`startDate`,void 0),e.t([(0,s.property)({type:String,attribute:`end-date`,reflect:!0})],_.prototype,`endDate`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`min`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`max`,void 0),e.t([(0,s.property)({type:String,attribute:`date-format`,reflect:!0})],_.prototype,`dateFormat`,void 0),e.t([(0,s.property)({type:String,attribute:`date-separator`,reflect:!0})],_.prototype,`dateSeparator`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`precision`,void 0),e.t([(0,s.property)({type:Number,reflect:!0})],_.prototype,`calendars`,void 0),e.t([(0,s.property)({type:Boolean,attribute:`show-defined-ranges`,reflect:!0})],_.prototype,`showDefinedRanges`,void 0),e.t([(0,s.property)({attribute:!1})],_.prototype,`definedRanges`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`invalid`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`readonly`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`quiet`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`placement`,void 0),e.t([(0,s.property)({type:String,attribute:`time-zone`,reflect:!0})],_.prototype,`timeZone`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`language`,void 0),e.t([(0,s.property)({attribute:!1})],_.prototype,`labels`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`focused`,void 0),e.t([(0,s.state)()],_.prototype,`_startDate`,void 0),e.t([(0,s.state)()],_.prototype,`_endDate`,void 0),e.t([(0,s.state)()],_.prototype,`startSegments`,void 0),e.t([(0,s.state)()],_.prototype,`endSegments`,void 0),e.t([(0,s.state)()],_.prototype,`isCalendarOpen`,void 0),e.t([(0,s.state)()],_.prototype,`_leftMonth`,void 0),e.t([(0,s.state)()],_.prototype,`_rightMonth`,void 0),e.t([(0,s.query)(`.editable-segment`)],_.prototype,`firstEditableSegment`,void 0),e.t([(0,s.query)(`.range-wrapper`)],_.prototype,`rangeWrapper`,void 0),customElements.get(`luzmo-date-range-picker`)||customElements.define(`luzmo-date-range-picker`,_),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/components/date-time-picker-Cj4n6nG-.cjs

@@ -1,105 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-DTxxQ3yJ.cjs");require("./icon-xwNfYSkj.cjs"),require("./overlay-CO_JAhWD.cjs"),require("./popover/index.cjs"),require("./calendar-9tmSkAp2.cjs");const r=require("./manage-help-text-D20THJ3U.cjs"),i=require("./text-field.module-DDRcQM7Y.cjs");require("./picker-button-COrTSUL5.cjs");const a=require("./segments-factory-DtPyN5sh.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("@luzmo/icons"),l=require("lit/directives/when.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js"),f=require("lit/directives/style-map.js"),p=require("@internationalized/date"),m=require("@internationalized/number");var h=`: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))}.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}`,g=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){static get styles(){return[(0,o.unsafeCSS)(h),(0,o.unsafeCSS)(i.t)]}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?(0,p.toZoned)(this._value,this._timeZone):this.cachedLocalTime}get includesTime(){return[a.f.Hour,a.f.Minute,a.f.Second,a.f.Millisecond].includes(this.precision)}clear(){this._value=void 0,this.setSegments()}constructor(){super(),this._precision=a.f.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 a.o([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??(0,p.getLocalTimeZone)(),this.cachedLocalTime=(0,p.now)(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`),o=e.has(`language`),s=e.has(`dateFormat`),c=e.has(`dateSeparator`),l=e.has(`precision`),u=e.has(`segments`),d=e.has(`disabled`);if(o&&this.setNumberParser(),(o||l)&&(this.setDateFormatter(),this.setAriaDateFormatter()),t||r||i||n){this._value=this.value?(0,p.parseAbsolute)(new Date(this.value).toISOString(),`UTC`):void 0,this._min=this.min?(0,p.parseAbsolute)(new Date(this.min).toISOString(),`UTC`):void 0,this._max=this.max?(0,p.parseAbsolute)(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||o||l||s||n||c)&&this.setSegments(),u&&this.setValueFromSegments(),d&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let f=this._value&&this.labels.selected+`: `+this.ariaDateFormatter.format(a.s(this._value));this.setAttribute(`aria-label`,f??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.d(e));if(t.length>0)return t[0];let n=e.filter(e=>a.u(e));return n.length>0?n[0]:e.find(e=>a.l(e))}convertDatePropsToMatch(e){if(a.d(e)){this._timeZone=this.timeZone??e.timeZone,this._value=this._value&&(0,p.toZoned)(this._value,this._timeZone),this._min=this._min&&(0,p.toZoned)(this._min,this._timeZone),this._max=this._max&&(0,p.toZoned)(this._max,this._timeZone);return}if(this._timeZone=this.timeZone??(0,p.getLocalTimeZone)(),a.u(e)){this._value=this._value&&(0,p.toCalendarDateTime)(this._value),this._min=this._min&&(0,p.toCalendarDateTime)(this._min),this._max=this._max&&(0,p.toCalendarDateTime)(this._max);return}this._value=this._value&&(0,p.toCalendarDate)(this._value),this._min=this._min&&(0,p.toCalendarDate)(this._min),this._max=this._max&&(0,p.toCalendarDate)(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=(0,p.getLocalTimeZone)())}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&&a.l(e)&&this.convertDatePropsToMatch((0,p.toCalendarDateTime)(e))}updateDefaultPrecision(){if(this.isUserSetPrecision)return;let e=this.mostSpecificDateValue;e&&(this._precision=a.l(e)?a.f.Day:a.f.Minute)}render(){return o.html`
-      <div id="text-field">
-        ${this.renderStateIcons()} ${this.renderInputContent()}
-      </div>
-      ${this.renderHelpText(this.invalid)}${this.renderPicker()}
-    `}renderStateIcons(){return this.invalid?o.html`
-        <luzmo-icon
-          .icon=${c.luzmoAlert}
-          .size=${this.size}
-          id="invalid"
-          class="icon"
-        ></luzmo-icon>
-      `:o.nothing}renderPicker(){return this.readonly?o.nothing:o.html`
-      <luzmo-picker-button
-        ?open=${this.isCalendarOpen}
-        ?quiet=${this.quiet}
-        ?invalid=${this.invalid}
-        ?disabled=${this.disabled}
-        .size=${this.size}
-        @click=${()=>this.isCalendarOpen=!0}
-        label=${this.labels.calendar}
-      >
-        <slot name="calendar-icon" slot="icon">
-          <luzmo-icon
-            .icon=${c.luzmoCalendar}
-            .size=${this.size}
-            block
-          ></luzmo-icon>
-        </slot>
-      </luzmo-picker-button>
-
-      <luzmo-overlay
-        .triggerElement=${this.input}
-        type="modal"
-        placement=${this.placement??`bottom`}
-        offset="0"
-        ?open=${this.isCalendarOpen}
-        @luzmo-closed=${()=>this.isCalendarOpen=!1}
-      >
-        <luzmo-popover>
-          <div class="popover-content">
-            <luzmo-calendar
-              .value=${this._value?this._value.toString().slice(0,10):void 0}
-              .min=${this._min?this._min.toString():void 0}
-              .max=${this._max?this._max.toString():void 0}
-              .labels=${this.labels}
-              .size=${this.size}
-              .language=${this.language}
-              @change=${this.handleChange}
-            ></luzmo-calendar>
-          </div>
-        </luzmo-popover>
-      </luzmo-overlay>
-    `}handleChange(e){e.stopPropagation(),this.isCalendarOpen=!1,e.target?.value&&(this.value=e.target?.value);let t=(0,p.parseDate)(e.target?.value??``);if(this.includesTime){let e=new p.Time(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=(0,p.toCalendarDateTime)(t,e),n&&a.d(n)&&(this._value=(0,p.toZoned)(this._value,this._timeZone))}else this._value=t;this.commitValue()}renderInputContent(){return o.html`
-      <div class="input">
-        <span
-          class="input-content"
-          @focusin=${()=>this.focused=!this.readonly}
-          @focusout=${()=>this.focused=!1}
-          @keydown=${this.handleKeydown}
-          @input=${this.handleInput}
-        >
-          ${this.renderSegments()}
-        </span>
-      </div>
-    `}renderSegments(){return this.segments.all.map(e=>(0,l.when)(e.type===a.p.Literal,()=>this.renderLiteralSegment(e),()=>this.renderEditableSegment(e)))}renderLiteralSegment(e){return o.html`
-        <span
-            class="literal-segment"
-            data-test-id=${e.type}
-            aria-hidden="true"
-        >${e.formatted}</span>
-    `}renderEditableSegment(e){let t=!this.disabled&&!this.readonly,n=e.value===void 0,r=e.type===a.p.DayPeriod?`text`:`numeric`,i={"editable-segment":!0,"is-placeholder":n},s=e.type!==a.p.Year&&String(e.maxValue).length>0,c={minWidth:s?`${s}ch`:void 0};return o.html`
-      <div
-        role="spinbutton"
-        aria-valuenow=${(0,u.ifDefined)(e.value)}
-        aria-valuemin=${e.minValue}
-        aria-valuemax=${e.maxValue}
-        aria-label=${e.label}
-        aria-valuetext=${(0,u.ifDefined)(e.value===void 0?this.labels.empty:e.formatted)}
-        contenteditable=${(0,u.ifDefined)(t?!0:void 0)}
-        inputmode=${(0,u.ifDefined)(t?r:void 0)}
-        tabindex=${(0,u.ifDefined)(t?`0`:void 0)}
-        class=${(0,d.classMap)(i)}
-        style=${(0,f.styleMap)(c)}
-        data-type=${e.type}
-        .innerText=${this.renderSegmentText(e)}
-      ></div>
-    `}renderSegmentText(e){return(0,l.when)(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 a.r(this.modifierParams);this.segments=t.modify(e),this.dispatchInput()}decrementValue(e){let t=new a.i(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 a.a(this.modifierParams);this.segments=n.modify(e);let r=this.segments.editableValues;a.c(t,r)||this.dispatchInput()}handleInput(e){e.stopPropagation();let t=e.target.dataset.type,n=this.segments.editableValues,r=new a.n({...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;a.c(n,i)||this.dispatchInput()}updateSegmentContent(e,t){t.textContent=e.value===void 0?e.placeholder:e.formatted}createOutputString(e){return e?a.d(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.d(t)?this._value=(0,p.toZoned)(e,this._timeZone):a.u(t)?this._value=(0,p.toCalendarDateTime)(e):this._value=(0,p.toCalendarDate)(e):this._value=e}setSegments(){let e=new a.t(this.dateFormatter).createSegments(this.currentDate,this._value!==void 0);if(this.dateFormat){let t=e.all.findIndex(e=>e.type===a.p.Month),n=e.all.findIndex(e=>e.type===a.p.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===a.p.Literal&&(e.all[1].formatted=this.dateSeparator),e.all?.[3]?.type===a.p.Literal&&(e.all[3].formatted=this.dateSeparator)),this.segments=e}setNumberParser(){this.numberParser=new m.NumberParser(this._language,{maximumFractionDigits:0})}setDateFormatter(){this.dateFormatter=new p.DateFormatter(this._language,{day:`2-digit`,month:`2-digit`,year:`numeric`,...this.getTimeOptions(`2-digit`)})}setAriaDateFormatter(){this.ariaDateFormatter=new p.DateFormatter(this._language,{day:`numeric`,month:`long`,year:`numeric`,...this.getTimeOptions(`numeric`)})}getTimeOptions(e){switch(this.precision){case a.f.Millisecond:return{hour:e,minute:e,second:e,fractionalSecondDigits:3};case a.f.Second:return{hour:e,minute:e,second:e};case a.f.Minute:return{hour:e,minute:e};case a.f.Hour:return{hour:e};default:return{}}}};e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`value`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`min`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`max`,void 0),e.t([(0,s.property)({type:String,attribute:`date-format`,reflect:!0})],g.prototype,`dateFormat`,void 0),e.t([(0,s.property)({type:String,attribute:`date-separator`,reflect:!0})],g.prototype,`dateSeparator`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`precision`,null),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`invalid`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`readonly`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`quiet`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`placement`,void 0),e.t([(0,s.property)({type:String,attribute:`time-zone`,reflect:!0})],g.prototype,`timeZone`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`language`,void 0),e.t([(0,s.property)({attribute:!1})],g.prototype,`labels`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`focused`,void 0),e.t([(0,s.state)()],g.prototype,`_value`,void 0),e.t([(0,s.state)()],g.prototype,`_min`,void 0),e.t([(0,s.state)()],g.prototype,`_max`,void 0),e.t([(0,s.state)()],g.prototype,`segments`,void 0),e.t([(0,s.state)()],g.prototype,`isCalendarOpen`,void 0),e.t([(0,s.query)(`.editable-segment`)],g.prototype,`firstEditableSegment`,void 0),e.t([(0,s.query)(`.input`)],g.prototype,`input`,void 0),customElements.get(`luzmo-date-time-picker`)||customElements.define(`luzmo-date-time-picker`,g),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});

package/components/decorate-Dq34MBGe.cjs

@@ -1,18 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-let e=require("lit");var t=new Set,n=()=>{if(typeof document>`u`)return;let e=document.documentElement.dir===`rtl`?document.documentElement.dir:`ltr`;t.forEach(t=>{t.setAttribute(`dir`,e)})},r=null;typeof document<`u`&&(r=new MutationObserver(n),r.observe(document.documentElement,{attributes:!0,attributeFilter:[`dir`]}));var i=e=>e.startManagingContentDirection!==void 0||e.tagName===`LUZMO-THEME`;function a(e){class n extends e{get isLTR(){return this.dir===`ltr`}hasVisibleFocusInTree(){if(typeof document>`u`)return!1;let e=((e=document)=>{let t=e.activeElement;for(;t?.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;let n=t?[t]:[];for(;t;){let e=t.assignedSlot||t.parentElement||t.getRootNode()?.host;e&&n.push(e),t=e}return n})(this.getRootNode())[0];if(!e)return!1;try{return e.matches(`:focus-visible`)||e.matches(`.focus-visible`)}catch{return e.matches(`.focus-visible`)}}connectedCallback(){if(typeof document>`u`){super.connectedCallback();return}if(!this.hasAttribute(`dir`)){let e=this.assignedSlot||this.parentNode;for(;e!==document?.documentElement&&!i(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir===`rtl`?e.dir:this.dir||`ltr`,e===document?.documentElement)t.add(this);else{let{localName:t}=e;t.search(`-`)>-1&&typeof customElements<`u`&&!customElements.get(t)?customElements.whenDefined(t).then(()=>{e.startManagingContentDirection(this)}):e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document?.documentElement?t.delete(this):typeof this._dirParent.stopManagingContentDirection==`function`&&this._dirParent.stopManagingContentDirection(this),this.removeAttribute(`dir`))}}return n}var o=class extends a(e.LitElement){};function s(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/divider-wana0uPI.cjs

@@ -1,18 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./divider.module-BV6tmpOY.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`],noDefaultSize:!0}){constructor(...e){super(...e),this.vertical=!1}static{this.styles=[(0,r.unsafeCSS)(n.t)]}render(){return r.html``}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`separator`)}updated(e){super.updated(e),e.has(`vertical`)&&(this.vertical?this.setAttribute(`aria-orientation`,`vertical`):this.removeAttribute(`aria-orientation`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],a.prototype,`vertical`,void 0),e.t([(0,i.property)({type:String,reflect:!0,attribute:`static-color`})],a.prototype,`staticColor`,void 0),customElements.get(`luzmo-divider`)||customElements.define(`luzmo-divider`,a),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/field-label-C5vdJ1ys.cjs

@@ -1,25 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./condition-attribute-with-id-Cw92IbcP.cjs"),r=require("./random-id-BcUJAxUZ.cjs"),i=require("./element-resolution-BjaAlqwX.cjs");let a=require("lit"),o=require("lit/decorators.js");var s=`:host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height,var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block,var(--luzmo-field-label-top-to-text,var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text,var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline,0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block,var(--luzmo-field-label-margin-block-start,0) var(--luzmo-field-label-margin-block-end,0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline,var(--luzmo-field-label-margin-inline-start,0) var(--luzmo-field-label-margin-inline-end,0));font-size:var(--luzmo-field-label-font-size,var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight,var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height,var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color,var(--field-label-color));font-family:var(--luzmo-field-label-font-family,var(--luzmo-font-family));display:block}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height:var(--luzmo-field-label-line-height-cjk,var(--field-label-line-height-cjk))}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color:var(--highcontrast-field-label-disabled-content-color,var(--luzmo-disabled-content-color,var(--field-label-disabled-content-color)))}.required-icon{margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk,var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align,baseline);display:inline-block}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;font-size:var(--luzmo-field-label-side-aligned-font-size,var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height,var(--field-label-side-aligned-height));align-items:center;margin-block:0;margin-inline-end:var(--luzmo-field-label-side-padding-right,var(--field-label-side-padding-right));display:inline-flex}:host([side-aligned=end]){text-align:end}@media (forced-colors:active){:host{--highcontrast-field-label-disabled-content-color:GrayText}}:host{--field-label-color:var(--luzmo-font-color);--field-label-font-weight:var(--luzmo-font-weight);--field-label-line-height:var(--luzmo-line-height);--field-label-line-height-cjk:1.5;--field-label-disabled-content-color:var(--luzmo-font-color-disabled);--field-label-min-height:var(--luzmo-component-height-xs);--field-label-side-aligned-height:var(--luzmo-component-height);--field-label-top-to-text:calc(var(--luzmo-spacing-2));--field-label-bottom-to-text:var(--luzmo-spacing-2);--field-label-side-aligned-font-size:var(--luzmo-font-size);--field-label-font-size:var(--luzmo-font-size-s);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:0px}:host([size=s]){--field-label-min-height:var(--luzmo-component-height-xxs);--field-label-side-aligned-height:var(--luzmo-component-height-s);--field-label-top-to-text:calc(var(--luzmo-spacing-1));--field-label-bottom-to-text:var(--luzmo-spacing-1);--field-label-side-aligned-font-size:var(--luzmo-font-size-s);--field-label-font-size:var(--luzmo-font-size-xs);--field-label-side-padding-right:var(--luzmo-spacing-3);--field-label-text-to-asterisk:0px}:host([size=l]){--field-label-min-height:var(--luzmo-component-height-xs);--field-label-side-aligned-height:var(--luzmo-component-height-l);--field-label-top-to-text:var(--luzmo-spacing-3);--field-label-bottom-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--field-label-side-aligned-font-size:var(--luzmo-font-size-l);--field-label-font-size:var(--luzmo-font-size);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height:var(--luzmo-component-height-s);--field-label-side-aligned-height:var(--luzmo-component-height-xl);--field-label-top-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--field-label-bottom-to-text:var(--luzmo-spacing-3);--field-label-side-aligned-font-size:var(--luzmo-font-size-xl);--field-label-font-size:var(--luzmo-font-size-l);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:var(--luzmo-spacing-1)}label{display:inline-block}`,c=()=>a.html`
-  <div class="icon-container required-icon">*</div>
-`,l=class extends t.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.id=``,this.for=``,this.required=!1,this.resolvedElement=new i.t(this)}static get styles(){return[(0,a.unsafeCSS)(s)]}handleClick(e){if(!this.target||this.disabled||e.defaultPrevented)return;this.target.focus();let t=this.getRootNode(),n=this.target,r=n.getRootNode(),i=r.host;r===t&&n.forceFocusVisible?n.forceFocusVisible():i&&i.forceFocusVisible&&i.forceFocusVisible()}applyTargetLabel(e){if(this.target=e||this.target,this.target){let t=this.target.applyFocusElementLabel,r=this.target.focusElement||this.target,i=r.getRootNode();t===void 0?i===this.getRootNode()?(e?n.t:n.n)(r,`aria-labelledby`,[this.id]):e?r.setAttribute(`aria-label`,this.labelText):r.removeAttribute(`aria-label`):t.call(this.target,this.labelText,this)}}async manageTarget(){this.applyTargetLabel();let e=this.resolvedElement.element;if(!e){this.target=e;return}e.localName.search(`-`)>0&&await customElements.whenDefined(e.localName),e.updateComplete!==void 0&&await e.updateComplete,this.applyTargetLabel(e)}get labelText(){let e=this.slotEl.assignedNodes({flatten:!0});return e.length===0?``:e.map(e=>(e.textContent||``).trim()).join(` `)}render(){return a.html`
-      <label>
-        <slot></slot>
-        ${this.required?a.html` ${c()} `:a.nothing}
-      </label>
-    `}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this.handleClick)}willUpdate(e){this.hasAttribute(`id`)||this.setAttribute(`id`,`${this.tagName.toLowerCase()}-${r.t()}`),e.has(`for`)&&(this.resolvedElement.selector=this.for?`#${this.for}`:``),(e.has(`id`)||e.has(i.n))&&this.manageTarget()}};e.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,o.property)({type:String})],l.prototype,`id`,void 0),e.t([(0,o.property)({type:String})],l.prototype,`for`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`required`,void 0),e.t([(0,o.query)(`slot`)],l.prototype,`slotEl`,void 0),e.t([(0,o.property)({type:String,reflect:!0,attribute:`side-aligned`})],l.prototype,`sideAligned`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/focus-group-C8lOjbi9.cjs

@@ -1,18 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-function e(e,t,n){return typeof e===t?(()=>e):typeof e==`function`?e:n}var t=class{get currentIndex(){return this._currentIndex===-1&&(this._currentIndex=this.focusInIndex),this._currentIndex-this.offset}set currentIndex(e){this._currentIndex=e+this.offset}get direction(){return this._direction()}get elements(){return this.cachedElements||=this._elements(),this.cachedElements}set focused(e){e!==this.focused&&(this._focused=e)}get focused(){return this._focused}get focusInElement(){return this.elements[this.focusInIndex]}get focusInIndex(){return this._focusInIndex(this.elements)}isEventWithinListenerScope(e){return this._listenerScope()===this.host||e.composedPath().includes(this._listenerScope())}constructor(t,{direction:n,elementEnterAction:r,elements:i,focusInIndex:a,isFocusableElement:o,listenerScope:s}={elements:()=>[]}){this._currentIndex=-1,this.prevIndex=-1,this._direction=()=>`both`,this.directionLength=5,this.elementEnterAction=e=>{},this._focused=!1,this._focusInIndex=e=>0,this.isFocusableElement=e=>!0,this._listenerScope=()=>this.host,this.offset=0,this.recentlyConnected=!1,this.handleFocusin=e=>{if(!this.isEventWithinListenerScope(e))return;let t=e.composedPath(),n=-1;t.find(e=>(n=this.elements.indexOf(e),n!==-1)),this.prevIndex=this.currentIndex,this.currentIndex=n>-1?n:this.currentIndex,this.isRelatedTargetOrContainAnElement(e)&&this.hostContainsFocus()},this.handleClick=()=>{let e=this.elements;if(e.length===0)return;let t=e[this.currentIndex];this.currentIndex<0||((!t||!this.isFocusableElement(t))&&(this.setCurrentIndexCircularly(1),t=e[this.currentIndex]),t&&this.isFocusableElement(t)&&(e[this.prevIndex]?.setAttribute(`tabindex`,`-1`),t.setAttribute(`tabindex`,`0`)))},this.handleFocusout=e=>{this.isRelatedTargetOrContainAnElement(e)&&this.hostNoLongerContainsFocus()},this.handleKeydown=e=>{if(!this.acceptsEventCode(e.code)||e.defaultPrevented)return;let t=0;switch(this.prevIndex=this.currentIndex,e.code){case`ArrowRight`:t+=1;break;case`ArrowDown`:t+=this.direction===`grid`?this.directionLength:1;break;case`ArrowLeft`:--t;break;case`ArrowUp`:t-=this.direction===`grid`?this.directionLength:1;break;case`End`:this.currentIndex=0,--t;break;case`Home`:this.currentIndex=this.elements.length-1,t+=1;break}e.preventDefault(),this.direction===`grid`&&this.currentIndex+t<0?this.currentIndex=0:this.direction===`grid`&&this.currentIndex+t>this.elements.length-1?this.currentIndex=this.elements.length-1:this.setCurrentIndexCircularly(t),this.elementEnterAction(this.elements[this.currentIndex]),this.focus()},this.mutationObserver=new MutationObserver(()=>{this.handleItemMutation()}),this.host=t,this.host.addController(this),this._elements=i,this.isFocusableElement=o||this.isFocusableElement,this._direction=e(n,`string`,this._direction),this.elementEnterAction=r||this.elementEnterAction,this._focusInIndex=e(a,`number`,this._focusInIndex),this._listenerScope=e(s,`object`,this._listenerScope)}handleItemMutation(){if(this._currentIndex===-1||this.elements.length<=this._elements().length)return;let e=this.elements[this.currentIndex];if(this.clearElementCache(),this.elements.includes(e))return;let t=this.currentIndex!==this.elements.length,n=t?1:-1;t&&this.setCurrentIndexCircularly(-1),this.setCurrentIndexCircularly(n),this.focus()}update({elements:e}={elements:()=>[]}){this.unmanage(),this._elements=e,this.clearElementCache(),this.manage()}focus(e){let t=this.elements;if(t.length===0)return;let n=t[this.currentIndex];(!n||!this.isFocusableElement(n))&&(this.setCurrentIndexCircularly(1),n=t[this.currentIndex]),n&&this.isFocusableElement(n)&&(t[this.prevIndex]?.setAttribute(`tabindex`,`-1`),n.tabIndex=0,n.focus(e))}clearElementCache(e=0){this.mutationObserver.disconnect(),delete this.cachedElements,this.offset=e,requestAnimationFrame(()=>{this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})})})}setCurrentIndexCircularly(e){let{length:t}=this.elements,n=t;this.prevIndex=this.currentIndex;let r=(t+this.currentIndex+e)%t;for(;n&&this.elements[r]&&!this.isFocusableElement(this.elements[r]);)r=(t+r+e)%t,--n;this.currentIndex=r}hostContainsFocus(){this.host.addEventListener(`focusout`,this.handleFocusout),this.host.addEventListener(`keydown`,this.handleKeydown),this.focused=!0}hostNoLongerContainsFocus(){this.host.addEventListener(`focusin`,this.handleFocusin),this.host.removeEventListener(`focusout`,this.handleFocusout),this.host.removeEventListener(`keydown`,this.handleKeydown),this.focused=!1}isRelatedTargetOrContainAnElement(e){let t=e.relatedTarget,n=this.elements.includes(t),r=this.elements.some(e=>e.contains(t));return!(n||r)}acceptsEventCode(e){if(e===`End`||e===`Home`)return!0;switch(this.direction){case`horizontal`:return e===`ArrowLeft`||e===`ArrowRight`;case`vertical`:return e===`ArrowUp`||e===`ArrowDown`;case`both`:case`grid`:return e.startsWith(`Arrow`)}}manage(){this.addEventListeners()}unmanage(){this.removeEventListeners()}addEventListeners(){this.host.addEventListener(`focusin`,this.handleFocusin),this.host.addEventListener(`click`,this.handleClick)}removeEventListeners(){this.host.removeEventListener(`focusin`,this.handleFocusin),this.host.removeEventListener(`focusout`,this.handleFocusout),this.host.removeEventListener(`keydown`,this.handleKeydown),this.host.removeEventListener(`click`,this.handleClick)}hostConnected(){this.recentlyConnected=!0,this.addEventListeners()}hostDisconnected(){this.mutationObserver.disconnect(),this.removeEventListeners()}hostUpdated(){this.recentlyConnected&&(this.recentlyConnected=!1,this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})}))}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/components/focus-visible-eQdwUM9k.cjs

@@ -1,18 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-var e=require("./rolldown-runtime-DWNI8pZO.cjs").t({FocusVisiblePolyfillMixin:()=>n}),t=!0;try{typeof document<`u`&&document.body.querySelector(`:focus-visible`)}catch{t=!1,Promise.resolve().then(()=>e)}var n=e=>{let n=e=>{if(e.shadowRoot==null||Object.hasOwn(e.dataset,`jsFocusVisible`))return()=>{};if(self.applyFocusVisiblePolyfill)self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus();else{let t=()=>{self.applyFocusVisiblePolyfill&&e.shadowRoot&&self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus()};return self.addEventListener(`focus-visible-polyfill-ready`,t,{once:!0}),()=>{self.removeEventListener(`focus-visible-polyfill-ready`,t)}}return()=>{}},r=Symbol(`endPolyfillCoordination`);class i extends e{constructor(...e){super(...e),this[r]=null}connectedCallback(){super.connectedCallback&&super.connectedCallback(),t||requestAnimationFrame(()=>{this[r]??(this[r]=n(this))})}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),t||requestAnimationFrame(()=>{this[r]!=null&&(this[r](),this[r]=null)})}}return i};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});