@golemui/gui-lit 1.0.1 → 1.0.3

package/{markdown.element-CNp4wbg9.js → markdown.element-p-kC47D7.js}

@@ -1,8 +1,8 @@
-import { InputWidgetAdapter as S, formContext as V, inputContext as T } from "@golemui/lit";
+import { InputWidgetAdapter as S, formContext as V, inputContext as _ } from "@golemui/lit";
 import { LitElement as L, html as u, nothing as $ } from "lit";
-import { property as l, state as A, customElement as C } from "lit/decorators.js";
+import { property as l, state as A, customElement as O } from "lit/decorators.js";
 import { classMap as y } from "lit/directives/class-map.js";
-import { G as I, b as M, c as _ } from "./templates-Dk1jxLwS.js";
+import { G as T, b as I, c as M } from "./templates-Dk1jxLwS.js";
 import { styleMap as H } from "lit-html/directives/style-map.js";
 import { ifDefined as x } from "lit/directives/if-defined.js";
 import "./markdown-text-X-BRJT6K.js";
@@ -15,7 +15,7 @@ var Z = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (t, e, i
 };
 let o = class extends L {
   constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.tools = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimumHeight = void 0, this.autoGrow = !1, this.defaultOpenPreview = void 0, this.maxLength = void 0, this.headingTitle = void 0, this.boldTitle = void 0, this.italicTitle = void 0, this.strikethroughTitle = void 0, this.quoteTitle = void 0, this.linkTitle = void 0, this.orderedListTitle = void 0, this.unorderedListTitle = void 0, this.splitViewTitle = void 0, this.dependencies = void 0, this.splitViewActive = !1, this.activeFormats = {}, this.splitViewInitialized = !1, this.ariaController = new I(this, {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.tools = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimumHeight = void 0, this.autoGrow = !1, this.defaultOpenPreview = void 0, this.maxLength = void 0, this.headingTitle = void 0, this.boldTitle = void 0, this.italicTitle = void 0, this.strikethroughTitle = void 0, this.quoteTitle = void 0, this.linkTitle = void 0, this.orderedListTitle = void 0, this.unorderedListTitle = void 0, this.splitViewTitle = void 0, this.dependencies = void 0, this.splitViewActive = !1, this.activeFormats = {}, this.splitViewInitialized = !1, this.ariaController = new T(this, {
       getTargets: () => this.querySelectorAll(`textarea[id="${this.uid}"]`),
       getState: () => ({
         uid: this.uid,
@@ -79,7 +79,7 @@ let o = class extends L {
       "min-height": `${t.minimumHeight}px`
     };
     return u`
-      ${M(this.uid, t)}
+      ${I(this.uid, t)}
 
       <div
         class=${y({
@@ -151,7 +151,7 @@ let o = class extends L {
       </div>
 
       <div class="gui-markdown--validation">
-        <div>${_(this.uid, t)}</div>
+        <div>${M(this.uid, t)}</div>
         ${i}
       </div>
     `;
@@ -311,6 +311,7 @@ let o = class extends L {
   toolbarBtnClass(t) {
     return y({
       "gui-markdown__toolbar-button": !0,
+      "gui-markdown__toolbar-button--disabled": this.disabled === !0 || this.readOnly === !0,
       "gui-markdown__toolbar-button--active": !!t && !!this.activeFormats[t]
     });
   }
@@ -377,28 +378,28 @@ let o = class extends L {
 `, s), g = a.substring(d, h === -1 ? a.length : h);
     if (i)
       if (n === "link") {
-        const p = s - d, w = /\[([^\]]*)\]\([^)]*\)/g;
+        const p = s - d, b = /\[([^\]]*)\]\([^)]*\)/g;
         let c;
-        for (; (c = w.exec(g)) !== null; )
+        for (; (c = b.exec(g)) !== null; )
           if (p >= c.index && p <= c.index + c[0].length) {
-            const v = c[1], m = d + c.index, b = m + c[0].length;
-            t.value = `${a.substring(0, m)}${v}${a.substring(b)}`, t.selectionStart = m, t.selectionEnd = m + v.length;
+            const v = c[1], m = d + c.index, w = m + c[0].length;
+            t.value = `${a.substring(0, m)}${v}${a.substring(w)}`, t.selectionStart = m, t.selectionEnd = m + v.length;
             break;
           }
       } else {
         const p = s - d;
-        let w = 0;
-        for (; w < g.length; ) {
-          const c = g.indexOf(e, w);
+        let b = 0;
+        for (; b < g.length; ) {
+          const c = g.indexOf(e, b);
           if (c === -1) break;
           const v = g.indexOf(i, c + e.length);
           if (v === -1) break;
           if (p >= c && p <= v + i.length) {
-            const m = g.substring(c + e.length, v), b = d + c, O = d + v + i.length;
-            t.value = `${a.substring(0, b)}${m}${a.substring(O)}`, t.selectionStart = b, t.selectionEnd = b + m.length;
+            const m = g.substring(c + e.length, v), w = d + c, C = d + v + i.length;
+            t.value = `${a.substring(0, w)}${m}${a.substring(C)}`, t.selectionStart = w, t.selectionEnd = w + m.length;
             break;
           }
-          w = v + i.length;
+          b = v + i.length;
         }
       }
     else {
@@ -410,8 +411,8 @@ let o = class extends L {
         const m = g.match(/^\d+\.\s/);
         m && (p = m[0]);
       }
-      const w = a.substring(0, d), c = g.substring(p.length), v = a.substring(h === -1 ? a.length : h);
-      t.value = `${w}${c}${v}`, t.selectionStart = Math.max(d, s - p.length), t.selectionEnd = t.selectionStart;
+      const b = a.substring(0, d), c = g.substring(p.length), v = a.substring(h === -1 ? a.length : h);
+      t.value = `${b}${c}${v}`, t.selectionStart = Math.max(d, s - p.length), t.selectionEnd = t.selectionStart;
     }
   }
   valueChanged(t) {
@@ -526,7 +527,7 @@ r([
   A()
 ], o.prototype, "activeFormats", 2);
 o = r([
-  C("gui-markdown")
+  O("gui-markdown")
 ], o);
 typeof customElements < "u" && !customElements.get("gui-markdown") && customElements.define("gui-markdown", o);
 var E = Object.defineProperty, q = Object.getOwnPropertyDescriptor, k = (t, e, i, n) => {
@@ -590,10 +591,10 @@ k([
   l({ attribute: !1 })
 ], f.prototype, "formContext", 2);
 k([
-  F({ context: T })
+  F({ context: _ })
 ], f.prototype, "adapter", 2);
 f = k([
-  C("gui-markdown-input")
+  O("gui-markdown-input")
 ], f);
 export {
   f as MarkdownElement

package/{number.element-B6TsvHMK.js → number.element-CBr47IiY.js}

@@ -2,13 +2,14 @@ import { InputWidgetAdapter as v, formContext as y, inputContext as g } from "@g
 import { LitElement as m, nothing as h, html as c } from "lit";
 import { property as s, customElement as b } from "lit/decorators.js";
 import { G as f, b as w, c as $ } from "./templates-Dk1jxLwS.js";
-import { styleMap as x } from "lit-html/directives/style-map.js";
-import { consume as D, provide as C } from "@lit/context";
+import { b as x, a as N } from "./numeric-jmOOKz30.js";
+import { styleMap as D } from "lit-html/directives/style-map.js";
+import { consume as C, provide as A } from "@lit/context";
 import "rxjs";
-var N = Object.defineProperty, A = Object.getOwnPropertyDescriptor, r = (t, i, e, o) => {
-  for (var u = o > 1 ? void 0 : o ? A(i, e) : i, l = t.length - 1, p; l >= 0; l--)
-    (p = t[l]) && (u = (o ? p(i, e, u) : p(u)) || u);
-  return o && u && N(i, e, u), u;
+var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, r = (t, i, e, u) => {
+  for (var o = u > 1 ? void 0 : u ? O(i, e) : i, l = t.length - 1, p; l >= 0; l--)
+    (p = t[l]) && (o = (u ? p(i, e, o) : p(o)) || o);
+  return u && o && E(i, e, o), o;
 };
 let a = class extends m {
   constructor() {
@@ -40,8 +41,8 @@ let a = class extends m {
     if (this.autoGrow)
       if (t) {
         t.style.width = "0px";
-        const o = Math.max(23, t.scrollWidth);
-        i.width = `${o}px`, i.maxWidth = `${o}px`, t.style.width = "";
+        const u = Math.max(23, t.scrollWidth);
+        i.width = `${u}px`, i.maxWidth = `${u}px`, t.style.width = "";
       } else
         i.width = "47px";
     const e = {
@@ -68,7 +69,7 @@ let a = class extends m {
           id=${this.uid}
           data-cy=${`${this.uid}_number`}
           class="gui-widget-input"
-          style=${x(i)}
+          style=${D(i)}
           value=${this.value}
           ?required=${this.required}
           ?disabled=${this.disabled}
@@ -77,6 +78,7 @@ let a = class extends m {
           placeholder=${this.placeholder || h}
           autocomplete=${this.autocomplete || h}
           @input=${this.valueChanged}
+          @beforeinput=${x}
           @keydown=${this.keyDown}
           @blur=${this.onBlur}
         />
@@ -98,7 +100,7 @@ let a = class extends m {
     `;
   }
   keyDown(t) {
-    switch (t.stopPropagation(), t.key) {
+    switch (t.stopPropagation(), N(t), t.key) {
       case "ArrowUp":
         t.preventDefault(), this.plus();
         break;
@@ -135,10 +137,10 @@ let a = class extends m {
   }
   valueChanged(t) {
     if (t.stopPropagation(), !this.readOnly) {
-      const i = t.target;
+      const e = t.target.valueAsNumber;
       this.dispatchEvent(
         new CustomEvent("input", {
-          detail: { value: i.valueAsNumber },
+          detail: { value: Number.isNaN(e) ? void 0 : e },
           bubbles: !0,
           composed: !0
         })
@@ -206,10 +208,10 @@ a = r([
   b("gui-number")
 ], a);
 typeof customElements < "u" && !customElements.get("gui-number") && customElements.define("gui-number", a);
-var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (t, i, e, o) => {
-  for (var u = o > 1 ? void 0 : o ? O(i, e) : i, l = t.length - 1, p; l >= 0; l--)
-    (p = t[l]) && (u = (o ? p(i, e, u) : p(u)) || u);
-  return o && u && E(i, e, u), u;
+var _ = Object.defineProperty, q = Object.getOwnPropertyDescriptor, n = (t, i, e, u) => {
+  for (var o = u > 1 ? void 0 : u ? q(i, e) : i, l = t.length - 1, p; l >= 0; l--)
+    (p = t[l]) && (o = (u ? p(i, e, o) : p(o)) || o);
+  return u && o && _(i, e, o), o;
 };
 let d = class extends m {
   constructor() {
@@ -260,11 +262,11 @@ let d = class extends m {
   }
 };
 n([
-  D({ context: y }),
+  C({ context: y }),
   s({ attribute: !1 })
 ], d.prototype, "formContext", 2);
 n([
-  C({ context: g })
+  A({ context: g })
 ], d.prototype, "adapter", 2);
 d = n([
   b("gui-number-input")

package/numeric-jmOOKz30.js

@@ -0,0 +1,12 @@
+const r = /^[0-9.,eE+-]+$/;
+function i(t) {
+  const a = t.data ?? t.dataTransfer?.getData("text");
+  a && (r.test(a) || t.preventDefault());
+}
+function o(t) {
+  t.ctrlKey || t.metaKey || t.altKey || t.isComposing || t.key.length === 1 && (r.test(t.key) || t.preventDefault());
+}
+export {
+  o as a,
+  i as b
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golemui/gui-lit",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "license": "MIT",
   "type": "module",
   "main": "./index.umd.cjs",
@@ -22,11 +22,11 @@
     "*.md"
   ],
   "peerDependencies": {
-    "@golemui/lit": "1.0.1",
-    "@golemui/core": "1.0.1",
-    "@golemui/gui-components": "1.0.1",
-    "@golemui/gui-shared": "1.0.1",
-    "@golemui/gui-validators": "1.0.1",
+    "@golemui/lit": "1.0.3",
+    "@golemui/core": "1.0.3",
+    "@golemui/gui-components": "1.0.3",
+    "@golemui/gui-shared": "1.0.3",
+    "@golemui/gui-validators": "1.0.3",
     "@lit/context": "^1.1.6",
     "lit-html": "^3.3.1",
     "lit": "^3.3.1",

package/{range-calendar-9skwbwlB.js → range-calendar-CBINu84w.js}

@@ -1,15 +1,15 @@
-import { html as v, nothing as b } from "lit";
-import { property as D, state as f, customElement as $ } from "lit/decorators.js";
-import { classMap as w } from "lit/directives/class-map.js";
-import { i as g, a as S, b as m, g as M, m as O, c as p } from "./date-DTYg8sog.js";
-import { A } from "./abstract-calendar-BoqKPRmS.js";
+import { html as b, nothing as p } from "lit";
+import { property as D, state as v, customElement as $ } from "lit/decorators.js";
+import { classMap as M } from "lit/directives/class-map.js";
+import { p as h, i as d, t as O, a as w, b as f, g as A, m as E, c as _ } from "./date-CDUlLuYy.js";
+import { A as P } from "./abstract-calendar-D0-077XJ.js";
 import "./pills-B66qz_KX.js";
-var E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, u = (e, i, s, n) => {
-  for (var a = n > 1 ? void 0 : n ? P(i, s) : i, t = e.length - 1, r; t >= 0; t--)
+var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, g = (e, i, s, n) => {
+  for (var a = n > 1 ? void 0 : n ? k(i, s) : i, t = e.length - 1, r; t >= 0; t--)
     (r = e[t]) && (a = (n ? r(i, s, a) : r(a)) || a);
-  return n && a && E(i, s, a), a;
+  return n && a && C(i, s, a), a;
 };
-let c = class extends A {
+let c = class extends P {
   constructor() {
     super(...arguments), this.value = [], this.focusDate = void 0, this.hidePills = !1, this.removePillAriaLabel = void 0, this._anchorDate = null, this._nextDate = null, this._isSelecting = !1, this._skipValueNavigation = !1, this.onPillRemoveEvent = (e) => {
       if (this.disabled || this.readOnly) return;
@@ -45,14 +45,14 @@ let c = class extends A {
       else if (this.value) {
         const i = Array.isArray(this.value) ? this.value : [{ start: this.value }];
         if (i.length > 0 && i[0].start) {
-          const s = new Date(i[0].start);
-          !isNaN(s.getTime()) && !g(s, this._currentDate, this.numberOfMonths ?? 1) && (this._currentDate = s);
+          const s = h(i[0].start);
+          !isNaN(s.getTime()) && !d(s, this._currentDate, this.numberOfMonths ?? 1) && (this._currentDate = s);
         }
       }
     }
     if (e.has("focusDate") && this.focusDate) {
-      const i = new Date(this.focusDate);
-      isNaN(i.getTime()) || (g(i, this._currentDate, this.numberOfMonths ?? 1) || (this._currentDate = i), this.focusDate = void 0);
+      const i = h(this.focusDate);
+      isNaN(i.getTime()) || (d(i, this._currentDate, this.numberOfMonths ?? 1) || (this._currentDate = i), this.focusDate = void 0);
     }
   }
   renderDay(e) {
@@ -68,14 +68,14 @@ let c = class extends A {
       "is-selecting": e.isSelecting,
       disabled: e.isDisabled
     };
-    return v`
+    return b`
       <button
         type="button"
         role="gridcell"
-        class=${w(i)}
+        class=${M(i)}
         tabindex=${e.isFocusable ? 0 : -1}
         ?disabled=${!e.isCurrentMonth || e.isDisabled}
-        data-date=${e.date.toISOString()}
+        data-date=${O(e.date)}
         @click=${(s) => this.selectDate(e, s)}
         @mouseover=${() => this.onMouseOver(e)}
         @focus=${() => this.onMouseOver(e)}
@@ -91,30 +91,30 @@ let c = class extends A {
     i.setDate(1), i.setMonth(i.getMonth() + e);
     const s = this.generateDateGrid(e), n = i.getMonth();
     let a = s.map((t) => {
-      const r = t.getMonth() === n, l = this.isDisabled(t), o = S(t), { isRangeStart: h, isRangeEnd: d, isInRange: _, isSelecting: y } = this.checkDateStatus(t), R = o || h, T = this._anchorDate ? m(t, this._anchorDate) : !1;
+      const r = t.getMonth() === n, l = this.isDisabled(t), o = w(t), { isRangeStart: u, isRangeEnd: m, isInRange: y, isSelecting: R } = this.checkDateStatus(t), S = o || u, T = this._anchorDate ? f(t, this._anchorDate) : !1;
       return {
         date: t,
-        dayLabel: M(this.localeId, t),
+        dayLabel: A(this.localeId, t),
         isCurrentMonth: r,
         isToday: o,
-        isRangeStart: h,
-        isRangeEnd: d,
-        isInRange: _,
+        isRangeStart: u,
+        isRangeEnd: m,
+        isInRange: y,
         isDisabled: l,
-        isOneDayRange: h && d,
+        isOneDayRange: u && m,
         isAnchor: T,
-        isFocusable: R,
-        isSelecting: y && r
+        isFocusable: S,
+        isSelecting: R && r
       };
     });
     for (let t = 0; t < 2; t++)
       a.slice(-7).every((l) => !l.isCurrentMonth) && (a = a.slice(0, -7));
     if (e === 0 && !a.some((t) => t.isFocusable)) {
-      const t = this.numberOfMonths ?? 1, r = g(/* @__PURE__ */ new Date(), this._currentDate, t), l = this.value?.some(
-        (o) => g(new Date(o.start), this._currentDate, t)
+      const t = this.numberOfMonths ?? 1, r = d(/* @__PURE__ */ new Date(), this._currentDate, t), l = this.value?.some(
+        (o) => d(h(o.start), this._currentDate, t)
       ) ?? !1;
       if (!r && !l) {
-        const o = a.find((h) => h.isCurrentMonth && !h.isDisabled);
+        const o = a.find((u) => u.isCurrentMonth && !u.isDisabled);
         o && (o.isFocusable = !0);
       }
     }
@@ -128,12 +128,12 @@ let c = class extends A {
     }
     if (this.value && Array.isArray(this.value))
       for (const t of this.value) {
-        const r = new Date(t.start);
-        if (m(e, r) && (i = !0, s = !t.end), t.end) {
-          const l = new Date(t.end);
-          m(e, l) && (s = !0);
-          const o = e.getTime(), h = r.getTime(), d = l.getTime();
-          o > h && o < d && (n = !0);
+        const r = h(t.start);
+        if (f(e, r) && (i = !0, s = !t.end), t.end) {
+          const l = h(t.end);
+          f(e, l) && (s = !0);
+          const o = e.getTime(), u = r.getTime(), m = l.getTime();
+          o > u && o < m && (n = !0);
         }
       }
     return { isRangeStart: i, isRangeEnd: s, isInRange: n, isSelecting: a };
@@ -148,7 +148,7 @@ let c = class extends A {
     let n = this._anchorDate, a = s;
     s < n && (n = s, a = this._anchorDate);
     const t = this.calculateValidRanges(n, a), r = [...this.value || [], ...t];
-    this._skipValueNavigation = !0, this.value = O(r), this._isSelecting = !1, this._nextDate = null, this._anchorDate = null, this.dispatchEvent(
+    this._skipValueNavigation = !0, this.value = E(r), this._isSelecting = !1, this._nextDate = null, this._anchorDate = null, this.dispatchEvent(
       new CustomEvent("change", {
         detail: { value: this.value },
         bubbles: !0,
@@ -173,20 +173,20 @@ let c = class extends A {
         t || (t = new Date(n));
       else if (t) {
         const l = new Date(n);
-        l.setDate(n.getDate() - 1), s.push(p(t, l)), t = null;
+        l.setDate(n.getDate() - 1), s.push(_(t, l)), t = null;
       }
       n.setDate(n.getDate() + 1);
     }
-    return t && s.push(p(t, i)), s;
+    return t && s.push(_(t, i)), s;
   }
   onMouseOver(e) {
     this._isSelecting && (this._nextDate = e);
   }
   // --- Pills ---
   renderAboveCalendar() {
-    if (this.hidePills) return b;
+    if (this.hidePills) return p;
     const e = this.getSortedPills();
-    if (e.length === 0) return b;
+    if (e.length === 0) return p;
     const i = e.map((s) => {
       const n = this.formatDateForDisplay(s.start), a = s.end ? this.formatDateForDisplay(s.end) : n, t = `${n} - ${a}`;
       return {
@@ -195,7 +195,7 @@ let c = class extends A {
         ariaLabel: `${this.removePillAriaLabel ?? "Remove date"} ${t}`
       };
     });
-    return v`
+    return b`
       <gui-pills
         class="gui-range-calendar__pills"
         .items=${i}
@@ -211,7 +211,7 @@ let c = class extends A {
     `;
   }
   formatDateForDisplay(e) {
-    const i = new Date(e);
+    const i = h(e);
     return isNaN(i.getTime()) ? e : new Intl.DateTimeFormat(this.localeId ?? "en", {
       year: "numeric",
       month: "2-digit",
@@ -220,36 +220,36 @@ let c = class extends A {
   }
   getSortedPills() {
     return !this.value || !Array.isArray(this.value) ? [] : [...this.value].sort(
-      (e, i) => new Date(e.start).getTime() - new Date(i.start).getTime()
+      (e, i) => h(e.start).getTime() - h(i.start).getTime()
     );
   }
   navigateToDate(e) {
-    const i = new Date(e);
-    !isNaN(i.getTime()) && !g(i, this._currentDate, this.numberOfMonths ?? 1) && (this._currentDate = i);
+    const i = h(e);
+    !isNaN(i.getTime()) && !d(i, this._currentDate, this.numberOfMonths ?? 1) && (this._currentDate = i);
   }
 };
-u([
+g([
   D({ type: Array })
 ], c.prototype, "value", 2);
-u([
+g([
   D({ type: String })
 ], c.prototype, "focusDate", 2);
-u([
+g([
   D({ type: Boolean })
 ], c.prototype, "hidePills", 2);
-u([
+g([
   D({ type: String })
 ], c.prototype, "removePillAriaLabel", 2);
-u([
-  f()
+g([
+  v()
 ], c.prototype, "_anchorDate", 2);
-u([
-  f()
+g([
+  v()
 ], c.prototype, "_nextDate", 2);
-u([
-  f()
+g([
+  v()
 ], c.prototype, "_isSelecting", 2);
-c = u([
+c = g([
   $("gui-range-calendar")
 ], c);
 typeof customElements < "u" && !customElements.get("gui-range-calendar") && customElements.define("gui-range-calendar", c);

package/{range-calendar.element-QTE6vGNP.js → range-calendar.element-_1bHW_c1.js}

@@ -1,5 +1,5 @@
 import { InputWidgetAdapter as d, formContext as o, inputContext as h } from "@golemui/lit";
-import "./range-calendar-9skwbwlB.js";
+import "./range-calendar-CBINu84w.js";
 import { consume as m, provide as u } from "@lit/context";
 import { LitElement as c, html as b } from "lit";
 import { property as D, customElement as $ } from "lit/decorators.js";

package/{range-date-input-Uy8134vi.js → range-date-input-BYXzqnr1.js}

@@ -1,20 +1,20 @@
-import { LitElement as v, nothing as g, html as c } from "lit";
-import { repeat as D } from "lit-html/directives/repeat.js";
-import { property as h, state as f, customElement as b } from "lit/decorators.js";
-import { classMap as _ } from "lit/directives/class-map.js";
-import { live as $ } from "lit/directives/live.js";
-import { G as I, b as A, c as w } from "./templates-Dk1jxLwS.js";
-import { t as m, m as P } from "./date-DTYg8sog.js";
+import { LitElement as D, nothing as g, html as c } from "lit";
+import { repeat as b } from "lit-html/directives/repeat.js";
+import { property as h, state as v, customElement as _ } from "lit/decorators.js";
+import { classMap as $ } from "lit/directives/class-map.js";
+import { live as I } from "lit/directives/live.js";
+import { G as A, b as w, c as P } from "./templates-Dk1jxLwS.js";
+import { p as y, t as f, m as S } from "./date-CDUlLuYy.js";
 import "./pills-B66qz_KX.js";
 import { styleMap as E } from "lit-html/directives/style-map.js";
-var S = Object.defineProperty, M = Object.getOwnPropertyDescriptor, d = (t, e, s, a) => {
-  for (var r = a > 1 ? void 0 : a ? M(e, s) : e, i = t.length - 1, l; i >= 0; i--)
+var M = Object.defineProperty, C = Object.getOwnPropertyDescriptor, d = (t, e, s, a) => {
+  for (var r = a > 1 ? void 0 : a ? C(e, s) : e, i = t.length - 1, l; i >= 0; i--)
     (l = t[i]) && (r = (a ? l(e, s, r) : l(r)) || r);
-  return a && r && S(e, s, r), r;
+  return a && r && M(e, s, r), r;
 };
-let o = class extends v {
+let o = class extends D {
   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.value = [], this.hint = void 0, this.icon = "", this.removePillAriaLabel = void 0, this.startDateAriaLabel = void 0, this.endDateAriaLabel = void 0, this.separator = void 0, this._startDate = { day: "", month: "", year: "" }, this._endDate = { day: "", month: "", year: "" }, this.MIN_DAY = 1, this.MAX_DAY = 31, this.MAX_VALID_DAY = (t, e) => t === 2 ? new Date(e, 1, 29).getDate() === 29 || !e ? 29 : 28 : t === 4 || t === 6 || t === 9 || t === 11 ? 30 : 31, this.MIN_MONTH = 1, this.MAX_MONTH = 12, this.MIN_YEAR = 1e3, this.MAX_YEAR = 9999, this.ariaController = new I(this, {
+    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.value = [], this.hint = void 0, this.icon = "", this.removePillAriaLabel = void 0, this.startDateAriaLabel = void 0, this.endDateAriaLabel = void 0, this.separator = void 0, this._startDate = { day: "", month: "", year: "" }, this._endDate = { day: "", month: "", year: "" }, this.MIN_DAY = 1, this.MAX_DAY = 31, this.MAX_VALID_DAY = (t, e) => t === 2 ? new Date(e, 1, 29).getDate() === 29 || !e ? 29 : 28 : t === 4 || t === 6 || t === 9 || t === 11 ? 30 : 31, this.MIN_MONTH = 1, this.MAX_MONTH = 12, this.MIN_YEAR = 1e3, this.MAX_YEAR = 9999, this.ariaController = new A(this, {
       getTargets: () => this.querySelectorAll(".gui-range-date-input"),
       getState: () => ({
         uid: this.uid,
@@ -84,7 +84,7 @@ let o = class extends v {
       [this.icon]: !!this.icon
     };
     return c`
-      ${this.label ? A(this.uid, t, !1, void 0, !1) : g}
+      ${this.label ? w(this.uid, t, !1, void 0, !1) : g}
 
       <div class="gui-widget">
         <div
@@ -92,7 +92,7 @@ let o = class extends v {
           role="group"
           aria-label=${this.label ?? "Date range input"}
         >
-          ${this.icon ? c`<span class=${_(r)} data-icon=${this.icon}></span>` : g}
+          ${this.icon ? c`<span class=${$(r)} data-icon=${this.icon}></span>` : g}
 
           <gui-pills
             class="gui-range-date-input__pills"
@@ -130,13 +130,13 @@ let o = class extends v {
           </div>
         </div>
 
-        ${this.showErrors && this.errors?.length ? w(this.uid, t) : g}
+        ${this.showErrors && this.errors?.length ? P(this.uid, t) : g}
       </div>
     `;
   }
   renderDateInputs(t, e) {
     const s = t === "start" ? this._startDate : this._endDate;
-    return D(
+    return b(
       e,
       (a) => `${t}-${a.type}`,
       (a, r) => {
@@ -172,7 +172,7 @@ let o = class extends v {
           ?disabled=${this.disabled}
           ?readonly=${this.readOnly}
           autocomplete="off"
-          .value=${$(i)}
+          .value=${I(i)}
           @keydown=${this.handleKeyDown}
           @keyup=${(l) => this.handleKeyUp(l, t, e)}
           @focus=${this.handleFocus}
@@ -184,7 +184,7 @@ let o = class extends v {
     `;
   }
   formatDateForDisplay(t) {
-    const e = new Date(t);
+    const e = y(t);
     return isNaN(e.getTime()) ? t : new Intl.DateTimeFormat(this.localeId ?? "en", {
       year: "numeric",
       month: "2-digit",
@@ -193,7 +193,7 @@ let o = class extends v {
   }
   getSortedPills() {
     return !this.value || !Array.isArray(this.value) ? [] : [...this.value].sort(
-      (t, e) => new Date(t.start).getTime() - new Date(e.start).getTime()
+      (t, e) => y(t.start).getTime() - y(e.start).getTime()
     );
   }
   onPillClick(t) {
@@ -258,8 +258,8 @@ let o = class extends v {
           if (e !== u) {
             const p = this.getGroupInputs(u);
             if (p.length > 0) {
-              const y = p[p.length - 1];
-              y.focus(), y.select();
+              const m = p[p.length - 1];
+              m.focus(), m.select();
             }
           }
         }
@@ -322,8 +322,8 @@ let o = class extends v {
     if (!t || !e) return;
     let s = t, a = e;
     e.getTime() < t.getTime() && (s = e, a = t);
-    const r = m(s), i = m(a), l = r === i ? { start: r } : { start: r, end: i }, n = this.value ? [...this.value] : [];
-    n.push(l), this.value = P(n), this._startDate = { day: "", month: "", year: "" }, this._endDate = { day: "", month: "", year: "" }, this.dispatchEvent(
+    const r = f(s), i = f(a), l = r === i ? { start: r } : { start: r, end: i }, n = this.value ? [...this.value] : [];
+    n.push(l), this.value = S(n), this._startDate = { day: "", month: "", year: "" }, this._endDate = { day: "", month: "", year: "" }, this.dispatchEvent(
       new CustomEvent("change", {
         detail: { value: this.value },
         bubbles: !0,
@@ -384,12 +384,12 @@ d([
   h({ type: String })
 ], o.prototype, "separator", 2);
 d([
-  f()
+  v()
 ], o.prototype, "_startDate", 2);
 d([
-  f()
+  v()
 ], o.prototype, "_endDate", 2);
 o = d([
-  b("gui-range-date")
+  _("gui-range-date")
 ], o);
 typeof customElements < "u" && !customElements.get("gui-range-date") && customElements.define("gui-range-date", o);

package/{range-date-input.element-Dj29D_OQ.js → range-date-input.element-BqzAF0O3.js}

@@ -1,5 +1,5 @@
 import { InputWidgetAdapter as n, formContext as o, inputContext as u } from "@golemui/lit";
-import "./range-date-input-Uy8134vi.js";
+import "./range-date-input-BYXzqnr1.js";
 import { consume as h, provide as m } from "@lit/context";
 import { LitElement as c, html as b } from "lit";
 import { property as D, customElement as g } from "lit/decorators.js";

package/{range-date-picker.element-CuKIBkIO.js → range-date-picker.element-BCBefgvY.js}

@@ -1,7 +1,7 @@
 import { InputWidgetAdapter as c, formContext as u, inputContext as m } from "@golemui/lit";
 import { a as g, b as D, c as C } from "./templates-Dk1jxLwS.js";
-import "./range-calendar-9skwbwlB.js";
-import "./range-date-input-Uy8134vi.js";
+import "./range-calendar-CBINu84w.js";
+import "./range-date-input-BYXzqnr1.js";
 import { consume as $, provide as f } from "@lit/context";
 import { LitElement as v, html as d, nothing as b } from "lit";
 import { property as w, query as p, state as h, customElement as y } from "lit/decorators.js";