@luzmo/lucero 1.0.1-alpha.3 → 1.0.1-alpha.31

package/components/date-time-picker/index.js

@@ -15,25 +15,24 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { $ as ae, a as F, b as H, c as j, d as G, e as E, f as re, g as S, h as A, i as D, j as C, k as oe, l as ne, m as N } from "../index-A-yOTB_d.js";
-import { $ as se } from "../NumberParser-ci9J5EKv.js";
-import { r as Z, x as _, E as U, n as b } from "../base-WsynuqaS.js";
-import { r as M } from "../state-Deh-vKYE.js";
-import { e as W } from "../query-D_KR_GUc.js";
-import { e as le } from "../class-map-NbVXqBU0.js";
-import { o as $ } from "../if-defined-DOaE2coe.js";
-import { o as ce } from "../style-map-IgqIKvlE.js";
-import { n as Y } from "../when-CDK1Tt5Y.js";
-import { F as de } from "../focusable-BxtpnzWp.js";
-import { S as ue, E as me } from "../sized-mixin-D4ACoVUr.js";
-import { I as he, m as pe } from "../luzmo-icons-DbwDQtuO.js";
+import { ZonedDateTime as ae, CalendarDateTime as M, CalendarDate as H, getMinimumDayInMonth as G, getMinimumMonthInYear as W, getLocalTimeZone as A, now as re, toZoned as D, parseAbsolute as E, toCalendarDateTime as S, toCalendarDate as L, parseDate as oe, Time as ne, DateFormatter as N } from "@internationalized/date";
+import { NumberFormatter as j, NumberParser as se } from "@internationalized/number";
+import { unsafeCSS as Z, html as _, nothing as U } from "lit";
+import { property as b, state as T, query as K } from "lit/decorators.js";
+import { classMap as le } from "lit/directives/class-map.js";
+import { ifDefined as P } from "lit/directives/if-defined.js";
+import { styleMap as ce } from "lit/directives/style-map.js";
+import { when as Y } from "lit/directives/when.js";
+import { F as de } from "../focusable-BjvsvVam.js";
+import { S as ue, E as me } from "../sized-mixin-cJbo3PKR.js";
+import { luzmoAlert as he, luzmoCalendar as pe } from "@luzmo/icons";
+import "../calendar/index.js";
 import "../icon/index.js";
 import "../overlay/index.js";
 import "../picker-button/index.js";
 import "../popover/index.js";
-import { M as fe } from "../manage-help-text-syYnjKGL.js";
-import { $ as K } from "../NumberFormatter-DgOUVrge.js";
-import { t as ve } from "../text-field.module-ColtFhf_.js";
+import { M as ve } from "../manage-help-text-C9sCHK3R.js";
+import { t as fe } from "../text-field.module-C2KVUJcX.js";
 const ie = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const n = document.createElement("style");
@@ -70,13 +69,13 @@ const o = {
 function k(n) {
   return typeof n == "number";
 }
-function P(n) {
+function F(n) {
   return n instanceof ae;
 }
 function B(n) {
-  return n instanceof F;
+  return n instanceof M;
 }
-function L(n) {
+function $(n) {
   return n instanceof H;
 }
 function J(n, e) {
@@ -89,7 +88,7 @@ function R(n, e) {
   return n.length === e.length && n.every((t, i) => t === e[i]);
 }
 function ee(n) {
-  return L(n) ? new Date(n.year, n.month - 1, n.day) : new Date(
+  return $(n) ? new Date(n.year, n.month - 1, n.day) : new Date(
     n.year,
     n.month - 1,
     n.day,
@@ -99,7 +98,7 @@ function ee(n) {
     n.millisecond
   );
 }
-class y {
+class x {
   constructor(e, t, i) {
     this.type = e, this.formatted = t, this.label = i, this.placeholder = ge[e];
   }
@@ -141,7 +140,7 @@ class y {
     this.value !== void 0 && (this.value < this.minValue && (this.value = this.minValue), this.value > this.maxValue && (this.value = this.maxValue));
   }
 }
-class te extends y {
+class te extends x {
   constructor(e, t) {
     super(o.Year, e, t), this.minValue = 1, this.maxValue = 9999;
   }
@@ -168,7 +167,7 @@ class I {
     return this.segments;
   }
   get editableValues() {
-    return this.all.filter((e) => e instanceof y).map((e) => e.value);
+    return this.all.filter((e) => e instanceof x).map((e) => e.value);
   }
   get year() {
     const e = this.getByType(o.Year);
@@ -214,8 +213,8 @@ class I {
    * @param precision - The precision to use when creating the date object
    */
   getFormattedDate(e = p.Day) {
-    var c, f, v, g, h, z, x;
-    const t = (c = this.year) == null ? void 0 : c.value, i = (f = this.month) == null ? void 0 : f.value, a = (v = this.day) == null ? void 0 : v.value;
+    var c, v, f, g, h, z, y;
+    const t = (c = this.year) == null ? void 0 : c.value, i = (v = this.month) == null ? void 0 : v.value, a = (f = this.day) == null ? void 0 : f.value;
     if (!k(t) || !k(i) || !k(a)) return;
     if (e === p.Day) return new H(t, i, a);
     let r = (g = this.hour) == null ? void 0 : g.value;
@@ -226,18 +225,18 @@ class I {
       r = J(r, w);
     }
     if (e === p.Hour)
-      return new F(t, i, a, r);
+      return new M(t, i, a, r);
     const s = (h = this.minute) == null ? void 0 : h.value;
     if (!k(s)) return;
     if (e === p.Minute)
-      return new F(t, i, a, r, s);
+      return new M(t, i, a, r, s);
     const l = (z = this.second) == null ? void 0 : z.value;
     if (!k(l)) return;
     if (e === p.Second)
-      return new F(t, i, a, r, s, l);
-    const d = (x = this.millisecond) == null ? void 0 : x.value;
+      return new M(t, i, a, r, s, l);
+    const d = (y = this.millisecond) == null ? void 0 : y.value;
     if (k(d))
-      return new F(
+      return new M(
         t,
         i,
         a,
@@ -250,7 +249,7 @@ class I {
 }
 class be {
   constructor(e, t) {
-    this.dateFormatter = e, this.currentDate = t, this.numberFormatter = new K(
+    this.dateFormatter = e, this.currentDate = t, this.numberFormatter = new j(
       this.dateFormatter.resolvedOptions().locale,
       { useGrouping: !1 }
     );
@@ -268,7 +267,7 @@ class be {
   setSegmentsFormatted(e, t) {
     var h;
     e = new I(e.all);
-    const { year: i, month: a, day: r, hour: s, minute: l, second: d, millisecond: c } = t, f = new Date(
+    const { year: i, month: a, day: r, hour: s, minute: l, second: d, millisecond: c } = t, v = new Date(
       i,
       a - 1,
       r,
@@ -279,21 +278,21 @@ class be {
     );
     if (!e.year) return;
     e.year.formatted = this.numberFormatter.format(i);
-    const v = [
+    const f = [
       o.Month,
       o.Day,
       o.Hour,
       o.Minute,
       o.Second,
       o.DayPeriod
-    ], g = this.dateFormatter.formatToParts(f);
-    for (const z of v) {
-      const x = e[z];
-      if (!x) continue;
+    ], g = this.dateFormatter.formatToParts(v);
+    for (const z of f) {
+      const y = e[z];
+      if (!y) continue;
       const w = (h = g.find(
-        (T) => T.type === z
+        (C) => C.type === z
       )) == null ? void 0 : h.value;
-      w && (x.formatted = w);
+      w && (y.formatted = w);
     }
   }
   padSegmentsFormatted(e) {
@@ -314,10 +313,10 @@ class be {
     }
   }
   getDateInfoWithDefaults(e) {
-    var f, v, g, h, z;
+    var v, f, g, h, z;
     if (!e.year || !e.month || !e.day) return;
-    const t = e.day.value ?? j(this.currentDate), i = e.month.value ?? G(this.currentDate), a = e.year.value ?? X, r = (f = e.dayPeriod) == null ? void 0 : f.value;
-    let s = (v = e.hour) == null ? void 0 : v.value;
+    const t = e.day.value ?? G(this.currentDate), i = e.month.value ?? W(this.currentDate), a = e.year.value ?? X, r = (v = e.dayPeriod) == null ? void 0 : v.value;
+    let s = (f = e.hour) == null ? void 0 : f.value;
     k(s) ? k(r) && (s = J(s, r)) : s = k(r) ? r : this.currentDate.hour;
     const l = ((g = e.minute) == null ? void 0 : g.value) ?? this.currentDate.minute, d = ((h = e.second) == null ? void 0 : h.value) ?? this.currentDate.second, c = ((z = e.millisecond) == null ? void 0 : z.value) ?? this.currentDate.millisecond;
     return { year: a, month: i, day: t, hour: s, minute: l, second: d, millisecond: c };
@@ -348,12 +347,12 @@ class ke extends O {
     e.clear();
   }
 }
-class xe extends O {
+class ye extends O {
   modifySegment(e) {
     e.decrement(this.currentDate);
   }
 }
-class ye extends O {
+class xe extends O {
   modifySegment(e) {
     e.increment(this.currentDate);
   }
@@ -367,7 +366,7 @@ class we extends O {
     this.eventData !== null && e.handleInput(this.eventData, this.numberParser);
   }
 }
-class Se extends y {
+class De extends x {
   constructor(e, t) {
     super(o.Day, e, t), this.minValue = 1, this.maxValue = 31;
   }
@@ -378,15 +377,15 @@ class Se extends y {
     }
     k(i) || (i = X);
     const a = new H(i, t, 1);
-    this.maxValue = e.calendar.getDaysInMonth(a), this.minValue = j(a), this.updateValueToLimits();
+    this.maxValue = e.calendar.getDaysInMonth(a), this.minValue = G(a), this.updateValueToLimits();
   }
 }
-class De extends y {
+class Se extends x {
   constructor(e, t) {
     super(o.Month, e, t), this.minValue = 1, this.maxValue = 12;
   }
   setLimits(e) {
-    this.minValue = G(e), this.maxValue = e.calendar.getMonthsInYear(e), this.updateValueToLimits();
+    this.minValue = W(e), this.maxValue = e.calendar.getMonthsInYear(e), this.updateValueToLimits();
   }
 }
 class _e {
@@ -394,7 +393,7 @@ class _e {
     this.formatted = e, this.type = o.Literal;
   }
 }
-class Ve extends y {
+class Ve extends x {
   constructor(e, t) {
     super(o.DayPeriod, e, t), this.minValue = q, this.maxValue = V, this.localizedMinValue = "AM", this.localizedMaxValue = "PM";
   }
@@ -425,7 +424,7 @@ class Ve extends y {
     return (i = e.formatToParts(t).find((a) => a.type === this.type)) == null ? void 0 : i.value;
   }
 }
-class $e extends y {
+class Pe extends x {
   constructor(e, t) {
     super(o.Hour, e, t), this.minValue = 0, this.maxValue = 23;
   }
@@ -450,26 +449,26 @@ class $e extends y {
     };
   }
 }
-class Pe extends y {
+class Fe extends x {
   constructor(e, t) {
     super(o.Millisecond, e, t), this.minValue = 0, this.maxValue = 999;
   }
 }
-class Fe extends y {
+class Me extends x {
   constructor(e, t) {
     super(o.Minute, e, t), this.minValue = 0, this.maxValue = 59;
   }
 }
-class qe extends y {
+class qe extends x {
   constructor(e, t) {
     super(o.Second, e, t), this.minValue = 0, this.maxValue = 59;
   }
 }
-class Me {
+class Te {
   constructor(e) {
     this.dateFormatter = e;
     const t = this.dateFormatter.resolvedOptions().locale;
-    this.numberFormatter = new K(t, {
+    this.numberFormatter = new j(t, {
       useGrouping: !1
     }), this.dateTimeFieldDisplayNames = new Intl.DisplayNames([t], {
       type: "dateTimeField"
@@ -481,17 +480,17 @@ class Me {
    * @param setValues - If true, the segments will have their values set from the currentDate. If false, the segments will have no values.
    */
   createSegments(e, t = !1) {
-    const i = ee(e), a = this.dateFormatter.formatToParts(i).map((x) => {
-      const w = x.type;
-      let T = x.value;
-      return w === "year" && (T = this.numberFormatter.format(e.year)), this.createSegment(w, T);
+    const i = ee(e), a = this.dateFormatter.formatToParts(i).map((y) => {
+      const w = y.type;
+      let C = y.value;
+      return w === "year" && (C = this.numberFormatter.format(e.year)), this.createSegment(w, C);
     }), r = new I(a), s = r.year, l = r.month, d = r.day;
     s.setLimits(e), l.setLimits(e), t && (s.setValueFromDate(e), l.setValueFromDate(e)), d.setLimits(e, l.value, s.value), t && d.setValueFromDate(e);
-    const c = r.hour, f = r.minute, v = r.second, g = r.millisecond, h = r.dayPeriod;
+    const c = r.hour, v = r.minute, f = r.second, g = r.millisecond, h = r.dayPeriod;
     if (h && h.setLocalizedLimits(this.dateFormatter), !c) return r;
     const z = !!h;
     if (c.setLimits(z), t) {
-      if (c.setValueFromDate(e, z), z && r.dayPeriod.setValueFromDate(e), !f || (f.setValueFromDate(e), !v) || (v.setValueFromDate(e), !g)) return r;
+      if (c.setValueFromDate(e, z), z && r.dayPeriod.setValueFromDate(e), !v || (v.setValueFromDate(e), !f) || (f.setValueFromDate(e), !g)) return r;
       g.setValueFromDate(e);
     }
     return r;
@@ -503,17 +502,17 @@ class Me {
       case o.Year:
         return new te(t, i);
       case o.Month:
-        return new De(t, i);
-      case o.Day:
         return new Se(t, i);
+      case o.Day:
+        return new De(t, i);
       case o.Hour:
-        return new $e(t, i);
+        return new Pe(t, i);
       case o.Minute:
-        return new Fe(t, i);
+        return new Me(t, i);
       case o.Second:
         return new qe(t, i);
       case o.Millisecond:
-        return new Pe(t, i);
+        return new Fe(t, i);
       case o.DayPeriod:
         return new Ve(t, i);
     }
@@ -523,13 +522,13 @@ class Me {
     return t ? t.charAt(0).toUpperCase() + t.slice(1) : "";
   }
 }
-const Te = '@charset "UTF-8";: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%;flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end);border-color:var(--luzmo-date-time-picker-border-color, var(--datepicker-border-color))}: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;inline-size:0;z-index:1;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;top:0;right:0;bottom:0;left: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{display:flex;align-items:center;height:100%;overflow:auto hidden;scrollbar-width:none;line-height:normal}.input-content::-webkit-scrollbar{display:none;width:0;height:0}.literal-segment,.editable-segment{display:inline-block;color:var(--luzmo-date-time-picker-font-color-default, var(--date-time-picker-font-color-default))}.editable-segment{padding:0 .15em;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:transparent;outline:none}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;user-select:none;-webkit-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:transparent}';
-var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, m = (n, e, t, i) => {
-  for (var a = i > 1 ? void 0 : i ? Le(e, t) : e, r = n.length - 1, s; r >= 0; r--)
+const Ce = '@charset "UTF-8";: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%;flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end);border-color:var(--luzmo-date-time-picker-border-color, var(--datepicker-border-color))}: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;inline-size:0;z-index:1;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;top:0;right:0;bottom:0;left: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{display:flex;align-items:center;height:100%;overflow:auto hidden;scrollbar-width:none;line-height:normal}.input-content::-webkit-scrollbar{display:none;width:0;height:0}.literal-segment,.editable-segment{display:inline-block;color:var(--luzmo-date-time-picker-font-color-default, var(--date-time-picker-font-color-default))}.editable-segment{padding:0 .15em;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:transparent;outline:none}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;user-select:none;-webkit-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:transparent}';
+var Le = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, m = (n, e, t, i) => {
+  for (var a = i > 1 ? void 0 : i ? $e(e, t) : e, r = n.length - 1, s; r >= 0; r--)
     (s = n[r]) && (a = (i ? s(e, t, a) : s(a)) || a);
-  return i && a && Ce(e, t, a), a;
+  return i && a && Le(e, t, a), a;
 };
-class u extends fe(
+class u extends ve(
   ue(de, {
     validSizes: Object.values(me)
   })
@@ -542,7 +541,7 @@ class u extends fe(
       selected: "Selected",
       empty: "Empty",
       calendar: "Calendar"
-    }, this.focused = !1, this.segments = new I([]), this.isCalendarOpen = !1, this._timeZone = this.timeZone ?? E(), this.cachedLocalTime = re(this._timeZone), this.setNumberParser(), this.setDateFormatter(), this.setAriaDateFormatter(), this.addEventListener(
+    }, this.focused = !1, this.segments = new I([]), this.isCalendarOpen = !1, this._timeZone = this.timeZone ?? A(), this.cachedLocalTime = re(this._timeZone), this.setNumberParser(), this.setDateFormatter(), this.setAriaDateFormatter(), this.addEventListener(
       "focusin",
       () => this.previousCommitedValue = this._value
     ), this.addEventListener("focusout", () => this.commitValue());
@@ -552,7 +551,7 @@ class u extends fe(
    * @internal
    */
   static get styles() {
-    return [Z(Te), Z(ve)];
+    return [Z(Ce), Z(fe)];
   }
   get precision() {
     return this._precision;
@@ -585,7 +584,7 @@ class u extends fe(
    * @internal
    */
   get currentDate() {
-    return this._value ? S(this._value, this._timeZone) : this.cachedLocalTime;
+    return this._value ? D(this._value, this._timeZone) : this.cachedLocalTime;
   }
   /**
    * @return Whether the component's precision includes time segments (hour, minute, second, millisecond)
@@ -606,13 +605,13 @@ class u extends fe(
     this._value = void 0, this.setSegments();
   }
   willUpdate(e) {
-    const t = e.has("value"), i = e.has("timeZone"), a = e.has("min"), r = e.has("max"), s = e.has("language"), l = e.has("dateFormat"), d = e.has("dateSeparator"), c = e.has("precision"), f = e.has("segments"), v = e.has("disabled");
+    const t = e.has("value"), i = e.has("timeZone"), a = e.has("min"), r = e.has("max"), s = e.has("language"), l = e.has("dateFormat"), d = e.has("dateSeparator"), c = e.has("precision"), v = e.has("segments"), f = e.has("disabled");
     if (s && this.setNumberParser(), (s || c) && (this.setDateFormatter(), this.setAriaDateFormatter()), t || a || r || i) {
-      this._value = this.value ? A(new Date(this.value).toISOString(), "UTC") : void 0, this._min = this.min ? A(new Date(this.min).toISOString(), "UTC") : void 0, this._max = this.max ? A(new Date(this.max).toISOString(), "UTC") : void 0;
+      this._value = this.value ? E(new Date(this.value).toISOString(), "UTC") : void 0, this._min = this.min ? E(new Date(this.min).toISOString(), "UTC") : void 0, this._max = this.max ? E(new Date(this.max).toISOString(), "UTC") : void 0;
       const h = this.mostSpecificDateValue;
       h && (this.convertDatePropsToMatch(h), this.checkDatePropsCompliance(a || r), this.updateDateProps(), this.updateDefaultPrecision());
     }
-    (t || s || c || l || i || d) && this.setSegments(), f && this.setValueFromSegments(), v && this.isCalendarOpen && (this.isCalendarOpen = !1);
+    (t || s || c || l || i || d) && this.setSegments(), v && this.setValueFromSegments(), f && this.isCalendarOpen && (this.isCalendarOpen = !1);
     const g = this._value && this.labels.selected + ": " + this.ariaDateFormatter.format(ee(this._value));
     this.setAttribute("aria-label", g ?? this.labels.empty);
   }
@@ -626,10 +625,10 @@ class u extends fe(
       (r) => r !== void 0
     );
     if (e.length === 0) return;
-    const t = e.filter((r) => P(r));
+    const t = e.filter((r) => F(r));
     if (t.length > 0) return t[0];
     const i = e.filter((r) => B(r));
-    return i.length > 0 ? i[0] : e.find((r) => L(r));
+    return i.length > 0 ? i[0] : e.find((r) => $(r));
   }
   /**
    * Converts the DateTimePicker's date properties (min, max and value) to match the provided date's type.
@@ -637,15 +636,15 @@ class u extends fe(
    * @param dateValue - The date value to be used as a reference for the conversion
    */
   convertDatePropsToMatch(e) {
-    if (P(e)) {
-      this._timeZone = this.timeZone ?? e.timeZone, this._value = this._value && S(this._value, this._timeZone), this._min = this._min && S(this._min, this._timeZone), this._max = this._max && S(this._max, this._timeZone);
+    if (F(e)) {
+      this._timeZone = this.timeZone ?? e.timeZone, this._value = this._value && D(this._value, this._timeZone), this._min = this._min && D(this._min, this._timeZone), this._max = this._max && D(this._max, this._timeZone);
       return;
     }
-    if (this._timeZone = this.timeZone ?? E(), B(e)) {
-      this._value = this._value && D(this._value), this._min = this._min && D(this._min), this._max = this._max && D(this._max);
+    if (this._timeZone = this.timeZone ?? A(), B(e)) {
+      this._value = this._value && S(this._value), this._min = this._min && S(this._min), this._max = this._max && S(this._max);
       return;
     }
-    this._value = this._value && C(this._value), this._min = this._min && C(this._min), this._max = this._max && C(this._max);
+    this._value = this._value && L(this._value), this._min = this._min && L(this._min), this._max = this._max && L(this._max);
   }
   /**
    * Validates the component's date properties (min, max and value) compliance with one another.
@@ -661,7 +660,7 @@ class u extends fe(
     ), 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 = E());
+    ), this._value = void 0), !this._min && !this._max && !this._value && (this._timeZone = A());
   }
   isNonCompliantValue() {
     return this._value === void 0 ? !1 : !!(this._min && this._value.compare(this._min) < 0 || this._max && this._value.compare(this._max) > 0);
@@ -672,7 +671,7 @@ class u extends fe(
   updateDateProps() {
     const e = this.mostSpecificDateValue;
     if (!e || !this.isUserSetPrecision) return;
-    this.includesTime && L(e) && this.convertDatePropsToMatch(D(e));
+    this.includesTime && $(e) && this.convertDatePropsToMatch(S(e));
   }
   /**
    * Changes the component's default precision according to the most specific date property (min, max or value).
@@ -680,7 +679,7 @@ class u extends fe(
   updateDefaultPrecision() {
     if (this.isUserSetPrecision) return;
     const e = this.mostSpecificDateValue;
-    e && (this._precision = L(e) ? p.Day : p.Minute);
+    e && (this._precision = $(e) ? p.Day : p.Minute);
   }
   render() {
     return _`
@@ -756,8 +755,8 @@ class u extends fe(
       ((r = e.target) == null ? void 0 : r.value) ?? ""
     );
     if (this.includesTime) {
-      const f = ((s = this.segments.hour) == null ? void 0 : s.value) ?? 0, v = ((l = this.segments.minute) == null ? void 0 : l.value) ?? 0, g = ((d = this.segments.second) == null ? void 0 : d.value) ?? 0, h = ((c = this.segments.millisecond) == null ? void 0 : c.value) ?? 0, z = new ne(f, v, g, h), x = this.mostSpecificDateValue;
-      this._value = D(t, z), x && P(x) && (this._value = S(this._value, this._timeZone));
+      const v = ((s = this.segments.hour) == null ? void 0 : s.value) ?? 0, f = ((l = this.segments.minute) == null ? void 0 : l.value) ?? 0, g = ((d = this.segments.second) == null ? void 0 : d.value) ?? 0, h = ((c = this.segments.millisecond) == null ? void 0 : c.value) ?? 0, z = new ne(v, f, g, h), y = this.mostSpecificDateValue;
+      this._value = S(t, z), y && F(y) && (this._value = D(this._value, this._timeZone));
     } else
       this._value = t;
     this.commitValue();
@@ -805,16 +804,16 @@ class u extends fe(
     return _`
       <div
         role="spinbutton"
-        aria-valuenow=${$(e.value)}
+        aria-valuenow=${P(e.value)}
         aria-valuemin=${e.minValue}
         aria-valuemax=${e.maxValue}
         aria-label=${e.label}
-        aria-valuetext=${$(
+        aria-valuetext=${P(
       e.value === void 0 ? this.labels.empty : e.formatted
     )}
-        contenteditable=${$(t ? !0 : void 0)}
-        inputmode=${$(t ? a : void 0)}
-        tabindex=${$(t ? "0" : void 0)}
+        contenteditable=${P(t ? !0 : void 0)}
+        inputmode=${P(t ? a : void 0)}
+        tabindex=${P(t ? "0" : void 0)}
         class=${le(r)}
         style=${ce(l)}
         data-type=${e.type}
@@ -875,11 +874,11 @@ class u extends fe(
     };
   }
   incrementValue(e) {
-    const t = new ye(this.modifierParams);
+    const t = new xe(this.modifierParams);
     this.segments = t.modify(e), this.dispatchInput();
   }
   decrementValue(e) {
-    const t = new xe(this.modifierParams);
+    const t = new ye(this.modifierParams);
     this.segments = t.modify(e), this.dispatchInput();
   }
   /**
@@ -945,7 +944,7 @@ class u extends fe(
     t.textContent = e.value === void 0 ? e.placeholder : e.formatted;
   }
   createOutputString(e) {
-    return e ? P(e) ? this._value.toAbsoluteString() : new Date(this._value.toString()).toISOString() : "";
+    return e ? F(e) ? this._value.toAbsoluteString() : new Date(this._value.toString()).toISOString() : "";
   }
   dispatchChange() {
     const e = this.createOutputString(this._value);
@@ -981,11 +980,11 @@ class u extends fe(
     }
     this._value === void 0 && this.dispatchChange();
     const t = this.mostSpecificDateValue;
-    t ? P(t) ? this._value = S(e, this._timeZone) : B(t) ? this._value = D(e) : this._value = C(e) : this._value = e;
+    t ? F(t) ? this._value = D(e, this._timeZone) : B(t) ? this._value = S(e) : this._value = L(e) : this._value = e;
   }
   setSegments() {
     var i, a, r, s;
-    const t = new Me(this.dateFormatter).createSegments(
+    const t = new Te(this.dateFormatter).createSegments(
       this.currentDate,
       this._value !== void 0
     );
@@ -1100,25 +1099,25 @@ m([
   b({ type: Boolean, reflect: !0 })
 ], u.prototype, "focused", 2);
 m([
-  M()
+  T()
 ], u.prototype, "_value", 2);
 m([
-  M()
+  T()
 ], u.prototype, "_min", 2);
 m([
-  M()
+  T()
 ], u.prototype, "_max", 2);
 m([
-  M()
+  T()
 ], u.prototype, "segments", 2);
 m([
-  M()
+  T()
 ], u.prototype, "isCalendarOpen", 2);
 m([
-  W(".editable-segment")
+  K(".editable-segment")
 ], u.prototype, "firstEditableSegment", 2);
 m([
-  W(".input")
+  K(".input")
 ], u.prototype, "input", 2);
 customElements.get("luzmo-date-time-picker") || customElements.define("luzmo-date-time-picker", u);
 export {

package/components/{dependency-manger-CEXvGQUV.js → dependency-manger-CO-VPlqq.js}

@@ -18,7 +18,7 @@
 const d = Symbol(
   "dependency manager loaded"
 );
-class a {
+class o {
   constructor(e) {
     this.dependencies = {}, this._loaded = !1, this.host = e;
   }
@@ -40,8 +40,8 @@ class a {
    * @param alreadyLoaded {boolean} - force the managemented custom element to be listed as loaded
    */
   add(e, s) {
-    const t = !!s || !!customElements.get(e) || this.dependencies[e];
-    t || customElements.whenDefined(e).then(() => {
+    const t = !!s || typeof customElements < "u" && !!customElements.get(e) || this.dependencies[e];
+    !t && typeof customElements < "u" && customElements.whenDefined(e).then(() => {
       this.add(e, !0);
     }), this.dependencies = {
       ...this.dependencies,
@@ -50,5 +50,5 @@ class a {
   }
 }
 export {
-  a as D
+  o as D
 };