@mhmo91/schmancy 0.10.35 → 0.10.36

package/dist/{date-range-BU6WX7d5.js → date-range-CEo_Kjqw.js}

@@ -1,13 +1,13 @@
 import { r as e, t } from "./chunk-BM5alsTp.js";
-import { t as n, u as r } from "./SchmancyElement-CA0Wqt8m.js";
-import { o as i } from "./mixins-Bp0wIHg2.js";
-import { o as a } from "./overlay.service-DTE6NwIM.js";
-import { fromEvent as o, takeUntil as s, timer as c } from "rxjs";
-import { customElement as l, property as u, state as d } from "lit/decorators.js";
-import { css as f, html as p } from "lit";
-import { ifDefined as m } from "lit/directives/if-defined.js";
-import { repeat as h } from "lit/directives/repeat.js";
-var g = t((e, t) => {
+import { t as n, u as r } from "./SchmancyElement-C3CpdNsi.js";
+import { o as i } from "./mixins-DTzfFVyv.js";
+import { o as a } from "./overlay.service-C46kOtUi.js";
+import { Subject as o, concat as s, exhaustMap as c, finalize as l, fromEvent as u, map as d, merge as f, of as p, switchMap as m, takeUntil as h, tap as g, timer as _ } from "rxjs";
+import { customElement as v, property as y, state as b } from "lit/decorators.js";
+import { css as x, html as S, nothing as C } from "lit";
+import { ifDefined as w } from "lit/directives/if-defined.js";
+import { repeat as T } from "lit/directives/repeat.js";
+var E = t((e, t) => {
 	var n = e, r = function() {
 		var e = 6e4, t = 36e5, n = "millisecond", r = "second", i = "minute", a = "hour", o = "day", s = "week", c = "month", l = "quarter", u = "year", d = "date", f = "Invalid Date", p = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, m = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, h = {
 			name: "en",
@@ -300,7 +300,7 @@ var g = t((e, t) => {
 		}, C.en = y[v], C.Ls = y, C.p = {}, C;
 	};
 	typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
-}), _ = e(t((e, t) => {
+}), D = e(t((e, t) => {
 	var n = e, r = function() {
 		var e = "month", t = "quarter";
 		return function(n, r) {
@@ -324,61 +324,61 @@ var g = t((e, t) => {
 		};
 	};
 	typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_quarterOfYear = r();
-})(), 1), v = e(g(), 1);
-function y(e, t) {
+})(), 1), O = e(E(), 1);
+function k(e, t) {
 	return e.map((e) => ({
 		label: `Last ${e} Days`,
 		range: {
-			dateFrom: (0, v.default)().subtract(e - 1, "days").startOf("day").format(t),
-			dateTo: (0, v.default)().endOf("day").format(t)
+			dateFrom: (0, O.default)().subtract(e - 1, "days").startOf("day").format(t),
+			dateTo: (0, O.default)().endOf("day").format(t)
 		},
 		step: "day"
 	}));
 }
-function b(e, t) {
+function A(e, t) {
 	return e.map((e) => ({
 		label: `Last ${e} Weeks`,
 		range: {
-			dateFrom: (0, v.default)().subtract(e, "weeks").startOf("week").format(t),
-			dateTo: (0, v.default)().endOf("day").format(t)
+			dateFrom: (0, O.default)().subtract(e, "weeks").startOf("week").format(t),
+			dateTo: (0, O.default)().endOf("day").format(t)
 		},
 		step: "week"
 	}));
 }
-function x(e, t) {
+function j(e, t) {
 	return e.map((e) => ({
 		label: `Last ${e} Months`,
 		range: {
-			dateFrom: (0, v.default)().subtract(e, "months").startOf("month").format(t),
-			dateTo: (0, v.default)().endOf("day").format(t)
+			dateFrom: (0, O.default)().subtract(e, "months").startOf("month").format(t),
+			dateTo: (0, O.default)().endOf("day").format(t)
 		},
 		step: "month"
 	}));
 }
-function S(e, t) {
+function M(e, t) {
 	return e.map((e) => ({
 		label: `Last ${e} Quarters`,
 		range: {
-			dateFrom: (0, v.default)().subtract(e, "quarters").startOf("quarter").format(t),
-			dateTo: (0, v.default)().endOf("day").format(t)
+			dateFrom: (0, O.default)().subtract(e, "quarters").startOf("quarter").format(t),
+			dateTo: (0, O.default)().endOf("day").format(t)
 		},
 		step: "quarter"
 	}));
 }
-function C(e, t) {
+function N(e, t) {
 	if (!e) return null;
-	let n = (0, v.default)(e);
+	let n = (0, O.default)(e);
 	return n.isValid() ? n.format(t) : null;
 }
-function w(e, t, n) {
-	let r = C(e, n), i = C(t, n);
+function P(e, t, n) {
+	let r = N(e, n), i = N(t, n);
 	return {
 		dateFrom: r,
 		dateTo: i,
 		isValid: r !== null && i !== null
 	};
 }
-var T = class extends n {
+var F = class extends n {
 	constructor(...e) {
 		super(...e), this.type = "date", this.dateFrom = {
 			label: "From",
@@ -389,7 +389,7 @@ var T = class extends n {
 		}, this.activePreset = null, this.presetCategories = [];
 	}
 	static {
-		this.styles = [f`
+		this.styles = [x`
 		:host {
 			display: block;
 			padding: 1.5rem;
@@ -439,7 +439,7 @@ var T = class extends n {
 		this.dateFrom = {
 			...this.dateFrom,
 			value: t.value
-		}, this.dateTo.value && (0, v.default)(this.dateFrom.value).isAfter((0, v.default)(this.dateTo.value)) && (this.dateTo = {
+		}, this.dateTo.value && (0, O.default)(this.dateFrom.value).isAfter((0, O.default)(this.dateTo.value)) && (this.dateTo = {
 			...this.dateTo,
 			value: this.dateFrom.value
 		}), this.dispatchEvent(new CustomEvent("date-change", {
@@ -474,7 +474,7 @@ var T = class extends n {
 	}
 	applyManualDateSelection(e) {
 		e.stopPropagation();
-		let t = (0, v.default)(this.dateFrom.value), n = (0, v.default)(this.dateTo.value);
+		let t = (0, O.default)(this.dateFrom.value), n = (0, O.default)(this.dateTo.value);
 		t.isValid() && n.isValid() ? this.dispatchEvent(new CustomEvent("apply-dates", {
 			detail: {
 				dateFrom: this.dateFrom.value,
@@ -490,17 +490,17 @@ var T = class extends n {
 		}));
 	}
 	render() {
-		return p`
+		return S`
 			<div class="w-full min-h-[400px] max-h-[80vh] flex flex-col p-4">
 				<!-- Preset Groups Section -->
 				<div class="flex-1 overflow-y-auto overflow-x-hidden min-h-0 space-y-4">
-					${h(this.getPresetGroups(), (e) => e.name, (e) => p`
+					${T(this.getPresetGroups(), (e) => e.name, (e) => S`
 							<div class="space-y-2">
 								<schmancy-typography type="label" token="md" class="text-surface-onVariant">
 									${e.name}
 								</schmancy-typography>
 								<div class="flex flex-wrap gap-2">
-									${h(e.presets, (e) => e.label, (e) => p`
+									${T(e.presets, (e) => e.label, (e) => S`
 											<schmancy-filter-chip
 												.value=${e.label}
 												.selected=${this.activePreset === e.label}
@@ -526,8 +526,8 @@ var T = class extends n {
 								.type="${this.type}"
 								.label="${this.dateFrom.label || "From"}"
 								.value="${this.dateFrom.value}"
-								min="${m(this.minDate)}"
-								max="${m(this.maxDate)}"
+								min="${w(this.minDate)}"
+								max="${w(this.maxDate)}"
 								@change="${this.handleFromDateChange}"
 							></schmancy-input>
 						</div>
@@ -536,8 +536,8 @@ var T = class extends n {
 								.type="${this.type}"
 								.label="${this.dateTo.label || "To"}"
 								.value="${this.dateTo.value}"
-								min="${m(this.dateFrom.value)}"
-								max="${m(this.maxDate)}"
+								min="${w(this.dateFrom.value)}"
+								max="${w(this.maxDate)}"
 								@change="${this.handleToDateChange}"
 							></schmancy-input>
 						</div>
@@ -554,13 +554,13 @@ var T = class extends n {
 		`;
 	}
 };
-r([u({ type: String })], T.prototype, "type", void 0), r([u({ type: Object })], T.prototype, "dateFrom", void 0), r([u({ type: Object })], T.prototype, "dateTo", void 0), r([u({ type: String })], T.prototype, "minDate", void 0), r([u({ type: String })], T.prototype, "maxDate", void 0), r([u({ type: String })], T.prototype, "activePreset", void 0), r([u({ type: Array })], T.prototype, "presetCategories", void 0), T = r([l("schmancy-date-range-dialog")], T), v.default.extend(_.default);
-var E = (e) => {
+r([y({ type: String })], F.prototype, "type", void 0), r([y({ type: Object })], F.prototype, "dateFrom", void 0), r([y({ type: Object })], F.prototype, "dateTo", void 0), r([y({ type: String })], F.prototype, "minDate", void 0), r([y({ type: String })], F.prototype, "maxDate", void 0), r([y({ type: String })], F.prototype, "activePreset", void 0), r([y({ type: Array })], F.prototype, "presetCategories", void 0), F = r([v("schmancy-date-range-dialog")], F), O.default.extend(D.default);
+var I = (e) => {
 	e?.dispatchEvent(new CustomEvent("close", {
 		bubbles: !0,
 		composed: !0
 	}));
-}, D = class extends i() {
+}, L = class extends i() {
 	constructor(...e) {
 		super(...e), this.type = "date", this.dateFrom = {
 			label: "From",
@@ -568,25 +568,48 @@ var E = (e) => {
 		}, this.dateTo = {
 			label: "To",
 			value: ""
-		}, this.customPresets = [], this.placeholder = "Select date range", this.clearable = !0, this.collapse = !1, this.isOpen = !1, this.selectedDateRange = "", this.activePreset = null, this.announceMessage = "", this.presetRanges = [], this.presetCategories = [], this.memoizedPresets = /* @__PURE__ */ new Map(), this._dateFromDefault = "", this._dateToDefault = "", this._overlaySubscription = null;
+		}, this.customPresets = [], this.placeholder = "Select date range", this.clearable = !0, this.collapse = !1, this.open$ = new o(), this.close$ = new o(), this.announce$ = new o(), this.isOpen = !1, this.selectedDateRange = "", this.activePreset = null, this.announceMessage = "", this.presetRanges = [], this.presetCategories = [], this.memoizedPresets = /* @__PURE__ */ new Map(), this.dateFromDefault = "", this.dateToDefault = "";
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.isOpen = !1;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.initPresetRanges();
-		let e = this.getDateFormat(), t = w(this.dateFrom.value, this.dateTo.value, e);
+		let e = this.getDateFormat(), t = P(this.dateFrom.value, this.dateTo.value, e);
 		if (t.isValid) this.dateFrom.value = t.dateFrom, this.dateTo.value = t.dateTo, this.updateSelectedDateRange();
 		else {
-			let t = (0, v.default)().format(e);
+			let t = (0, O.default)().format(e);
 			this.dateFrom.value = t, this.dateTo.value = t, this.updateSelectedDateRange();
 		}
-		this.setupEventHandlers();
-	}
-	setupEventHandlers() {
-		o(document, "keydown").pipe(s(this.disconnecting)).subscribe((e) => {
-			this.handleKeyboardNavigation(e);
-		});
+		f(this.open$.pipe(g(() => {
+			this.dispatchEvent(new CustomEvent("beforeopen", {
+				bubbles: !0,
+				composed: !0
+			})), this.isOpen = !0;
+		}), c((e) => a(S`
+							<schmancy-date-range-dialog
+								.type="${this.type}"
+								.dateFrom="${this.dateFrom}"
+								.dateTo="${this.dateTo}"
+								.minDate="${this.minDate}"
+								.maxDate="${this.maxDate}"
+								.activePreset="${this.activePreset}"
+								.presetCategories="${this.presetCategories}"
+								@preset-select="${(e) => {
+			this.activePreset = e.detail.preset.label, this.setDateRange(e.detail.preset.range.dateFrom, e.detail.preset.range.dateTo), I(e.currentTarget);
+		}}"
+								@date-change="${() => this.updateSelectedDateRange()}"
+								@apply-dates="${(e) => {
+			let { dateFrom: t, dateTo: n, swapIfNeeded: r } = e.detail;
+			r ? this.setDateRange(n, t) : this.setDateRange(t, n), I(e.currentTarget);
+		}}"
+								@announce="${(e) => this.announce$.next(e.detail.message)}"
+							></schmancy-date-range-dialog>
+						`, { anchor: e }).pipe(h(this.close$), l(() => {
+			this.isOpen = !1;
+		})))), this.announce$.pipe(m((e) => s(p(e), _(100).pipe(d(() => "")))), g((e) => {
+			this.announceMessage = e;
+		})), u(document, "keydown").pipe(g((e) => this.handleKeyboardNavigation(e)))).pipe(h(this.disconnecting)).subscribe();
 	}
 	updated(e) {
 		super.updated(e), !e.has("dateFrom") && !e.has("dateTo") || this.dateFrom?.value === void 0 && this.dateTo?.value === void 0 || this.updateSelectedDateRange();
@@ -612,18 +635,18 @@ var E = (e) => {
 		return this.dateFrom?.value && e.push([`${this.name}From`, this.dateFrom.value]), this.dateTo?.value && e.push([`${this.name}To`, this.dateTo.value]), e;
 	}
 	firstUpdated(e) {
-		super.firstUpdated(e), this._dateFromDefault = this.dateFrom?.value ?? "", this._dateToDefault = this.dateTo?.value ?? "";
+		super.firstUpdated(e), this.dateFromDefault = this.dateFrom?.value ?? "", this.dateToDefault = this.dateTo?.value ?? "";
 	}
 	get dirty() {
-		return (this.dateFrom?.value ?? "") !== this._dateFromDefault || (this.dateTo?.value ?? "") !== this._dateToDefault;
+		return (this.dateFrom?.value ?? "") !== this.dateFromDefault || (this.dateTo?.value ?? "") !== this.dateToDefault;
 	}
 	resetForm() {
 		this.dateFrom = {
 			...this.dateFrom,
-			value: this._dateFromDefault
+			value: this.dateFromDefault
 		}, this.dateTo = {
 			...this.dateTo,
-			value: this._dateToDefault
+			value: this.dateToDefault
 		}, super.resetForm();
 	}
 	initPresetRanges() {
@@ -642,15 +665,15 @@ var E = (e) => {
 				presets: [{
 					label: "Last 24 Hours",
 					range: {
-						dateFrom: (0, v.default)().subtract(24, "hours").format(e),
-						dateTo: (0, v.default)().format(e)
+						dateFrom: (0, O.default)().subtract(24, "hours").format(e),
+						dateTo: (0, O.default)().format(e)
 					},
 					step: "hour"
 				}, {
 					label: "Last 12 Hours",
 					range: {
-						dateFrom: (0, v.default)().subtract(12, "hours").format(e),
-						dateTo: (0, v.default)().format(e)
+						dateFrom: (0, O.default)().subtract(12, "hours").format(e),
+						dateTo: (0, O.default)().format(e)
 					},
 					step: "hour"
 				}]
@@ -660,20 +683,20 @@ var E = (e) => {
 					{
 						label: "Today",
 						range: {
-							dateFrom: (0, v.default)().startOf("day").format(e),
-							dateTo: (0, v.default)().endOf("day").format(e)
+							dateFrom: (0, O.default)().startOf("day").format(e),
+							dateTo: (0, O.default)().endOf("day").format(e)
 						},
 						step: "day"
 					},
 					{
 						label: "Yesterday",
 						range: {
-							dateFrom: (0, v.default)().subtract(1, "days").startOf("day").format(e),
-							dateTo: (0, v.default)().subtract(1, "days").endOf("day").format(e)
+							dateFrom: (0, O.default)().subtract(1, "days").startOf("day").format(e),
+							dateTo: (0, O.default)().subtract(1, "days").endOf("day").format(e)
 						},
 						step: "day"
 					},
-					...y([
+					...k([
 						7,
 						14,
 						30,
@@ -687,20 +710,20 @@ var E = (e) => {
 					{
 						label: "This Week",
 						range: {
-							dateFrom: (0, v.default)().startOf("week").format(e),
-							dateTo: (0, v.default)().endOf("week").format(e)
+							dateFrom: (0, O.default)().startOf("week").format(e),
+							dateTo: (0, O.default)().endOf("week").format(e)
 						},
 						step: "week"
 					},
 					{
 						label: "Last Week",
 						range: {
-							dateFrom: (0, v.default)().subtract(1, "weeks").startOf("week").format(e),
-							dateTo: (0, v.default)().subtract(1, "weeks").endOf("week").format(e)
+							dateFrom: (0, O.default)().subtract(1, "weeks").startOf("week").format(e),
+							dateTo: (0, O.default)().subtract(1, "weeks").endOf("week").format(e)
 						},
 						step: "week"
 					},
-					...b([2, 4], e)
+					...A([2, 4], e)
 				]
 			}), n.push({
 				name: "Months",
@@ -708,20 +731,20 @@ var E = (e) => {
 					{
 						label: "This Month",
 						range: {
-							dateFrom: (0, v.default)().startOf("month").format(e),
-							dateTo: (0, v.default)().endOf("month").format(e)
+							dateFrom: (0, O.default)().startOf("month").format(e),
+							dateTo: (0, O.default)().endOf("month").format(e)
 						},
 						step: "month"
 					},
 					{
 						label: "Last Month",
 						range: {
-							dateFrom: (0, v.default)().subtract(1, "month").startOf("month").format(e),
-							dateTo: (0, v.default)().subtract(1, "month").endOf("month").format(e)
+							dateFrom: (0, O.default)().subtract(1, "month").startOf("month").format(e),
+							dateTo: (0, O.default)().subtract(1, "month").endOf("month").format(e)
 						},
 						step: "month"
 					},
-					...x([3, 6], e)
+					...j([3, 6], e)
 				]
 			}), n.push({
 				name: "Quarters",
@@ -729,20 +752,20 @@ var E = (e) => {
 					{
 						label: "This Quarter",
 						range: {
-							dateFrom: (0, v.default)().startOf("quarter").format(e),
-							dateTo: (0, v.default)().endOf("quarter").format(e)
+							dateFrom: (0, O.default)().startOf("quarter").format(e),
+							dateTo: (0, O.default)().endOf("quarter").format(e)
 						},
 						step: "quarter"
 					},
 					{
 						label: "Last Quarter",
 						range: {
-							dateFrom: (0, v.default)().subtract(1, "quarter").startOf("quarter").format(e),
-							dateTo: (0, v.default)().subtract(1, "quarter").endOf("quarter").format(e)
+							dateFrom: (0, O.default)().subtract(1, "quarter").startOf("quarter").format(e),
+							dateTo: (0, O.default)().subtract(1, "quarter").endOf("quarter").format(e)
 						},
 						step: "quarter"
 					},
-					...S([2, 4], e)
+					...M([2, 4], e)
 				]
 			}), n.push({
 				name: "Years",
@@ -750,24 +773,24 @@ var E = (e) => {
 					{
 						label: "This Year",
 						range: {
-							dateFrom: (0, v.default)().startOf("year").format(e),
-							dateTo: (0, v.default)().endOf("year").format(e)
+							dateFrom: (0, O.default)().startOf("year").format(e),
+							dateTo: (0, O.default)().endOf("year").format(e)
 						},
 						step: "year"
 					},
 					{
 						label: "Last Year",
 						range: {
-							dateFrom: (0, v.default)().subtract(1, "year").startOf("year").format(e),
-							dateTo: (0, v.default)().subtract(1, "year").endOf("year").format(e)
+							dateFrom: (0, O.default)().subtract(1, "year").startOf("year").format(e),
+							dateTo: (0, O.default)().subtract(1, "year").endOf("year").format(e)
 						},
 						step: "year"
 					},
 					{
 						label: "Year to Date",
 						range: {
-							dateFrom: (0, v.default)().startOf("year").format(e),
-							dateTo: (0, v.default)().endOf("day").format(e)
+							dateFrom: (0, O.default)().startOf("year").format(e),
+							dateTo: (0, O.default)().endOf("day").format(e)
 						},
 						step: "day"
 					}
@@ -799,14 +822,14 @@ var E = (e) => {
 		if (e) return this.selectedDateRange = e.label, void (this.activePreset = e.label);
 		this.checkAndUpdateActivePreset(this.dateFrom.value, this.dateTo.value), this.activePreset = null, this.selectedDateRange = function(e, t, n, r) {
 			if (!e || !t) return r;
-			let i = (0, v.default)(e), a = (0, v.default)(t);
+			let i = (0, O.default)(e), a = (0, O.default)(t);
 			if (!i.isValid() || !a.isValid()) return r;
 			let o = n === "datetime-local" ? i.format(" h:mm A") : "", s = n === "datetime-local" ? a.format(" h:mm A") : "";
 			return i.isSame(a, "day") ? `${i.format("ddd, MMM D, YYYY")}${o}` : i.isSame(a, "month") && i.isSame(a, "year") ? `${i.format("ddd MMM D")} - ${a.format("ddd D, YYYY")}${s}` : i.isSame(a, "year") ? `${i.format("ddd MMM D")} - ${a.format("ddd MMM D, YYYY")}${s}` : `${i.format("ddd MMM D, YYYY")}${o} - ${a.format("ddd MMM D, YYYY")}${s}`;
 		}(this.dateFrom.value, this.dateTo.value, this.type, this.placeholder);
 	}
 	setDateRange(e, t) {
-		this.dateFrom.value = e, this.dateTo.value = t, this.updateSelectedDateRange(), this.announceToScreenReader(`Date range updated: ${this.selectedDateRange}`), this.dispatchEvent(new CustomEvent("change", {
+		this.dateFrom.value = e, this.dateTo.value = t, this.updateSelectedDateRange(), this.announce$.next(`Date range updated: ${this.selectedDateRange}`), this.dispatchEvent(new CustomEvent("change", {
 			detail: {
 				dateFrom: e,
 				dateTo: t
@@ -816,44 +839,11 @@ var E = (e) => {
 		}));
 	}
 	toggleDropdown(e) {
-		e.stopPropagation(), this.disabled || this.step !== void 0 || (this.isOpen ? this.closeDropdown() : this.openDropdown(e));
-	}
-	openDropdown(e) {
-		if (this.disabled || this.step !== void 0) return;
-		this.dispatchEvent(new CustomEvent("beforeopen", {
-			bubbles: !0,
-			composed: !0
-		})), this.isOpen = !0;
-		let t = p`
-			<schmancy-date-range-dialog
-				.type="${this.type}"
-				.dateFrom="${this.dateFrom}"
-				.dateTo="${this.dateTo}"
-				.minDate="${this.minDate}"
-				.maxDate="${this.maxDate}"
-				.activePreset="${this.activePreset}"
-				.presetCategories="${this.presetCategories}"
-				@preset-select="${(e) => {
-			this.activePreset = e.detail.preset.label, this.setDateRange(e.detail.preset.range.dateFrom, e.detail.preset.range.dateTo), E(e.currentTarget);
-		}}"
-				@date-change="${() => this.updateSelectedDateRange()}"
-				@apply-dates="${(e) => {
-			let { dateFrom: t, dateTo: n, swapIfNeeded: r } = e.detail;
-			r ? this.setDateRange(n, t) : this.setDateRange(t, n), E(e.currentTarget);
-		}}"
-				@announce="${(e) => this.announceToScreenReader(e.detail.message)}"
-			></schmancy-date-range-dialog>
-		`;
-		this._overlaySubscription?.unsubscribe(), this._overlaySubscription = a(t, { anchor: e }).pipe(s(this.disconnecting)).subscribe({ complete: () => {
-			this.isOpen = !1, this._overlaySubscription = null;
-		} });
-	}
-	closeDropdown() {
-		this._overlaySubscription?.unsubscribe(), this._overlaySubscription = null, this.isOpen = !1;
+		e.stopPropagation(), this.disabled || this.step !== void 0 || (this.isOpen ? this.close$.next() : this.open$.next(e));
 	}
 	shiftDateRange(e, t) {
 		if (t.stopPropagation(), !this.dateFrom.value || !this.dateTo.value) return;
-		let n = (0, v.default)(this.dateFrom.value), r = (0, v.default)(this.dateTo.value);
+		let n = (0, O.default)(this.dateFrom.value), r = (0, O.default)(this.dateTo.value);
 		if (!n.isValid() || !r.isValid()) return;
 		let i = this.getDateFormat(), a = e > 0 ? 1 : -1, o = r.diff(n, "day") + 1, s, c;
 		if (this.step !== void 0) typeof this.step == "number" ? (s = a * this.step, c = "day") : this.step === "day" ? (s = a * o, c = "day") : (s = a, c = this.step);
@@ -869,7 +859,7 @@ var E = (e) => {
 			e.isFullYear ? (s = a, c = "year") : e.isFullMonth ? (s = a, c = "month") : e.isFullWeek ? (s = a, c = "week") : (s = a * o, c = "day");
 		}
 		let l = n.add(s, c), u = r.add(s, c);
-		this.minDate && l.isBefore((0, v.default)(this.minDate)) || this.maxDate && u.isAfter((0, v.default)(this.maxDate)) || (this.setDateRange(l.format(i), u.format(i)), this.checkAndUpdateActivePreset(l.format(i), u.format(i)));
+		this.minDate && l.isBefore((0, O.default)(this.minDate)) || this.maxDate && u.isAfter((0, O.default)(this.maxDate)) || (this.setDateRange(l.format(i), u.format(i)), this.checkAndUpdateActivePreset(l.format(i), u.format(i)));
 	}
 	handleKeyboardNavigation(e) {
 		let t = e.key;
@@ -882,12 +872,12 @@ var E = (e) => {
 				break;
 			case "Home":
 				if (e.ctrlKey && (e.target === this || this.contains(e.target))) {
-					let t = (0, v.default)(this.dateFrom.value), n = (0, v.default)(this.dateTo.value), r = t.startOf("month"), i = n.diff(t, "day");
+					let t = (0, O.default)(this.dateFrom.value), n = (0, O.default)(this.dateTo.value), r = t.startOf("month"), i = n.diff(t, "day");
 					this.setDateRange(r.format(this.getDateFormat()), r.add(i, "day").format(this.getDateFormat())), e.preventDefault();
 				}
 				break;
 			case "End": if (e.ctrlKey && (e.target === this || this.contains(e.target))) {
-				let t = (0, v.default)(this.dateFrom.value), n = (0, v.default)(this.dateTo.value), r = n.diff(t, "day"), i = n.endOf("month");
+				let t = (0, O.default)(this.dateFrom.value), n = (0, O.default)(this.dateTo.value), r = n.diff(t, "day"), i = n.endOf("month");
 				this.setDateRange(i.subtract(r, "day").format(this.getDateFormat()), i.format(this.getDateFormat())), e.preventDefault();
 			}
 		}
@@ -898,21 +888,17 @@ var E = (e) => {
 	}
 	canNavigateBackward() {
 		if (!this.dateFrom.value || !this.minDate) return !0;
-		let e = (0, v.default)(this.dateFrom.value), t = (0, v.default)(this.minDate);
+		let e = (0, O.default)(this.dateFrom.value), t = (0, O.default)(this.minDate);
 		return e.isAfter(t);
 	}
 	canNavigateForward() {
 		if (!this.dateTo.value || !this.maxDate) return !0;
-		let e = (0, v.default)(this.dateTo.value), t = (0, v.default)(this.maxDate);
+		let e = (0, O.default)(this.dateTo.value), t = (0, O.default)(this.maxDate);
 		return e.isBefore(t);
 	}
-	announceToScreenReader(e) {
-		this.announceMessage = e, c(100).pipe(s(this.disconnecting)).subscribe(() => {
-			this.announceMessage = "";
-		});
-	}
 	render() {
-		return p`
+		let e = this.error && !!this.validationMessage, t = e ? " rounded outline outline-2 outline-error-default" : "";
+		return S`
 			<div class="relative ${this.disabled ? "opacity-60 pointer-events-none" : ""}">
 				<!-- Screen reader announcements -->
 				<div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
@@ -921,18 +907,22 @@ var E = (e) => {
 
 				<!-- Collapsed: icon-only on mobile when collapse=true -->
 				<schmancy-icon-button
-					class="${this.collapse ? "lg:hidden" : "hidden"}"
+					class="${this.collapse ? "lg:hidden" : "hidden"}${t}"
 					variant="outlined"
 					type="button"
+					aria-invalid=${e ? "true" : "false"}
 					aria-label="Select date range. Current: ${this.selectedDateRange || "No date selected"}"
 					@click=${(e) => this.toggleDropdown(e)}
 					?disabled=${this.disabled}
 				>
-					date_range
+				date_range
 				</schmancy-icon-button>
 
 				<!-- Full UI: always visible when collapse=false, or lg+ when collapse=true -->
-				<section @click=${(e) => e.stopPropagation()} class="${this.collapse ? "hidden lg:flex" : "flex"}">
+				<section
+					@click=${(e) => e.stopPropagation()}
+					aria-invalid=${e ? "true" : "false"}
+					class="${this.collapse ? "hidden lg:flex" : "flex"}${t}">
 						<schmancy-icon-button
 							type="button"
 							aria-label="Previous ${this.activePreset ? this.activePreset.toLowerCase() : "date range"}"
@@ -966,9 +956,11 @@ var E = (e) => {
 							arrow_right
 						</schmancy-icon-button>
 				</section>
+
+				${e ? S`<div role="alert" class="text-error-default text-sm mt-1">${this.validationMessage}</div>` : C}
 			</div>
 		`;
 	}
 };
-r([u({ type: String })], D.prototype, "type", void 0), r([u({ type: Object })], D.prototype, "dateFrom", void 0), r([u({ type: Object })], D.prototype, "dateTo", void 0), r([u({ type: String })], D.prototype, "minDate", void 0), r([u({ type: String })], D.prototype, "maxDate", void 0), r([u({ type: Array })], D.prototype, "customPresets", void 0), r([u({ type: String })], D.prototype, "format", void 0), r([u({ type: String })], D.prototype, "placeholder", void 0), r([u({ type: Boolean })], D.prototype, "clearable", void 0), r([u()], D.prototype, "step", void 0), r([u({ type: Boolean })], D.prototype, "collapse", void 0), r([d()], D.prototype, "isOpen", void 0), r([d()], D.prototype, "selectedDateRange", void 0), r([d()], D.prototype, "activePreset", void 0), r([d()], D.prototype, "announceMessage", void 0), D = r([l("schmancy-date-range")], D);
-export { w as n, D as t };
+r([y({ type: String })], L.prototype, "type", void 0), r([y({ type: Object })], L.prototype, "dateFrom", void 0), r([y({ type: Object })], L.prototype, "dateTo", void 0), r([y({ type: String })], L.prototype, "minDate", void 0), r([y({ type: String })], L.prototype, "maxDate", void 0), r([y({ type: Array })], L.prototype, "customPresets", void 0), r([y({ type: String })], L.prototype, "format", void 0), r([y({ type: String })], L.prototype, "placeholder", void 0), r([y({ type: Boolean })], L.prototype, "clearable", void 0), r([y()], L.prototype, "step", void 0), r([y({ type: Boolean })], L.prototype, "collapse", void 0), r([b()], L.prototype, "isOpen", void 0), r([b()], L.prototype, "selectedDateRange", void 0), r([b()], L.prototype, "activePreset", void 0), r([b()], L.prototype, "announceMessage", void 0), L = r([v("schmancy-date-range")], L);
+export { P as n, L as t };