@area8975/ui 0.2.2-dev.49 → 0.2.2-dev.50

package/fesm2022/area8975-ui-calendar.mjs

@@ -0,0 +1,549 @@
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { Component, Directive, ElementRef, Injector, TemplateRef, afterNextRender, computed, contentChild, effect, inject, input, linkedSignal, model, output, signal } from "@angular/core";
+import { SelectLocalDataSource, UiSelectComponent } from "@area8975/ui/select";
+import { NgIcon, provideIcons } from "@ng-icons/core";
+import { heroChevronLeft, heroChevronRight } from "@ng-icons/heroicons/outline";
+var UiCalendarDayDirective = class UiCalendarDayDirective {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: UiCalendarDayDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: UiCalendarDayDirective,
+		isStandalone: true,
+		selector: "ng-template[uiCalendarDay]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: UiCalendarDayDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[uiCalendarDay]" }]
+	}]
+});
+const ISO_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
+const TIME_PATTERN = /^([01]\d|2[0-3]):([0-5]\d)$/;
+function toIsoDate(date) {
+	return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+}
+function parseIsoDate(value) {
+	const match = value ? ISO_PATTERN.exec(value) : null;
+	if (!match) return null;
+	const [, year, month, day] = match.map(Number);
+	const date = new Date(year, month - 1, day);
+	return date.getMonth() === month - 1 ? date : null;
+}
+function addDays(date, days) {
+	return new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);
+}
+function addMonths(date, months) {
+	const target = new Date(date.getFullYear(), date.getMonth() + months, 1);
+	const lastDay = daysInMonth(target.getFullYear(), target.getMonth());
+	target.setDate(Math.min(date.getDate(), lastDay));
+	return target;
+}
+function daysInMonth(year, month) {
+	return new Date(year, month + 1, 0).getDate();
+}
+function parseIsoDateTime(value) {
+	const date = parseIsoDate(value?.slice(0, 10));
+	const time = parseTime(value?.slice(11, 16));
+	if (date && time) date.setHours(time.hours, time.minutes);
+	return date;
+}
+function parseTime(value) {
+	const match = value ? TIME_PATTERN.exec(value) : null;
+	return match ? {
+		hours: Number(match[1]),
+		minutes: Number(match[2])
+	} : null;
+}
+function toTime(hours, minutes) {
+	return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}`;
+}
+const GRID_DAYS = 42;
+const YEARS_BACK = 100;
+const YEARS_FORWARD = 10;
+var UiCalendarComponent = class UiCalendarComponent {
+	host = inject(ElementRef);
+	injector = inject(Injector);
+	mode = input("single", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	range = model({
+		start: null,
+		end: null
+	}, ...ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []);
+	min = input(null, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(null, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	isDateDisabled = input(() => false, ...ngDevMode ? [{ debugName: "isDateDisabled" }] : /* istanbul ignore next */ []);
+	weekStart = input(1, ...ngDevMode ? [{ debugName: "weekStart" }] : /* istanbul ignore next */ []);
+	locale = input("en-GB", ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	dayClass = input(() => "", ...ngDevMode ? [{ debugName: "dayClass" }] : /* istanbul ignore next */ []);
+	hideSelection = input(false, ...ngDevMode ? [{ debugName: "hideSelection" }] : /* istanbul ignore next */ []);
+	dayClick = output();
+	monthChange = output();
+	dayTemplate = contentChild(UiCalendarDayDirective, ...ngDevMode ? [{ debugName: "dayTemplate" }] : /* istanbul ignore next */ []);
+	today = toIsoDate(/* @__PURE__ */ new Date());
+	anchorDate = computed(() => this.mode() === "range" ? this.range().start : this.value(), ...ngDevMode ? [{ debugName: "anchorDate" }] : /* istanbul ignore next */ []);
+	activeDate = linkedSignal(() => parseIsoDate(this.anchorDate()) ?? parseIsoDate(this.today), ...ngDevMode ? [{ debugName: "activeDate" }] : /* istanbul ignore next */ []);
+	hoveredDate = signal(null, ...ngDevMode ? [{ debugName: "hoveredDate" }] : /* istanbul ignore next */ []);
+	viewMonth = linkedSignal(() => this.activeDate().getMonth(), ...ngDevMode ? [{ debugName: "viewMonth" }] : /* istanbul ignore next */ []);
+	viewYear = linkedSignal(() => this.activeDate().getFullYear(), ...ngDevMode ? [{ debugName: "viewYear" }] : /* istanbul ignore next */ []);
+	monthNames = computed(() => {
+		const format = new Intl.DateTimeFormat(this.locale(), { month: "long" });
+		return Array.from({ length: 12 }, (_, month) => format.format(new Date(2026, month, 1)));
+	}, ...ngDevMode ? [{ debugName: "monthNames" }] : /* istanbul ignore next */ []);
+	weekdays = computed(() => {
+		const format = new Intl.DateTimeFormat(this.locale(), { weekday: "short" });
+		return Array.from({ length: 7 }, (_, index) => format.format(new Date(2026, 0, 4 + (this.weekStart() + index) % 7)).slice(0, 2));
+	}, ...ngDevMode ? [{ debugName: "weekdays" }] : /* istanbul ignore next */ []);
+	monthSource = computed(() => new SelectLocalDataSource(Array.from({ length: 12 }, (_, month) => month), () => true), ...ngDevMode ? [{ debugName: "monthSource" }] : /* istanbul ignore next */ []);
+	yearSource = computed(() => {
+		const current = (/* @__PURE__ */ new Date()).getFullYear();
+		const selected = parseIsoDate(this.anchorDate())?.getFullYear() ?? current;
+		const first = parseIsoDate(this.min())?.getFullYear() ?? Math.min(current - YEARS_BACK, selected);
+		const last = parseIsoDate(this.max())?.getFullYear() ?? Math.max(current + YEARS_FORWARD, selected);
+		const years = Array.from({ length: last - first + 1 }, (_, index) => last - index);
+		return new SelectLocalDataSource(years, () => true);
+	}, ...ngDevMode ? [{ debugName: "yearSource" }] : /* istanbul ignore next */ []);
+	displayMonth = (month) => this.monthNames()[month];
+	days = computed(() => {
+		const year = this.viewYear();
+		const month = this.viewMonth();
+		const { start, end, previewEnd } = this.rangeBounds();
+		const labelFormat = new Intl.DateTimeFormat(this.locale(), { dateStyle: "full" });
+		const first = new Date(year, month, 1);
+		const gridStart = addDays(first, -((first.getDay() - this.weekStart() + 7) % 7));
+		return Array.from({ length: GRID_DAYS }, (_, index) => {
+			const date = addDays(gridStart, index);
+			const iso = toIsoDate(date);
+			return {
+				iso,
+				day: date.getDate(),
+				label: labelFormat.format(date),
+				isOutside: date.getMonth() !== month,
+				isToday: iso === this.today,
+				isSelected: iso === start || iso === end,
+				isDisabled: this.isUnavailable(iso),
+				isInRange: !!start && !!previewEnd && iso > start && iso < previewEnd,
+				isRangeStart: !!previewEnd && iso === start && start !== previewEnd,
+				isRangeEnd: !!start && iso === previewEnd && start !== previewEnd,
+				className: this.dayClass()(iso)
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "days" }] : /* istanbul ignore next */ []);
+	view = computed(() => {
+		const days = this.days();
+		return {
+			month: toIsoDate(new Date(this.viewYear(), this.viewMonth(), 1)),
+			start: days[0].iso,
+			end: days[days.length - 1].iso
+		};
+	}, {
+		...ngDevMode ? { debugName: "view" } : /* istanbul ignore next */ {},
+		equal: (a, b) => a.month === b.month && a.start === b.start
+	});
+	rangeBounds = computed(() => {
+		if (this.hideSelection()) return {
+			start: null,
+			end: null,
+			previewEnd: null
+		};
+		if (this.mode() === "single") return {
+			start: this.value(),
+			end: null,
+			previewEnd: null
+		};
+		const { start, end } = this.range();
+		const hovered = this.hoveredDate();
+		return {
+			start,
+			end,
+			previewEnd: end ?? (!end && start && hovered && hovered > start ? hovered : null)
+		};
+	}, ...ngDevMode ? [{ debugName: "rangeBounds" }] : /* istanbul ignore next */ []);
+	tabbableDate = computed(() => {
+		const active = this.activeDate();
+		return toIsoDate(active.getFullYear() === this.viewYear() && active.getMonth() === this.viewMonth() ? active : new Date(this.viewYear(), this.viewMonth(), 1));
+	}, ...ngDevMode ? [{ debugName: "tabbableDate" }] : /* istanbul ignore next */ []);
+	canGoBack = computed(() => {
+		const min = this.min();
+		const lastOfPrevious = new Date(this.viewYear(), this.viewMonth(), 0);
+		return !min || toIsoDate(lastOfPrevious) >= min;
+	}, ...ngDevMode ? [{ debugName: "canGoBack" }] : /* istanbul ignore next */ []);
+	canGoForward = computed(() => {
+		const max = this.max();
+		const firstOfNext = new Date(this.viewYear(), this.viewMonth() + 1, 1);
+		return !max || toIsoDate(firstOfNext) <= max;
+	}, ...ngDevMode ? [{ debugName: "canGoForward" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => this.monthChange.emit(this.view()));
+	}
+	focusActiveDate() {
+		this.host.nativeElement.querySelector(`[data-date="${this.tabbableDate()}"]`)?.focus();
+	}
+	showMonth(offset) {
+		const target = new Date(this.viewYear(), this.viewMonth() + offset, 1);
+		this.viewYear.set(target.getFullYear());
+		this.viewMonth.set(target.getMonth());
+	}
+	select(day) {
+		if (day.isDisabled) return;
+		this.dayClick.emit(day.iso);
+		if (this.mode() === "single") {
+			this.value.set(day.iso);
+			return;
+		}
+		const { start, end } = this.range();
+		if (!start || end || day.iso < start) this.range.set({
+			start: day.iso,
+			end: null
+		});
+		else this.range.set({
+			start,
+			end: day.iso
+		});
+	}
+	preview(date) {
+		if (this.mode() === "range") this.hoveredDate.set(date);
+	}
+	handleKeydown(event) {
+		const current = parseIsoDate(this.tabbableDate());
+		const target = this.keyTarget(event, current);
+		if (!target) return;
+		event.preventDefault();
+		this.activeDate.set(target);
+		this.viewYear.set(target.getFullYear());
+		this.viewMonth.set(target.getMonth());
+		afterNextRender(() => this.focusActiveDate(), { injector: this.injector });
+	}
+	keyTarget(event, current) {
+		const dayOfWeek = (current.getDay() - this.weekStart() + 7) % 7;
+		switch (event.key) {
+			case "ArrowLeft": return addDays(current, -1);
+			case "ArrowRight": return addDays(current, 1);
+			case "ArrowUp": return addDays(current, -7);
+			case "ArrowDown": return addDays(current, 7);
+			case "Home": return addDays(current, -dayOfWeek);
+			case "End": return addDays(current, 6 - dayOfWeek);
+			case "PageUp": return addMonths(current, event.shiftKey ? -12 : -1);
+			case "PageDown": return addMonths(current, event.shiftKey ? 12 : 1);
+			default: return null;
+		}
+	}
+	isUnavailable(iso) {
+		const min = this.min();
+		const max = this.max();
+		return !!min && iso < min || !!max && iso > max || this.isDateDisabled()(iso);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: UiCalendarComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: UiCalendarComponent,
+		isStandalone: true,
+		selector: "ui-calendar",
+		inputs: {
+			mode: {
+				classPropertyName: "mode",
+				publicName: "mode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			range: {
+				classPropertyName: "range",
+				publicName: "range",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			isDateDisabled: {
+				classPropertyName: "isDateDisabled",
+				publicName: "isDateDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			weekStart: {
+				classPropertyName: "weekStart",
+				publicName: "weekStart",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dayClass: {
+				classPropertyName: "dayClass",
+				publicName: "dayClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideSelection: {
+				classPropertyName: "hideSelection",
+				publicName: "hideSelection",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			range: "rangeChange",
+			dayClick: "dayClick",
+			monthChange: "monthChange"
+		},
+		providers: [provideIcons({
+			heroChevronLeft,
+			heroChevronRight
+		})],
+		queries: [{
+			propertyName: "dayTemplate",
+			first: true,
+			predicate: UiCalendarDayDirective,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div class=\"ui-calendar-header\">\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Previous month\"\n        [disabled]=\"!canGoBack()\"\n        (click)=\"showMonth(-1)\"\n    >\n        <ng-icon name=\"heroChevronLeft\" class=\"shrink-0\" />\n    </button>\n\n    <div class=\"ui-calendar-selects\">\n        <ui-select\n            class=\"ui-calendar-month\"\n            [dataSource]=\"monthSource()\"\n            [displayWith]=\"displayMonth\"\n            [pageSize]=\"12\"\n            [(selectedItem)]=\"viewMonth\"\n        />\n        <ui-select\n            class=\"ui-calendar-year\"\n            [dataSource]=\"yearSource()\"\n            [pageSize]=\"500\"\n            [(selectedItem)]=\"viewYear\"\n        />\n    </div>\n\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Next month\"\n        [disabled]=\"!canGoForward()\"\n        (click)=\"showMonth(1)\"\n    >\n        <ng-icon name=\"heroChevronRight\" class=\"shrink-0\" />\n    </button>\n</div>\n\n<div class=\"ui-calendar-weekdays\" aria-hidden=\"true\">\n    @for (weekday of weekdays(); track $index) {\n        <span class=\"ui-calendar-weekday ui-text-caption\">{{ weekday }}</span>\n    }\n</div>\n\n<div class=\"ui-calendar-grid\" (mouseleave)=\"preview(null)\">\n    @for (day of days(); track day.iso) {\n        <button\n            type=\"button\"\n            class=\"ui-calendar-day ui-text-body-alt\"\n            [class]=\"day.className\"\n            [attr.data-date]=\"day.iso\"\n            [attr.data-outside]=\"day.isOutside ? '' : null\"\n            [attr.data-today]=\"day.isToday ? '' : null\"\n            [attr.data-in-range]=\"day.isInRange ? '' : null\"\n            [attr.data-range-start]=\"day.isRangeStart ? '' : null\"\n            [attr.data-range-end]=\"day.isRangeEnd ? '' : null\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            [attr.aria-pressed]=\"hideSelection() ? null : day.isSelected\"\n            [attr.aria-label]=\"day.label\"\n            [tabindex]=\"day.iso === tabbableDate() ? 0 : -1\"\n            [attr.aria-disabled]=\"day.isDisabled || null\"\n            (click)=\"select(day)\"\n            (keydown)=\"handleKeydown($event)\"\n            (mouseenter)=\"preview(day.iso)\"\n            (focus)=\"preview(day.iso)\"\n        >\n            @if (dayTemplate(); as dayTemplate) {\n                <ng-container\n                    [ngTemplateOutlet]=\"dayTemplate.template\"\n                    [ngTemplateOutletContext]=\"{ $implicit: day.iso, day }\"\n                />\n            } @else {\n                {{ day.day }}\n            }\n        </button>\n    }\n</div>\n",
+		styles: ["@layer properties;:host{display:inline-flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2)}.ui-calendar-header{display:flex;align-items:center;column-gap:var(--spacing, .25rem);padding-bottom:var(--spacing, .25rem)}.ui-calendar-selects{display:flex;min-width:0px;flex:1;column-gap:var(--spacing, .25rem)}.ui-calendar-month{min-width:0px;flex:1}.ui-calendar-year{width:calc(var(--spacing, .25rem) * 24);flex-shrink:0}.ui-calendar-nav{display:inline-flex;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));color:var(--foreground)}.ui-calendar-nav:focus{--tw-outline-style: none;outline-style:none}.ui-calendar-nav:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-nav:disabled{pointer-events:none}.ui-calendar-nav:disabled{opacity:50%}.ui-calendar-nav:hover,.ui-calendar-nav:focus-visible{background-color:var(--surface)}.ui-calendar-weekdays,.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,calc(var(--spacing, .25rem) * 10.5));justify-content:center}.ui-calendar-grid{row-gap:calc(var(--spacing, .25rem) * .5)}.ui-calendar-weekday{width:calc(var(--spacing, .25rem) * 10.5);padding-bottom:var(--spacing, .25rem);text-align:center;color:var(--muted-foreground-1)}.ui-calendar-day{position:relative;display:inline-flex;width:calc(var(--spacing, .25rem) * 10.5);height:calc(var(--spacing, .25rem) * 10.5);flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));border-style:var(--tw-border-style);border-width:1.5px;border-color:transparent;color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-calendar-day:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-day:focus-visible{--tw-outline-style: none;outline-style:none}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{border-color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-disabled]{cursor:not-allowed;text-decoration-line:line-through;opacity:40%}.ui-calendar-day[aria-disabled]:hover{border-color:transparent}.ui-calendar-day[aria-disabled]:hover{color:inherit}.ui-calendar-day[data-outside]{color:var(--muted-foreground)}.ui-calendar-day[data-today]{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-pressed=true]{border-color:var(--color-primary-600, var(--color-blue-600));background-color:var(--color-primary-600, var(--color-blue-600));color:var(--color-white, #fff)}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{border-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{background-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{color:var(--color-white, #fff)}.ui-calendar-day[data-in-range]{border-radius:0;background-color:var(--color-primary-100, var(--color-blue-100));color:var(--foreground)}.ui-calendar-day[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0}.ui-calendar-day[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0}.ui-calendar-day[data-range-end]:not([aria-pressed=true]){background-color:var(--color-primary-100, var(--color-blue-100))}.ui-calendar-day[data-in-range]:not(:nth-child(7n)),.ui-calendar-day[data-range-start]:not(:nth-child(7n)){--tw-shadow: 1px 0 0 var(--tw-shadow-color, var(--color-primary-100));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day[data-in-range]:nth-child(7n+1),.ui-calendar-day[data-range-end]:nth-child(7n+1){border-top-left-radius:var(--radius-full, calc(infinity * 1px));border-bottom-left-radius:var(--radius-full, calc(infinity * 1px))}.ui-calendar-day[data-in-range]:nth-child(7n),.ui-calendar-day[data-range-start]:nth-child(7n){border-top-right-radius:var(--radius-full, calc(infinity * 1px));border-bottom-right-radius:var(--radius-full, calc(infinity * 1px))}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: NgIcon,
+				selector: "ng-icon",
+				inputs: [
+					"name",
+					"svg",
+					"size",
+					"strokeWidth",
+					"color"
+				]
+			},
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: UiSelectComponent,
+				selector: "ui-select",
+				inputs: [
+					"placement",
+					"closeBehaviour",
+					"dataSource",
+					"placeholder",
+					"id",
+					"describedBy",
+					"pageSize",
+					"searchMode",
+					"disabled",
+					"validationState",
+					"clearable",
+					"clearLabel",
+					"creatable",
+					"createLabel",
+					"groupBy",
+					"scrollToSelected",
+					"multiple",
+					"multipleDisplay",
+					"counterAfter",
+					"counterLabel",
+					"compareWith",
+					"displayWith",
+					"selectedItem",
+					"selectedItems"
+				],
+				outputs: [
+					"validationStateChange",
+					"selectionChange",
+					"create",
+					"selectedItemChange",
+					"selectedItemsChange"
+				]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: UiCalendarComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-calendar",
+			imports: [
+				NgIcon,
+				NgTemplateOutlet,
+				UiSelectComponent
+			],
+			providers: [provideIcons({
+				heroChevronLeft,
+				heroChevronRight
+			})],
+			template: "<div class=\"ui-calendar-header\">\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Previous month\"\n        [disabled]=\"!canGoBack()\"\n        (click)=\"showMonth(-1)\"\n    >\n        <ng-icon name=\"heroChevronLeft\" class=\"shrink-0\" />\n    </button>\n\n    <div class=\"ui-calendar-selects\">\n        <ui-select\n            class=\"ui-calendar-month\"\n            [dataSource]=\"monthSource()\"\n            [displayWith]=\"displayMonth\"\n            [pageSize]=\"12\"\n            [(selectedItem)]=\"viewMonth\"\n        />\n        <ui-select\n            class=\"ui-calendar-year\"\n            [dataSource]=\"yearSource()\"\n            [pageSize]=\"500\"\n            [(selectedItem)]=\"viewYear\"\n        />\n    </div>\n\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Next month\"\n        [disabled]=\"!canGoForward()\"\n        (click)=\"showMonth(1)\"\n    >\n        <ng-icon name=\"heroChevronRight\" class=\"shrink-0\" />\n    </button>\n</div>\n\n<div class=\"ui-calendar-weekdays\" aria-hidden=\"true\">\n    @for (weekday of weekdays(); track $index) {\n        <span class=\"ui-calendar-weekday ui-text-caption\">{{ weekday }}</span>\n    }\n</div>\n\n<div class=\"ui-calendar-grid\" (mouseleave)=\"preview(null)\">\n    @for (day of days(); track day.iso) {\n        <button\n            type=\"button\"\n            class=\"ui-calendar-day ui-text-body-alt\"\n            [class]=\"day.className\"\n            [attr.data-date]=\"day.iso\"\n            [attr.data-outside]=\"day.isOutside ? '' : null\"\n            [attr.data-today]=\"day.isToday ? '' : null\"\n            [attr.data-in-range]=\"day.isInRange ? '' : null\"\n            [attr.data-range-start]=\"day.isRangeStart ? '' : null\"\n            [attr.data-range-end]=\"day.isRangeEnd ? '' : null\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            [attr.aria-pressed]=\"hideSelection() ? null : day.isSelected\"\n            [attr.aria-label]=\"day.label\"\n            [tabindex]=\"day.iso === tabbableDate() ? 0 : -1\"\n            [attr.aria-disabled]=\"day.isDisabled || null\"\n            (click)=\"select(day)\"\n            (keydown)=\"handleKeydown($event)\"\n            (mouseenter)=\"preview(day.iso)\"\n            (focus)=\"preview(day.iso)\"\n        >\n            @if (dayTemplate(); as dayTemplate) {\n                <ng-container\n                    [ngTemplateOutlet]=\"dayTemplate.template\"\n                    [ngTemplateOutletContext]=\"{ $implicit: day.iso, day }\"\n                />\n            } @else {\n                {{ day.day }}\n            }\n        </button>\n    }\n</div>\n",
+			styles: ["@layer properties;:host{display:inline-flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2)}.ui-calendar-header{display:flex;align-items:center;column-gap:var(--spacing, .25rem);padding-bottom:var(--spacing, .25rem)}.ui-calendar-selects{display:flex;min-width:0px;flex:1;column-gap:var(--spacing, .25rem)}.ui-calendar-month{min-width:0px;flex:1}.ui-calendar-year{width:calc(var(--spacing, .25rem) * 24);flex-shrink:0}.ui-calendar-nav{display:inline-flex;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));color:var(--foreground)}.ui-calendar-nav:focus{--tw-outline-style: none;outline-style:none}.ui-calendar-nav:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-nav:disabled{pointer-events:none}.ui-calendar-nav:disabled{opacity:50%}.ui-calendar-nav:hover,.ui-calendar-nav:focus-visible{background-color:var(--surface)}.ui-calendar-weekdays,.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,calc(var(--spacing, .25rem) * 10.5));justify-content:center}.ui-calendar-grid{row-gap:calc(var(--spacing, .25rem) * .5)}.ui-calendar-weekday{width:calc(var(--spacing, .25rem) * 10.5);padding-bottom:var(--spacing, .25rem);text-align:center;color:var(--muted-foreground-1)}.ui-calendar-day{position:relative;display:inline-flex;width:calc(var(--spacing, .25rem) * 10.5);height:calc(var(--spacing, .25rem) * 10.5);flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));border-style:var(--tw-border-style);border-width:1.5px;border-color:transparent;color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-calendar-day:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-day:focus-visible{--tw-outline-style: none;outline-style:none}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{border-color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-disabled]{cursor:not-allowed;text-decoration-line:line-through;opacity:40%}.ui-calendar-day[aria-disabled]:hover{border-color:transparent}.ui-calendar-day[aria-disabled]:hover{color:inherit}.ui-calendar-day[data-outside]{color:var(--muted-foreground)}.ui-calendar-day[data-today]{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-pressed=true]{border-color:var(--color-primary-600, var(--color-blue-600));background-color:var(--color-primary-600, var(--color-blue-600));color:var(--color-white, #fff)}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{border-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{background-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{color:var(--color-white, #fff)}.ui-calendar-day[data-in-range]{border-radius:0;background-color:var(--color-primary-100, var(--color-blue-100));color:var(--foreground)}.ui-calendar-day[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0}.ui-calendar-day[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0}.ui-calendar-day[data-range-end]:not([aria-pressed=true]){background-color:var(--color-primary-100, var(--color-blue-100))}.ui-calendar-day[data-in-range]:not(:nth-child(7n)),.ui-calendar-day[data-range-start]:not(:nth-child(7n)){--tw-shadow: 1px 0 0 var(--tw-shadow-color, var(--color-primary-100));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day[data-in-range]:nth-child(7n+1),.ui-calendar-day[data-range-end]:nth-child(7n+1){border-top-left-radius:var(--radius-full, calc(infinity * 1px));border-bottom-left-radius:var(--radius-full, calc(infinity * 1px))}.ui-calendar-day[data-in-range]:nth-child(7n),.ui-calendar-day[data-range-start]:nth-child(7n){border-top-right-radius:var(--radius-full, calc(infinity * 1px));border-bottom-right-radius:var(--radius-full, calc(infinity * 1px))}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		mode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mode",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		range: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "range",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["rangeChange"]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		isDateDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isDateDisabled",
+				required: false
+			}]
+		}],
+		weekStart: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "weekStart",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		dayClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dayClass",
+				required: false
+			}]
+		}],
+		hideSelection: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideSelection",
+				required: false
+			}]
+		}],
+		dayClick: [{
+			type: i0.Output,
+			args: ["dayClick"]
+		}],
+		monthChange: [{
+			type: i0.Output,
+			args: ["monthChange"]
+		}],
+		dayTemplate: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => UiCalendarDayDirective), { isSignal: true }]
+		}]
+	}
+});
+const WeekStarts = [0, 1];
+const CalendarModes = ["single", "range"];
+export { CalendarModes, UiCalendarComponent, UiCalendarDayDirective, WeekStarts, addDays, addMonths, daysInMonth, parseIsoDate, parseIsoDateTime, parseTime, toIsoDate, toTime };
+
+//# sourceMappingURL=area8975-ui-calendar.mjs.map

package/fesm2022/area8975-ui-calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area8975-ui-calendar.mjs","names":[],"sources":["../../../projects/ui/calendar/calendar.directives.ts","../../../projects/ui/calendar/calendar.utils.ts","../../../projects/ui/calendar/calendar.component.ts","../../../projects/ui/calendar/calendar.component.html","../../../projects/ui/calendar/calendar.types.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\nimport type { CalendarDayContext } from './calendar.types';\n\n\n/**\n * Draws each day's content in place of its number:\n * `<ng-template uiCalendarDay let-date let-day=\"day\">`.\n */\n@Directive({\n    selector: 'ng-template[uiCalendarDay]'\n})\nexport class UiCalendarDayDirective {\n    readonly template = inject<TemplateRef<CalendarDayContext>>(TemplateRef);\n}\n","import type { IsoDate, IsoDateTime } from './calendar.types';\n\n\nconst ISO_PATTERN = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst TIME_PATTERN = /^([01]\\d|2[0-3]):([0-5]\\d)$/;\n\n// dates are built from local parts so a timezone never shifts the day\nexport function toIsoDate(date: Date): IsoDate {\n    const year = date.getFullYear();\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const day = String(date.getDate()).padStart(2, '0');\n\n    return `${year}-${month}-${day}`;\n}\n\n/** Local midnight for an ISO date, or null when it isn't a real date. */\nexport function parseIsoDate(value: IsoDate | null | undefined): Date | null {\n    const match = value ? ISO_PATTERN.exec(value) : null;\n\n    if (!match) {\n        return null;\n    }\n\n    const [, year, month, day] = match.map(Number);\n    const date = new Date(year, month - 1, day);\n\n    // rejects things like 2026-02-31 rolling over into March\n    return date.getMonth() === month - 1 ? date : null;\n}\n\nexport function addDays(date: Date, days: number): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);\n}\n\n/** Moves by whole months, keeping the day where it can (31 Jan + 1 -> 28 Feb). */\nexport function addMonths(date: Date, months: number): Date {\n    const target = new Date(date.getFullYear(), date.getMonth() + months, 1);\n    const lastDay = daysInMonth(target.getFullYear(), target.getMonth());\n\n    target.setDate(Math.min(date.getDate(), lastDay));\n\n    return target;\n}\n\nexport function daysInMonth(year: number, month: number): number {\n    return new Date(year, month + 1, 0).getDate();\n}\n\n/** Local date and time for \"2026-09-29T14:30\", a date-only string gives midnight. */\nexport function parseIsoDateTime(\n    value: IsoDateTime | null | undefined\n): Date | null {\n    const date = parseIsoDate(value?.slice(0, 10));\n    const time = parseTime(value?.slice(11, 16));\n\n    if (date && time) {\n        date.setHours(time.hours, time.minutes);\n    }\n\n    return date;\n}\n\n/** \"14:30\" -> { hours: 14, minutes: 30 }, or null when it isn't a real time. */\nexport function parseTime(\n    value: string | null | undefined\n): { hours: number; minutes: number } | null {\n    const match = value ? TIME_PATTERN.exec(value) : null;\n\n    return match ? { hours: Number(match[1]), minutes: Number(match[2]) } : null;\n}\n\nexport function toTime(hours: number, minutes: number): string {\n    return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n    afterNextRender,\n    Component,\n    computed,\n    contentChild,\n    effect,\n    ElementRef,\n    inject,\n    Injector,\n    input,\n    linkedSignal,\n    model,\n    output,\n    signal\n} from '@angular/core';\n\nimport { UiSelectComponent } from '@area8975/ui/select';\nimport { SelectLocalDataSource } from '@area8975/ui/select';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { heroChevronLeft, heroChevronRight } from '@ng-icons/heroicons/outline';\n\nimport { UiCalendarDayDirective } from './calendar.directives';\nimport type {\n    CalendarDay,\n    CalendarMode,\n    CalendarView,\n    DateRange,\n    IsoDate,\n    WeekStart\n} from './calendar.types';\nimport { addDays, addMonths, parseIsoDate, toIsoDate } from './calendar.utils';\n\n\n// always six rows so the calendar doesn't jump in height between months\nconst GRID_DAYS = 42;\nconst YEARS_BACK = 100;\nconst YEARS_FORWARD = 10;\n\n@Component({\n    selector: 'ui-calendar',\n    templateUrl: './calendar.component.html',\n    styleUrl: './calendar.component.css',\n    imports: [NgIcon, NgTemplateOutlet, UiSelectComponent],\n    providers: [provideIcons({ heroChevronLeft, heroChevronRight })]\n})\nexport class UiCalendarComponent {\n    private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly injector = inject(Injector);\n\n    readonly mode = input<CalendarMode>('single');\n\n    /** The picked date in single mode. */\n    readonly value = model<IsoDate | null>(null);\n\n    /** The picked start and end in range mode. */\n    readonly range = model<DateRange>({ start: null, end: null });\n\n    readonly min = input<IsoDate | null>(null);\n    readonly max = input<IsoDate | null>(null);\n    readonly isDateDisabled = input<(date: IsoDate) => boolean>(() => false);\n\n    readonly weekStart = input<WeekStart>(1);\n    readonly locale = input<string>('en-GB');\n\n    /** Classes for a day, e.g. a tint. Signals it reads update the grid. */\n    readonly dayClass = input<(date: IsoDate) => string>(() => '');\n\n    /** Leaves picked days unmarked, for when a click does something other than pick. */\n    readonly hideSelection = input(false);\n\n    /** Every click on an available day, even one that's already picked. */\n    readonly dayClick = output<IsoDate>();\n\n    /** The month in view, on first render and whenever it changes. */\n    readonly monthChange = output<CalendarView>();\n\n    protected readonly dayTemplate = contentChild(UiCalendarDayDirective);\n\n    protected readonly today = toIsoDate(new Date());\n\n    // a string so picking a range end doesn't count as a change and jump the view\n    private readonly anchorDate = computed(() =>\n        this.mode() === 'range' ? this.range().start : this.value()\n    );\n\n    // the date keyboard focus sits on, follows the anchor until the user moves it\n    private readonly activeDate = linkedSignal(\n        () => parseIsoDate(this.anchorDate()) ?? parseIsoDate(this.today)!\n    );\n\n    // previews the end of a half picked range\n    private readonly hoveredDate = signal<IsoDate | null>(null);\n\n    protected readonly viewMonth = linkedSignal(() =>\n        this.activeDate().getMonth()\n    );\n    protected readonly viewYear = linkedSignal(() =>\n        this.activeDate().getFullYear()\n    );\n\n    protected readonly monthNames = computed(() => {\n        const format = new Intl.DateTimeFormat(this.locale(), {\n            month: 'long'\n        });\n\n        return Array.from(\n            { length: 12 },\n            (_, month) => format.format(new Date(2026, month, 1))\n        );\n    });\n\n    protected readonly weekdays = computed(() => {\n        const format = new Intl.DateTimeFormat(this.locale(), {\n            weekday: 'short'\n        });\n\n        // 4 Jan 2026 is a Sunday\n        return Array.from(\n            { length: 7 },\n            (_, index) =>\n                format.format(\n                    new Date(2026, 0, 4 + (this.weekStart() + index) % 7)\n                )\n                    .slice(0, 2)\n        );\n    });\n\n    protected readonly monthSource = computed(() =>\n        new SelectLocalDataSource(\n            Array.from({ length: 12 }, (_, month) => month),\n            () => true\n        )\n    );\n\n    protected readonly yearSource = computed(() => {\n        const current = new Date().getFullYear();\n        const selected = parseIsoDate(this.anchorDate())?.getFullYear() ??\n            current;\n        const first = parseIsoDate(this.min())?.getFullYear() ??\n            Math.min(current - YEARS_BACK, selected);\n        const last = parseIsoDate(this.max())?.getFullYear() ??\n            Math.max(current + YEARS_FORWARD, selected);\n\n        // newest first, recent years are what people usually want\n        const years = Array.from(\n            { length: last - first + 1 },\n            (_, index) => last - index\n        );\n\n        return new SelectLocalDataSource(years, () => true);\n    });\n\n    protected readonly displayMonth = (month: number) =>\n        this.monthNames()[month];\n\n    protected readonly days = computed<CalendarDay[]>(() => {\n        const year = this.viewYear();\n        const month = this.viewMonth();\n        const { start, end, previewEnd } = this.rangeBounds();\n        const labelFormat = new Intl.DateTimeFormat(this.locale(), {\n            dateStyle: 'full'\n        });\n\n        const first = new Date(year, month, 1);\n        const offset = (first.getDay() - this.weekStart() + 7) % 7;\n        const gridStart = addDays(first, -offset);\n\n        return Array.from({ length: GRID_DAYS }, (_, index) => {\n            const date = addDays(gridStart, index);\n            const iso = toIsoDate(date);\n\n            return {\n                iso,\n                day: date.getDate(),\n                label: labelFormat.format(date),\n                isOutside: date.getMonth() !== month,\n                isToday: iso === this.today,\n                isSelected: iso === start || iso === end,\n                isDisabled: this.isUnavailable(iso),\n                isInRange: !!start &&\n                    !!previewEnd &&\n                    iso > start &&\n                    iso < previewEnd,\n                isRangeStart: !!previewEnd &&\n                    iso === start &&\n                    start !== previewEnd,\n                isRangeEnd: !!start &&\n                    iso === previewEnd &&\n                    start !== previewEnd,\n                className: this.dayClass()(iso)\n            };\n        });\n    });\n\n    private readonly view = computed<CalendarView>(\n        () => {\n            const days = this.days();\n\n            return {\n                month: toIsoDate(\n                    new Date(this.viewYear(), this.viewMonth(), 1)\n                ),\n                start: days[0].iso,\n                end: days[days.length - 1].iso\n            };\n        },\n        // days() changes on every hover, only a new grid counts\n        { equal: (a, b) => a.month === b.month && a.start === b.start }\n    );\n\n    private readonly rangeBounds = computed(() => {\n        if (this.hideSelection()) {\n            return { start: null, end: null, previewEnd: null };\n        }\n\n        if (this.mode() === 'single') {\n            return { start: this.value(), end: null, previewEnd: null };\n        }\n\n        const { start, end } = this.range();\n        const hovered = this.hoveredDate();\n        const preview = !end && start && hovered && hovered > start\n            ? hovered\n            : null;\n\n        return { start, end, previewEnd: end ?? preview };\n    });\n\n    /** Only one day is tabbable, arrow keys move between the rest. */\n    protected readonly tabbableDate = computed(() => {\n        const active = this.activeDate();\n        const inView = active.getFullYear() === this.viewYear() &&\n            active.getMonth() === this.viewMonth();\n\n        return toIsoDate(\n            inView ? active : new Date(this.viewYear(), this.viewMonth(), 1)\n        );\n    });\n\n    protected readonly canGoBack = computed(() => {\n        const min = this.min();\n        const lastOfPrevious = new Date(this.viewYear(), this.viewMonth(), 0);\n\n        return !min || toIsoDate(lastOfPrevious) >= min;\n    });\n\n    protected readonly canGoForward = computed(() => {\n        const max = this.max();\n        const firstOfNext = new Date(this.viewYear(), this.viewMonth() + 1, 1);\n\n        return !max || toIsoDate(firstOfNext) <= max;\n    });\n\n    constructor() {\n        effect(() => this.monthChange.emit(this.view()));\n    }\n\n    /** Moves focus onto the active day, e.g. when a datepicker opens. */\n    focusActiveDate(): void {\n        this.host.nativeElement\n            .querySelector<HTMLButtonElement>(\n                `[data-date=\"${this.tabbableDate()}\"]`\n            )\n            ?.focus();\n    }\n\n    protected showMonth(offset: number): void {\n        const target = new Date(this.viewYear(), this.viewMonth() + offset, 1);\n\n        this.viewYear.set(target.getFullYear());\n        this.viewMonth.set(target.getMonth());\n    }\n\n    protected select(day: CalendarDay): void {\n        if (day.isDisabled) {\n            return;\n        }\n\n        this.dayClick.emit(day.iso);\n\n        if (this.mode() === 'single') {\n            this.value.set(day.iso);\n            return;\n        }\n\n        const { start, end } = this.range();\n\n        // a fresh click starts over, picking before the start moves the start\n        if (!start || end || day.iso < start) {\n            this.range.set({ start: day.iso, end: null });\n        } else {\n            this.range.set({ start, end: day.iso });\n        }\n    }\n\n    protected preview(date: IsoDate | null): void {\n        if (this.mode() === 'range') {\n            this.hoveredDate.set(date);\n        }\n    }\n\n    protected handleKeydown(event: KeyboardEvent): void {\n        const current = parseIsoDate(this.tabbableDate())!;\n        const target = this.keyTarget(event, current);\n\n        if (!target) {\n            return;\n        }\n\n        event.preventDefault();\n\n        this.activeDate.set(target);\n        this.viewYear.set(target.getFullYear());\n        this.viewMonth.set(target.getMonth());\n\n        afterNextRender(() => this.focusActiveDate(), {\n            injector: this.injector\n        });\n    }\n\n    private keyTarget(event: KeyboardEvent, current: Date): Date | null {\n        const dayOfWeek = (current.getDay() - this.weekStart() + 7) % 7;\n\n        switch (event.key) {\n            case 'ArrowLeft':\n                return addDays(current, -1);\n            case 'ArrowRight':\n                return addDays(current, 1);\n            case 'ArrowUp':\n                return addDays(current, -7);\n            case 'ArrowDown':\n                return addDays(current, 7);\n            case 'Home':\n                return addDays(current, -dayOfWeek);\n            case 'End':\n                return addDays(current, 6 - dayOfWeek);\n            case 'PageUp':\n                return addMonths(current, event.shiftKey ? -12 : -1);\n            case 'PageDown':\n                return addMonths(current, event.shiftKey ? 12 : 1);\n            default:\n                return null;\n        }\n    }\n\n    private isUnavailable(iso: IsoDate): boolean {\n        const min = this.min();\n        const max = this.max();\n\n        // ISO dates sort the same as strings\n        return (!!min && iso < min) ||\n            (!!max && iso > max) ||\n            this.isDateDisabled()(iso);\n    }\n}\n","<div class=\"ui-calendar-header\">\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Previous month\"\n        [disabled]=\"!canGoBack()\"\n        (click)=\"showMonth(-1)\"\n    >\n        <ng-icon name=\"heroChevronLeft\" class=\"shrink-0\" />\n    </button>\n\n    <div class=\"ui-calendar-selects\">\n        <ui-select\n            class=\"ui-calendar-month\"\n            [dataSource]=\"monthSource()\"\n            [displayWith]=\"displayMonth\"\n            [pageSize]=\"12\"\n            [(selectedItem)]=\"viewMonth\"\n        />\n        <ui-select\n            class=\"ui-calendar-year\"\n            [dataSource]=\"yearSource()\"\n            [pageSize]=\"500\"\n            [(selectedItem)]=\"viewYear\"\n        />\n    </div>\n\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Next month\"\n        [disabled]=\"!canGoForward()\"\n        (click)=\"showMonth(1)\"\n    >\n        <ng-icon name=\"heroChevronRight\" class=\"shrink-0\" />\n    </button>\n</div>\n\n<div class=\"ui-calendar-weekdays\" aria-hidden=\"true\">\n    @for (weekday of weekdays(); track $index) {\n        <span class=\"ui-calendar-weekday ui-text-caption\">{{ weekday }}</span>\n    }\n</div>\n\n<div class=\"ui-calendar-grid\" (mouseleave)=\"preview(null)\">\n    @for (day of days(); track day.iso) {\n        <button\n            type=\"button\"\n            class=\"ui-calendar-day ui-text-body-alt\"\n            [class]=\"day.className\"\n            [attr.data-date]=\"day.iso\"\n            [attr.data-outside]=\"day.isOutside ? '' : null\"\n            [attr.data-today]=\"day.isToday ? '' : null\"\n            [attr.data-in-range]=\"day.isInRange ? '' : null\"\n            [attr.data-range-start]=\"day.isRangeStart ? '' : null\"\n            [attr.data-range-end]=\"day.isRangeEnd ? '' : null\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            [attr.aria-pressed]=\"hideSelection() ? null : day.isSelected\"\n            [attr.aria-label]=\"day.label\"\n            [tabindex]=\"day.iso === tabbableDate() ? 0 : -1\"\n            [attr.aria-disabled]=\"day.isDisabled || null\"\n            (click)=\"select(day)\"\n            (keydown)=\"handleKeydown($event)\"\n            (mouseenter)=\"preview(day.iso)\"\n            (focus)=\"preview(day.iso)\"\n        >\n            @if (dayTemplate(); as dayTemplate) {\n                <ng-container\n                    [ngTemplateOutlet]=\"dayTemplate.template\"\n                    [ngTemplateOutletContext]=\"{ $implicit: day.iso, day }\"\n                />\n            } @else {\n                {{ day.day }}\n            }\n        </button>\n    }\n</div>\n","/** Which day each calendar row starts on. 0 is Sunday, 1 is Monday. */\nexport const WeekStarts = [0, 1] as const;\n\n/** @see {@link WeekStarts} */\nexport type WeekStart = typeof WeekStarts[number];\n\n/** A date-only ISO string, e.g. \"2026-09-29\". */\nexport type IsoDate = string;\n\nexport interface CalendarDay {\n    iso: IsoDate;\n    day: number;\n    label: string;\n    isOutside: boolean;\n    isToday: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    isInRange: boolean;\n    isRangeStart: boolean;\n    isRangeEnd: boolean;\n    /** Extra classes from the calendar's `dayClass`. */\n    className: string;\n}\n\n/** The month a calendar shows, for loading what its days need. */\nexport interface CalendarView {\n    /** First of the month, e.g. \"2026-11-01\". */\n    month: IsoDate;\n    /** First and last day in the grid, including days from the months either side. */\n    start: IsoDate;\n    end: IsoDate;\n}\n\nexport interface CalendarDayContext {\n    $implicit: IsoDate;\n    day: CalendarDay;\n}\n\n/** A local date and time ISO string, e.g. \"2026-09-29T14:30\". */\nexport type IsoDateTime = string;\n\n/** Whether a calendar picks one date or a start and end. */\nexport const CalendarModes = ['single', 'range'] as const;\n\n/** @see {@link CalendarModes} */\nexport type CalendarMode = typeof CalendarModes[number];\n\nexport interface DateRange {\n    start: IsoDate | null;\n    end: IsoDate | null;\n}\n"],"mappings":"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"}