@luzmo/lucero 1.0.1-alpha.17 → 1.0.1-alpha.19

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

@@ -15,34 +15,33 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const initializeGlobalLuzmoCSSVariables = () => {
-  if (typeof document !== "undefined" && !document.querySelector("style[data-luzmo-vars]")) {
-    const styleElement = document.createElement("style");
-    styleElement.setAttribute("data-luzmo-vars", "");
-    styleElement.textContent = `html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}`;
-    document.head.appendChild(styleElement);
-  }
-};
-initializeGlobalLuzmoCSSVariables();
-import { ZonedDateTime, CalendarDateTime, CalendarDate, getMinimumDayInMonth, getMinimumMonthInYear, getLocalTimeZone, now, toZoned, parseAbsolute, toCalendarDateTime, toCalendarDate, parseDate, Time, DateFormatter } from "@internationalized/date";
-import { NumberFormatter, NumberParser } from "@internationalized/number";
-import { unsafeCSS, html, nothing } from "lit";
-import { property, state, query } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { styleMap } from "lit/directives/style-map.js";
-import { when } from "lit/directives/when.js";
-import { F as Focusable } from "../focusable-ChCLg1k4.js";
-import { S as SizedMixin, E as ElementSizes } from "../sized-mixin-DmkrNdWB.js";
-import { luzmoAlert, luzmoCalendar } from "@luzmo/icons";
-import "../calendar/index.js";
+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-Cf6G4q52.js";
+import { $ as se } from "../NumberParser-ci9J5EKv.js";
+import { r as Z, x as _, E as U, n as b } from "../base-CFWO09N1.js";
+import { r as M } from "../state-DwIwYPvt.js";
+import { e as W } from "../query-D_KR_GUc.js";
+import { e as le } from "../class-map-CGfNk3Ee.js";
+import { o as $ } from "../if-defined-DULpqYwi.js";
+import { o as ce } from "../style-map-Bnhf_mVZ.js";
+import { n as Y } from "../when-CDK1Tt5Y.js";
+import { F as de } from "../focusable-C5JjRZmT.js";
+import { S as ue, E as me } from "../sized-mixin-CJbBHWRQ.js";
+import { $ as he, o as pe } from "../luzmo-icons-CiSek5iM.js";
 import "../icon/index.js";
 import "../overlay/index.js";
 import "../picker-button/index.js";
 import "../popover/index.js";
-import { M as ManageHelpText } from "../manage-help-text-DOuMTGht.js";
-import { t as textFieldStyles } from "../text-field.module-CMBS0jSL.js";
-const SegmentTypes = {
+import { M as fe } from "../manage-help-text-CHfMLzSa.js";
+import { $ as K } from "../NumberFormatter-DgOUVrge.js";
+import { t as ve } from "../text-field.module-C2KVUJcX.js";
+const ie = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const n = document.createElement("style");
+    n.setAttribute("data-luzmo-vars", ""), n.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(n);
+  }
+};
+ie();
+const o = {
   Year: "year",
   Month: "month",
   Day: "day",
@@ -52,109 +51,85 @@ const SegmentTypes = {
   Millisecond: "fractionalSecond",
   DayPeriod: "dayPeriod",
   Literal: "literal"
-};
-const SegmentPlaceholders = {
-  [SegmentTypes.Year]: "––––",
-  [SegmentTypes.Month]: "––",
-  [SegmentTypes.Day]: "––",
-  [SegmentTypes.Hour]: "––",
-  [SegmentTypes.Minute]: "––",
-  [SegmentTypes.Second]: "––",
-  [SegmentTypes.Millisecond]: "–––",
-  [SegmentTypes.DayPeriod]: "––"
-};
-const Precisions = {
+}, ge = {
+  [o.Year]: "––––",
+  [o.Month]: "––",
+  [o.Day]: "––",
+  [o.Hour]: "––",
+  [o.Minute]: "––",
+  [o.Second]: "––",
+  [o.Millisecond]: "–––",
+  [o.DayPeriod]: "––"
+}, p = {
   Day: "day",
   Hour: "hour",
   Minute: "minute",
   Second: "second",
   Millisecond: "millisecond"
-};
-const AM = 0;
-const PM = 12;
-const DEFAULT_LEAP_YEAR = 2e3;
-const MAX_DAYS_PER_MONTH = 31;
-function isNumber(value) {
-  return typeof value === "number";
+}, q = 0, V = 12, X = 2e3, ze = 31;
+function k(n) {
+  return typeof n == "number";
 }
-function isZonedDateTime(date) {
-  return date instanceof ZonedDateTime;
+function P(n) {
+  return n instanceof ae;
 }
-function isCalendarDateTime(date) {
-  return date instanceof CalendarDateTime;
+function B(n) {
+  return n instanceof F;
 }
-function isCalendarDate(date) {
-  return date instanceof CalendarDate;
+function L(n) {
+  return n instanceof H;
 }
-function convertHourTo24hFormat(hour, dayPeriod) {
-  return hour = hour % PM + dayPeriod;
+function J(n, e) {
+  return n = n % V + e;
 }
-function getDayPeriodModifier(hour) {
-  return hour >= PM ? PM : AM;
+function Q(n) {
+  return n >= V ? V : q;
 }
-function equalSegmentValues(a, b) {
-  return a.length === b.length && a.every((value, index) => value === b[index]);
+function R(n, e) {
+  return n.length === e.length && n.every((t, i) => t === e[i]);
 }
-function dateValueToDate(dateValue) {
-  if (isCalendarDate(dateValue)) {
-    return new Date(dateValue.year, dateValue.month - 1, dateValue.day);
-  }
-  return new Date(
-    dateValue.year,
-    dateValue.month - 1,
-    dateValue.day,
-    dateValue.hour,
-    dateValue.minute,
-    dateValue.second,
-    dateValue.millisecond
+function ee(n) {
+  return L(n) ? new Date(n.year, n.month - 1, n.day) : new Date(
+    n.year,
+    n.month - 1,
+    n.day,
+    n.hour,
+    n.minute,
+    n.second,
+    n.millisecond
   );
 }
-class EditableSegment {
-  constructor(type, formatted, label) {
-    this.type = type;
-    this.formatted = formatted;
-    this.label = label;
-    this.placeholder = SegmentPlaceholders[type];
-  }
-  increment(_value) {
-    if (this.value === void 0) this.value = this.minValue;
-    else {
-      this.value = this.value + 1;
-      if (this.value > this.maxValue) this.value = this.minValue;
-    }
+class y {
+  constructor(e, t, i) {
+    this.type = e, this.formatted = t, this.label = i, this.placeholder = ge[e];
   }
-  decrement(_value) {
-    if (this.value === void 0) this.value = this.maxValue;
-    else {
-      this.value = this.value - 1;
-      if (this.value < this.minValue) this.value = this.maxValue;
-    }
+  increment(e) {
+    this.value === void 0 ? this.value = this.minValue : (this.value = this.value + 1, this.value > this.maxValue && (this.value = this.minValue));
   }
-  setValueFromDate(currentDate) {
-    if (this.type === "fractionalSecond") {
-      this.value = currentDate.millisecond;
-    } else if (this.type !== SegmentTypes.DayPeriod) {
-      this.value = currentDate[this.type];
-    }
+  decrement(e) {
+    this.value === void 0 ? this.value = this.maxValue : (this.value = this.value - 1, this.value < this.minValue && (this.value = this.maxValue));
+  }
+  setValueFromDate(e) {
+    this.type === "fractionalSecond" ? this.value = e.millisecond : this.type !== o.DayPeriod && (this.value = e[this.type]);
   }
   clear() {
     this.value = void 0;
   }
-  handleInput(eventData, numberParser) {
-    const typedValue = numberParser.parse(eventData);
-    if (Number.isNaN(typedValue)) return;
-    const newValue = numberParser.parse(
-      `${this.value ?? ""}${typedValue}`
+  handleInput(e, t) {
+    const i = t.parse(e);
+    if (Number.isNaN(i)) return;
+    const a = t.parse(
+      `${this.value ?? ""}${i}`
     );
-    if (this.isInputValueCompliant(newValue)) {
-      this.value = newValue;
+    if (this.isInputValueCompliant(a)) {
+      this.value = a;
       return;
     }
-    if (this.isInputValueCompliant(typedValue)) this.value = typedValue;
+    this.isInputValueCompliant(i) && (this.value = i);
   }
-  isInputValueCompliant(value) {
-    const { minValue, maxValue } = this.inputValidationLimits;
-    return value >= minValue && value <= maxValue;
+  isInputValueCompliant(e) {
+    const { minValue: t, maxValue: i } = this.inputValidationLimits;
+    return e >= t && e <= i;
   }
   get inputValidationLimits() {
     return {
@@ -163,89 +138,73 @@ class EditableSegment {
     };
   }
   updateValueToLimits() {
-    if (this.value === void 0) return;
-    if (this.value < this.minValue) this.value = this.minValue;
-    if (this.value > this.maxValue) this.value = this.maxValue;
+    this.value !== void 0 && (this.value < this.minValue && (this.value = this.minValue), this.value > this.maxValue && (this.value = this.maxValue));
   }
 }
-class YearSegment extends EditableSegment {
-  constructor(formatted, label) {
-    super(SegmentTypes.Year, formatted, label);
-    this.minValue = 1;
-    this.maxValue = 9999;
+class te extends y {
+  constructor(e, t) {
+    super(o.Year, e, t), this.minValue = 1, this.maxValue = 9999;
   }
-  setLimits(currentDate) {
-    this.minValue = 1;
-    this.maxValue = currentDate.calendar.getYearsInEra(currentDate);
-    this.updateValueToLimits();
+  setLimits(e) {
+    this.minValue = 1, this.maxValue = e.calendar.getYearsInEra(e), this.updateValueToLimits();
   }
-  increment(currentDate) {
-    if (this.value === void 0) this.value = currentDate.year;
-    else super.increment();
+  increment(e) {
+    this.value === void 0 ? this.value = e.year : super.increment();
   }
-  decrement(currentDate) {
-    if (this.value === void 0) this.value = currentDate.year;
-    else super.decrement();
+  decrement(e) {
+    this.value === void 0 ? this.value = e.year : super.decrement();
   }
   clear() {
     if (this.value === void 0) return;
-    const newValue = Math.floor(this.value / 10);
-    this.value = newValue > 0 ? newValue : void 0;
+    const e = Math.floor(this.value / 10);
+    this.value = e > 0 ? e : void 0;
   }
 }
-class DateTimeSegments {
-  constructor(segments) {
-    this.segments = segments;
+class I {
+  constructor(e) {
+    this.segments = e;
   }
   get all() {
     return this.segments;
   }
   get editableValues() {
-    return this.all.filter((segment) => segment instanceof EditableSegment).map((segment) => segment.value);
+    return this.all.filter((e) => e instanceof y).map((e) => e.value);
   }
   get year() {
-    const yearSegment = this.getByType(SegmentTypes.Year);
-    if (yearSegment && yearSegment instanceof YearSegment) return yearSegment;
-    return void 0;
+    const e = this.getByType(o.Year);
+    if (e && e instanceof te) return e;
   }
   get month() {
-    const monthSegment = this.getByType(SegmentTypes.Month);
-    if (monthSegment) return monthSegment;
-    return;
+    const e = this.getByType(o.Month);
+    if (e) return e;
   }
   get day() {
-    const daySegment = this.getByType(SegmentTypes.Day);
-    if (daySegment) return daySegment;
-    return;
+    const e = this.getByType(o.Day);
+    if (e) return e;
   }
   get hour() {
-    const hourSegment = this.getByType(SegmentTypes.Hour);
-    if (hourSegment) return hourSegment;
-    return;
+    const e = this.getByType(o.Hour);
+    if (e) return e;
   }
   get minute() {
-    const minuteSegment = this.getByType(SegmentTypes.Minute);
-    if (minuteSegment) return minuteSegment;
-    return;
+    const e = this.getByType(o.Minute);
+    if (e) return e;
   }
   get second() {
-    const secondSegment = this.getByType(SegmentTypes.Second);
-    if (secondSegment) return secondSegment;
-    return;
+    const e = this.getByType(o.Second);
+    if (e) return e;
   }
   get millisecond() {
-    const millisecondSegment = this.getByType(SegmentTypes.Millisecond);
-    if (millisecondSegment) return millisecondSegment;
-    return;
+    const e = this.getByType(o.Millisecond);
+    if (e) return e;
   }
   get dayPeriod() {
-    const dayPeriodSegment = this.getByType(SegmentTypes.DayPeriod);
-    if (dayPeriodSegment) return dayPeriodSegment;
-    return;
+    const e = this.getByType(o.DayPeriod);
+    if (e) return e;
   }
-  getByType(type) {
+  getByType(e) {
     return this.segments.find(
-      (segment) => segment.type === type
+      (t) => t.type === e
     );
   }
   /**
@@ -254,50 +213,46 @@ class DateTimeSegments {
    *
    * @param precision - The precision to use when creating the date object
    */
-  getFormattedDate(precision = Precisions.Day) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const year = (_a = this.year) == null ? void 0 : _a.value;
-    const month = (_b = this.month) == null ? void 0 : _b.value;
-    const day = (_c = this.day) == null ? void 0 : _c.value;
-    if (!isNumber(year) || !isNumber(month) || !isNumber(day)) return;
-    if (precision === Precisions.Day) return new CalendarDate(year, month, day);
-    let hour = (_d = this.hour) == null ? void 0 : _d.value;
-    if (!isNumber(hour)) return;
+  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;
+    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;
+    if (!k(r)) return;
     if (this.dayPeriod) {
-      const dayPeriod = this.dayPeriod.value;
-      if (!isNumber(dayPeriod)) return;
-      hour = convertHourTo24hFormat(hour, dayPeriod);
+      const w = this.dayPeriod.value;
+      if (!k(w)) return;
+      r = J(r, w);
     }
-    if (precision === Precisions.Hour)
-      return new CalendarDateTime(year, month, day, hour);
-    const minute = (_e = this.minute) == null ? void 0 : _e.value;
-    if (!isNumber(minute)) return;
-    if (precision === Precisions.Minute)
-      return new CalendarDateTime(year, month, day, hour, minute);
-    const second = (_f = this.second) == null ? void 0 : _f.value;
-    if (!isNumber(second)) return;
-    if (precision === Precisions.Second)
-      return new CalendarDateTime(year, month, day, hour, minute, second);
-    const millisecond = (_g = this.millisecond) == null ? void 0 : _g.value;
-    if (!isNumber(millisecond)) return;
-    return new CalendarDateTime(
-      year,
-      month,
-      day,
-      hour,
-      minute,
-      second,
-      millisecond
-    );
+    if (e === p.Hour)
+      return new F(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);
+    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;
+    if (k(d))
+      return new F(
+        t,
+        i,
+        a,
+        r,
+        s,
+        l,
+        d
+      );
   }
 }
-class SegmentsFormatter {
-  constructor(dateFormatter, currentDate) {
-    this.dateFormatter = dateFormatter;
-    this.currentDate = currentDate;
-    this.numberFormatter = new NumberFormatter(
+class be {
+  constructor(e, t) {
+    this.dateFormatter = e, this.currentDate = t, this.numberFormatter = new K(
       this.dateFormatter.resolvedOptions().locale,
-      { useGrouping: false }
+      { useGrouping: !1 }
     );
   }
   /**
@@ -305,246 +260,180 @@ class SegmentsFormatter {
    * @param segments - `DateTimeSegments` to format
    * @returns Formatted DateTimeSegments
    */
-  format(segments) {
-    if (!segments.year || !segments.month || !segments.day) return segments;
-    const dateInfo = this.getDateInfoWithDefaults(segments);
-    if (!dateInfo) return segments;
-    this.setSegmentsFormatted(segments, dateInfo);
-    this.padSegmentsFormatted(segments);
-    return segments;
-  }
-  setSegmentsFormatted(segments, dateInfo) {
-    var _a;
-    segments = new DateTimeSegments(segments.all);
-    const { year, month, day, hour, minute, second, millisecond } = dateInfo;
-    const date = new Date(
-      year,
-      month - 1,
-      day,
-      hour,
-      minute,
-      second,
-      millisecond
+  format(e) {
+    if (!e.year || !e.month || !e.day) return e;
+    const t = this.getDateInfoWithDefaults(e);
+    return t && (this.setSegmentsFormatted(e, t), this.padSegmentsFormatted(e)), e;
+  }
+  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(
+      i,
+      a - 1,
+      r,
+      s,
+      l,
+      d,
+      c
     );
-    if (!segments.year) return;
-    segments.year.formatted = this.numberFormatter.format(year);
-    const segmentTypesToFormat = [
-      SegmentTypes.Month,
-      SegmentTypes.Day,
-      SegmentTypes.Hour,
-      SegmentTypes.Minute,
-      SegmentTypes.Second,
-      SegmentTypes.DayPeriod
-    ];
-    const formattedDateParts = this.dateFormatter.formatToParts(date);
-    for (const segmentType of segmentTypesToFormat) {
-      const segment = segments[segmentType];
-      if (!segment) continue;
-      const formattedPart = (_a = formattedDateParts.find(
-        (part) => part.type === segmentType
-      )) == null ? void 0 : _a.value;
-      if (!formattedPart) continue;
-      segment.formatted = formattedPart;
+    if (!e.year) return;
+    e.year.formatted = this.numberFormatter.format(i);
+    const v = [
+      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;
+      const w = (h = g.find(
+        (T) => T.type === z
+      )) == null ? void 0 : h.value;
+      w && (x.formatted = w);
     }
   }
-  padSegmentsFormatted(segments) {
-    if (!segments.hour) return;
-    const segmentTypesToPad = [
-      SegmentTypes.Month,
-      SegmentTypes.Day,
-      SegmentTypes.Hour,
-      SegmentTypes.Minute,
-      SegmentTypes.Second
+  padSegmentsFormatted(e) {
+    if (!e.hour) return;
+    const t = [
+      o.Month,
+      o.Day,
+      o.Hour,
+      o.Minute,
+      o.Second
     ];
-    for (const segmentType of segmentTypesToPad) {
-      const segment = segments[segmentType];
-      if (!segment) continue;
-      segment.formatted = segment.formatted.padStart(
+    for (const i of t) {
+      const a = e[i];
+      a && (a.formatted = a.formatted.padStart(
         2,
         this.numberFormatter.format(0)
-      );
+      ));
     }
   }
-  getDateInfoWithDefaults(segments) {
-    var _a, _b, _c, _d, _e;
-    if (!segments.year || !segments.month || !segments.day) return;
-    const day = segments.day.value ?? getMinimumDayInMonth(this.currentDate);
-    const month = segments.month.value ?? getMinimumMonthInYear(this.currentDate);
-    const year = segments.year.value ?? DEFAULT_LEAP_YEAR;
-    const dayPeriod = (_a = segments.dayPeriod) == null ? void 0 : _a.value;
-    let hour = (_b = segments.hour) == null ? void 0 : _b.value;
-    if (!isNumber(hour)) {
-      hour = isNumber(dayPeriod) ? dayPeriod : this.currentDate.hour;
-    } else if (isNumber(dayPeriod)) {
-      hour = convertHourTo24hFormat(hour, dayPeriod);
-    }
-    const minute = ((_c = segments.minute) == null ? void 0 : _c.value) ?? this.currentDate.minute;
-    const second = ((_d = segments.second) == null ? void 0 : _d.value) ?? this.currentDate.second;
-    const millisecond = ((_e = segments.millisecond) == null ? void 0 : _e.value) ?? this.currentDate.millisecond;
-    return { year, month, day, hour, minute, second, millisecond };
+  getDateInfoWithDefaults(e) {
+    var f, v, 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;
+    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 };
   }
 }
-class SegmentsModifier {
-  constructor(params) {
-    const { dateFormatter, segments, currentDate } = params;
-    this.segments = new DateTimeSegments(segments.all);
-    this.dateFormatter = dateFormatter;
-    this.currentDate = currentDate;
-  }
-  modify(segmentType) {
-    const segment = this.segments.getByType(segmentType);
-    if (!segment) return this.segments;
-    this.modifySegment(segment);
-    this.updateSegmentsLimits(segmentType);
-    const segmentsFormatter = new SegmentsFormatter(
+class O {
+  constructor(e) {
+    const { dateFormatter: t, segments: i, currentDate: a } = e;
+    this.segments = new I(i.all), this.dateFormatter = t, this.currentDate = a;
+  }
+  modify(e) {
+    const t = this.segments.getByType(e);
+    if (!t) return this.segments;
+    this.modifySegment(t), this.updateSegmentsLimits(e);
+    const i = new be(
       this.dateFormatter,
       this.currentDate
     );
-    this.segments = segmentsFormatter.format(this.segments);
-    return this.segments;
+    return this.segments = i.format(this.segments), this.segments;
   }
-  updateSegmentsLimits(modifiedSegmentType) {
-    const changedYear = modifiedSegmentType === SegmentTypes.Year;
-    const changedMonth = modifiedSegmentType === SegmentTypes.Month;
-    const year = this.segments.year;
-    const month = this.segments.month;
-    const day = this.segments.day;
-    if (changedYear) {
-      month == null ? void 0 : month.setLimits(this.currentDate);
-      day == null ? void 0 : day.setLimits(this.currentDate, month == null ? void 0 : month.value, year == null ? void 0 : year.value);
-    }
-    if (changedMonth)
-      day == null ? void 0 : day.setLimits(this.currentDate, month == null ? void 0 : month.value, year == null ? void 0 : year.value);
+  updateSegmentsLimits(e) {
+    const t = e === o.Year, i = e === o.Month, a = this.segments.year, r = this.segments.month, s = this.segments.day;
+    t && (r == null || r.setLimits(this.currentDate), s == null || s.setLimits(this.currentDate, r == null ? void 0 : r.value, a == null ? void 0 : a.value)), i && (s == null || s.setLimits(this.currentDate, r == null ? void 0 : r.value, a == null ? void 0 : a.value));
   }
 }
-class ClearModifier extends SegmentsModifier {
-  modifySegment(segment) {
-    segment.clear();
+class ke extends O {
+  modifySegment(e) {
+    e.clear();
   }
 }
-class DecrementModifier extends SegmentsModifier {
-  modifySegment(segment) {
-    segment.decrement(this.currentDate);
+class xe extends O {
+  modifySegment(e) {
+    e.decrement(this.currentDate);
   }
 }
-class IncrementModifier extends SegmentsModifier {
-  modifySegment(segment) {
-    segment.increment(this.currentDate);
+class ye extends O {
+  modifySegment(e) {
+    e.increment(this.currentDate);
   }
 }
-class InputModifier extends SegmentsModifier {
-  constructor(params) {
-    const { dateFormatter, segments, currentDate } = params;
-    super({ dateFormatter, segments, currentDate });
-    this.eventData = params.eventData;
-    this.numberParser = params.numberParser;
+class we extends O {
+  constructor(e) {
+    const { dateFormatter: t, segments: i, currentDate: a } = e;
+    super({ dateFormatter: t, segments: i, currentDate: a }), this.eventData = e.eventData, this.numberParser = e.numberParser;
   }
-  modifySegment(segment) {
-    if (this.eventData === null) return;
-    segment.handleInput(this.eventData, this.numberParser);
+  modifySegment(e) {
+    this.eventData !== null && e.handleInput(this.eventData, this.numberParser);
   }
 }
-class DaySegment extends EditableSegment {
-  constructor(formatted, label) {
-    super(SegmentTypes.Day, formatted, label);
-    this.minValue = 1;
-    this.maxValue = 31;
-  }
-  setLimits(currentDate, month, year) {
-    if (!isNumber(month)) {
-      this.minValue = 1;
-      this.maxValue = MAX_DAYS_PER_MONTH;
+class Se extends y {
+  constructor(e, t) {
+    super(o.Day, e, t), this.minValue = 1, this.maxValue = 31;
+  }
+  setLimits(e, t, i) {
+    if (!k(t)) {
+      this.minValue = 1, this.maxValue = ze;
       return;
     }
-    if (!isNumber(year)) year = DEFAULT_LEAP_YEAR;
-    const dateToUse = new CalendarDate(year, month, 1);
-    this.maxValue = currentDate.calendar.getDaysInMonth(dateToUse);
-    this.minValue = getMinimumDayInMonth(dateToUse);
-    this.updateValueToLimits();
+    k(i) || (i = X);
+    const a = new H(i, t, 1);
+    this.maxValue = e.calendar.getDaysInMonth(a), this.minValue = j(a), this.updateValueToLimits();
   }
 }
-class MonthSegment extends EditableSegment {
-  constructor(formatted, label) {
-    super(SegmentTypes.Month, formatted, label);
-    this.minValue = 1;
-    this.maxValue = 12;
+class De extends y {
+  constructor(e, t) {
+    super(o.Month, e, t), this.minValue = 1, this.maxValue = 12;
   }
-  setLimits(currentDate) {
-    this.minValue = getMinimumMonthInYear(currentDate);
-    this.maxValue = currentDate.calendar.getMonthsInYear(currentDate);
-    this.updateValueToLimits();
+  setLimits(e) {
+    this.minValue = G(e), this.maxValue = e.calendar.getMonthsInYear(e), this.updateValueToLimits();
   }
 }
-class LiteralSegment {
-  constructor(formatted) {
-    this.formatted = formatted;
-    this.type = SegmentTypes.Literal;
+class _e {
+  constructor(e) {
+    this.formatted = e, this.type = o.Literal;
   }
 }
-class DayPeriodSegment extends EditableSegment {
-  constructor(formatted, label) {
-    super(SegmentTypes.DayPeriod, formatted, label);
-    this.minValue = AM;
-    this.maxValue = PM;
-    this.localizedMinValue = "AM";
-    this.localizedMaxValue = "PM";
+class Ve extends y {
+  constructor(e, t) {
+    super(o.DayPeriod, e, t), this.minValue = q, this.maxValue = V, this.localizedMinValue = "AM", this.localizedMaxValue = "PM";
   }
   toggleAmPm() {
-    this.value = this.value === AM ? PM : AM;
+    this.value = this.value === q ? V : q;
   }
   increment() {
-    if (this.value === void 0) this.value = this.minValue;
-    else this.toggleAmPm();
+    this.value === void 0 ? this.value = this.minValue : this.toggleAmPm();
   }
   decrement() {
-    if (this.value === void 0) this.value = this.maxValue;
-    else this.toggleAmPm();
-  }
-  setValueFromDate(currentDate) {
-    this.value = getDayPeriodModifier(currentDate.hour);
-  }
-  handleInput(eventData) {
-    const charTypedIn = eventData.toLowerCase();
-    const isCharFromAM = this.localizedMinValue.toLowerCase().includes(charTypedIn);
-    const isCharFromPM = this.localizedMaxValue.toLowerCase().includes(charTypedIn);
-    if (isCharFromAM && isCharFromPM) return;
-    if (isCharFromAM) this.value = AM;
-    if (isCharFromPM) this.value = PM;
-    return;
-  }
-  setLocalizedLimits(dateFormatter) {
-    const amDate = new Date(0, 0, 0, this.minValue, 0);
-    const pmDate = new Date(0, 0, 0, this.maxValue, 0);
-    const [am, pm] = [amDate, pmDate].map(
-      this.getDayPeriodFromDate.bind(this, dateFormatter)
+    this.value === void 0 ? this.value = this.maxValue : this.toggleAmPm();
+  }
+  setValueFromDate(e) {
+    this.value = Q(e.hour);
+  }
+  handleInput(e) {
+    const t = e.toLowerCase(), i = this.localizedMinValue.toLowerCase().includes(t), a = this.localizedMaxValue.toLowerCase().includes(t);
+    i && a || (i && (this.value = q), a && (this.value = V));
+  }
+  setLocalizedLimits(e) {
+    const t = new Date(0, 0, 0, this.minValue, 0), i = new Date(0, 0, 0, this.maxValue, 0), [a, r] = [t, i].map(
+      this.getDayPeriodFromDate.bind(this, e)
     );
-    if (am) this.localizedMinValue = am;
-    if (pm) this.localizedMaxValue = pm;
+    a && (this.localizedMinValue = a), r && (this.localizedMaxValue = r);
   }
-  getDayPeriodFromDate(dateFormatter, date) {
-    var _a;
-    return (_a = dateFormatter.formatToParts(date).find((part) => part.type === this.type)) == null ? void 0 : _a.value;
+  getDayPeriodFromDate(e, t) {
+    var i;
+    return (i = e.formatToParts(t).find((a) => a.type === this.type)) == null ? void 0 : i.value;
   }
 }
-class HourSegment extends EditableSegment {
-  constructor(formatted, label) {
-    super(SegmentTypes.Hour, formatted, label);
-    this.minValue = 0;
-    this.maxValue = 23;
-  }
-  setLimits(is12HourClock) {
-    this.minValue = 0;
-    this.maxValue = 23;
-    if (is12HourClock) {
-      this.minValue = 0;
-      this.maxValue = 11;
-    }
-    this.updateValueToLimits();
+class $e extends y {
+  constructor(e, t) {
+    super(o.Hour, e, t), this.minValue = 0, this.maxValue = 23;
   }
-  setValueFromDate(currentDate, is12HourClock) {
-    if (is12HourClock)
-      this.value = currentDate.hour - getDayPeriodModifier(currentDate.hour);
-    else super.setValueFromDate(currentDate);
+  setLimits(e) {
+    this.minValue = 0, this.maxValue = 23, e && (this.minValue = 0, this.maxValue = 11), this.updateValueToLimits();
+  }
+  setValueFromDate(e, t) {
+    t ? this.value = e.hour - Q(e.hour) : super.setValueFromDate(e);
   }
   /**
    * Returns the limits used to validate a user typed-in value.
@@ -554,42 +443,35 @@ class HourSegment extends EditableSegment {
    * for the 00 time, which is represented by the value of 0 of the hour segment.
    */
   get inputValidationLimits() {
-    const isAmPm = this.maxValue === 11;
+    const e = this.maxValue === 11;
     return {
-      minValue: isAmPm ? 1 : 0,
-      maxValue: isAmPm ? 12 : 23
+      minValue: e ? 1 : 0,
+      maxValue: e ? 12 : 23
     };
   }
 }
-class MillisecondSegment extends EditableSegment {
-  constructor(formatted, label) {
-    super(SegmentTypes.Millisecond, formatted, label);
-    this.minValue = 0;
-    this.maxValue = 999;
+class Pe extends y {
+  constructor(e, t) {
+    super(o.Millisecond, e, t), this.minValue = 0, this.maxValue = 999;
   }
 }
-class MinuteSegment extends EditableSegment {
-  constructor(formatted, label) {
-    super(SegmentTypes.Minute, formatted, label);
-    this.minValue = 0;
-    this.maxValue = 59;
+class Fe extends y {
+  constructor(e, t) {
+    super(o.Minute, e, t), this.minValue = 0, this.maxValue = 59;
   }
 }
-class SecondSegment extends EditableSegment {
-  constructor(formatted, label) {
-    super(SegmentTypes.Second, formatted, label);
-    this.minValue = 0;
-    this.maxValue = 59;
+class qe extends y {
+  constructor(e, t) {
+    super(o.Second, e, t), this.minValue = 0, this.maxValue = 59;
   }
 }
-class SegmentsFactory {
-  constructor(dateFormatter) {
-    this.dateFormatter = dateFormatter;
-    const locale = this.dateFormatter.resolvedOptions().locale;
-    this.numberFormatter = new NumberFormatter(locale, {
-      useGrouping: false
-    });
-    this.dateTimeFieldDisplayNames = new Intl.DisplayNames([locale], {
+class Me {
+  constructor(e) {
+    this.dateFormatter = e;
+    const t = this.dateFormatter.resolvedOptions().locale;
+    this.numberFormatter = new K(t, {
+      useGrouping: !1
+    }), this.dateTimeFieldDisplayNames = new Intl.DisplayNames([t], {
       type: "dateTimeField"
     });
   }
@@ -598,150 +480,87 @@ class SegmentsFactory {
    * @param currentDate - The date to create the segments from. This is used to set the limits and values of the segments.
    * @param setValues - If true, the segments will have their values set from the currentDate. If false, the segments will have no values.
    */
-  createSegments(currentDate, setValues = false) {
-    const date = dateValueToDate(currentDate);
-    const createdSegments = this.dateFormatter.formatToParts(date).map((part) => {
-      const type = part.type;
-      let formatted = part.value;
-      if (type === "year")
-        formatted = this.numberFormatter.format(currentDate.year);
-      return this.createSegment(type, formatted);
-    });
-    const segments = new DateTimeSegments(createdSegments);
-    const year = segments.year;
-    const month = segments.month;
-    const day = segments.day;
-    year.setLimits(currentDate);
-    month.setLimits(currentDate);
-    if (setValues) {
-      year.setValueFromDate(currentDate);
-      month.setValueFromDate(currentDate);
+  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);
+    }), 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;
+    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;
+      g.setValueFromDate(e);
     }
-    day.setLimits(currentDate, month.value, year.value);
-    if (setValues) day.setValueFromDate(currentDate);
-    const hour = segments.hour;
-    const minute = segments.minute;
-    const second = segments.second;
-    const millisecond = segments.millisecond;
-    const dayPeriod = segments.dayPeriod;
-    if (dayPeriod) dayPeriod.setLocalizedLimits(this.dateFormatter);
-    if (!hour) return segments;
-    const is12HourFormat = Boolean(dayPeriod);
-    hour.setLimits(is12HourFormat);
-    if (setValues) {
-      hour.setValueFromDate(currentDate, is12HourFormat);
-      if (is12HourFormat) {
-        const dayPeriodSegment = segments.dayPeriod;
-        dayPeriodSegment.setValueFromDate(currentDate);
-      }
-      if (!minute) return segments;
-      minute.setValueFromDate(currentDate);
-      if (!second) return segments;
-      second.setValueFromDate(currentDate);
-      if (!millisecond) return segments;
-      millisecond.setValueFromDate(currentDate);
-    }
-    return segments;
-  }
-  createSegment(type, formatted) {
-    if (type === SegmentTypes.Literal) return new LiteralSegment(formatted);
-    const label = this.displayNameOfType(type);
-    switch (type) {
-      case SegmentTypes.Year: {
-        return new YearSegment(formatted, label);
-      }
-      case SegmentTypes.Month: {
-        return new MonthSegment(formatted, label);
-      }
-      case SegmentTypes.Day: {
-        return new DaySegment(formatted, label);
-      }
-      case SegmentTypes.Hour: {
-        return new HourSegment(formatted, label);
-      }
-      case SegmentTypes.Minute: {
-        return new MinuteSegment(formatted, label);
-      }
-      case SegmentTypes.Second: {
-        return new SecondSegment(formatted, label);
-      }
-      case SegmentTypes.Millisecond: {
-        return new MillisecondSegment(formatted, label);
-      }
-      case SegmentTypes.DayPeriod: {
-        return new DayPeriodSegment(formatted, label);
-      }
+    return r;
+  }
+  createSegment(e, t) {
+    if (e === o.Literal) return new _e(t);
+    const i = this.displayNameOfType(e);
+    switch (e) {
+      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.Hour:
+        return new $e(t, i);
+      case o.Minute:
+        return new Fe(t, i);
+      case o.Second:
+        return new qe(t, i);
+      case o.Millisecond:
+        return new Pe(t, i);
+      case o.DayPeriod:
+        return new Ve(t, i);
     }
   }
-  displayNameOfType(type) {
-    const label = type === "fractionalSecond" ? "millisecond" : this.dateTimeFieldDisplayNames.of(type);
-    if (!label) return "";
-    return label.charAt(0).toUpperCase() + label.slice(1);
+  displayNameOfType(e) {
+    const t = e === "fractionalSecond" ? "millisecond" : this.dateTimeFieldDisplayNames.of(e);
+    return t ? t.charAt(0).toUpperCase() + t.slice(1) : "";
   }
 }
-const dateTimePickerStyles = '@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 __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
+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--)
+    (s = n[r]) && (a = (i ? s(e, t, a) : s(a)) || a);
+  return i && a && Ce(e, t, a), a;
 };
-class LuzmoDateTimePicker extends ManageHelpText(
-  SizedMixin(Focusable, {
-    validSizes: Object.values(ElementSizes)
+class u extends fe(
+  ue(de, {
+    validSizes: Object.values(me)
   })
 ) {
   constructor() {
-    super();
-    this._precision = Precisions.Minute;
-    this.isUserSetPrecision = false;
-    this.invalid = false;
-    this.readonly = false;
-    this.quiet = false;
-    this.placement = "bottom";
-    this.language = "en";
-    this.labels = {
+    super(), this._precision = p.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 = false;
-    this.segments = new DateTimeSegments([]);
-    this.isCalendarOpen = false;
-    this._timeZone = this.timeZone ?? getLocalTimeZone();
-    this.cachedLocalTime = now(this._timeZone);
-    this.setNumberParser();
-    this.setDateFormatter();
-    this.setAriaDateFormatter();
-    this.addEventListener(
+    }, 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(
       "focusin",
       () => this.previousCommitedValue = this._value
-    );
-    this.addEventListener("focusout", () => this.commitValue());
+    ), this.addEventListener("focusout", () => this.commitValue());
   }
   /**
    * The styles of the calendar
    * @internal
    */
   static get styles() {
-    return [unsafeCSS(dateTimePickerStyles), unsafeCSS(textFieldStyles)];
+    return [Z(Te), Z(ve)];
   }
   get precision() {
     return this._precision;
   }
-  set precision(value) {
-    this.isUserSetPrecision = true;
-    const oldValue = this._precision;
-    if (value === oldValue) return;
-    this._precision = value;
-    this.requestUpdate("precision", oldValue);
+  set precision(e) {
+    this.isUserSetPrecision = !0;
+    const t = this._precision;
+    e !== t && (this._precision = e, this.requestUpdate("precision", t));
   }
   /**
    * The language used to format the dates and weekdays.
@@ -749,11 +568,7 @@ class LuzmoDateTimePicker extends ManageHelpText(
    */
   get _language() {
     try {
-      if (this.language) {
-        const locale = new Intl.Locale(this.language);
-        return locale.language;
-      }
-      return "en";
+      return this.language ? new Intl.Locale(this.language).language : "en";
     } catch {
       return "en";
     }
@@ -770,63 +585,36 @@ class LuzmoDateTimePicker extends ManageHelpText(
    * @internal
    */
   get currentDate() {
-    if (this._value) return toZoned(this._value, this._timeZone);
-    return this.cachedLocalTime;
+    return this._value ? S(this._value, this._timeZone) : this.cachedLocalTime;
   }
   /**
    * @return Whether the component's precision includes time segments (hour, minute, second, millisecond)
    * @internal
    */
   get includesTime() {
-    const timePrecisions = [
-      Precisions.Hour,
-      Precisions.Minute,
-      Precisions.Second,
-      Precisions.Millisecond
-    ];
-    return timePrecisions.includes(this.precision);
+    return [
+      p.Hour,
+      p.Minute,
+      p.Second,
+      p.Millisecond
+    ].includes(this.precision);
   }
   /**
    * Resets the component's value and segments
    */
   clear() {
-    this._value = void 0;
-    this.setSegments();
-  }
-  willUpdate(changedProperties) {
-    const changesValue = changedProperties.has("value");
-    const changesTimeZone = changedProperties.has("timeZone");
-    const changesMin = changedProperties.has("min");
-    const changesMax = changedProperties.has("max");
-    const changesLocale = changedProperties.has("language");
-    const changesDateFormat = changedProperties.has("dateFormat");
-    const changesDateSeparator = changedProperties.has("dateSeparator");
-    const changesPrecision = changedProperties.has("precision");
-    const changesSegments = changedProperties.has("segments");
-    const changesDisabled = changedProperties.has("disabled");
-    if (changesLocale) this.setNumberParser();
-    if (changesLocale || changesPrecision) {
-      this.setDateFormatter();
-      this.setAriaDateFormatter();
+    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");
+    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;
+      const h = this.mostSpecificDateValue;
+      h && (this.convertDatePropsToMatch(h), this.checkDatePropsCompliance(a || r), this.updateDateProps(), this.updateDefaultPrecision());
     }
-    if (changesValue || changesMin || changesMax || changesTimeZone) {
-      this._value = this.value ? parseAbsolute(new Date(this.value).toISOString(), "UTC") : void 0;
-      this._min = this.min ? parseAbsolute(new Date(this.min).toISOString(), "UTC") : void 0;
-      this._max = this.max ? parseAbsolute(new Date(this.max).toISOString(), "UTC") : void 0;
-      const mostSpecificDateValue = this.mostSpecificDateValue;
-      if (mostSpecificDateValue) {
-        this.convertDatePropsToMatch(mostSpecificDateValue);
-        this.checkDatePropsCompliance(changesMin || changesMax);
-        this.updateDateProps();
-        this.updateDefaultPrecision();
-      }
-    }
-    if (changesValue || changesLocale || changesPrecision || changesDateFormat || changesTimeZone || changesDateSeparator)
-      this.setSegments();
-    if (changesSegments) this.setValueFromSegments();
-    if (changesDisabled && this.isCalendarOpen) this.isCalendarOpen = false;
-    const selectedDateLabel = this._value && this.labels.selected + ": " + this.ariaDateFormatter.format(dateValueToDate(this._value));
-    this.setAttribute("aria-label", selectedDateLabel ?? this.labels.empty);
+    (t || s || c || l || i || d) && this.setSegments(), f && this.setValueFromSegments(), v && 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);
   }
   /**
    * Computes the component's most precise date property (min, max or value) or undefined if none is defined.
@@ -834,40 +622,30 @@ class LuzmoDateTimePicker extends ManageHelpText(
    * @internal
    */
   get mostSpecificDateValue() {
-    const dateValuesDefined = [this._value, this._min, this._max].filter(
-      (date) => date !== void 0
+    const e = [this._value, this._min, this._max].filter(
+      (r) => r !== void 0
     );
-    if (dateValuesDefined.length === 0) return;
-    const zonedDateTimes = dateValuesDefined.filter((d) => isZonedDateTime(d));
-    if (zonedDateTimes.length > 0) return zonedDateTimes[0];
-    const dateTimes = dateValuesDefined.filter((d) => isCalendarDateTime(d));
-    if (dateTimes.length > 0) return dateTimes[0];
-    const mostSpecificDate = dateValuesDefined.find((d) => isCalendarDate(d));
-    return mostSpecificDate;
+    if (e.length === 0) return;
+    const t = e.filter((r) => P(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));
   }
   /**
    * Converts the DateTimePicker's date properties (min, max and value) to match the provided date's type.
    *
    * @param dateValue - The date value to be used as a reference for the conversion
    */
-  convertDatePropsToMatch(dateValue) {
-    if (isZonedDateTime(dateValue)) {
-      this._timeZone = this.timeZone ?? dateValue.timeZone;
-      this._value = this._value && toZoned(this._value, this._timeZone);
-      this._min = this._min && toZoned(this._min, this._timeZone);
-      this._max = this._max && toZoned(this._max, this._timeZone);
+  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);
       return;
     }
-    this._timeZone = this.timeZone ?? getLocalTimeZone();
-    if (isCalendarDateTime(dateValue)) {
-      this._value = this._value && toCalendarDateTime(this._value);
-      this._min = this._min && toCalendarDateTime(this._min);
-      this._max = this._max && toCalendarDateTime(this._max);
+    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);
       return;
     }
-    this._value = this._value && toCalendarDate(this._value);
-    this._min = this._min && toCalendarDate(this._min);
-    this._max = this._max && toCalendarDate(this._max);
+    this._value = this._value && C(this._value), this._min = this._min && C(this._min), this._max = this._max && C(this._max);
   }
   /**
    * Validates the component's date properties (min, max and value) compliance with one another.
@@ -876,55 +654,36 @@ class LuzmoDateTimePicker extends ManageHelpText(
    *
    * @param checkInterval - Whether to check the [min, max] interval
    */
-  checkDatePropsCompliance(checkInterval) {
-    if (checkInterval && this._min && this._max) {
-      const isValidInterval = this._min.compare(this._max) < 0;
-      if (!isValidInterval) {
-        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;
-      }
-    }
-    if (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;
-    }
-    if (!this._min && !this._max && !this._value)
-      this._timeZone = getLocalTimeZone();
+  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 = E());
   }
   isNonCompliantValue() {
-    if (this._value === void 0) return false;
-    return Boolean(
-      this._min && this._value.compare(this._min) < 0 || this._max && this._value.compare(this._max) > 0
-    );
+    return this._value === void 0 ? !1 : !!(this._min && this._value.compare(this._min) < 0 || this._max && this._value.compare(this._max) > 0);
   }
   /**
    * Update the component's date properties' types to include the provided precision.
    */
   updateDateProps() {
-    const mostSpecificDateValue = this.mostSpecificDateValue;
-    if (!mostSpecificDateValue || !this.isUserSetPrecision) return;
-    const shouldConvertToDateTime = this.includesTime && isCalendarDate(mostSpecificDateValue);
-    if (shouldConvertToDateTime)
-      this.convertDatePropsToMatch(toCalendarDateTime(mostSpecificDateValue));
+    const e = this.mostSpecificDateValue;
+    if (!e || !this.isUserSetPrecision) return;
+    this.includesTime && L(e) && this.convertDatePropsToMatch(D(e));
   }
   /**
    * Changes the component's default precision according to the most specific date property (min, max or value).
    */
   updateDefaultPrecision() {
     if (this.isUserSetPrecision) return;
-    const mostSpecificDateValue = this.mostSpecificDateValue;
-    if (!mostSpecificDateValue) return;
-    this._precision = isCalendarDate(mostSpecificDateValue) ? Precisions.Day : Precisions.Minute;
+    const e = this.mostSpecificDateValue;
+    e && (this._precision = L(e) ? p.Day : p.Minute);
   }
   render() {
-    return html`
+    return _`
       <div id="text-field">
         ${this.renderStateIcons()} ${this.renderInputContent()}
       </div>
@@ -932,34 +691,31 @@ class LuzmoDateTimePicker extends ManageHelpText(
     `;
   }
   renderStateIcons() {
-    if (this.invalid)
-      return html`
+    return this.invalid ? _`
         <luzmo-icon
-          .icon=${luzmoAlert}
+          .icon=${he}
           .size=${this.size}
           id="invalid"
           class="icon"
         ></luzmo-icon>
-      `;
-    return nothing;
+      ` : U;
   }
   renderPicker() {
-    if (this.readonly) return nothing;
-    const closeCalendar = () => this.isCalendarOpen = false;
-    const openCalendar = () => this.isCalendarOpen = true;
-    return html`
+    if (this.readonly) return U;
+    const e = () => this.isCalendarOpen = !1, t = () => this.isCalendarOpen = !0;
+    return _`
       <luzmo-picker-button
         ?open=${this.isCalendarOpen}
         ?quiet=${this.quiet}
         ?invalid=${this.invalid}
         ?disabled=${this.disabled}
         .size=${this.size}
-        @click=${openCalendar}
+        @click=${t}
         label=${this.labels.calendar}
       >
         <slot name="calendar-icon" slot="icon">
           <luzmo-icon
-            .icon=${luzmoCalendar}
+            .icon=${pe}
             .size=${this.size}
             block
           ></luzmo-icon>
@@ -972,7 +728,7 @@ class LuzmoDateTimePicker extends ManageHelpText(
         placement=${this.placement ?? "bottom"}
         offset="0"
         ?open=${this.isCalendarOpen}
-        @luzmo-closed=${closeCalendar}
+        @luzmo-closed=${e}
       >
         <luzmo-popover>
           <div class="popover-content">
@@ -993,40 +749,26 @@ class LuzmoDateTimePicker extends ManageHelpText(
       </luzmo-overlay>
     `;
   }
-  handleChange(event) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    event.stopPropagation();
-    this.isCalendarOpen = false;
-    if ((_a = event.target) == null ? void 0 : _a.value) {
-      this.value = (_b = event.target) == null ? void 0 : _b.value;
-    }
-    const calendarValue = parseDate(
-      ((_c = event.target) == null ? void 0 : _c.value) ?? ""
+  handleChange(e) {
+    var i, a, r, s, l, d, c;
+    e.stopPropagation(), this.isCalendarOpen = !1, (i = e.target) != null && i.value && (this.value = (a = e.target) == null ? void 0 : a.value);
+    const t = oe(
+      ((r = e.target) == null ? void 0 : r.value) ?? ""
     );
     if (this.includesTime) {
-      const hour = ((_d = this.segments.hour) == null ? void 0 : _d.value) ?? 0;
-      const minute = ((_e = this.segments.minute) == null ? void 0 : _e.value) ?? 0;
-      const second = ((_f = this.segments.second) == null ? void 0 : _f.value) ?? 0;
-      const millisecond = ((_g = this.segments.millisecond) == null ? void 0 : _g.value) ?? 0;
-      const time = new Time(hour, minute, second, millisecond);
-      const mostSpecificDateValue = this.mostSpecificDateValue;
-      this._value = toCalendarDateTime(calendarValue, time);
-      if (mostSpecificDateValue && isZonedDateTime(mostSpecificDateValue))
-        this._value = toZoned(this._value, this._timeZone);
-    } else {
-      this._value = calendarValue;
-    }
+      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));
+    } else
+      this._value = t;
     this.commitValue();
   }
   renderInputContent() {
-    const focusIn = () => this.focused = !this.readonly;
-    const focusOut = () => this.focused = false;
-    return html`
+    return _`
       <div class="input">
         <span
           class="input-content"
-          @focusin=${focusIn}
-          @focusout=${focusOut}
+          @focusin=${() => this.focused = !this.readonly}
+          @focusout=${() => this.focused = !1}
           @keydown=${this.handleKeydown}
           @input=${this.handleInput}
         >
@@ -1037,98 +779,89 @@ class LuzmoDateTimePicker extends ManageHelpText(
   }
   renderSegments() {
     return this.segments.all.map(
-      (segment) => when(
-        segment.type === SegmentTypes.Literal,
-        () => this.renderLiteralSegment(segment),
-        () => this.renderEditableSegment(segment)
+      (e) => Y(
+        e.type === o.Literal,
+        () => this.renderLiteralSegment(e),
+        () => this.renderEditableSegment(e)
       )
     );
   }
-  renderLiteralSegment(segment) {
-    return html`
+  renderLiteralSegment(e) {
+    return _`
         <span
             class="literal-segment"
-            data-test-id=${segment.type}
+            data-test-id=${e.type}
             aria-hidden="true"
-        >${segment.formatted}</span>
+        >${e.formatted}</span>
     `;
   }
-  renderEditableSegment(segment) {
-    const isActive = !this.disabled && !this.readonly;
-    const usePlaceholder = segment.value === void 0;
-    const inputMode = segment.type === SegmentTypes.DayPeriod ? "text" : "numeric";
-    const segmentClasses = {
-      "editable-segment": true,
-      "is-placeholder": usePlaceholder
-    };
-    const minWidth = segment.type !== SegmentTypes.Year && String(segment.maxValue).length > 0;
-    const segmentStyles = {
-      minWidth: minWidth ? `${minWidth}ch` : void 0
+  renderEditableSegment(e) {
+    const t = !this.disabled && !this.readonly, i = e.value === void 0, a = e.type === o.DayPeriod ? "text" : "numeric", r = {
+      "editable-segment": !0,
+      "is-placeholder": i
+    }, s = e.type !== o.Year && String(e.maxValue).length > 0, l = {
+      minWidth: s ? `${s}ch` : void 0
     };
-    return html`
+    return _`
       <div
         role="spinbutton"
-        aria-valuenow=${ifDefined(segment.value)}
-        aria-valuemin=${segment.minValue}
-        aria-valuemax=${segment.maxValue}
-        aria-label=${segment.label}
-        aria-valuetext=${ifDefined(
-      segment.value === void 0 ? this.labels.empty : segment.formatted
+        aria-valuenow=${$(e.value)}
+        aria-valuemin=${e.minValue}
+        aria-valuemax=${e.maxValue}
+        aria-label=${e.label}
+        aria-valuetext=${$(
+      e.value === void 0 ? this.labels.empty : e.formatted
     )}
-        contenteditable=${ifDefined(isActive ? true : void 0)}
-        inputmode=${ifDefined(isActive ? inputMode : void 0)}
-        tabindex=${ifDefined(isActive ? "0" : void 0)}
-        class=${classMap(segmentClasses)}
-        style=${styleMap(segmentStyles)}
-        data-type=${segment.type}
-        .innerText=${this.renderSegmentText(segment)}
+        contenteditable=${$(t ? !0 : void 0)}
+        inputmode=${$(t ? a : void 0)}
+        tabindex=${$(t ? "0" : void 0)}
+        class=${le(r)}
+        style=${ce(l)}
+        data-type=${e.type}
+        .innerText=${this.renderSegmentText(e)}
       ></div>
     `;
   }
-  renderSegmentText(segment) {
-    const usePlaceholder = segment.value === void 0;
-    return when(
-      usePlaceholder,
-      () => segment.placeholder ?? "",
-      () => segment.formatted ?? ""
+  renderSegmentText(e) {
+    const t = e.value === void 0;
+    return Y(
+      t,
+      () => e.placeholder ?? "",
+      () => e.formatted ?? ""
     );
   }
-  handleKeydown(event) {
-    var _a;
-    const segmentElement = event.target;
-    const segmentType = segmentElement.dataset.type;
-    if (!segmentType) return;
-    switch (event.code) {
-      case "ArrowUp": {
-        this.incrementValue(segmentType);
-        break;
-      }
-      case "ArrowDown": {
-        this.decrementValue(segmentType);
-        break;
-      }
-      case "ArrowRight": {
-        this.focusSegment(segmentElement, "next");
-        break;
-      }
-      case "ArrowLeft": {
-        this.focusSegment(segmentElement, "previous");
-        break;
-      }
-      case "Enter":
-      case "Space": {
-        this.commitValue();
-        break;
-      }
-      case "Backspace":
-      case "Delete": {
-        event.preventDefault();
-        if (((_a = this.segments.getByType(segmentType)) == null ? void 0 : _a.value) === void 0)
-          this.focusSegment(segmentElement, "previous");
-        else this.clearSegmentContent(segmentType);
-        break;
+  handleKeydown(e) {
+    var a;
+    const t = e.target, i = t.dataset.type;
+    if (i)
+      switch (e.code) {
+        case "ArrowUp": {
+          this.incrementValue(i);
+          break;
+        }
+        case "ArrowDown": {
+          this.decrementValue(i);
+          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(), ((a = this.segments.getByType(i)) == null ? void 0 : a.value) === void 0 ? this.focusSegment(t, "previous") : this.clearSegmentContent(i);
+          break;
+        }
       }
-    }
   }
   /**
    * The modifier parameters of the component
@@ -1141,15 +874,13 @@ class LuzmoDateTimePicker extends ManageHelpText(
       currentDate: this.currentDate
     };
   }
-  incrementValue(segmentType) {
-    const incrementModifier = new IncrementModifier(this.modifierParams);
-    this.segments = incrementModifier.modify(segmentType);
-    this.dispatchInput();
+  incrementValue(e) {
+    const t = new ye(this.modifierParams);
+    this.segments = t.modify(e), this.dispatchInput();
   }
-  decrementValue(segmentType) {
-    const decrementModifier = new DecrementModifier(this.modifierParams);
-    this.segments = decrementModifier.modify(segmentType);
-    this.dispatchInput();
+  decrementValue(e) {
+    const t = new xe(this.modifierParams);
+    this.segments = t.modify(e), this.dispatchInput();
   }
   /**
    * Focuses the segment according to the direction, if there is one to focus on
@@ -1157,19 +888,13 @@ class LuzmoDateTimePicker extends ManageHelpText(
    * @param segment - Segment on which the event was triggered (the segment being changed)
    * @param elementToFocus - Defines which element will be focused: is it the previous one or the next one?
    */
-  focusSegment(segment, elementToFocus) {
-    let segmentFound = false;
-    let currentSegment = segment;
-    while (!segmentFound) {
-      const siblingSegment = elementToFocus === "previous" ? currentSegment.previousElementSibling : currentSegment.nextElementSibling;
-      if (!siblingSegment) {
+  focusSegment(e, t) {
+    let i = !1, a = e;
+    for (; !i; ) {
+      const r = t === "previous" ? a.previousElementSibling : a.nextElementSibling;
+      if (!r)
         break;
-      }
-      if (siblingSegment.getAttribute("contenteditable")) {
-        siblingSegment.focus();
-        segmentFound = true;
-      }
-      currentSegment = siblingSegment;
+      r.getAttribute("contenteditable") && (r.focus(), i = !0), a = r;
     }
   }
   /**
@@ -1177,42 +902,36 @@ class LuzmoDateTimePicker extends ManageHelpText(
    * is different from the previous commited value, dispatch a change event.
    */
   commitValue() {
-    if (this._value && this.previousCommitedValue && this._value.compare(this.previousCommitedValue) === 0)
-      return;
-    if (this._value === void 0 && this.previousCommitedValue === void 0) {
-      const allSegmentsEmpty = this.segments.editableValues.every(
-        (value) => value === void 0
-      );
-      this.invalid = allSegmentsEmpty ? false : true;
-      return;
+    if (!(this._value && this.previousCommitedValue && this._value.compare(this.previousCommitedValue) === 0)) {
+      if (this._value === void 0 && this.previousCommitedValue === void 0) {
+        const e = this.segments.editableValues.every(
+          (t) => t === void 0
+        );
+        this.invalid = !e;
+        return;
+      }
+      this.invalid = !!(this._value === void 0 || this.isNonCompliantValue()), this.previousCommitedValue = this._value, this.dispatchChange();
     }
-    this.invalid = this._value === void 0 || this.isNonCompliantValue() ? true : false;
-    this.previousCommitedValue = this._value;
-    this.dispatchChange();
-  }
-  clearSegmentContent(segmentType) {
-    const valuesBefore = this.segments.editableValues;
-    const clearModifier = new ClearModifier(this.modifierParams);
-    this.segments = clearModifier.modify(segmentType);
-    const valuesAfter = this.segments.editableValues;
-    if (!equalSegmentValues(valuesBefore, valuesAfter)) this.dispatchInput();
-  }
-  handleInput(event) {
-    event.stopPropagation();
-    const segmentType = event.target.dataset.type;
-    const valuesBefore = this.segments.editableValues;
-    const inputModifier = new InputModifier({
+  }
+  clearSegmentContent(e) {
+    const t = this.segments.editableValues, i = new ke(this.modifierParams);
+    this.segments = i.modify(e);
+    const a = this.segments.editableValues;
+    R(t, a) || this.dispatchInput();
+  }
+  handleInput(e) {
+    e.stopPropagation();
+    const t = e.target.dataset.type, i = this.segments.editableValues, a = new we({
       ...this.modifierParams,
-      eventData: event.data,
+      eventData: e.data,
       numberParser: this.numberParser
     });
-    this.segments = inputModifier.modify(segmentType);
-    this.updateSegmentContent(
-      this.segments.getByType(segmentType),
-      event.target
+    this.segments = a.modify(t), this.updateSegmentContent(
+      this.segments.getByType(t),
+      e.target
     );
-    const valuesAfter = this.segments.editableValues;
-    if (!equalSegmentValues(valuesBefore, valuesAfter)) this.dispatchInput();
+    const r = this.segments.editableValues;
+    R(i, r) || this.dispatchInput();
   }
   /**
    * Updates the content of the segments by binding it to the `.innerText` property of the element,
@@ -1222,105 +941,79 @@ class LuzmoDateTimePicker extends ManageHelpText(
    * @param segment - Segment on which the event was triggered (the segment being changed)
    * @param event - Triggered event details
    */
-  updateSegmentContent(segment, segmentElement) {
-    segmentElement.textContent = segment.value === void 0 ? segment.placeholder : segment.formatted;
-  }
-  createOutputString(value) {
-    if (value) {
-      if (isZonedDateTime(value))
-        return this._value.toAbsoluteString();
-      return new Date(this._value.toString()).toISOString();
-    }
-    return "";
+  updateSegmentContent(e, t) {
+    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() : "";
   }
   dispatchChange() {
-    const value = this.createOutputString(this._value);
+    const e = this.createOutputString(this._value);
     this.dispatchEvent(
       new CustomEvent("change", {
-        bubbles: true,
-        composed: true,
-        cancelable: true,
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
         detail: {
-          value
+          value: e
         }
       })
     );
   }
   dispatchInput() {
-    const value = this.createOutputString(this._value);
+    const e = this.createOutputString(this._value);
     this.dispatchEvent(
       new CustomEvent("input", {
-        bubbles: true,
-        composed: true,
-        cancelable: true,
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
         detail: {
-          value
+          value: e
         }
       })
     );
   }
   setValueFromSegments() {
-    const formattedDate = this.segments.getFormattedDate(this.precision);
-    if (!formattedDate) {
-      if (this._value) this.dispatchChange();
-      this._value = void 0;
+    const e = this.segments.getFormattedDate(this.precision);
+    if (!e) {
+      this._value && this.dispatchChange(), this._value = void 0;
       return;
     }
-    if (this._value === void 0) this.dispatchChange();
-    const mostSpecificDateValue = this.mostSpecificDateValue;
-    if (mostSpecificDateValue) {
-      if (isZonedDateTime(mostSpecificDateValue))
-        this._value = toZoned(formattedDate, this._timeZone);
-      else if (isCalendarDateTime(mostSpecificDateValue))
-        this._value = toCalendarDateTime(formattedDate);
-      else this._value = toCalendarDate(formattedDate);
-    } else {
-      this._value = formattedDate;
-    }
+    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;
   }
   setSegments() {
-    var _a, _b, _c, _d;
-    const segmentsFactory = new SegmentsFactory(this.dateFormatter);
-    const segments = segmentsFactory.createSegments(
+    var i, a, r, s;
+    const t = new Me(this.dateFormatter).createSegments(
       this.currentDate,
       this._value !== void 0
     );
     if (this.dateFormat) {
-      const monthIndex = segments.all.findIndex(
-        (d) => d.type === SegmentTypes.Month
-      );
-      const dayIndex = segments.all.findIndex(
-        (d) => d.type === SegmentTypes.Day
+      const l = t.all.findIndex(
+        (c) => c.type === o.Month
+      ), d = t.all.findIndex(
+        (c) => c.type === o.Day
       );
-      if (monthIndex !== -1 && dayIndex !== -1) {
-        if (this.dateFormat === "mmdd" && monthIndex > dayIndex) {
-          const temp = segments.all[monthIndex];
-          segments.all[monthIndex] = segments.all[dayIndex];
-          segments.all[dayIndex] = temp;
-        } else if (this.dateFormat === "ddmm" && dayIndex > monthIndex) {
-          const temp = segments.all[dayIndex];
-          segments.all[dayIndex] = segments.all[monthIndex];
-          segments.all[monthIndex] = temp;
+      if (l !== -1 && d !== -1) {
+        if (this.dateFormat === "mmdd" && l > d) {
+          const c = t.all[l];
+          t.all[l] = t.all[d], t.all[d] = c;
+        } else if (this.dateFormat === "ddmm" && d > l) {
+          const c = t.all[d];
+          t.all[d] = t.all[l], t.all[l] = c;
         }
       }
     }
-    if (typeof this.dateSeparator === "string" && this.dateSeparator) {
-      if (((_b = (_a = segments.all) == null ? void 0 : _a[1]) == null ? void 0 : _b.type) === SegmentTypes.Literal) {
-        segments.all[1].formatted = this.dateSeparator;
-      }
-      if (((_d = (_c = segments.all) == null ? void 0 : _c[3]) == null ? void 0 : _d.type) === SegmentTypes.Literal) {
-        segments.all[3].formatted = this.dateSeparator;
-      }
-    }
-    this.segments = segments;
+    typeof this.dateSeparator == "string" && this.dateSeparator && (((a = (i = t.all) == null ? void 0 : i[1]) == null ? void 0 : a.type) === o.Literal && (t.all[1].formatted = this.dateSeparator), ((s = (r = t.all) == null ? void 0 : r[3]) == null ? void 0 : s.type) === o.Literal && (t.all[3].formatted = this.dateSeparator)), this.segments = t;
   }
   setNumberParser() {
-    this.numberParser = new NumberParser(this._language, {
+    this.numberParser = new se(this._language, {
       maximumFractionDigits: 0
     });
   }
   setDateFormatter() {
-    this.dateFormatter = new DateFormatter(this._language, {
+    this.dateFormatter = new N(this._language, {
       day: "2-digit",
       month: "2-digit",
       year: "numeric",
@@ -1328,113 +1021,106 @@ class LuzmoDateTimePicker extends ManageHelpText(
     });
   }
   setAriaDateFormatter() {
-    this.ariaDateFormatter = new DateFormatter(this._language, {
+    this.ariaDateFormatter = new N(this._language, {
       day: "numeric",
       month: "long",
       year: "numeric",
       ...this.getTimeOptions("numeric")
     });
   }
-  getTimeOptions(digitType) {
+  getTimeOptions(e) {
     switch (this.precision) {
-      case Precisions.Millisecond: {
+      case p.Millisecond:
         return {
-          hour: digitType,
-          minute: digitType,
-          second: digitType,
+          hour: e,
+          minute: e,
+          second: e,
           fractionalSecondDigits: 3
         };
-      }
-      case Precisions.Second: {
+      case p.Second:
         return {
-          hour: digitType,
-          minute: digitType,
-          second: digitType
+          hour: e,
+          minute: e,
+          second: e
         };
-      }
-      case Precisions.Minute: {
+      case p.Minute:
         return {
-          hour: digitType,
-          minute: digitType
+          hour: e,
+          minute: e
         };
-      }
-      case Precisions.Hour: {
+      case p.Hour:
         return {
-          hour: digitType
+          hour: e
         };
-      }
-      default: {
+      default:
         return {};
-      }
     }
   }
 }
-__decorateClass([
-  property({ type: String, reflect: true })
-], LuzmoDateTimePicker.prototype, "value", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], LuzmoDateTimePicker.prototype, "min", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], LuzmoDateTimePicker.prototype, "max", 2);
-__decorateClass([
-  property({ type: String, attribute: "date-format", reflect: true })
-], LuzmoDateTimePicker.prototype, "dateFormat", 2);
-__decorateClass([
-  property({ type: String, attribute: "date-separator", reflect: true })
-], LuzmoDateTimePicker.prototype, "dateSeparator", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], LuzmoDateTimePicker.prototype, "precision", 1);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoDateTimePicker.prototype, "invalid", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoDateTimePicker.prototype, "readonly", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoDateTimePicker.prototype, "quiet", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], LuzmoDateTimePicker.prototype, "placement", 2);
-__decorateClass([
-  property({ type: String, attribute: "time-zone", reflect: true })
-], LuzmoDateTimePicker.prototype, "timeZone", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], LuzmoDateTimePicker.prototype, "language", 2);
-__decorateClass([
-  property({ attribute: false })
-], LuzmoDateTimePicker.prototype, "labels", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoDateTimePicker.prototype, "focused", 2);
-__decorateClass([
-  state()
-], LuzmoDateTimePicker.prototype, "_value", 2);
-__decorateClass([
-  state()
-], LuzmoDateTimePicker.prototype, "_min", 2);
-__decorateClass([
-  state()
-], LuzmoDateTimePicker.prototype, "_max", 2);
-__decorateClass([
-  state()
-], LuzmoDateTimePicker.prototype, "segments", 2);
-__decorateClass([
-  state()
-], LuzmoDateTimePicker.prototype, "isCalendarOpen", 2);
-__decorateClass([
-  query(".editable-segment")
-], LuzmoDateTimePicker.prototype, "firstEditableSegment", 2);
-__decorateClass([
-  query(".input")
-], LuzmoDateTimePicker.prototype, "input", 2);
-if (!customElements.get("luzmo-date-time-picker")) {
-  customElements.define("luzmo-date-time-picker", LuzmoDateTimePicker);
-}
+m([
+  b({ type: String, reflect: !0 })
+], u.prototype, "value", 2);
+m([
+  b({ type: String, reflect: !0 })
+], u.prototype, "min", 2);
+m([
+  b({ type: String, reflect: !0 })
+], u.prototype, "max", 2);
+m([
+  b({ type: String, attribute: "date-format", reflect: !0 })
+], u.prototype, "dateFormat", 2);
+m([
+  b({ type: String, attribute: "date-separator", reflect: !0 })
+], u.prototype, "dateSeparator", 2);
+m([
+  b({ type: String, reflect: !0 })
+], u.prototype, "precision", 1);
+m([
+  b({ type: Boolean, reflect: !0 })
+], u.prototype, "invalid", 2);
+m([
+  b({ type: Boolean, reflect: !0 })
+], u.prototype, "readonly", 2);
+m([
+  b({ type: Boolean, reflect: !0 })
+], u.prototype, "quiet", 2);
+m([
+  b({ type: String, reflect: !0 })
+], u.prototype, "placement", 2);
+m([
+  b({ type: String, attribute: "time-zone", reflect: !0 })
+], u.prototype, "timeZone", 2);
+m([
+  b({ type: String, reflect: !0 })
+], u.prototype, "language", 2);
+m([
+  b({ attribute: !1 })
+], u.prototype, "labels", 2);
+m([
+  b({ type: Boolean, reflect: !0 })
+], u.prototype, "focused", 2);
+m([
+  M()
+], u.prototype, "_value", 2);
+m([
+  M()
+], u.prototype, "_min", 2);
+m([
+  M()
+], u.prototype, "_max", 2);
+m([
+  M()
+], u.prototype, "segments", 2);
+m([
+  M()
+], u.prototype, "isCalendarOpen", 2);
+m([
+  W(".editable-segment")
+], u.prototype, "firstEditableSegment", 2);
+m([
+  W(".input")
+], u.prototype, "input", 2);
+customElements.get("luzmo-date-time-picker") || customElements.define("luzmo-date-time-picker", u);
 export {
-  LuzmoDateTimePicker
+  u as LuzmoDateTimePicker
 };