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

package/fesm2022/area8975-ui-date-range-picker.mjs

@@ -0,0 +1,554 @@
+import * as i0 from "@angular/core";
+import { Component, ElementRef, Injector, afterNextRender, booleanAttribute, computed, inject, input, model, signal, viewChild } from "@angular/core";
+import { UiCalendarComponent, addDays, parseIsoDate, toIsoDate } from "@area8975/ui/calendar";
+import { UiDropdownComponent, UiDropdownDirective } from "@area8975/ui/dropdown";
+import { UiInputComponent } from "@area8975/ui/input";
+import { NgIcon, provideIcons } from "@ng-icons/core";
+import { heroCalendarDateRange, heroXMark } from "@ng-icons/heroicons/outline";
+const OPEN_KEYS = [
+	"Enter",
+	" ",
+	"ArrowDown"
+];
+var UiDateRangePickerComponent = class UiDateRangePickerComponent {
+	host = inject(ElementRef);
+	injector = inject(Injector);
+	value = model({
+		start: null,
+		end: null
+	}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	id = input("", ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	placeholder = input("Select dates", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	clearable = input(true, {
+		...ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	validationState = input(null, ...ngDevMode ? [{ debugName: "validationState" }] : /* istanbul ignore next */ []);
+	describedBy = input("", ...ngDevMode ? [{ debugName: "describedBy" }] : /* 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 */ []);
+	format = input({ dateStyle: "medium" }, ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
+	presets = input([], ...ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []);
+	isOpen = signal(false, ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
+	calendar = viewChild(UiCalendarComponent, ...ngDevMode ? [{ debugName: "calendar" }] : /* istanbul ignore next */ []);
+	hasValue = computed(() => !!this.value().start, ...ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []);
+	presetRanges = computed(() => this.isOpen() ? this.presets().map((preset) => this.clamp(preset.range())) : [], ...ngDevMode ? [{ debugName: "presetRanges" }] : /* istanbul ignore next */ []);
+	activePreset = computed(() => {
+		const { start, end } = this.value();
+		return this.presetRanges().findIndex((range) => range.start === start && range.end === end);
+	}, ...ngDevMode ? [{ debugName: "activePreset" }] : /* istanbul ignore next */ []);
+	display = computed(() => {
+		const start = parseIsoDate(this.value().start);
+		const end = parseIsoDate(this.value().end);
+		const format = new Intl.DateTimeFormat(this.locale(), this.format());
+		if (!start) return "";
+		return end ? format.formatRange(start, end) : `${format.format(start)} – …`;
+	}, ...ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []);
+	toggle() {
+		if (!this.disabled()) this.isOpen.update((open) => !open);
+	}
+	handleInputKeydown(event) {
+		if (this.disabled() || !OPEN_KEYS.includes(event.key)) return;
+		event.preventDefault();
+		this.isOpen.set(true);
+		afterNextRender(() => this.calendar()?.focusActiveDate(), { injector: this.injector });
+	}
+	handleRange(range) {
+		if (range.start && range.end) {
+			this.isOpen.set(false);
+			this.focusInput();
+		}
+	}
+	choosePreset(preset) {
+		this.value.set(this.clamp(preset.range()));
+		this.isOpen.set(false);
+		this.focusInput();
+	}
+	handlePanelKeydown(event) {
+		if (event.key === "Escape") this.focusInput();
+	}
+	clear(event) {
+		event.stopPropagation();
+		this.value.set({
+			start: null,
+			end: null
+		});
+		this.focusInput();
+	}
+	clamp({ start, end }) {
+		const min = this.min();
+		const max = this.max();
+		return {
+			start: start && min && start < min ? min : start,
+			end: end && max && end > max ? max : end
+		};
+	}
+	focusInput() {
+		this.host.nativeElement.querySelector("input")?.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: UiDateRangePickerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: UiDateRangePickerComponent,
+		isStandalone: true,
+		selector: "ui-date-range-picker",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				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
+			},
+			clearable: {
+				classPropertyName: "clearable",
+				publicName: "clearable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			validationState: {
+				classPropertyName: "validationState",
+				publicName: "validationState",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			describedBy: {
+				classPropertyName: "describedBy",
+				publicName: "describedBy",
+				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
+			},
+			format: {
+				classPropertyName: "format",
+				publicName: "format",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			presets: {
+				classPropertyName: "presets",
+				publicName: "presets",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			properties: { "attr.id": "null" },
+			classAttribute: "block"
+		},
+		providers: [provideIcons({
+			heroCalendarDateRange,
+			heroXMark
+		})],
+		viewQueries: [{
+			propertyName: "calendar",
+			first: true,
+			predicate: UiCalendarComponent,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<ui-dropdown\n    [isOpen]=\"isOpen\"\n    placement=\"bottom-start\"\n    closeBehaviour=\"whenClickOutside\"\n    class=\"w-full\"\n>\n    <ui-input\n        [value]=\"display()\"\n        [id]=\"id()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled()\"\n        [describedBy]=\"describedBy()\"\n        [ariaExpanded]=\"isOpen()\"\n        ariaHasPopup=\"dialog\"\n        [validationState]=\"validationState()\"\n        classes=\"cursor-pointer\"\n        autocomplete=\"off\"\n        readonly\n        (click)=\"toggle()\"\n        (keydown)=\"handleInputKeydown($event)\"\n    >\n        <ng-template #leading>\n            <ng-icon\n                name=\"heroCalendarDateRange\"\n                class=\"ms-3 text-muted-foreground-1 shrink-0\"\n            />\n        </ng-template>\n\n        <ng-template #trailing>\n            @if (clearable() && hasValue() && !disabled()) {\n                <button\n                    type=\"button\"\n                    class=\"inline-flex justify-center items-center w-8 self-stretch text-muted-foreground-1 hover:text-foreground\"\n                    aria-label=\"Clear dates\"\n                    (click)=\"clear($event)\"\n                >\n                    <ng-icon name=\"heroXMark\" class=\"shrink-0\" />\n                </button>\n            }\n        </ng-template>\n    </ui-input>\n\n    @if (isOpen()) {\n        <div uiDropdownContent class=\"py-2\">\n            <div class=\"ui-date-range-panel\">\n                @if (presets().length) {\n                    <div class=\"ui-date-range-presets\" role=\"group\" aria-label=\"Quick ranges\">\n                        @for (preset of presets(); track preset.label; let index = $index) {\n                            <button\n                                type=\"button\"\n                                class=\"ui-date-range-preset ui-text-body-alt\"\n                                [attr.aria-pressed]=\"index === activePreset()\"\n                                (click)=\"choosePreset(preset)\"\n                                (keydown)=\"handlePanelKeydown($event)\"\n                            >\n                                {{ preset.label }}\n                            </button>\n                        }\n                    </div>\n                }\n\n                <ui-calendar\n                    class=\"p-3\"\n                    mode=\"range\"\n                    [(range)]=\"value\"\n                    [min]=\"min()\"\n                    [max]=\"max()\"\n                    [isDateDisabled]=\"isDateDisabled()\"\n                    [weekStart]=\"weekStart()\"\n                    [locale]=\"locale()\"\n                    (rangeChange)=\"handleRange($event)\"\n                    (keydown)=\"handlePanelKeydown($event)\"\n                />\n            </div>\n        </div>\n    }\n</ui-dropdown>\n",
+		styles: ["@layer properties;@layer components{:host{width:100%}}.ui-date-range-panel{display:flex;border-radius:var(--radius-xl, .75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-line-2);background-color:var(--layer);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-date-range-presets{display:flex;min-width:calc(var(--spacing, .25rem) * 36);flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:var(--border-line-2);padding:calc(var(--spacing, .25rem) * 2)}.ui-date-range-preset{border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);text-align:left;white-space:nowrap;color:var(--foreground)}.ui-date-range-preset:focus{--tw-outline-style: none;outline-style:none}.ui-date-range-preset: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-date-range-preset: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-date-range-preset:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-date-range-preset:hover,.ui-date-range-preset:focus-visible{background-color:var(--surface)}.ui-date-range-preset[aria-pressed=true]{background-color:var(--color-primary-50, var(--color-blue-50));color:var(--color-primary-700, var(--color-blue-700))}.ui-date-range-preset[aria-pressed=true]:hover,.ui-date-range-preset[aria-pressed=true]:focus-visible{background-color:var(--color-primary-100, var(--color-blue-100))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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;}@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-border-style: solid;--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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: UiInputComponent,
+				selector: "ui-input",
+				inputs: [
+					"value",
+					"classes",
+					"type",
+					"id",
+					"name",
+					"placeholder",
+					"autocomplete",
+					"inputmode",
+					"required",
+					"disabled",
+					"readonly",
+					"validationState",
+					"min",
+					"max",
+					"step",
+					"pattern",
+					"minlength",
+					"maxlength",
+					"autofocus",
+					"spellcheck",
+					"revealable",
+					"list",
+					"ariaLabel",
+					"describedBy",
+					"inputRole",
+					"ariaExpanded",
+					"ariaControls",
+					"ariaActiveDescendant",
+					"ariaAutocomplete",
+					"ariaHasPopup"
+				],
+				outputs: [
+					"valueChange",
+					"validationStateChange",
+					"focused",
+					"blurred"
+				]
+			},
+			{
+				kind: "component",
+				type: UiCalendarComponent,
+				selector: "ui-calendar",
+				inputs: [
+					"mode",
+					"value",
+					"range",
+					"min",
+					"max",
+					"isDateDisabled",
+					"weekStart",
+					"locale",
+					"dayClass",
+					"hideSelection"
+				],
+				outputs: [
+					"valueChange",
+					"rangeChange",
+					"dayClick",
+					"monthChange"
+				]
+			},
+			{
+				kind: "component",
+				type: UiDropdownComponent,
+				selector: "ui-dropdown",
+				inputs: [
+					"isOpen",
+					"placement",
+					"closeBehaviour",
+					"offset",
+					"viewportPadding",
+					"matchWidth"
+				],
+				exportAs: ["uiDropdown"]
+			},
+			{
+				kind: "directive",
+				type: UiDropdownDirective,
+				selector: "[uiDropdownContent]"
+			},
+			{
+				kind: "component",
+				type: NgIcon,
+				selector: "ng-icon",
+				inputs: [
+					"name",
+					"svg",
+					"size",
+					"strokeWidth",
+					"color"
+				]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: UiDateRangePickerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-date-range-picker",
+			imports: [
+				UiInputComponent,
+				UiCalendarComponent,
+				UiDropdownComponent,
+				UiDropdownDirective,
+				NgIcon
+			],
+			host: {
+				class: "block",
+				"[attr.id]": "null"
+			},
+			providers: [provideIcons({
+				heroCalendarDateRange,
+				heroXMark
+			})],
+			template: "<ui-dropdown\n    [isOpen]=\"isOpen\"\n    placement=\"bottom-start\"\n    closeBehaviour=\"whenClickOutside\"\n    class=\"w-full\"\n>\n    <ui-input\n        [value]=\"display()\"\n        [id]=\"id()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled()\"\n        [describedBy]=\"describedBy()\"\n        [ariaExpanded]=\"isOpen()\"\n        ariaHasPopup=\"dialog\"\n        [validationState]=\"validationState()\"\n        classes=\"cursor-pointer\"\n        autocomplete=\"off\"\n        readonly\n        (click)=\"toggle()\"\n        (keydown)=\"handleInputKeydown($event)\"\n    >\n        <ng-template #leading>\n            <ng-icon\n                name=\"heroCalendarDateRange\"\n                class=\"ms-3 text-muted-foreground-1 shrink-0\"\n            />\n        </ng-template>\n\n        <ng-template #trailing>\n            @if (clearable() && hasValue() && !disabled()) {\n                <button\n                    type=\"button\"\n                    class=\"inline-flex justify-center items-center w-8 self-stretch text-muted-foreground-1 hover:text-foreground\"\n                    aria-label=\"Clear dates\"\n                    (click)=\"clear($event)\"\n                >\n                    <ng-icon name=\"heroXMark\" class=\"shrink-0\" />\n                </button>\n            }\n        </ng-template>\n    </ui-input>\n\n    @if (isOpen()) {\n        <div uiDropdownContent class=\"py-2\">\n            <div class=\"ui-date-range-panel\">\n                @if (presets().length) {\n                    <div class=\"ui-date-range-presets\" role=\"group\" aria-label=\"Quick ranges\">\n                        @for (preset of presets(); track preset.label; let index = $index) {\n                            <button\n                                type=\"button\"\n                                class=\"ui-date-range-preset ui-text-body-alt\"\n                                [attr.aria-pressed]=\"index === activePreset()\"\n                                (click)=\"choosePreset(preset)\"\n                                (keydown)=\"handlePanelKeydown($event)\"\n                            >\n                                {{ preset.label }}\n                            </button>\n                        }\n                    </div>\n                }\n\n                <ui-calendar\n                    class=\"p-3\"\n                    mode=\"range\"\n                    [(range)]=\"value\"\n                    [min]=\"min()\"\n                    [max]=\"max()\"\n                    [isDateDisabled]=\"isDateDisabled()\"\n                    [weekStart]=\"weekStart()\"\n                    [locale]=\"locale()\"\n                    (rangeChange)=\"handleRange($event)\"\n                    (keydown)=\"handlePanelKeydown($event)\"\n                />\n            </div>\n        </div>\n    }\n</ui-dropdown>\n",
+			styles: ["@layer properties;@layer components{:host{width:100%}}.ui-date-range-panel{display:flex;border-radius:var(--radius-xl, .75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-line-2);background-color:var(--layer);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-date-range-presets{display:flex;min-width:calc(var(--spacing, .25rem) * 36);flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:var(--border-line-2);padding:calc(var(--spacing, .25rem) * 2)}.ui-date-range-preset{border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);text-align:left;white-space:nowrap;color:var(--foreground)}.ui-date-range-preset:focus{--tw-outline-style: none;outline-style:none}.ui-date-range-preset: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-date-range-preset: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-date-range-preset:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-date-range-preset:hover,.ui-date-range-preset:focus-visible{background-color:var(--surface)}.ui-date-range-preset[aria-pressed=true]{background-color:var(--color-primary-50, var(--color-blue-50));color:var(--color-primary-700, var(--color-blue-700))}.ui-date-range-preset[aria-pressed=true]:hover,.ui-date-range-preset[aria-pressed=true]:focus-visible{background-color:var(--color-primary-100, var(--color-blue-100))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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;}@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-border-style: solid;--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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		clearable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clearable",
+				required: false
+			}]
+		}],
+		validationState: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "validationState",
+				required: false
+			}]
+		}],
+		describedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "describedBy",
+				required: false
+			}]
+		}],
+		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
+			}]
+		}],
+		format: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "format",
+				required: false
+			}]
+		}],
+		presets: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "presets",
+				required: false
+			}]
+		}],
+		calendar: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => UiCalendarComponent), { isSignal: true }]
+		}]
+	}
+});
+const today = () => {
+	const now = /* @__PURE__ */ new Date();
+	return new Date(now.getFullYear(), now.getMonth(), now.getDate());
+};
+const between = (start, end) => ({
+	start: toIsoDate(start),
+	end: toIsoDate(end)
+});
+function todayPreset(label = "Today") {
+	return {
+		label,
+		range: () => between(today(), today())
+	};
+}
+function lastDaysPreset(days, label = `Last ${days} days`) {
+	return {
+		label,
+		range: () => between(addDays(today(), 1 - days), today())
+	};
+}
+function thisWeekPreset(weekStart = 1, label = "This week") {
+	return {
+		label,
+		range: () => {
+			const offset = (today().getDay() - weekStart + 7) % 7;
+			const start = addDays(today(), -offset);
+			return between(start, addDays(start, 6));
+		}
+	};
+}
+function monthPreset(offset = 0, label = offset ? "Last month" : "This month") {
+	return {
+		label,
+		range: () => {
+			const now = today();
+			return between(new Date(now.getFullYear(), now.getMonth() + offset, 1), new Date(now.getFullYear(), now.getMonth() + offset + 1, 0));
+		}
+	};
+}
+function yearPreset(offset = 0, label = offset ? "Last year" : "This year") {
+	return {
+		label,
+		range: () => {
+			const year = today().getFullYear() + offset;
+			return between(new Date(year, 0, 1), new Date(year, 11, 31));
+		}
+	};
+}
+function financialYearPreset(startMonth, startDay, offset = 0, label = offset ? "Last financial year" : "This financial year") {
+	return {
+		label,
+		range: () => {
+			const now = today();
+			const startYear = now >= new Date(now.getFullYear(), startMonth, startDay) ? now.getFullYear() : now.getFullYear() - 1;
+			const start = new Date(startYear + offset, startMonth, startDay);
+			const end = addDays(new Date(startYear + offset + 1, startMonth, startDay), -1);
+			return between(start, end);
+		}
+	};
+}
+function defaultDateRangePresets(weekStart = 1) {
+	return [
+		todayPreset(),
+		lastDaysPreset(7),
+		lastDaysPreset(30),
+		thisWeekPreset(weekStart),
+		monthPreset(0),
+		monthPreset(-1),
+		yearPreset(0),
+		yearPreset(-1)
+	];
+}
+export { UiDateRangePickerComponent, defaultDateRangePresets, financialYearPreset, lastDaysPreset, monthPreset, thisWeekPreset, todayPreset, yearPreset };
+
+//# sourceMappingURL=area8975-ui-date-range-picker.mjs.map

package/fesm2022/area8975-ui-date-range-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area8975-ui-date-range-picker.mjs","names":[],"sources":["../../../projects/ui/date-range-picker/date-range-picker.component.ts","../../../projects/ui/date-range-picker/date-range-picker.component.html","../../../projects/ui/date-range-picker/date-range-presets.ts"],"sourcesContent":["import {\n    afterNextRender,\n    booleanAttribute,\n    Component,\n    computed,\n    ElementRef,\n    inject,\n    Injector,\n    input,\n    model,\n    signal,\n    viewChild\n} from '@angular/core';\n\nimport type {\n    DateRange,\n    IsoDate,\n    WeekStart\n} from '@area8975/ui/calendar';\nimport { UiCalendarComponent } from '@area8975/ui/calendar';\nimport { parseIsoDate } from '@area8975/ui/calendar';\nimport { UiDropdownComponent } from '@area8975/ui/dropdown';\nimport { UiDropdownDirective } from '@area8975/ui/dropdown';\nimport type { InputValidation } from '@area8975/ui/input';\nimport { UiInputComponent } from '@area8975/ui/input';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { heroCalendarDateRange, heroXMark } from '@ng-icons/heroicons/outline';\n\nimport type { DateRangePreset } from './date-range-picker.types';\n\n\nconst OPEN_KEYS = ['Enter', ' ', 'ArrowDown'];\n\n@Component({\n    selector: 'ui-date-range-picker',\n    templateUrl: './date-range-picker.component.html',\n    styleUrl: './date-range-picker.component.css',\n    imports: [\n        UiInputComponent,\n        UiCalendarComponent,\n        UiDropdownComponent,\n        UiDropdownDirective,\n        NgIcon\n    ],\n    host: { class: 'block', '[attr.id]': 'null' },\n    providers: [provideIcons({ heroCalendarDateRange, heroXMark })]\n})\nexport class UiDateRangePickerComponent {\n    private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly injector = inject(Injector);\n\n    readonly value = model<DateRange>({ start: null, end: null });\n\n    readonly id = input<string>('');\n    readonly placeholder = input<string>('Select dates');\n    readonly disabled = input(false, { transform: booleanAttribute });\n    readonly clearable = input(true, { transform: booleanAttribute });\n    readonly validationState = input<InputValidation>(null);\n    readonly describedBy = input<string>('');\n\n    readonly min = input<IsoDate | null>(null);\n    readonly max = input<IsoDate | null>(null);\n    readonly isDateDisabled = input<(date: IsoDate) => boolean>(() => false);\n    readonly weekStart = input<WeekStart>(1);\n    readonly locale = input<string>('en-GB');\n\n    /** Intl options for the dates shown in the input. */\n    readonly format = input<Intl.DateTimeFormatOptions>({\n        dateStyle: 'medium'\n    });\n\n    /** Quick picks beside the calendar, see date-range-presets.ts for ready made ones. */\n    readonly presets = input<DateRangePreset[]>([]);\n\n    protected readonly isOpen = signal(false);\n\n    private readonly calendar = viewChild(UiCalendarComponent);\n\n    protected readonly hasValue = computed(() => !!this.value().start);\n\n    // worked out on open so \"today\" is never stale\n    protected readonly presetRanges = computed(() =>\n        this.isOpen()\n            ? this.presets().map(preset => this.clamp(preset.range()))\n            : []\n    );\n\n    protected readonly activePreset = computed(() => {\n        const { start, end } = this.value();\n\n        return this.presetRanges().findIndex(range =>\n            range.start === start && range.end === end\n        );\n    });\n\n    protected readonly display = computed(() => {\n        const start = parseIsoDate(this.value().start);\n        const end = parseIsoDate(this.value().end);\n        const format = new Intl.DateTimeFormat(this.locale(), this.format());\n\n        if (!start) {\n            return '';\n        }\n\n        // formatRange shares the month/year, e.g. \"1 – 7 Sept 2026\"\n        return end\n            ? format.formatRange(start, end)\n            : `${format.format(start)} – …`;\n    });\n\n    protected toggle(): void {\n        if (!this.disabled()) {\n            this.isOpen.update(open => !open);\n        }\n    }\n\n    protected handleInputKeydown(event: KeyboardEvent): void {\n        if (this.disabled() || !OPEN_KEYS.includes(event.key)) {\n            return;\n        }\n\n        event.preventDefault();\n        this.isOpen.set(true);\n\n        afterNextRender(() => this.calendar()?.focusActiveDate(), {\n            injector: this.injector\n        });\n    }\n\n    protected handleRange(range: DateRange): void {\n        // only close once both ends are picked\n        if (range.start && range.end) {\n            this.isOpen.set(false);\n            this.focusInput();\n        }\n    }\n\n    protected choosePreset(preset: DateRangePreset): void {\n        this.value.set(this.clamp(preset.range()));\n        this.isOpen.set(false);\n        this.focusInput();\n    }\n\n    protected handlePanelKeydown(event: KeyboardEvent): void {\n        // the overlay closes itself on escape, we just put focus back\n        if (event.key === 'Escape') {\n            this.focusInput();\n        }\n    }\n\n    protected clear(event: Event): void {\n        // stop the input underneath from opening the calendar\n        event.stopPropagation();\n\n        this.value.set({ start: null, end: null });\n        this.focusInput();\n    }\n\n    // keeps presets inside min/max, e.g. \"This year\" stops at today when max is today\n    private clamp({ start, end }: DateRange): DateRange {\n        const min = this.min();\n        const max = this.max();\n\n        return {\n            start: start && min && start < min ? min : start,\n            end: end && max && end > max ? max : end\n        };\n    }\n\n    private focusInput(): void {\n        this.host.nativeElement.querySelector('input')?.focus();\n    }\n}\n","<ui-dropdown\n    [isOpen]=\"isOpen\"\n    placement=\"bottom-start\"\n    closeBehaviour=\"whenClickOutside\"\n    class=\"w-full\"\n>\n    <ui-input\n        [value]=\"display()\"\n        [id]=\"id()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled()\"\n        [describedBy]=\"describedBy()\"\n        [ariaExpanded]=\"isOpen()\"\n        ariaHasPopup=\"dialog\"\n        [validationState]=\"validationState()\"\n        classes=\"cursor-pointer\"\n        autocomplete=\"off\"\n        readonly\n        (click)=\"toggle()\"\n        (keydown)=\"handleInputKeydown($event)\"\n    >\n        <ng-template #leading>\n            <ng-icon\n                name=\"heroCalendarDateRange\"\n                class=\"ms-3 text-muted-foreground-1 shrink-0\"\n            />\n        </ng-template>\n\n        <ng-template #trailing>\n            @if (clearable() && hasValue() && !disabled()) {\n                <button\n                    type=\"button\"\n                    class=\"inline-flex justify-center items-center w-8 self-stretch text-muted-foreground-1 hover:text-foreground\"\n                    aria-label=\"Clear dates\"\n                    (click)=\"clear($event)\"\n                >\n                    <ng-icon name=\"heroXMark\" class=\"shrink-0\" />\n                </button>\n            }\n        </ng-template>\n    </ui-input>\n\n    @if (isOpen()) {\n        <div uiDropdownContent class=\"py-2\">\n            <div class=\"ui-date-range-panel\">\n                @if (presets().length) {\n                    <div class=\"ui-date-range-presets\" role=\"group\" aria-label=\"Quick ranges\">\n                        @for (preset of presets(); track preset.label; let index = $index) {\n                            <button\n                                type=\"button\"\n                                class=\"ui-date-range-preset ui-text-body-alt\"\n                                [attr.aria-pressed]=\"index === activePreset()\"\n                                (click)=\"choosePreset(preset)\"\n                                (keydown)=\"handlePanelKeydown($event)\"\n                            >\n                                {{ preset.label }}\n                            </button>\n                        }\n                    </div>\n                }\n\n                <ui-calendar\n                    class=\"p-3\"\n                    mode=\"range\"\n                    [(range)]=\"value\"\n                    [min]=\"min()\"\n                    [max]=\"max()\"\n                    [isDateDisabled]=\"isDateDisabled()\"\n                    [weekStart]=\"weekStart()\"\n                    [locale]=\"locale()\"\n                    (rangeChange)=\"handleRange($event)\"\n                    (keydown)=\"handlePanelKeydown($event)\"\n                />\n            </div>\n        </div>\n    }\n</ui-dropdown>\n","import type { WeekStart } from '@area8975/ui/calendar';\nimport { addDays, toIsoDate } from '@area8975/ui/calendar';\n\nimport type { DateRangePreset } from './date-range-picker.types';\n\n\n// everything is relative to the moment it's clicked, not when the page loaded\nconst today = () => {\n    const now = new Date();\n\n    return new Date(now.getFullYear(), now.getMonth(), now.getDate());\n};\n\nconst between = (start: Date, end: Date) => ({\n    start: toIsoDate(start),\n    end: toIsoDate(end)\n});\n\nexport function todayPreset(label = 'Today'): DateRangePreset {\n    return { label, range: () => between(today(), today()) };\n}\n\n/** The last `days` days, counting today. */\nexport function lastDaysPreset(days: number, label = `Last ${days} days`): DateRangePreset {\n    return { label, range: () => between(addDays(today(), 1 - days), today()) };\n}\n\nexport function thisWeekPreset(weekStart: WeekStart = 1, label = 'This week'): DateRangePreset {\n    return {\n        label,\n        range: () => {\n            const offset = (today().getDay() - weekStart + 7) % 7;\n            const start = addDays(today(), -offset);\n\n            return between(start, addDays(start, 6));\n        }\n    };\n}\n\n/** A calendar month, 0 is this month, -1 is last month. */\nexport function monthPreset(offset = 0, label = offset ? 'Last month' : 'This month'): DateRangePreset {\n    return {\n        label,\n        range: () => {\n            const now = today();\n\n            return between(\n                new Date(now.getFullYear(), now.getMonth() + offset, 1),\n                new Date(now.getFullYear(), now.getMonth() + offset + 1, 0)\n            );\n        }\n    };\n}\n\n/** A calendar year, 0 is this year, -1 is last year. */\nexport function yearPreset(offset = 0, label = offset ? 'Last year' : 'This year'): DateRangePreset {\n    return {\n        label,\n        range: () => {\n            const year = today().getFullYear() + offset;\n\n            return between(new Date(year, 0, 1), new Date(year, 11, 31));\n        }\n    };\n}\n\n/**\n * A financial year starting on the given day, e.g. the UK tax year is\n * `financialYearPreset(3, 6)` for 6 April. 0 is the current one, -1 the one before.\n */\nexport function financialYearPreset(\n    startMonth: number,\n    startDay: number,\n    offset = 0,\n    label = offset ? 'Last financial year' : 'This financial year'\n): DateRangePreset {\n    return {\n        label,\n        range: () => {\n            const now = today();\n            const thisYearsStart = new Date(now.getFullYear(), startMonth, startDay);\n\n            // before this year's start date we're still in the one that began last year\n            const startYear = now >= thisYearsStart ? now.getFullYear() : now.getFullYear() - 1;\n            const start = new Date(startYear + offset, startMonth, startDay);\n            const end = addDays(new Date(startYear + offset + 1, startMonth, startDay), -1);\n\n            return between(start, end);\n        }\n    };\n}\n\n/** A sensible starting set, pass your own list to change it. */\nexport function defaultDateRangePresets(weekStart: WeekStart = 1): DateRangePreset[] {\n    return [\n        todayPreset(),\n        lastDaysPreset(7),\n        lastDaysPreset(30),\n        thisWeekPreset(weekStart),\n        monthPreset(0),\n        monthPreset(-1),\n        yearPreset(0),\n        yearPreset(-1)\n    ];\n}\n"],"mappings":"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"}