@cupra/ui-kit 2.0.0-canary.88 → 2.0.0-canary.89

package/dist-react/esm/components/ds-calendar/ds-calendar.js

@@ -1,229 +1,222 @@
-import { UiKitElement as b } from "../base/UiKitElement.js";
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import "../ds-calendar-day/ds-calendar-day.js";
-import { customUiKitElement as _ } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as m } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as h } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as v } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { classMap as M } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as S } from "./styles/common.styles.js";
-var k = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (t, e, a, r) => {
-  for (var s = r > 1 ? void 0 : r ? x(e, a) : e, n = t.length - 1, i; n >= 0; n--)
-    (i = t[n]) && (s = (r ? i(e, a, s) : i(s)) || s);
-  return r && s && k(e, a, s), s;
-};
-let o = class extends b {
-  constructor() {
-    super(...arguments), this.variant = "plane", this.size = "large", this.locale = "en-US", this.firstDayOfWeek = 1, this.disabledDates = [], this.disabledWeekdays = [], this._viewDate = /* @__PURE__ */ new Date(), this._value = null, this._initialValueApplied = !1;
-  }
-  get selectedDate() {
-    if (this.value) {
-      const t = this.parseDate(this.value);
-      if (t) return t;
-    }
-    return this._value;
-  }
-  get viewDate() {
-    return this._viewDate;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.applyInitialValue(), this.initializeViewDate();
-  }
-  updated(t) {
-    super.updated(t), (t.has("value") || t.has("viewDateAttr")) && this.initializeViewDate();
-  }
-  applyInitialValue() {
-    if (!this._initialValueApplied && (this._initialValueApplied = !0, this.initialValue)) {
-      const t = this.parseDate(this.initialValue);
-      t && (this._value = t);
-    }
-  }
-  initializeViewDate() {
-    if (this.viewDateAttr) {
-      const t = this.parseDate(this.viewDateAttr);
-      t && (this._viewDate = t);
-    } else if (this.value) {
-      const t = this.parseDate(this.value);
-      t && (this._viewDate = new Date(t));
-    } else this._value ? this._viewDate = new Date(this._value) : this._viewDate = /* @__PURE__ */ new Date();
-  }
-  parseDate(t) {
-    const e = t.split("-");
-    if (e.length >= 2) {
-      const a = Number.parseInt(e[0], 10), r = Number.parseInt(e[1], 10) - 1, s = e.length >= 3 ? Number.parseInt(e[2], 10) : 1, n = new Date(a, r, s);
-      if (!Number.isNaN(n.getTime()))
-        return n;
-    }
-    return null;
-  }
-  get calendarClasses() {
-    return {
-      calendar: !0,
-      [this.variant]: !0,
-      [this.size]: !0
-    };
-  }
-  get weekdayNames() {
-    const t = new Intl.DateTimeFormat(this.locale, { weekday: "short" }), e = [], a = new Date(2024, 0, 1);
-    for (; a.getDay() !== this.firstDayOfWeek; )
-      a.setDate(a.getDate() + 1);
-    for (let r = 0; r < 7; r++) {
-      const s = new Date(a);
-      s.setDate(a.getDate() + r);
-      const n = t.format(s);
-      e.push(n.slice(0, 2));
-    }
-    return e;
-  }
-  get monthYearLabel() {
-    return new Intl.DateTimeFormat(this.locale, {
-      month: "long",
-      year: "numeric"
-    }).format(this._viewDate);
-  }
-  getDaysInMonth(t, e) {
-    return new Date(t, e + 1, 0).getDate();
-  }
-  getFirstDayOfMonth(t, e) {
-    return new Date(t, e, 1).getDay();
-  }
-  get calendarDays() {
-    const t = this._viewDate.getFullYear(), e = this._viewDate.getMonth(), a = /* @__PURE__ */ new Date();
-    a.setHours(0, 0, 0, 0);
-    const r = this.getDaysInMonth(t, e);
-    let n = this.getFirstDayOfMonth(t, e) - this.firstDayOfWeek;
-    n < 0 && (n += 7);
-    const i = [], c = e === 0 ? 11 : e - 1, u = e === 0 ? t - 1 : t, p = this.getDaysInMonth(u, c);
-    for (let d = n - 1; d >= 0; d--) {
-      const D = p - d, w = new Date(u, c, D);
-      i.push(this.createCalendarDay(w, !1, a));
-    }
-    for (let d = 1; d <= r; d++) {
-      const D = new Date(t, e, d);
-      i.push(this.createCalendarDay(D, !0, a));
-    }
-    const f = 42 - i.length, y = e === 11 ? 0 : e + 1, g = e === 11 ? t + 1 : t;
-    for (let d = 1; d <= f; d++) {
-      const D = new Date(g, y, d);
-      i.push(this.createCalendarDay(D, !1, a));
-    }
-    return i;
-  }
-  createCalendarDay(t, e, a) {
-    t.setHours(0, 0, 0, 0);
-    const r = t.getDate(), s = t.getMonth(), n = t.getFullYear(), i = r === a.getDate() && s === a.getMonth() && n === a.getFullYear(), c = this.selectedDate, u = c ? r === c.getDate() && s === c.getMonth() && n === c.getFullYear() : !1, p = !e || this.isDateDisabled(t);
-    return {
-      day: r,
-      month: s,
-      year: n,
-      date: t,
-      isCurrentMonth: e,
-      isToday: i,
-      isSelected: u,
-      isDisabled: p
-    };
-  }
-  isDateDisabled(t) {
-    if (this.minDate) {
-      const e = new Date(this.minDate);
-      if (e.setHours(0, 0, 0, 0), t < e) return !0;
-    }
-    if (this.maxDate) {
-      const e = new Date(this.maxDate);
-      if (e.setHours(0, 0, 0, 0), t > e) return !0;
-    }
-    if (this.disabledWeekdays && this.disabledWeekdays.length > 0) {
-      const e = t.getDay();
-      if (this.disabledWeekdays.includes(e)) return !0;
-    }
-    if (this.disabledDates && this.disabledDates.length > 0) {
-      const e = t.toISOString().split("T")[0];
-      if (this.disabledDates.includes(e)) return !0;
-    }
-    return !1;
-  }
-  handlePrevMonth() {
-    const t = new Date(this._viewDate);
-    t.setMonth(t.getMonth() - 1), this._viewDate = t;
-  }
-  handleNextMonth() {
-    const t = new Date(this._viewDate);
-    t.setMonth(t.getMonth() + 1), this._viewDate = t;
-  }
-  handleDayChange(t) {
-    var y;
-    t.stopPropagation();
-    const e = t.target;
-    if (!e || !e.tagName.toLowerCase().startsWith("ds-calendar-day")) return;
-    const a = e.tagName.toLowerCase(), s = Array.from(((y = this.shadowRoot) == null ? void 0 : y.querySelectorAll(a)) || []).indexOf(e);
-    if (s === -1) return;
-    const i = this.calendarDays[s];
-    if (!i || i.isDisabled) return;
-    this._value = i.date, this._viewDate = new Date(i.date);
-    const c = i.date.getFullYear(), u = String(i.date.getMonth() + 1).padStart(2, "0"), p = String(i.date.getDate()).padStart(2, "0"), f = `${c}-${u}-${p}`;
-    this.dispatchEvent(
-      new CustomEvent("ds-calendar-change", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          value: f,
-          date: i.date
-        }
-      })
-    );
-  }
-  get navButtonSize() {
-    return this.size === "medium" ? "small" : "medium";
-  }
-  get prevButtonTemplate() {
-    return this.componentFactory.createIconButton({
-      class: "nav-button",
-      "icon-name": "arrow-left",
-      "data-aria-label": "Previous month",
-      "@click": this.handlePrevMonth,
-      variant: "naked",
-      size: this.navButtonSize,
-      color: "var(--ds-icon-button-icon-color-standard-default, #fafafa)"
-    });
-  }
-  get nextButtonTemplate() {
-    return this.componentFactory.createIconButton({
-      class: "nav-button",
-      "icon-name": "arrow-right",
-      "data-aria-label": "Next month",
-      "@click": this.handleNextMonth,
-      variant: "naked",
-      size: this.navButtonSize,
-      color: "var(--ds-icon-button-icon-color-standard-default, #fafafa)"
-    });
-  }
-  get weekdaysTemplate() {
-    return m`
+import { commonStyles as s } from "./styles/common.styles.js";
+//#region src/components/ds-calendar/ds-calendar.ts
+var c = class extends i {
+	constructor(...e) {
+		super(...e), this.variant = "plane", this.size = "large", this.locale = "en-US", this.firstDayOfWeek = 1, this.disabledDates = [], this.disabledWeekdays = [], this._viewDate = /* @__PURE__ */ new Date(), this._value = null, this._initialValueApplied = !1;
+	}
+	static {
+		this.styles = [s];
+	}
+	get selectedDate() {
+		if (this.value) {
+			let e = this.parseDate(this.value);
+			if (e) return e;
+		}
+		return this._value;
+	}
+	get viewDate() {
+		return this._viewDate;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.applyInitialValue(), this.initializeViewDate();
+	}
+	updated(e) {
+		super.updated(e), (e.has("value") || e.has("viewDateAttr")) && this.initializeViewDate();
+	}
+	applyInitialValue() {
+		if (!this._initialValueApplied && (this._initialValueApplied = !0, this.initialValue)) {
+			let e = this.parseDate(this.initialValue);
+			e && (this._value = e);
+		}
+	}
+	initializeViewDate() {
+		if (this.viewDateAttr) {
+			let e = this.parseDate(this.viewDateAttr);
+			e && (this._viewDate = e);
+		} else if (this.value) {
+			let e = this.parseDate(this.value);
+			e && (this._viewDate = new Date(e));
+		} else this._value ? this._viewDate = new Date(this._value) : this._viewDate = /* @__PURE__ */ new Date();
+	}
+	parseDate(e) {
+		let t = e.split("-");
+		if (t.length >= 2) {
+			let e = Number.parseInt(t[0], 10), n = Number.parseInt(t[1], 10) - 1, r = t.length >= 3 ? Number.parseInt(t[2], 10) : 1, i = new Date(e, n, r);
+			if (!Number.isNaN(i.getTime())) return i;
+		}
+		return null;
+	}
+	get calendarClasses() {
+		return {
+			calendar: !0,
+			[this.variant]: !0,
+			[this.size]: !0
+		};
+	}
+	get weekdayNames() {
+		let e = new Intl.DateTimeFormat(this.locale, { weekday: "short" }), t = [], n = new Date(2024, 0, 1);
+		for (; n.getDay() !== this.firstDayOfWeek;) n.setDate(n.getDate() + 1);
+		for (let r = 0; r < 7; r++) {
+			let i = new Date(n);
+			i.setDate(n.getDate() + r);
+			let a = e.format(i);
+			t.push(a.slice(0, 2));
+		}
+		return t;
+	}
+	get monthYearLabel() {
+		return new Intl.DateTimeFormat(this.locale, {
+			month: "long",
+			year: "numeric"
+		}).format(this._viewDate);
+	}
+	getDaysInMonth(e, t) {
+		return new Date(e, t + 1, 0).getDate();
+	}
+	getFirstDayOfMonth(e, t) {
+		return new Date(e, t, 1).getDay();
+	}
+	get calendarDays() {
+		let e = this._viewDate.getFullYear(), t = this._viewDate.getMonth(), n = /* @__PURE__ */ new Date();
+		n.setHours(0, 0, 0, 0);
+		let r = this.getDaysInMonth(e, t), i = this.getFirstDayOfMonth(e, t) - this.firstDayOfWeek;
+		i < 0 && (i += 7);
+		let a = [], o = t === 0 ? 11 : t - 1, s = t === 0 ? e - 1 : e, c = this.getDaysInMonth(s, o);
+		for (let e = i - 1; e >= 0; e--) {
+			let t = c - e, r = new Date(s, o, t);
+			a.push(this.createCalendarDay(r, !1, n));
+		}
+		for (let i = 1; i <= r; i++) {
+			let r = new Date(e, t, i);
+			a.push(this.createCalendarDay(r, !0, n));
+		}
+		let l = 42 - a.length, u = t === 11 ? 0 : t + 1, d = t === 11 ? e + 1 : e;
+		for (let e = 1; e <= l; e++) {
+			let t = new Date(d, u, e);
+			a.push(this.createCalendarDay(t, !1, n));
+		}
+		return a;
+	}
+	createCalendarDay(e, t, n) {
+		e.setHours(0, 0, 0, 0);
+		let r = e.getDate(), i = e.getMonth(), a = e.getFullYear(), o = r === n.getDate() && i === n.getMonth() && a === n.getFullYear(), s = this.selectedDate;
+		return {
+			day: r,
+			month: i,
+			year: a,
+			date: e,
+			isCurrentMonth: t,
+			isToday: o,
+			isSelected: s ? r === s.getDate() && i === s.getMonth() && a === s.getFullYear() : !1,
+			isDisabled: !t || this.isDateDisabled(e)
+		};
+	}
+	isDateDisabled(e) {
+		if (this.minDate) {
+			let t = new Date(this.minDate);
+			if (t.setHours(0, 0, 0, 0), e < t) return !0;
+		}
+		if (this.maxDate) {
+			let t = new Date(this.maxDate);
+			if (t.setHours(0, 0, 0, 0), e > t) return !0;
+		}
+		if (this.disabledWeekdays && this.disabledWeekdays.length > 0) {
+			let t = e.getDay();
+			if (this.disabledWeekdays.includes(t)) return !0;
+		}
+		if (this.disabledDates && this.disabledDates.length > 0) {
+			let t = e.toISOString().split("T")[0];
+			if (this.disabledDates.includes(t)) return !0;
+		}
+		return !1;
+	}
+	handlePrevMonth() {
+		let e = new Date(this._viewDate);
+		e.setMonth(e.getMonth() - 1), this._viewDate = e;
+	}
+	handleNextMonth() {
+		let e = new Date(this._viewDate);
+		e.setMonth(e.getMonth() + 1), this._viewDate = e;
+	}
+	handleDayChange(e) {
+		e.stopPropagation();
+		let t = e.target;
+		if (!t || !t.tagName.toLowerCase().startsWith("ds-calendar-day")) return;
+		let n = t.tagName.toLowerCase(), r = Array.from(this.shadowRoot?.querySelectorAll(n) || []).indexOf(t);
+		if (r === -1) return;
+		let i = this.calendarDays[r];
+		if (!i || i.isDisabled) return;
+		this._value = i.date, this._viewDate = new Date(i.date);
+		let a = `${i.date.getFullYear()}-${String(i.date.getMonth() + 1).padStart(2, "0")}-${String(i.date.getDate()).padStart(2, "0")}`;
+		this.dispatchEvent(new CustomEvent("ds-calendar-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: a,
+				date: i.date
+			}
+		}));
+	}
+	get navButtonSize() {
+		return this.size === "medium" ? "small" : "medium";
+	}
+	get prevButtonTemplate() {
+		return this.componentFactory.createIconButton({
+			class: "nav-button",
+			"icon-name": "arrow-left",
+			"data-aria-label": "Previous month",
+			"@click": this.handlePrevMonth,
+			variant: "naked",
+			size: this.navButtonSize,
+			color: "var(--ds-icon-button-icon-color-standard-default, #fafafa)"
+		});
+	}
+	get nextButtonTemplate() {
+		return this.componentFactory.createIconButton({
+			class: "nav-button",
+			"icon-name": "arrow-right",
+			"data-aria-label": "Next month",
+			"@click": this.handleNextMonth,
+			variant: "naked",
+			size: this.navButtonSize,
+			color: "var(--ds-icon-button-icon-color-standard-default, #fafafa)"
+		});
+	}
+	get weekdaysTemplate() {
+		return e`
             <div class="weekdays">
-                ${this.weekdayNames.map((t) => m`<div class="weekday">${t}</div>`)}
+                ${this.weekdayNames.map((t) => e`<div class="weekday">${t}</div>`)}
             </div>
         `;
-  }
-  get daysTemplate() {
-    return m`
+	}
+	get daysTemplate() {
+		return e`
             <div class="days-grid" @ds-calendar-day-change=${this.handleDayChange}>
-                ${this.calendarDays.map(
-      (t) => this.componentFactory.createCalendarDay({
-        day: t.day,
-        size: this.size,
-        disabled: t.isDisabled,
-        selected: t.isSelected,
-        today: t.isToday,
-        "outside-month": !t.isCurrentMonth
-      })
-    )}
+                ${this.calendarDays.map((e) => this.componentFactory.createCalendarDay({
+			day: e.day,
+			size: this.size,
+			disabled: e.isDisabled,
+			selected: e.isSelected,
+			today: e.isToday,
+			"outside-month": !e.isCurrentMonth
+		}))}
             </div>
         `;
-  }
-  render() {
-    return m`
-            <div class=${M(this.calendarClasses)} role="application" aria-label="Calendar">
+	}
+	render() {
+		return e`
+            <div class=${o(this.calendarClasses)} role="application" aria-label="Calendar">
                 <div class="header">
                     ${this.prevButtonTemplate}
                     <div class="month-year" aria-live="polite">${this.monthYearLabel}</div>
@@ -232,51 +225,44 @@ let o = class extends b {
                 ${this.weekdaysTemplate} ${this.daysTemplate}
             </div>
         `;
-  }
-};
-o.styles = [S];
-l([
-  h({ type: String, reflect: !0 })
-], o.prototype, "value", 2);
-l([
-  h({ type: String, reflect: !0 })
-], o.prototype, "variant", 2);
-l([
-  h({ type: String, reflect: !0 })
-], o.prototype, "size", 2);
-l([
-  h({ type: String, reflect: !0 })
-], o.prototype, "locale", 2);
-l([
-  h({ type: Number, reflect: !0, attribute: "first-day-of-week" })
-], o.prototype, "firstDayOfWeek", 2);
-l([
-  h({ type: String, reflect: !0, attribute: "min-date" })
-], o.prototype, "minDate", 2);
-l([
-  h({ type: String, reflect: !0, attribute: "max-date" })
-], o.prototype, "maxDate", 2);
-l([
-  h({ type: Array, attribute: "disabled-dates" })
-], o.prototype, "disabledDates", 2);
-l([
-  h({ type: Array, attribute: "disabled-weekdays" })
-], o.prototype, "disabledWeekdays", 2);
-l([
-  h({ type: String, reflect: !0, attribute: "view-date" })
-], o.prototype, "viewDateAttr", 2);
-l([
-  h({ type: String, attribute: "initial-value" })
-], o.prototype, "initialValue", 2);
-l([
-  v()
-], o.prototype, "_viewDate", 2);
-l([
-  v()
-], o.prototype, "_value", 2);
-o = l([
-  _("ds-calendar")
-], o);
-export {
-  o as DsCalendar
+	}
 };
+r([t({
+	type: String,
+	reflect: !0
+})], c.prototype, "value", void 0), r([t({
+	type: String,
+	reflect: !0
+})], c.prototype, "variant", void 0), r([t({
+	type: String,
+	reflect: !0
+})], c.prototype, "size", void 0), r([t({
+	type: String,
+	reflect: !0
+})], c.prototype, "locale", void 0), r([t({
+	type: Number,
+	reflect: !0,
+	attribute: "first-day-of-week"
+})], c.prototype, "firstDayOfWeek", void 0), r([t({
+	type: String,
+	reflect: !0,
+	attribute: "min-date"
+})], c.prototype, "minDate", void 0), r([t({
+	type: String,
+	reflect: !0,
+	attribute: "max-date"
+})], c.prototype, "maxDate", void 0), r([t({
+	type: Array,
+	attribute: "disabled-dates"
+})], c.prototype, "disabledDates", void 0), r([t({
+	type: Array,
+	attribute: "disabled-weekdays"
+})], c.prototype, "disabledWeekdays", void 0), r([t({
+	type: String,
+	reflect: !0,
+	attribute: "view-date"
+})], c.prototype, "viewDateAttr", void 0), r([t({
+	type: String,
+	attribute: "initial-value"
+})], c.prototype, "initialValue", void 0), r([n()], c.prototype, "_viewDate", void 0), r([n()], c.prototype, "_value", void 0), c = r([a("ds-calendar")], c);
+//#endregion

package/dist-react/esm/components/ds-calendar/styles/common.styles.js

@@ -1,8 +1,7 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const n = e`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-calendar/styles/common.styles.ts
+var t = e`
     :host {
         display: inline-block;
     }
@@ -40,6 +39,5 @@ const n = e`
         grid-template-columns: repeat(7, 1fr);
     }
 `;
-export {
-  n as commonStyles
-};
+//#endregion
+export { t as commonStyles };