@vadem/ui 0.0.0-stage → 0.0.2

package/fesm2022/vadem-ui-rating.mjs

@@ -0,0 +1,404 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injector, ViewEncapsulation, booleanAttribute, computed, inject, input, model, output, signal } from "@angular/core";
+import { NgControl } from "@angular/forms";
+import { FormField } from "@angular/forms/signals";
+import { VD_FIELD, vdNgControlState, vdUniqueId } from "@vadem/ui/field";
+import { VdIcon } from "@vadem/ui/icon";
+import { vdTexts } from "@vadem/ui/locale";
+function vdRatingValue(value) {
+	return typeof value === "number" && Number.isInteger(value) && value >= 1 && value <= 5 ? value : 0;
+}
+function vdRatingKey(value, key, rtl) {
+	if (key === "Home") return 1;
+	if (key === "End") return 5;
+	const delta = key === "ArrowDown" ? 1 : key === "ArrowUp" ? -1 : key === "ArrowRight" ? rtl ? -1 : 1 : key === "ArrowLeft" ? rtl ? 1 : -1 : 0;
+	if (!delta) return null;
+	return (Math.max(1, vdRatingValue(value)) - 1 + delta + 5) % 5 + 1;
+}
+var VdRating = class VdRating {
+	value = model(0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	starLabel = input(...ngDevMode ? [void 0, { debugName: "starLabel" }] : /* istanbul ignore next */ []);
+	t = vdTexts("rating", { starLabel: this.starLabel });
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	readonly = input(false, {
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touched = input(false, {
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touch = output();
+	controlId = vdUniqueId("vd-rating");
+	labelId = `${this.controlId}-label`;
+	stars = [
+		1,
+		2,
+		3,
+		4,
+		5
+	];
+	preview = signal(0, ...ngDevMode ? [{ debugName: "preview" }] : /* istanbul ignore next */ []);
+	selected = computed(() => vdRatingValue(this.value()), ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	filled = computed(() => !this.locked() && this.preview() ? this.preview() : this.selected(), ...ngDevMode ? [{ debugName: "filled" }] : /* istanbul ignore next */ []);
+	field = inject(VD_FIELD, { optional: true });
+	host = inject(ElementRef).nativeElement;
+	injector = inject(Injector);
+	destroyRef = inject(DestroyRef);
+	formBound = signal(false, ...ngDevMode ? [{ debugName: "formBound" }] : /* istanbul ignore next */ []);
+	ngSource = signal(null, ...ngDevMode ? [{ debugName: "ngSource" }] : /* istanbul ignore next */ []);
+	ngState = computed(() => this.ngSource()?.() ?? {
+		invalid: false,
+		touched: false,
+		disabled: false,
+		required: false
+	}, ...ngDevMode ? [{ debugName: "ngState" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.disabled() || this.ngState().disabled, ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	locked = computed(() => this.isDisabled() || this.readonly(), ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+	isRequired = computed(() => this.required() || this.ngState().required, ...ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []);
+	showInvalid = computed(() => this.invalid() && (!this.formBound() || this.touched()) || this.ngState().invalid && this.ngState().touched, ...ngDevMode ? [{ debugName: "showInvalid" }] : /* istanbul ignore next */ []);
+	constructor() {
+		const control = {
+			id: signal(this.controlId),
+			invalid: this.showInvalid,
+			required: this.isRequired,
+			disabled: this.isDisabled
+		};
+		this.field?.register(control);
+		this.destroyRef.onDestroy(() => this.field?.unregister(control));
+	}
+	ngOnInit() {
+		const ng = this.injector.get(NgControl, null, {
+			self: true,
+			optional: true
+		});
+		this.formBound.set(!!ng || !!this.injector.get(FormField, null, {
+			self: true,
+			optional: true
+		}));
+		this.ngSource.set(vdNgControlState(ng, this.destroyRef));
+	}
+	choose(value) {
+		if (!this.locked()) {
+			this.preview.set(0);
+			this.value.set(value);
+		}
+	}
+	onKeydown(event, star) {
+		if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;
+		const next = vdRatingKey(star, event.key, this.host.matches(":dir(rtl)"));
+		if (next === null) return;
+		event.preventDefault();
+		if (this.locked()) return;
+		this.choose(next);
+		this.host.querySelectorAll("button")[next - 1]?.focus();
+	}
+	onFocusOut(event) {
+		if (!event.relatedTarget || !this.host.contains(event.relatedTarget)) this.touch.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdRating,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdRating,
+		isStandalone: true,
+		selector: "vd-rating",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			starLabel: {
+				classPropertyName: "starLabel",
+				publicName: "starLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			touched: {
+				classPropertyName: "touched",
+				publicName: "touched",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			touch: "touch"
+		},
+		host: {
+			listeners: { "focusout": "onFocusOut($event)" },
+			properties: {
+				"attr.data-size": "size()",
+				"attr.data-invalid": "showInvalid() ? \"\" : null",
+				"attr.data-disabled": "isDisabled() ? \"\" : null",
+				"attr.data-readonly": "readonly() ? \"\" : null"
+			},
+			classAttribute: "vd-rating"
+		},
+		ngImport: i0,
+		template: `
+    <fieldset
+      class="vd-rating__group"
+      role="radiogroup"
+      [id]="controlId"
+      [attr.aria-required]="isRequired() || null"
+      [attr.aria-invalid]="showInvalid() || null"
+      [attr.aria-readonly]="readonly() || null"
+      [attr.aria-disabled]="isDisabled() || null"
+      [attr.aria-describedby]="field?.describedBy() ?? null"
+      [attr.aria-labelledby]="labelId"
+    >
+      <legend class="vd-rating__label vd-field__label" [id]="labelId">
+        {{ label() }}
+        @if (isRequired()) {
+          <span class="vd-field__required" aria-hidden="true">*</span>
+        }
+      </legend>
+      <div class="vd-rating__stars" (pointerleave)="preview.set(0)">
+        @for (star of stars; track star) {
+          <button
+            type="button"
+            class="vd-rating__star"
+            role="radio"
+            [attr.aria-label]="t().starLabel(star)"
+            [attr.aria-checked]="selected() === star"
+            [attr.tabindex]="(selected() || 1) === star ? 0 : -1"
+            [disabled]="isDisabled()"
+            [attr.data-filled]="star <= filled() ? '' : null"
+            [attr.data-preview]="!locked() && preview() > 0 ? '' : null"
+            (pointerenter)="preview.set(star)"
+            (click)="choose(star)"
+            (keydown)="onKeydown($event, star)"
+          >
+            <vd-icon name="star" />
+          </button>
+        }
+      </div>
+    </fieldset>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: VdIcon,
+			selector: "vd-icon",
+			inputs: ["name", "label"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdRating,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-rating",
+			imports: [VdIcon],
+			template: `
+    <fieldset
+      class="vd-rating__group"
+      role="radiogroup"
+      [id]="controlId"
+      [attr.aria-required]="isRequired() || null"
+      [attr.aria-invalid]="showInvalid() || null"
+      [attr.aria-readonly]="readonly() || null"
+      [attr.aria-disabled]="isDisabled() || null"
+      [attr.aria-describedby]="field?.describedBy() ?? null"
+      [attr.aria-labelledby]="labelId"
+    >
+      <legend class="vd-rating__label vd-field__label" [id]="labelId">
+        {{ label() }}
+        @if (isRequired()) {
+          <span class="vd-field__required" aria-hidden="true">*</span>
+        }
+      </legend>
+      <div class="vd-rating__stars" (pointerleave)="preview.set(0)">
+        @for (star of stars; track star) {
+          <button
+            type="button"
+            class="vd-rating__star"
+            role="radio"
+            [attr.aria-label]="t().starLabel(star)"
+            [attr.aria-checked]="selected() === star"
+            [attr.tabindex]="(selected() || 1) === star ? 0 : -1"
+            [disabled]="isDisabled()"
+            [attr.data-filled]="star <= filled() ? '' : null"
+            [attr.data-preview]="!locked() && preview() > 0 ? '' : null"
+            (pointerenter)="preview.set(star)"
+            (click)="choose(star)"
+            (keydown)="onKeydown($event, star)"
+          >
+            <vd-icon name="star" />
+          </button>
+        }
+      </div>
+    </fieldset>
+  `,
+			host: {
+				class: "vd-rating",
+				"[attr.data-size]": "size()",
+				"[attr.data-invalid]": "showInvalid() ? \"\" : null",
+				"[attr.data-disabled]": "isDisabled() ? \"\" : null",
+				"[attr.data-readonly]": "readonly() ? \"\" : null",
+				"(focusout)": "onFocusOut($event)"
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		starLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "starLabel",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		touched: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "touched",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}]
+	}
+});
+export { VdRating };
+
+//# sourceMappingURL=vadem-ui-rating.mjs.map

package/fesm2022/vadem-ui-rating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-rating.mjs","names":[],"sources":["../../../projects/ui/rating/src/core/rating.ts","../../../projects/ui/rating/src/rating.ts"],"sourcesContent":["/** Only whole-star values 1..5 are displayed; 0 represents an unrated control. */\nexport function vdRatingValue(value: unknown): number {\n  return typeof value === 'number' && Number.isInteger(value) && value >= 1 && value <= 5\n    ? value\n    : 0;\n}\n\n/** Radio navigation wraps in reading order; physical horizontal arrows respect RTL. */\nexport function vdRatingKey(value: number, key: string, rtl: boolean): number | null {\n  if (key === 'Home') return 1;\n  if (key === 'End') return 5;\n  const delta =\n    key === 'ArrowDown'\n      ? 1\n      : key === 'ArrowUp'\n        ? -1\n        : key === 'ArrowRight'\n          ? rtl\n            ? -1\n            : 1\n          : key === 'ArrowLeft'\n            ? rtl\n              ? 1\n              : -1\n            : 0;\n  if (!delta) return null;\n  return ((Math.max(1, vdRatingValue(value)) - 1 + delta + 5) % 5) + 1;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  OnInit,\n  Signal,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { FormField, FormValueControl } from '@angular/forms/signals';\nimport {\n  VD_FIELD,\n  VdFieldControl,\n  VdNgControlState,\n  vdNgControlState,\n  vdUniqueId,\n} from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdRatingKey, vdRatingValue } from './core/rating';\nimport { vdTexts } from '@vadem/ui/locale';\n\nexport type VdRatingSize = 'sm' | 'md' | 'lg';\n\n/** Whole-star rating. The legend names the group; Field supplies hints/errors. */\n@Component({\n  selector: 'vd-rating',\n  imports: [VdIcon],\n  template: `\n    <fieldset\n      class=\"vd-rating__group\"\n      role=\"radiogroup\"\n      [id]=\"controlId\"\n      [attr.aria-required]=\"isRequired() || null\"\n      [attr.aria-invalid]=\"showInvalid() || null\"\n      [attr.aria-readonly]=\"readonly() || null\"\n      [attr.aria-disabled]=\"isDisabled() || null\"\n      [attr.aria-describedby]=\"field?.describedBy() ?? null\"\n      [attr.aria-labelledby]=\"labelId\"\n    >\n      <legend class=\"vd-rating__label vd-field__label\" [id]=\"labelId\">\n        {{ label() }}\n        @if (isRequired()) {\n          <span class=\"vd-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </legend>\n      <div class=\"vd-rating__stars\" (pointerleave)=\"preview.set(0)\">\n        @for (star of stars; track star) {\n          <button\n            type=\"button\"\n            class=\"vd-rating__star\"\n            role=\"radio\"\n            [attr.aria-label]=\"t().starLabel(star)\"\n            [attr.aria-checked]=\"selected() === star\"\n            [attr.tabindex]=\"(selected() || 1) === star ? 0 : -1\"\n            [disabled]=\"isDisabled()\"\n            [attr.data-filled]=\"star <= filled() ? '' : null\"\n            [attr.data-preview]=\"!locked() && preview() > 0 ? '' : null\"\n            (pointerenter)=\"preview.set(star)\"\n            (click)=\"choose(star)\"\n            (keydown)=\"onKeydown($event, star)\"\n          >\n            <vd-icon name=\"star\" />\n          </button>\n        }\n      </div>\n    </fieldset>\n  `,\n  host: {\n    class: 'vd-rating',\n    '[attr.data-size]': 'size()',\n    '[attr.data-invalid]': 'showInvalid() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.data-readonly]': 'readonly() ? \"\" : null',\n    '(focusout)': 'onFocusOut($event)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdRating implements FormValueControl<number>, OnInit {\n  readonly value = model(0);\n  readonly label = input.required<string>();\n  readonly starLabel = input<(value: number) => string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('rating', { starLabel: this.starLabel });\n  readonly size = input<VdRatingSize>('md');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly readonly = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly touched = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly touch = output<void>();\n  readonly controlId = vdUniqueId('vd-rating');\n  protected readonly labelId = `${this.controlId}-label`;\n  protected readonly stars = [1, 2, 3, 4, 5];\n  protected readonly preview = signal(0);\n  protected readonly selected = computed(() => vdRatingValue(this.value()));\n  protected readonly filled = computed(() =>\n    !this.locked() && this.preview() ? this.preview() : this.selected(),\n  );\n  protected readonly field = inject(VD_FIELD, { optional: true });\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly formBound = signal(false);\n  private readonly ngSource = signal<Signal<VdNgControlState> | null>(null);\n  private readonly ngState = computed(\n    () =>\n      this.ngSource()?.() ?? { invalid: false, touched: false, disabled: false, required: false },\n  );\n  protected readonly isDisabled = computed(() => this.disabled() || this.ngState().disabled);\n  protected readonly locked = computed(() => this.isDisabled() || this.readonly());\n  protected readonly isRequired = computed(() => this.required() || this.ngState().required);\n  protected readonly showInvalid = computed(\n    () =>\n      (this.invalid() && (!this.formBound() || this.touched())) ||\n      (this.ngState().invalid && this.ngState().touched),\n  );\n\n  constructor() {\n    const control: VdFieldControl = {\n      id: signal(this.controlId),\n      invalid: this.showInvalid,\n      required: this.isRequired,\n      disabled: this.isDisabled,\n    };\n    this.field?.register(control);\n    this.destroyRef.onDestroy(() => this.field?.unregister(control));\n  }\n  ngOnInit(): void {\n    const ng = this.injector.get(NgControl, null, { self: true, optional: true });\n    this.formBound.set(\n      !!ng || !!this.injector.get(FormField, null, { self: true, optional: true }),\n    );\n    this.ngSource.set(vdNgControlState(ng, this.destroyRef));\n  }\n  protected choose(value: number): void {\n    if (!this.locked()) {\n      this.preview.set(0);\n      this.value.set(value);\n    }\n  }\n  protected onKeydown(event: KeyboardEvent, star: number): void {\n    if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n    const next = vdRatingKey(star, event.key, this.host.matches(':dir(rtl)'));\n    if (next === null) return;\n    event.preventDefault();\n    if (this.locked()) return;\n    this.choose(next);\n    this.host.querySelectorAll<HTMLButtonElement>('button')[next - 1]?.focus();\n  }\n  protected onFocusOut(event: FocusEvent): void {\n    if (!event.relatedTarget || !this.host.contains(event.relatedTarget as Node)) this.touch.emit();\n  }\n}\n"],"mappings":"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"}

package/fesm2022/vadem-ui-relative-time.mjs

@@ -0,0 +1,217 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Pipe, ViewEncapsulation, computed, inject, input } from "@angular/core";
+import { VD_LOCALE, vdTexts } from "@vadem/ui/locale";
+const MIN = -621355968e5;
+const MAX = 0xe677d21fdbff;
+function vdRelativeTimeValid(value) {
+	return typeof value === "number" && Number.isSafeInteger(value) && value >= MIN && value <= MAX;
+}
+const UNITS = [
+	[31536e6, "year"],
+	[2592e6, "month"],
+	[6048e5, "week"],
+	[864e5, "day"],
+	[36e5, "hour"],
+	[6e4, "minute"],
+	[1e3, "second"]
+];
+function vdFormatRelativeTime(value, now, options = {}) {
+	if (!vdRelativeTimeValid(value) || !vdRelativeTimeValid(now)) return options.unknownText ?? "Unknown time";
+	const delta = value - now;
+	if (delta <= 0 && delta > -5e3) return options.justNowText ?? "Just now";
+	const [span, unit] = UNITS.find(([span]) => Math.abs(delta) >= span) ?? UNITS[UNITS.length - 1];
+	const count = Math.sign(delta) * Math.max(1, Math.floor(Math.abs(delta) / span));
+	let formatter;
+	try {
+		formatter = new Intl.RelativeTimeFormat(options.locale ?? "en", { numeric: "always" });
+	} catch {
+		formatter = new Intl.RelativeTimeFormat("en", { numeric: "always" });
+	}
+	return formatter.format(count, unit);
+}
+var VdRelativeTimePipe = class VdRelativeTimePipe {
+	texts = inject(VD_LOCALE);
+	transform(value, now, locale = this.texts.code, justNowText = this.texts.relativeTime.justNowText, unknownText = this.texts.relativeTime.unknownText) {
+		return vdFormatRelativeTime(value, now, {
+			locale,
+			justNowText,
+			unknownText
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdRelativeTimePipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdRelativeTimePipe,
+		isStandalone: true,
+		name: "vdRelativeTime"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdRelativeTimePipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "vdRelativeTime" }]
+	}]
+});
+var VdRelativeTime = class VdRelativeTime {
+	vdRelativeTime = input(...ngDevMode ? [void 0, { debugName: "vdRelativeTime" }] : /* istanbul ignore next */ []);
+	now = input.required(...ngDevMode ? [{ debugName: "now" }] : /* istanbul ignore next */ []);
+	locale = input(...ngDevMode ? [void 0, { debugName: "locale" }] : /* istanbul ignore next */ []);
+	justNowText = input(...ngDevMode ? [void 0, { debugName: "justNowText" }] : /* istanbul ignore next */ []);
+	unknownText = input(...ngDevMode ? [void 0, { debugName: "unknownText" }] : /* istanbul ignore next */ []);
+	texts = inject(VD_LOCALE);
+	t = vdTexts("relativeTime", {
+		justNowText: this.justNowText,
+		unknownText: this.unknownText
+	});
+	valid = computed(() => vdRelativeTimeValid(this.vdRelativeTime()) && vdRelativeTimeValid(this.now()), ...ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []);
+	datetime = computed(() => {
+		const value = this.vdRelativeTime();
+		return vdRelativeTimeValid(value) ? new Date(value).toISOString() : null;
+	}, ...ngDevMode ? [{ debugName: "datetime" }] : /* istanbul ignore next */ []);
+	text = computed(() => vdFormatRelativeTime(this.vdRelativeTime(), this.now(), {
+		locale: this.locale() ?? this.texts.code,
+		...this.t()
+	}), ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdRelativeTime,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdRelativeTime,
+		isStandalone: true,
+		selector: "time[vdRelativeTime]",
+		inputs: {
+			vdRelativeTime: {
+				classPropertyName: "vdRelativeTime",
+				publicName: "vdRelativeTime",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			now: {
+				classPropertyName: "now",
+				publicName: "now",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			justNowText: {
+				classPropertyName: "justNowText",
+				publicName: "justNowText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unknownText: {
+				classPropertyName: "unknownText",
+				publicName: "unknownText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.datetime": "datetime()",
+				"attr.data-state": "valid() ? \"valid\" : \"unknown\""
+			},
+			classAttribute: "vd-relative-time"
+		},
+		ngImport: i0,
+		template: `<bdi>{{ text() }}</bdi>`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdRelativeTime,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "time[vdRelativeTime]",
+			template: `<bdi>{{ text() }}</bdi>`,
+			host: {
+				class: "vd-relative-time",
+				"[attr.datetime]": "datetime()",
+				"[attr.data-state]": "valid() ? \"valid\" : \"unknown\""
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	propDecorators: {
+		vdRelativeTime: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "vdRelativeTime",
+				required: false
+			}]
+		}],
+		now: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "now",
+				required: true
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		justNowText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "justNowText",
+				required: false
+			}]
+		}],
+		unknownText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unknownText",
+				required: false
+			}]
+		}]
+	}
+});
+export { VdRelativeTime, VdRelativeTimePipe, vdFormatRelativeTime };
+
+//# sourceMappingURL=vadem-ui-relative-time.mjs.map

package/fesm2022/vadem-ui-relative-time.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-relative-time.mjs","names":[],"sources":["../../../projects/ui/relative-time/src/core/relative-time.ts","../../../projects/ui/relative-time/src/relative-time.ts"],"sourcesContent":["export interface VdRelativeTimeOptions {\n  readonly locale?: string;\n  readonly justNowText?: string;\n  readonly unknownText?: string;\n}\nconst MIN = -62135596800000; // 0001-01-01T00:00:00.000Z\nconst MAX = 253402300799999; // 9999-12-31T23:59:59.999Z\n\n/** Epoch milliseconds only, constrained to the native time element's four-digit year range. */\nexport function vdRelativeTimeValid(value: number | null | undefined): value is number {\n  return typeof value === 'number' && Number.isSafeInteger(value) && value >= MIN && value <= MAX;\n}\nconst UNITS: readonly [number, Intl.RelativeTimeFormatUnit][] = [\n  [365 * 86400000, 'year'],\n  [30 * 86400000, 'month'],\n  [7 * 86400000, 'week'],\n  [86400000, 'day'],\n  [3600000, 'hour'],\n  [60000, 'minute'],\n  [1000, 'second'],\n];\n\n/** Elapsed-duration labels; callers own the clock and refresh cadence. */\nexport function vdFormatRelativeTime(\n  value: number | null | undefined,\n  now: number | null | undefined,\n  options: VdRelativeTimeOptions = {},\n): string {\n  if (!vdRelativeTimeValid(value) || !vdRelativeTimeValid(now))\n    return options.unknownText ?? 'Unknown time';\n  const delta = value - now;\n  if (delta <= 0 && delta > -5000) return options.justNowText ?? 'Just now';\n  const [span, unit] = UNITS.find(([span]) => Math.abs(delta) >= span) ?? UNITS[UNITS.length - 1];\n  const count = Math.sign(delta) * Math.max(1, Math.floor(Math.abs(delta) / span));\n  let formatter: Intl.RelativeTimeFormat;\n  try {\n    formatter = new Intl.RelativeTimeFormat(options.locale ?? 'en', { numeric: 'always' });\n  } catch {\n    formatter = new Intl.RelativeTimeFormat('en', { numeric: 'always' });\n  }\n  return formatter.format(count, unit);\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Pipe,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n  type PipeTransform,\n} from '@angular/core';\nimport { VD_LOCALE, vdTexts } from '@vadem/ui/locale';\nimport { vdFormatRelativeTime, vdRelativeTimeValid } from './core/relative-time';\n\n@Pipe({ name: 'vdRelativeTime' })\nexport class VdRelativeTimePipe implements PipeTransform {\n  private readonly texts = inject(VD_LOCALE);\n  transform(\n    value: number | null | undefined,\n    now: number | null | undefined,\n    locale = this.texts.code,\n    justNowText = this.texts.relativeTime.justNowText,\n    unknownText = this.texts.relativeTime.unknownText,\n  ): string {\n    return vdFormatRelativeTime(value, now, { locale, justNowText, unknownText });\n  }\n}\n\n@Component({\n  // Preserve native time semantics and allow composition with vdTimelineTime.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'time[vdRelativeTime]',\n  template: `<bdi>{{ text() }}</bdi>`,\n  host: {\n    class: 'vd-relative-time',\n    '[attr.datetime]': 'datetime()',\n    '[attr.data-state]': 'valid() ? \"valid\" : \"unknown\"',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdRelativeTime {\n  readonly vdRelativeTime = input<number | null>();\n  readonly now = input.required<number>();\n  readonly locale = input<string>();\n  readonly justNowText = input<string>();\n  readonly unknownText = input<string>();\n  private readonly texts = inject(VD_LOCALE);\n  private readonly t = vdTexts('relativeTime', {\n    justNowText: this.justNowText,\n    unknownText: this.unknownText,\n  });\n  protected readonly valid = computed(\n    () => vdRelativeTimeValid(this.vdRelativeTime()) && vdRelativeTimeValid(this.now()),\n  );\n  protected readonly datetime = computed(() => {\n    const value = this.vdRelativeTime();\n    return vdRelativeTimeValid(value) ? new Date(value).toISOString() : null;\n  });\n  protected readonly text = computed(() =>\n    vdFormatRelativeTime(this.vdRelativeTime(), this.now(), {\n      locale: this.locale() ?? this.texts.code,\n      ...this.t(),\n    }),\n  );\n}\n"],"mappings":"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"}