@lifecorner/angular-ui-kit 3.4.1 → 3.5.1

package/fesm2022/lifecorner-angular-ui-kit-date-range-picker.mjs

@@ -0,0 +1,466 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, HostListener, afterRenderEffect, computed, forwardRef, inject, input, output, signal, untracked, viewChild } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+const REFERENCE_WEEK = Array.from({ length: 7 }, (_, i) => new Date(2024, 0, 1 + i));
+var DateRangePickerComponent = class DateRangePickerComponent {
+	static nextId = 0;
+	triggerId = `lc-drp-${++DateRangePickerComponent.nextId}`;
+	labelId = `${this.triggerId}-label`;
+	valueId = `${this.triggerId}-value`;
+	panelId = `${this.triggerId}-panel`;
+	elRef = inject(ElementRef);
+	triggerEl = viewChild("triggerEl", ...ngDevMode ? [{ debugName: "triggerEl" }] : /* istanbul ignore next */ []);
+	panelEl = viewChild("panelEl", ...ngDevMode ? [{ debugName: "panelEl" }] : /* istanbul ignore next */ []);
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	placeholder = input("Select date range", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	minDate = input(null, ...ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []);
+	maxDate = input(null, ...ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []);
+	locale = input("de-DE", ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	clearAriaLabel = input("Clear", ...ngDevMode ? [{ debugName: "clearAriaLabel" }] : /* istanbul ignore next */ []);
+	previousMonthAriaLabel = input("Previous month", ...ngDevMode ? [{ debugName: "previousMonthAriaLabel" }] : /* istanbul ignore next */ []);
+	nextMonthAriaLabel = input("Next month", ...ngDevMode ? [{ debugName: "nextMonthAriaLabel" }] : /* istanbul ignore next */ []);
+	rangeChange = output();
+	isOpen = signal(false, ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
+	range = signal({
+		start: null,
+		end: null
+	}, ...ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []);
+	selecting = signal("start", ...ngDevMode ? [{ debugName: "selecting" }] : /* istanbul ignore next */ []);
+	hoveredDate = signal(null, ...ngDevMode ? [{ debugName: "hoveredDate" }] : /* istanbul ignore next */ []);
+	viewingMonth = signal(/* @__PURE__ */ new Date(), ...ngDevMode ? [{ debugName: "viewingMonth" }] : /* istanbul ignore next */ []);
+	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.disabled() || this.formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	onChange = () => {};
+	onTouched = () => {};
+	displayValue = computed(() => {
+		const r = this.range();
+		if (!r.start) return "";
+		const locale = this.locale();
+		const fmt = (d) => d.toLocaleDateString(locale, {
+			day: "2-digit",
+			month: "2-digit",
+			year: "numeric"
+		});
+		if (!r.end) return fmt(r.start) + " – …";
+		return `${fmt(r.start)} – ${fmt(r.end)}`;
+	}, ...ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []);
+	monthLabel = computed(() => {
+		return this.viewingMonth().toLocaleDateString(this.locale(), {
+			month: "long",
+			year: "numeric"
+		});
+	}, ...ngDevMode ? [{ debugName: "monthLabel" }] : /* istanbul ignore next */ []);
+	weekdays = computed(() => {
+		const locale = this.locale();
+		return REFERENCE_WEEK.map((d) => d.toLocaleDateString(locale, { weekday: "short" }).replace(/\.$/, ""));
+	}, ...ngDevMode ? [{ debugName: "weekdays" }] : /* istanbul ignore next */ []);
+	calendarDays = computed(() => {
+		const viewing = this.viewingMonth();
+		const locale = this.locale();
+		const year = viewing.getFullYear();
+		const month = viewing.getMonth();
+		const firstDay = new Date(year, month, 1);
+		const lastDay = new Date(year, month + 1, 0);
+		let startDow = firstDay.getDay();
+		if (startDow === 0) startDow = 7;
+		const prefixDays = startDow - 1;
+		const days = [];
+		const push = (date, inMonth) => days.push({
+			date,
+			inMonth,
+			disabled: this.isDateDisabled(date),
+			ariaLabel: date.toLocaleDateString(locale, {
+				weekday: "long",
+				day: "numeric",
+				month: "long",
+				year: "numeric"
+			})
+		});
+		for (let i = prefixDays; i > 0; i--) push(new Date(year, month, 1 - i), false);
+		for (let d = 1; d <= lastDay.getDate(); d++) push(new Date(year, month, d), true);
+		const remaining = 42 - days.length;
+		for (let i = 1; i <= remaining; i++) push(new Date(year, month + 1, i), false);
+		return days;
+	}, ...ngDevMode ? [{ debugName: "calendarDays" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterRenderEffect(() => {
+			if (!this.isOpen()) return;
+			untracked(() => {
+				const panel = this.panelEl()?.nativeElement;
+				if (!panel || panel.contains(document.activeElement)) return;
+				(panel.querySelector(".lc-drp__day--start:not(:disabled)") ?? panel.querySelector(".lc-drp__day--today:not(:disabled)") ?? panel.querySelector(".lc-drp__day:not(.lc-drp__day--outside):not(:disabled)"))?.focus();
+			});
+		});
+	}
+	writeValue(value) {
+		this.range.set(value ?? {
+			start: null,
+			end: null
+		});
+		if (value?.start) this.viewingMonth.set(new Date(value.start.getFullYear(), value.start.getMonth(), 1));
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.formDisabled.set(isDisabled);
+		if (isDisabled) this.isOpen.set(false);
+	}
+	toggle() {
+		if (this.isDisabled()) return;
+		if (this.isOpen()) {
+			this.close();
+			return;
+		}
+		this.selecting.set("start");
+		this.hoveredDate.set(null);
+		this.isOpen.set(true);
+	}
+	close() {
+		if (!this.isOpen()) return;
+		this.isOpen.set(false);
+		this.onTouched();
+		if (this.elRef.nativeElement.contains(document.activeElement)) this.triggerEl()?.nativeElement.focus();
+	}
+	onKeydown(event) {
+		if (event.key === "Escape" && this.isOpen()) {
+			this.close();
+			event.stopPropagation();
+			event.preventDefault();
+		}
+	}
+	onDocumentClick(event) {
+		if (this.isOpen() && !this.elRef.nativeElement.contains(event.target)) this.close();
+	}
+	prevMonth() {
+		this.viewingMonth.update((d) => new Date(d.getFullYear(), d.getMonth() - 1, 1));
+	}
+	nextMonth() {
+		this.viewingMonth.update((d) => new Date(d.getFullYear(), d.getMonth() + 1, 1));
+	}
+	selectDate(date) {
+		if (this.isDateDisabled(date)) return;
+		const current = this.range();
+		if (this.selecting() === "start") {
+			this.range.set({
+				start: date,
+				end: null
+			});
+			this.selecting.set("end");
+		} else {
+			if (date < current.start) this.range.set({
+				start: date,
+				end: current.start
+			});
+			else this.range.set({
+				start: current.start,
+				end: date
+			});
+			this.selecting.set("start");
+			this.emitRange();
+			this.close();
+		}
+	}
+	onDayHover(date) {
+		if (this.selecting() === "end") this.hoveredDate.set(date);
+	}
+	isStart(date) {
+		return this.sameDay(date, this.range().start);
+	}
+	isEnd(date) {
+		return this.sameDay(date, this.range().end);
+	}
+	isInRange(date) {
+		const r = this.range();
+		if (!r.start) return false;
+		const end = r.end || this.hoveredDate();
+		if (!end) return false;
+		const s = Math.min(r.start.getTime(), end.getTime());
+		const e = Math.max(r.start.getTime(), end.getTime());
+		const t = date.getTime();
+		return t > s && t < e;
+	}
+	isToday(date) {
+		return this.sameDay(date, /* @__PURE__ */ new Date());
+	}
+	clearRange(event) {
+		event.stopPropagation();
+		if (this.isDisabled()) return;
+		this.range.set({
+			start: null,
+			end: null
+		});
+		const r = {
+			start: null,
+			end: null
+		};
+		this.onChange(r);
+		this.rangeChange.emit(r);
+	}
+	isDateDisabled(date) {
+		const min = this.minDate();
+		const max = this.maxDate();
+		const day = this.dayStamp(date);
+		if (min && day < this.dayStamp(min)) return true;
+		if (max && day > this.dayStamp(max)) return true;
+		return false;
+	}
+	dayStamp(d) {
+		return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+	}
+	sameDay(a, b) {
+		if (!a || !b) return false;
+		return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+	}
+	emitRange() {
+		const r = this.range();
+		this.onChange(r);
+		this.rangeChange.emit(r);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: DateRangePickerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: DateRangePickerComponent,
+		isStandalone: true,
+		selector: "lc-date-range-picker",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minDate: {
+				classPropertyName: "minDate",
+				publicName: "minDate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxDate: {
+				classPropertyName: "maxDate",
+				publicName: "maxDate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clearAriaLabel: {
+				classPropertyName: "clearAriaLabel",
+				publicName: "clearAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousMonthAriaLabel: {
+				classPropertyName: "previousMonthAriaLabel",
+				publicName: "previousMonthAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nextMonthAriaLabel: {
+				classPropertyName: "nextMonthAriaLabel",
+				publicName: "nextMonthAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { rangeChange: "rangeChange" },
+		host: { listeners: {
+			"keydown": "onKeydown($event)",
+			"document:click": "onDocumentClick($event)"
+		} },
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => DateRangePickerComponent),
+			multi: true
+		}],
+		viewQueries: [{
+			propertyName: "triggerEl",
+			first: true,
+			predicate: ["triggerEl"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "panelEl",
+			first: true,
+			predicate: ["panelEl"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "@if (label()) {\n  <label class=\"lc-drp__label\" [id]=\"labelId\" [for]=\"triggerId\">{{ label() }}</label>\n}\n\n<!-- The clear button must not be nested inside the trigger button, so the\n     bordered \"field\" wraps both. -->\n<div class=\"lc-drp__field\" [class.lc-drp__field--disabled]=\"isDisabled()\">\n  <button\n    #triggerEl\n    type=\"button\"\n    class=\"lc-drp__trigger\"\n    [id]=\"triggerId\"\n    [class.lc-drp__trigger--disabled]=\"isDisabled()\"\n    [disabled]=\"isDisabled()\"\n    aria-haspopup=\"dialog\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-controls]=\"isOpen() ? panelId : null\"\n    [attr.aria-labelledby]=\"label() ? labelId + ' ' + valueId : null\"\n    (click)=\"toggle()\"\n  >\n    <lc-icon class=\"lc-drp__icon\" name=\"calendar\" size=\"sm\" [decorative]=\"true\" />\n    <span class=\"lc-drp__value\" [id]=\"valueId\" [class.lc-drp__value--placeholder]=\"!displayValue()\">\n      {{ displayValue() || placeholder() }}\n    </span>\n  </button>\n  @if (displayValue() && !isDisabled()) {\n    <button type=\"button\" class=\"lc-drp__clear\" (click)=\"clearRange($event)\" [attr.aria-label]=\"clearAriaLabel()\">×</button>\n  }\n</div>\n\n@if (isOpen()) {\n  <div\n    #panelEl\n    class=\"lc-drp__dropdown\"\n    role=\"dialog\"\n    [id]=\"panelId\"\n    [attr.aria-label]=\"label() || placeholder()\"\n  >\n    <div class=\"lc-drp__header\">\n      <button type=\"button\" class=\"lc-drp__nav\" [attr.aria-label]=\"previousMonthAriaLabel()\" (click)=\"prevMonth()\">‹</button>\n      <span class=\"lc-drp__month\" aria-live=\"polite\">{{ monthLabel() }}</span>\n      <button type=\"button\" class=\"lc-drp__nav\" [attr.aria-label]=\"nextMonthAriaLabel()\" (click)=\"nextMonth()\">›</button>\n    </div>\n\n    <div class=\"lc-drp__weekdays\" aria-hidden=\"true\">\n      @for (wd of weekdays(); track $index) {\n        <span class=\"lc-drp__weekday\">{{ wd }}</span>\n      }\n    </div>\n\n    <div class=\"lc-drp__grid\">\n      @for (day of calendarDays(); track day.date.getTime()) {\n        <button\n          type=\"button\"\n          class=\"lc-drp__day\"\n          [class.lc-drp__day--outside]=\"!day.inMonth\"\n          [class.lc-drp__day--disabled]=\"day.disabled\"\n          [class.lc-drp__day--today]=\"isToday(day.date)\"\n          [class.lc-drp__day--start]=\"isStart(day.date)\"\n          [class.lc-drp__day--end]=\"isEnd(day.date)\"\n          [class.lc-drp__day--in-range]=\"isInRange(day.date)\"\n          [disabled]=\"day.disabled\"\n          [attr.aria-label]=\"day.ariaLabel\"\n          [attr.aria-pressed]=\"isStart(day.date) || isEnd(day.date)\"\n          (click)=\"selectDate(day.date)\"\n          (mouseenter)=\"onDayHover(day.date)\"\n        >{{ day.date.getDate() }}</button>\n      }\n    </div>\n\n    <div class=\"lc-drp__footer\">\n      <span class=\"lc-drp__hint\" aria-live=\"polite\">\n        @if (selecting() === 'start') { Select start date }\n        @else { Select end date }\n      </span>\n    </div>\n  </div>\n}\n",
+		styles: [":host{display:block;position:relative}.lc-drp__label{display:block;margin-bottom:4px;font-size:var(--typography-font-size-sm, .875rem);font-weight:500;color:var(--color-text-secondary)}.lc-drp__field{display:flex;align-items:stretch;min-height:40px;border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);background:var(--color-surface-2);transition:border-color .15s,box-shadow .15s}.lc-drp__field:hover:not(.lc-drp__field--disabled){border-color:var(--color-text-secondary)}.lc-drp__field:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent)}.lc-drp__field--disabled{opacity:.6;background:var(--color-surface-muted)}.lc-drp__trigger{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:none;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.lc-drp__trigger:focus{outline:none}.lc-drp__trigger--disabled,.lc-drp__trigger:disabled{cursor:not-allowed}.lc-drp__icon{flex-shrink:0;color:var(--color-text-tertiary);display:inline-flex}.lc-drp__value{flex:1;min-width:0;font-size:var(--typography-font-size-sm, .875rem);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-drp__value--placeholder{color:var(--color-text-tertiary)}.lc-drp__clear{border:none;background:none;padding:0 8px;cursor:pointer;font-size:16px;color:var(--color-text-tertiary);border-radius:inherit}.lc-drp__clear:hover{color:var(--color-text-secondary)}.lc-drp__clear:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-drp__dropdown{position:absolute;z-index:100;top:100%;left:0;margin-top:4px;padding:12px;background-color:var(--color-surface);background-image:var(--gradient-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--elevation-4);width:280px}.lc-drp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lc-drp__nav{width:28px;height:28px;border:none;border-radius:var(--border-radius-sm);background:transparent;cursor:pointer;font-size:18px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.lc-drp__nav:hover{background:var(--color-surface-hover)}.lc-drp__nav:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0}.lc-drp__month{font-size:var(--typography-font-size-sm, .875rem);font-weight:600;color:var(--color-text-primary)}.lc-drp__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:4px}.lc-drp__weekday{text-align:center;font-size:.6875rem;font-weight:600;color:var(--color-text-tertiary);padding:4px}.lc-drp__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.lc-drp__day{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;font-size:.75rem;border-radius:var(--border-radius-sm);color:var(--color-text-primary);transition:all .1s}.lc-drp__day:hover:not(:disabled){background:var(--color-surface-hover)}.lc-drp__day:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px;z-index:1}.lc-drp__day--outside{color:var(--color-text-tertiary)}.lc-drp__day--disabled{color:var(--color-text-disabled);cursor:default}.lc-drp__day--today{font-weight:700;box-shadow:inset 0 -2px 0 var(--color-primary-500)}.lc-drp__day--start,.lc-drp__day--end{background:var(--color-primary-fill)!important;color:var(--color-on-primary)!important;font-weight:600}.lc-drp__day--in-range{background:var(--color-surface-selected);border-radius:0}.lc-drp__day--start{border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)}.lc-drp__day--end{border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.lc-drp__footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-divider)}.lc-drp__hint{font-size:.6875rem;color:var(--color-text-tertiary)}\n"],
+		dependencies: [{
+			kind: "component",
+			type: IconComponent,
+			selector: "lc-icon",
+			inputs: [
+				"name",
+				"variant",
+				"size",
+				"color",
+				"ariaLabel",
+				"decorative",
+				"strict"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DateRangePickerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-date-range-picker",
+			standalone: true,
+			imports: [IconComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => DateRangePickerComponent),
+				multi: true
+			}],
+			template: "@if (label()) {\n  <label class=\"lc-drp__label\" [id]=\"labelId\" [for]=\"triggerId\">{{ label() }}</label>\n}\n\n<!-- The clear button must not be nested inside the trigger button, so the\n     bordered \"field\" wraps both. -->\n<div class=\"lc-drp__field\" [class.lc-drp__field--disabled]=\"isDisabled()\">\n  <button\n    #triggerEl\n    type=\"button\"\n    class=\"lc-drp__trigger\"\n    [id]=\"triggerId\"\n    [class.lc-drp__trigger--disabled]=\"isDisabled()\"\n    [disabled]=\"isDisabled()\"\n    aria-haspopup=\"dialog\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-controls]=\"isOpen() ? panelId : null\"\n    [attr.aria-labelledby]=\"label() ? labelId + ' ' + valueId : null\"\n    (click)=\"toggle()\"\n  >\n    <lc-icon class=\"lc-drp__icon\" name=\"calendar\" size=\"sm\" [decorative]=\"true\" />\n    <span class=\"lc-drp__value\" [id]=\"valueId\" [class.lc-drp__value--placeholder]=\"!displayValue()\">\n      {{ displayValue() || placeholder() }}\n    </span>\n  </button>\n  @if (displayValue() && !isDisabled()) {\n    <button type=\"button\" class=\"lc-drp__clear\" (click)=\"clearRange($event)\" [attr.aria-label]=\"clearAriaLabel()\">×</button>\n  }\n</div>\n\n@if (isOpen()) {\n  <div\n    #panelEl\n    class=\"lc-drp__dropdown\"\n    role=\"dialog\"\n    [id]=\"panelId\"\n    [attr.aria-label]=\"label() || placeholder()\"\n  >\n    <div class=\"lc-drp__header\">\n      <button type=\"button\" class=\"lc-drp__nav\" [attr.aria-label]=\"previousMonthAriaLabel()\" (click)=\"prevMonth()\">‹</button>\n      <span class=\"lc-drp__month\" aria-live=\"polite\">{{ monthLabel() }}</span>\n      <button type=\"button\" class=\"lc-drp__nav\" [attr.aria-label]=\"nextMonthAriaLabel()\" (click)=\"nextMonth()\">›</button>\n    </div>\n\n    <div class=\"lc-drp__weekdays\" aria-hidden=\"true\">\n      @for (wd of weekdays(); track $index) {\n        <span class=\"lc-drp__weekday\">{{ wd }}</span>\n      }\n    </div>\n\n    <div class=\"lc-drp__grid\">\n      @for (day of calendarDays(); track day.date.getTime()) {\n        <button\n          type=\"button\"\n          class=\"lc-drp__day\"\n          [class.lc-drp__day--outside]=\"!day.inMonth\"\n          [class.lc-drp__day--disabled]=\"day.disabled\"\n          [class.lc-drp__day--today]=\"isToday(day.date)\"\n          [class.lc-drp__day--start]=\"isStart(day.date)\"\n          [class.lc-drp__day--end]=\"isEnd(day.date)\"\n          [class.lc-drp__day--in-range]=\"isInRange(day.date)\"\n          [disabled]=\"day.disabled\"\n          [attr.aria-label]=\"day.ariaLabel\"\n          [attr.aria-pressed]=\"isStart(day.date) || isEnd(day.date)\"\n          (click)=\"selectDate(day.date)\"\n          (mouseenter)=\"onDayHover(day.date)\"\n        >{{ day.date.getDate() }}</button>\n      }\n    </div>\n\n    <div class=\"lc-drp__footer\">\n      <span class=\"lc-drp__hint\" aria-live=\"polite\">\n        @if (selecting() === 'start') { Select start date }\n        @else { Select end date }\n      </span>\n    </div>\n  </div>\n}\n",
+			styles: [":host{display:block;position:relative}.lc-drp__label{display:block;margin-bottom:4px;font-size:var(--typography-font-size-sm, .875rem);font-weight:500;color:var(--color-text-secondary)}.lc-drp__field{display:flex;align-items:stretch;min-height:40px;border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);background:var(--color-surface-2);transition:border-color .15s,box-shadow .15s}.lc-drp__field:hover:not(.lc-drp__field--disabled){border-color:var(--color-text-secondary)}.lc-drp__field:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent)}.lc-drp__field--disabled{opacity:.6;background:var(--color-surface-muted)}.lc-drp__trigger{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:none;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.lc-drp__trigger:focus{outline:none}.lc-drp__trigger--disabled,.lc-drp__trigger:disabled{cursor:not-allowed}.lc-drp__icon{flex-shrink:0;color:var(--color-text-tertiary);display:inline-flex}.lc-drp__value{flex:1;min-width:0;font-size:var(--typography-font-size-sm, .875rem);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-drp__value--placeholder{color:var(--color-text-tertiary)}.lc-drp__clear{border:none;background:none;padding:0 8px;cursor:pointer;font-size:16px;color:var(--color-text-tertiary);border-radius:inherit}.lc-drp__clear:hover{color:var(--color-text-secondary)}.lc-drp__clear:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-drp__dropdown{position:absolute;z-index:100;top:100%;left:0;margin-top:4px;padding:12px;background-color:var(--color-surface);background-image:var(--gradient-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--elevation-4);width:280px}.lc-drp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lc-drp__nav{width:28px;height:28px;border:none;border-radius:var(--border-radius-sm);background:transparent;cursor:pointer;font-size:18px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.lc-drp__nav:hover{background:var(--color-surface-hover)}.lc-drp__nav:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0}.lc-drp__month{font-size:var(--typography-font-size-sm, .875rem);font-weight:600;color:var(--color-text-primary)}.lc-drp__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:4px}.lc-drp__weekday{text-align:center;font-size:.6875rem;font-weight:600;color:var(--color-text-tertiary);padding:4px}.lc-drp__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.lc-drp__day{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;font-size:.75rem;border-radius:var(--border-radius-sm);color:var(--color-text-primary);transition:all .1s}.lc-drp__day:hover:not(:disabled){background:var(--color-surface-hover)}.lc-drp__day:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px;z-index:1}.lc-drp__day--outside{color:var(--color-text-tertiary)}.lc-drp__day--disabled{color:var(--color-text-disabled);cursor:default}.lc-drp__day--today{font-weight:700;box-shadow:inset 0 -2px 0 var(--color-primary-500)}.lc-drp__day--start,.lc-drp__day--end{background:var(--color-primary-fill)!important;color:var(--color-on-primary)!important;font-weight:600}.lc-drp__day--in-range{background:var(--color-surface-selected);border-radius:0}.lc-drp__day--start{border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)}.lc-drp__day--end{border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.lc-drp__footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-divider)}.lc-drp__hint{font-size:.6875rem;color:var(--color-text-tertiary)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		triggerEl: [{
+			type: i0.ViewChild,
+			args: ["triggerEl", { isSignal: true }]
+		}],
+		panelEl: [{
+			type: i0.ViewChild,
+			args: ["panelEl", { isSignal: true }]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		minDate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minDate",
+				required: false
+			}]
+		}],
+		maxDate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxDate",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		clearAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clearAriaLabel",
+				required: false
+			}]
+		}],
+		previousMonthAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousMonthAriaLabel",
+				required: false
+			}]
+		}],
+		nextMonthAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextMonthAriaLabel",
+				required: false
+			}]
+		}],
+		rangeChange: [{
+			type: i0.Output,
+			args: ["rangeChange"]
+		}],
+		onKeydown: [{
+			type: HostListener,
+			args: ["keydown", ["$event"]]
+		}],
+		onDocumentClick: [{
+			type: HostListener,
+			args: ["document:click", ["$event"]]
+		}]
+	}
+});
+export { DateRangePickerComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-date-range-picker.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-date-range-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-date-range-picker.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/date-range-picker/date-range-picker.component.ts","../../../../libs/angular-ui-kit/src/lib/date-range-picker/date-range-picker.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  afterRenderEffect,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\n\nexport interface DateRange {\n  start: Date | null;\n  end: Date | null;\n}\n\n/** Monday..Sunday of a known week — only used to derive localised weekday names */\nconst REFERENCE_WEEK = Array.from({ length: 7 }, (_, i) => new Date(2024, 0, 1 + i));\n\n@Component({\n  selector: 'lc-date-range-picker',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './date-range-picker.component.html',\n  styleUrls: ['./date-range-picker.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DateRangePickerComponent),\n      multi: true,\n    },\n  ],\n})\nexport class DateRangePickerComponent implements ControlValueAccessor {\n  private static nextId = 0;\n\n  /** Per-instance ids for label ↔ trigger ↔ panel ARIA wiring */\n  readonly triggerId = `lc-drp-${++DateRangePickerComponent.nextId}`;\n  readonly labelId = `${this.triggerId}-label`;\n  readonly valueId = `${this.triggerId}-value`;\n  readonly panelId = `${this.triggerId}-panel`;\n\n  private readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly triggerEl = viewChild<ElementRef<HTMLButtonElement>>('triggerEl');\n  private readonly panelEl = viewChild<ElementRef<HTMLElement>>('panelEl');\n\n  readonly label = input('');\n  readonly placeholder = input('Select date range');\n  readonly disabled = input(false);\n  readonly minDate = input<Date | null>(null);\n  readonly maxDate = input<Date | null>(null);\n  /** BCP 47 locale for the displayed dates, month title and weekday headers */\n  readonly locale = input('de-DE');\n\n  /** Accessible name of the clear button. */\n  readonly clearAriaLabel = input('Clear');\n\n  /** Accessible name of the previous-month button. */\n  readonly previousMonthAriaLabel = input('Previous month');\n\n  /** Accessible name of the next-month button. */\n  readonly nextMonthAriaLabel = input('Next month');\n\n  readonly rangeChange = output<DateRange>();\n\n  protected isOpen = signal(false);\n  protected range = signal<DateRange>({ start: null, end: null });\n  protected selecting = signal<'start' | 'end'>('start');\n  protected hoveredDate = signal<Date | null>(null);\n  protected viewingMonth = signal(new Date());\n\n  /** Disabled via `setDisabledState` (reactive forms) */\n  private readonly formDisabled = signal(false);\n\n  /** Effective disabled state: `disabled` input OR form control disabled */\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n\n  private onChange: (val: DateRange) => void = () => { /* set by registerOnChange */ };\n  private onTouched: () => void = () => { /* set by registerOnTouched */ };\n\n  protected readonly displayValue = computed(() => {\n    const r = this.range();\n    if (!r.start) return '';\n    const locale = this.locale();\n    const fmt = (d: Date) => d.toLocaleDateString(locale, { day: '2-digit', month: '2-digit', year: 'numeric' });\n    if (!r.end) return fmt(r.start) + ' – …';\n    return `${fmt(r.start)} – ${fmt(r.end)}`;\n  });\n\n  protected readonly monthLabel = computed(() => {\n    const d = this.viewingMonth();\n    return d.toLocaleDateString(this.locale(), { month: 'long', year: 'numeric' });\n  });\n\n  /** Monday-first weekday headers in the configured locale (e.g. Mo…So / Mon…Sun) */\n  protected readonly weekdays = computed(() => {\n    const locale = this.locale();\n    // some ICU builds abbreviate with a trailing period (\"Mo.\") — keep the compact form\n    return REFERENCE_WEEK.map((d) => d.toLocaleDateString(locale, { weekday: 'short' }).replace(/\\.$/, ''));\n  });\n\n  protected readonly calendarDays = computed(() => {\n    const viewing = this.viewingMonth();\n    const locale = this.locale();\n    const year = viewing.getFullYear();\n    const month = viewing.getMonth();\n    const firstDay = new Date(year, month, 1);\n    const lastDay = new Date(year, month + 1, 0);\n\n    let startDow = firstDay.getDay();\n    if (startDow === 0) startDow = 7; // Monday = 1\n    const prefixDays = startDow - 1;\n\n    const days: { date: Date; inMonth: boolean; disabled: boolean; ariaLabel: string }[] = [];\n    const push = (date: Date, inMonth: boolean) =>\n      days.push({\n        date,\n        inMonth,\n        disabled: this.isDateDisabled(date),\n        ariaLabel: date.toLocaleDateString(locale, { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }),\n      });\n\n    for (let i = prefixDays; i > 0; i--) {\n      push(new Date(year, month, 1 - i), false);\n    }\n\n    for (let d = 1; d <= lastDay.getDate(); d++) {\n      push(new Date(year, month, d), true);\n    }\n\n    const remaining = 42 - days.length;\n    for (let i = 1; i <= remaining; i++) {\n      push(new Date(year, month + 1, i), false);\n    }\n\n    return days;\n  });\n\n  constructor() {\n    // Move focus into the panel once it is rendered so keyboard users land on\n    // the calendar instead of having to tab through the trigger's siblings.\n    afterRenderEffect(() => {\n      if (!this.isOpen()) return;\n      untracked(() => {\n        const panel = this.panelEl()?.nativeElement;\n        if (!panel || panel.contains(document.activeElement)) return;\n        const target =\n          panel.querySelector<HTMLButtonElement>('.lc-drp__day--start:not(:disabled)') ??\n          panel.querySelector<HTMLButtonElement>('.lc-drp__day--today:not(:disabled)') ??\n          panel.querySelector<HTMLButtonElement>('.lc-drp__day:not(.lc-drp__day--outside):not(:disabled)');\n        target?.focus();\n      });\n    });\n  }\n\n  writeValue(value: DateRange | null): void {\n    this.range.set(value ?? { start: null, end: null });\n    if (value?.start) {\n      this.viewingMonth.set(new Date(value.start.getFullYear(), value.start.getMonth(), 1));\n    }\n  }\n\n  registerOnChange(fn: (val: DateRange) => void): void { this.onChange = fn; }\n  registerOnTouched(fn: () => void): void { this.onTouched = fn; }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n    if (isDisabled) this.isOpen.set(false);\n  }\n\n  protected toggle(): void {\n    if (this.isDisabled()) return;\n    if (this.isOpen()) {\n      this.close();\n      return;\n    }\n    this.selecting.set('start');\n    this.hoveredDate.set(null);\n    this.isOpen.set(true);\n  }\n\n  protected close(): void {\n    if (!this.isOpen()) return;\n    this.isOpen.set(false);\n    this.onTouched();\n    // Return focus to the trigger when it was inside the (now removed) panel\n    if (this.elRef.nativeElement.contains(document.activeElement)) {\n      this.triggerEl()?.nativeElement.focus();\n    }\n  }\n\n  /** Escape (from the trigger or anywhere in the panel) closes the picker */\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && this.isOpen()) {\n      this.close();\n      // consumed here — an enclosing modal/drawer must not close as well\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  }\n\n  @HostListener('document:click', ['$event'])\n  protected onDocumentClick(event: MouseEvent): void {\n    if (this.isOpen() && !this.elRef.nativeElement.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  protected prevMonth(): void {\n    this.viewingMonth.update(d => new Date(d.getFullYear(), d.getMonth() - 1, 1));\n  }\n\n  protected nextMonth(): void {\n    this.viewingMonth.update(d => new Date(d.getFullYear(), d.getMonth() + 1, 1));\n  }\n\n  protected selectDate(date: Date): void {\n    if (this.isDateDisabled(date)) return;\n\n    const current = this.range();\n    if (this.selecting() === 'start') {\n      this.range.set({ start: date, end: null });\n      this.selecting.set('end');\n    } else {\n      if (date < current.start!) {\n        this.range.set({ start: date, end: current.start });\n      } else {\n        this.range.set({ start: current.start, end: date });\n      }\n      this.selecting.set('start');\n      this.emitRange();\n      this.close();\n    }\n  }\n\n  protected onDayHover(date: Date): void {\n    if (this.selecting() === 'end') {\n      this.hoveredDate.set(date);\n    }\n  }\n\n  protected isStart(date: Date): boolean {\n    return this.sameDay(date, this.range().start);\n  }\n\n  protected isEnd(date: Date): boolean {\n    return this.sameDay(date, this.range().end);\n  }\n\n  protected isInRange(date: Date): boolean {\n    const r = this.range();\n    if (!r.start) return false;\n    const end = r.end || this.hoveredDate();\n    if (!end) return false;\n    const s = Math.min(r.start.getTime(), end.getTime());\n    const e = Math.max(r.start.getTime(), end.getTime());\n    const t = date.getTime();\n    return t > s && t < e;\n  }\n\n  protected isToday(date: Date): boolean {\n    return this.sameDay(date, new Date());\n  }\n\n  protected clearRange(event: Event): void {\n    event.stopPropagation();\n    if (this.isDisabled()) return;\n    this.range.set({ start: null, end: null });\n    const r = { start: null, end: null };\n    this.onChange(r);\n    this.rangeChange.emit(r);\n  }\n\n  /** min/max are compared by calendar day — `minDate = new Date()` keeps today selectable */\n  private isDateDisabled(date: Date): boolean {\n    const min = this.minDate();\n    const max = this.maxDate();\n    const day = this.dayStamp(date);\n    if (min && day < this.dayStamp(min)) return true;\n    if (max && day > this.dayStamp(max)) return true;\n    return false;\n  }\n\n  private dayStamp(d: Date): number {\n    return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n  }\n\n  private sameDay(a: Date | null, b: Date | null): boolean {\n    if (!a || !b) return false;\n    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n  }\n\n  private emitRange(): void {\n    const r = this.range();\n    this.onChange(r);\n    this.rangeChange.emit(r);\n  }\n}\n","@if (label()) {\n  <label class=\"lc-drp__label\" [id]=\"labelId\" [for]=\"triggerId\">{{ label() }}</label>\n}\n\n<!-- The clear button must not be nested inside the trigger button, so the\n     bordered \"field\" wraps both. -->\n<div class=\"lc-drp__field\" [class.lc-drp__field--disabled]=\"isDisabled()\">\n  <button\n    #triggerEl\n    type=\"button\"\n    class=\"lc-drp__trigger\"\n    [id]=\"triggerId\"\n    [class.lc-drp__trigger--disabled]=\"isDisabled()\"\n    [disabled]=\"isDisabled()\"\n    aria-haspopup=\"dialog\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-controls]=\"isOpen() ? panelId : null\"\n    [attr.aria-labelledby]=\"label() ? labelId + ' ' + valueId : null\"\n    (click)=\"toggle()\"\n  >\n    <lc-icon class=\"lc-drp__icon\" name=\"calendar\" size=\"sm\" [decorative]=\"true\" />\n    <span class=\"lc-drp__value\" [id]=\"valueId\" [class.lc-drp__value--placeholder]=\"!displayValue()\">\n      {{ displayValue() || placeholder() }}\n    </span>\n  </button>\n  @if (displayValue() && !isDisabled()) {\n    <button type=\"button\" class=\"lc-drp__clear\" (click)=\"clearRange($event)\" [attr.aria-label]=\"clearAriaLabel()\">×</button>\n  }\n</div>\n\n@if (isOpen()) {\n  <div\n    #panelEl\n    class=\"lc-drp__dropdown\"\n    role=\"dialog\"\n    [id]=\"panelId\"\n    [attr.aria-label]=\"label() || placeholder()\"\n  >\n    <div class=\"lc-drp__header\">\n      <button type=\"button\" class=\"lc-drp__nav\" [attr.aria-label]=\"previousMonthAriaLabel()\" (click)=\"prevMonth()\">‹</button>\n      <span class=\"lc-drp__month\" aria-live=\"polite\">{{ monthLabel() }}</span>\n      <button type=\"button\" class=\"lc-drp__nav\" [attr.aria-label]=\"nextMonthAriaLabel()\" (click)=\"nextMonth()\">›</button>\n    </div>\n\n    <div class=\"lc-drp__weekdays\" aria-hidden=\"true\">\n      @for (wd of weekdays(); track $index) {\n        <span class=\"lc-drp__weekday\">{{ wd }}</span>\n      }\n    </div>\n\n    <div class=\"lc-drp__grid\">\n      @for (day of calendarDays(); track day.date.getTime()) {\n        <button\n          type=\"button\"\n          class=\"lc-drp__day\"\n          [class.lc-drp__day--outside]=\"!day.inMonth\"\n          [class.lc-drp__day--disabled]=\"day.disabled\"\n          [class.lc-drp__day--today]=\"isToday(day.date)\"\n          [class.lc-drp__day--start]=\"isStart(day.date)\"\n          [class.lc-drp__day--end]=\"isEnd(day.date)\"\n          [class.lc-drp__day--in-range]=\"isInRange(day.date)\"\n          [disabled]=\"day.disabled\"\n          [attr.aria-label]=\"day.ariaLabel\"\n          [attr.aria-pressed]=\"isStart(day.date) || isEnd(day.date)\"\n          (click)=\"selectDate(day.date)\"\n          (mouseenter)=\"onDayHover(day.date)\"\n        >{{ day.date.getDate() }}</button>\n      }\n    </div>\n\n    <div class=\"lc-drp__footer\">\n      <span class=\"lc-drp__hint\" aria-live=\"polite\">\n        @if (selecting() === 'start') { Select start date }\n        @else { Select end date }\n      </span>\n    </div>\n  </div>\n}\n"],"mappings":"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"}