@golemui/gui-lit 1.0.3 → 1.1.1-rc.0

package/{date-CDUlLuYy.js → date-DBuYpvcO.js}

@@ -1,4 +1,4 @@
-const r = {
+const l = {
   aa: { firstDay: 7, weekend: [6, 7], minimalDays: 1 },
   "aa-DJ": { firstDay: 6, weekend: [6, 7], minimalDays: 1 },
   "aa-ER": { firstDay: 1, weekend: [6, 7], minimalDays: 1 },
@@ -709,8 +709,8 @@ const r = {
   "zh-Hant-HK": { firstDay: 7, weekend: [6, 7], minimalDays: 1 },
   "zh-Hant-MO": { firstDay: 7, weekend: [6, 7], minimalDays: 1 },
   zu: { firstDay: 7, weekend: [6, 7], minimalDays: 1 }
-};
-function y(e) {
+}, A = "Invalid date: day is greater than the maximum valid day for the month and year.", k = "Invalid date: date is before the minimum allowed date.", w = "Invalid date: date is after the maximum allowed date.", o = "Invalid date: date is within a disabled range.", I = "Invalid time: time is before the minimum allowed time.", S = "Invalid time: time is after the maximum allowed time.", h = "Invalid range: end time must be after start time.", E = "Invalid time: time is within a disabled range.", b = "Invalid date-time: date-time is before the minimum allowed date-time.", L = "Invalid date-time: date-time is after the maximum allowed date-time.";
+function r(e) {
   const a = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), i = String(e.getDate()).padStart(2, "0");
   return `${a}-${n}-${i}`;
 }
@@ -718,28 +718,72 @@ function t(e) {
   const a = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
   return a ? new Date(Number(a[1]), Number(a[2]) - 1, Number(a[3])) : new Date(e);
 }
-function w(e) {
-  return f(e, /* @__PURE__ */ new Date());
+function d(e, a, n, i) {
+  const s = e.split("T")[0];
+  if (a && s < a.split("T")[0] || n && s > n.split("T")[0]) return !0;
+  if (i && i.length > 0)
+    for (const m of i) {
+      const D = m.start.split("T")[0], y = m.end ? m.end.split("T")[0] : D;
+      if (s >= D && s <= y)
+        return !0;
+    }
+  return !1;
+}
+function T(e, a, n, i, s) {
+  const m = e.split("T")[0];
+  return a && m < a.split("T")[0] ? s?.minDateMessage ?? k : n && m > n.split("T")[0] ? s?.maxDateMessage ?? w : d(m, void 0, void 0, i) ? s?.disabledDateRangeMessage ?? o : null;
+}
+function G(e, a, n, i, s) {
+  const m = t(e), D = t(a);
+  if (isNaN(m.getTime()) || isNaN(D.getTime())) return !1;
+  const y = new Date(m);
+  y.setHours(0, 0, 0, 0);
+  const f = new Date(D);
+  for (f.setHours(0, 0, 0, 0); y <= f; ) {
+    if (d(r(y), i, s, n))
+      return !0;
+    y.setDate(y.getDate() + 1);
+  }
+  return !1;
+}
+function N(e) {
+  return new Intl.DateTimeFormat(e ?? "en", {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric"
+  }).formatToParts(/* @__PURE__ */ new Date());
+}
+function p(e, a) {
+  return e === 2 ? new Date(a, 1, 29).getDate() === 29 || !a ? 29 : 28 : e === 4 || e === 6 || e === 9 || e === 11 ? 30 : 31;
 }
-function f(e, a) {
+function C(e) {
+  return u(e, /* @__PURE__ */ new Date());
+}
+function u(e, a) {
   return e.getDate() === a.getDate() && e.getMonth() === a.getMonth() && e.getFullYear() === a.getFullYear();
 }
-function l(e) {
+function c(e) {
   const a = [0, 1, 2, 3, 4, 5, 6], n = e % 7;
   return [...a.slice(n), ...a.slice(0, n)];
 }
-function d(e) {
-  const a = r[e ?? "en"] || { firstDay: 0 };
-  return l(a.firstDay);
+function g(e) {
+  const a = e ?? "en", n = l[a] || l[a.split("-")[0]] || { firstDay: 0 };
+  return c(n.firstDay);
 }
-function o(e) {
+function v(e) {
   const a = new Intl.DateTimeFormat(e, { weekday: "narrow" }), n = new Date(2025, 10, 30);
-  return d(e).map((i) => {
+  return g(e).map((i) => {
     const s = new Date(n);
     return s.setDate(n.getDate() + i), a.format(s);
   });
 }
-function u(e, a, n) {
+function B(e, a) {
+  return new Intl.DateTimeFormat(e, { month: "long", year: "numeric" }).format(a);
+}
+function R(e, a) {
+  return new Intl.DateTimeFormat(e, { dateStyle: "full" }).format(a);
+}
+function F(e, a, n) {
   for (let i = 0; i < n; i++) {
     const s = new Date(a.getFullYear(), a.getMonth() + i, 1);
     if (e.getMonth() === s.getMonth() && e.getFullYear() === s.getFullYear())
@@ -747,18 +791,18 @@ function u(e, a, n) {
   }
   return !1;
 }
-function g(e, a, n = "long") {
+function H(e, a, n = "long") {
   return new Intl.DateTimeFormat(e, { month: n, year: "numeric" }).formatToParts(a).filter((s) => s.type === "month" || s.type === "year");
 }
-function c(e, a) {
+function _(e, a) {
   const n = e || "en-US", m = new Intl.DateTimeFormat(n, { day: "numeric" }).formatToParts(a).find((D) => D.type === "day");
   return m ? m.value : a.getDate().toString();
 }
-function k(e, a) {
-  const n = y(e), i = y(a);
+function M(e, a) {
+  const n = r(e), i = r(a);
   return n === i ? { start: n } : { start: n, end: i };
 }
-function b(e) {
+function z(e) {
   return e.length ? e.map((i) => ({
     start: t(i.start).getTime(),
     end: t(i.end ?? i.start).getTime()
@@ -773,18 +817,33 @@ function b(e) {
       return [...i, s];
     },
     []
-  ).map((i) => k(new Date(i.start), new Date(i.end))) : [];
+  ).map((i) => M(new Date(i.start), new Date(i.end))) : [];
 }
 export {
-  w as a,
-  f as b,
-  k as c,
-  o as d,
-  g as e,
-  c as g,
-  u as i,
-  b as m,
+  o as D,
+  I,
+  N as a,
+  S as b,
+  M as c,
+  T as d,
+  E as e,
+  h as f,
+  R as g,
+  C as h,
+  d as i,
+  _ as j,
+  F as k,
+  B as l,
+  z as m,
+  v as n,
+  H as o,
   t as p,
-  y as t,
-  d as w
+  u as q,
+  G as r,
+  b as s,
+  r as t,
+  L as u,
+  p as v,
+  g as w,
+  A as x
 };

package/date-input-DLiMreSS.js

@@ -0,0 +1,204 @@
+import { LitElement as u, nothing as p, html as h } from "lit";
+import { property as i, customElement as c } from "lit/decorators.js";
+import { classMap as g } from "lit/directives/class-map.js";
+import { G as y, b as m, c as b } from "./templates-Dmr34nwp.js";
+import { n as v, G as D, r as f, q as E, P as A } from "./part-templates-VORbpgs2.js";
+import { a as C, d as S } from "./date-DBuYpvcO.js";
+var w = Object.defineProperty, P = Object.getOwnPropertyDescriptor, e = (s, a, l, r) => {
+  for (var o = r > 1 ? void 0 : r ? P(a, l) : a, d = s.length - 1, n; d >= 0; d--)
+    (n = s[d]) && (o = (r ? n(a, l, o) : n(o)) || o);
+  return r && o && w(a, l, o), o;
+};
+let t = class extends u {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = void 0, this.errors = [], this.showErrors = !0, this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.icon = "", this.hint = void 0, this.dayAriaLabel = void 0, this.monthAriaLabel = void 0, this.yearAriaLabel = void 0, this.value = void 0, this.invalidDateMessage = void 0, this.minDate = void 0, this.maxDate = void 0, this.minDateMessage = void 0, this.maxDateMessage = void 0, this.inputBlockClass = "gui-date-input", this.groups = ["default"], this.partDescriptors = v(), this._parts = new D(this, {
+      blockClass: this.inputBlockClass,
+      groups: this.groups,
+      getDescriptor: (s) => this.getPartDescriptor(s),
+      commitGroup: (s) => this.validateAndEmit(s),
+      isReadonly: () => !!this.readOnly,
+      isDisabled: () => !!this.disabled,
+      onEmptyPartBlur: () => this.dispatchEvent(new CustomEvent("change", { detail: { value: null }, bubbles: !0 }))
+    }), this.ariaController = new y(this, {
+      getTargets: () => this.querySelectorAll(`.${this.inputBlockClass}`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          readonly: this.readOnly,
+          disabled: this.disabled,
+          touched: this.touched,
+          required: this.required
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  getPartDescriptor(s) {
+    return this.partDescriptors[s];
+  }
+  willUpdate(s) {
+    s.has("value") && this._parts.setGroupFromISO("default", this.value ?? "", "date");
+  }
+  render() {
+    const s = {
+      uid: this.uid,
+      label: this.label,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      icon: this.icon,
+      hint: this.hint
+    }, a = {
+      blockClass: this.inputBlockClass,
+      groups: this.groups,
+      formatParts: C(this.localeId),
+      getDescriptor: (r) => this.getPartDescriptor(r),
+      getDisplayValue: this._parts.getPartDisplay,
+      getPartAriaLabel: (r, o) => ({
+        day: this.dayAriaLabel,
+        month: this.monthAriaLabel,
+        year: this.yearAriaLabel
+      })[o] ?? A[o],
+      disabled: this.disabled,
+      partsReadonly: !!this.readOnly
+    }, l = {
+      "gui-widget-icon": !0,
+      [this.icon]: !0
+    };
+    return h`
+      ${this.label ? m(this.uid, s, !1, void 0, !1) : p}
+
+      <div class="gui-widget">
+        <div
+          id=${this.uid}
+          class="gui-widget-input gui-parts gui-parts-ring gui-date-input ${this.icon ? "gui-calendar--icon" : ""}"
+          role="group"
+          aria-labelledby=${`${this.uid}_label`}
+        >
+          ${f("default", a, this._parts)}
+        </div>
+        ${this.icon ? h`<span
+              class=${g(l)}
+              data-icon=${this.icon}
+              aria-hidden="true"
+            ></span>` : p}
+      </div>
+
+      ${this.showErrors && this.errors?.length ? b(this.uid, s) : p}
+    `;
+  }
+  validateAndEmit(s) {
+    const { result: a, writeBacks: l } = E(this._parts.values[s] ?? {}, {
+      descriptors: this.partDescriptors,
+      invalidDateMessage: this.invalidDateMessage
+    });
+    if (this._parts.applyWriteBacks(s, l), a.kind === "invalid")
+      this.dispatchEvent(
+        new CustomEvent("inputError", {
+          detail: { message: a.message },
+          bubbles: !0
+        })
+      );
+    else if (a.kind === "valid") {
+      const r = S(a.iso, this.minDate, this.maxDate, void 0, {
+        minDateMessage: this.minDateMessage,
+        maxDateMessage: this.maxDateMessage
+      });
+      if (r) {
+        this.dispatchEvent(
+          new CustomEvent("change", {
+            detail: { value: a.iso },
+            bubbles: !0
+          })
+        ), this.dispatchEvent(
+          new CustomEvent("inputError", {
+            detail: { message: r },
+            bubbles: !0
+          })
+        ), this.requestUpdate();
+        return;
+      }
+      this.value = a.iso, this.dispatchEvent(
+        new CustomEvent("change", {
+          detail: { value: this.value },
+          bubbles: !0
+        })
+      );
+    }
+    this.requestUpdate();
+  }
+};
+e([
+  i({ type: String })
+], t.prototype, "uid", 2);
+e([
+  i({ type: String })
+], t.prototype, "label", 2);
+e([
+  i({ type: String, attribute: "locale-id" })
+], t.prototype, "localeId", 2);
+e([
+  i({ type: Array })
+], t.prototype, "errors", 2);
+e([
+  i({ type: Boolean })
+], t.prototype, "showErrors", 2);
+e([
+  i({ type: Boolean })
+], t.prototype, "touched", 2);
+e([
+  i({ type: Boolean })
+], t.prototype, "required", 2);
+e([
+  i({ type: Boolean })
+], t.prototype, "disabled", 2);
+e([
+  i({ type: Boolean, attribute: "readonly" })
+], t.prototype, "readOnly", 2);
+e([
+  i({ type: String })
+], t.prototype, "icon", 2);
+e([
+  i({ type: String })
+], t.prototype, "hint", 2);
+e([
+  i({ type: String })
+], t.prototype, "dayAriaLabel", 2);
+e([
+  i({ type: String })
+], t.prototype, "monthAriaLabel", 2);
+e([
+  i({ type: String })
+], t.prototype, "yearAriaLabel", 2);
+e([
+  i({ type: String })
+], t.prototype, "value", 2);
+e([
+  i({ type: String, attribute: "invalid-date-message" })
+], t.prototype, "invalidDateMessage", 2);
+e([
+  i({ type: String, attribute: "min-date" })
+], t.prototype, "minDate", 2);
+e([
+  i({ type: String, attribute: "max-date" })
+], t.prototype, "maxDate", 2);
+e([
+  i({ type: String, attribute: "min-date-message" })
+], t.prototype, "minDateMessage", 2);
+e([
+  i({ type: String, attribute: "max-date-message" })
+], t.prototype, "maxDateMessage", 2);
+t = e([
+  c("gui-date")
+], t);
+typeof customElements < "u" && !customElements.get("gui-date") && customElements.define("gui-date", t);