@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-navigation-list.mjs

@@ -0,0 +1,130 @@
+import * as i0 from "@angular/core";
+import { Directive, input } from "@angular/core";
+import { vdTexts } from "@vadem/ui/locale";
+var VdNavigationList = class VdNavigationList {
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	t = vdTexts("navigationList", { label: this.label });
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNavigationList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdNavigationList,
+		isStandalone: true,
+		selector: "nav[vdNavigationList]",
+		inputs: { label: {
+			classPropertyName: "label",
+			publicName: "label",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.aria-label": "t().label" },
+			classAttribute: "vd-navigation-list"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNavigationList,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "nav[vdNavigationList]",
+			host: {
+				class: "vd-navigation-list",
+				"[attr.aria-label]": "t().label"
+			}
+		}]
+	}],
+	propDecorators: { label: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "label",
+			required: false
+		}]
+	}] }
+});
+var VdNavigationLink = class VdNavigationLink {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNavigationLink,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdNavigationLink,
+		isStandalone: true,
+		selector: "a[vdNavigationLink]",
+		host: { classAttribute: "vd-navigation-link" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNavigationLink,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "a[vdNavigationLink]",
+			host: { class: "vd-navigation-link" }
+		}]
+	}]
+});
+var VdNavigationLabel = class VdNavigationLabel {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNavigationLabel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdNavigationLabel,
+		isStandalone: true,
+		selector: "[vdNavigationLabel]",
+		host: { classAttribute: "vd-navigation-label" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNavigationLabel,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdNavigationLabel]",
+			host: { class: "vd-navigation-label" }
+		}]
+	}]
+});
+const VD_NAVIGATION_LIST = [
+	VdNavigationList,
+	VdNavigationLink,
+	VdNavigationLabel
+];
+export { VD_NAVIGATION_LIST, VdNavigationLabel, VdNavigationLink, VdNavigationList };
+
+//# sourceMappingURL=vadem-ui-navigation-list.mjs.map

package/fesm2022/vadem-ui-navigation-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-navigation-list.mjs","names":[],"sources":["../../../projects/ui/navigation-list/src/navigation-list.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { vdTexts } from '@vadem/ui/locale';\n\n/** Native navigation landmark; applications supply groups, links and current state. */\n@Directive({\n  selector: 'nav[vdNavigationList]',\n  host: { class: 'vd-navigation-list', '[attr.aria-label]': 't().label' },\n})\nexport class VdNavigationList {\n  readonly label = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('navigationList', { label: this.label });\n}\n\n/** Keeps href, router integration, keyboard and modified-click behavior native. */\n@Directive({ selector: 'a[vdNavigationLink]', host: { class: 'vd-navigation-link' } })\nexport class VdNavigationLink {}\n\n/** Preserves the consumer's heading level and section labelling. */\n@Directive({ selector: '[vdNavigationLabel]', host: { class: 'vd-navigation-label' } })\nexport class VdNavigationLabel {}\n\nexport const VD_NAVIGATION_LIST = [VdNavigationList, VdNavigationLink, VdNavigationLabel] as const;\n"],"mappings":";;;AAQA,IAAa,mBAAb,MAAa,iBAAgB;CAClB,QAAQ,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAEb,IAAI,QAAQ,kBAAkB,EAAE,OAAO,KAAK,MAAK,CAAE;CAH3D,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,mBAAA,YAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;CAAA,CAAA;;AAAhB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAJ5B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IAAE,OAAO;IAAsB,qBAAqB;GAAW;EACtE,CAAA;;;;;;;;;;;AASD,IAAa,mBAAb,MAAa,iBAAgB;CAAhB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,qBAAA;EAAA,UAAA;CAAA,CAAA;;AAAhB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAD5B,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAuB,MAAM,EAAE,OAAO,qBAAoB;EAAE,CAAE;;;AAKrF,IAAa,oBAAb,MAAa,kBAAiB;CAAjB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiB,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,sBAAA;EAAA,UAAA;CAAA,CAAA;;AAAjB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAD7B,MAAA;EAAU,MAAA,CAAA;GAAE,UAAU;GAAuB,MAAM,EAAE,OAAO,sBAAqB;EAAE,CAAE;;;AAGtF,MAAa,qBAAqB;CAAC;CAAkB;CAAkB;AAAiB"}

package/fesm2022/vadem-ui-number-input.mjs

@@ -0,0 +1,264 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, ViewEncapsulation, afterEveryRender, computed, contentChild, inject, input, signal } from "@angular/core";
+import { VdIcon } from "@vadem/ui/icon";
+import { VdInput } from "@vadem/ui/input";
+import { vdTexts } from "@vadem/ui/locale";
+function vdNumberStepValue(input, direction) {
+	if (input.type !== "number" || input.disabled || input.readOnly || input.validity.badInput) return null;
+	const probe = input.cloneNode();
+	probe.value = input.value;
+	try {
+		if (direction === 1) probe.stepUp();
+		else probe.stepDown();
+	} catch {
+		return null;
+	}
+	if (probe.value === input.value || !Number.isFinite(probe.valueAsNumber)) return null;
+	if (Number.isFinite(input.valueAsNumber) && (probe.valueAsNumber - input.valueAsNumber) * direction <= 0) return null;
+	return probe.value;
+}
+var VdNumberInput = class VdNumberInput extends VdInput {
+	el = inject(ElementRef).nativeElement;
+	snapshot = signal(null, ...ngDevMode ? [{ debugName: "snapshot" }] : /* istanbul ignore next */ []);
+	locked = computed(() => {
+		this.snapshot();
+		return this.snapshot() === null || this.el.disabled || this.el.readOnly;
+	}, ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+	canDecrease = computed(() => this.snapshot() !== null && vdNumberStepValue(this.el, -1) !== null, ...ngDevMode ? [{ debugName: "canDecrease" }] : /* istanbul ignore next */ []);
+	canIncrease = computed(() => this.snapshot() !== null && vdNumberStepValue(this.el, 1) !== null, ...ngDevMode ? [{ debugName: "canIncrease" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		afterEveryRender(() => this.refresh());
+	}
+	refresh() {
+		this.snapshot.set(JSON.stringify([
+			this.el.type,
+			this.el.value,
+			this.el.getAttribute("value"),
+			this.el.min,
+			this.el.max,
+			this.el.step,
+			this.el.disabled,
+			this.el.readOnly,
+			this.el.validity.badInput
+		]));
+	}
+	step(direction) {
+		const value = vdNumberStepValue(this.el, direction);
+		if (value === null) return;
+		this.el.value = value;
+		this.refresh();
+		this.el.dispatchEvent(new Event("input", { bubbles: true }));
+		this.el.dispatchEvent(new Event("change", { bubbles: true }));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNumberInput,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdNumberInput,
+		isStandalone: true,
+		selector: "input[type=number][vdNumberInput]",
+		host: {
+			listeners: {
+				"input": "refresh()",
+				"change": "refresh()"
+			},
+			classAttribute: "vd-number-input__input"
+		},
+		exportAs: ["vdNumberInput"],
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdNumberInput,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[type=number][vdNumberInput]",
+			exportAs: "vdNumberInput",
+			host: {
+				class: "vd-number-input__input",
+				"(input)": "refresh()",
+				"(change)": "refresh()"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var VdNumberInputGroup = class VdNumberInputGroup {
+	decreaseLabel = input(...ngDevMode ? [void 0, { debugName: "decreaseLabel" }] : /* istanbul ignore next */ []);
+	increaseLabel = input(...ngDevMode ? [void 0, { debugName: "increaseLabel" }] : /* istanbul ignore next */ []);
+	t = vdTexts("numberInput", {
+		decreaseLabel: this.decreaseLabel,
+		increaseLabel: this.increaseLabel
+	});
+	control = contentChild(VdNumberInput, ...ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdNumberInputGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: VdNumberInputGroup,
+		isStandalone: true,
+		selector: "vd-number-input",
+		inputs: {
+			decreaseLabel: {
+				classPropertyName: "decreaseLabel",
+				publicName: "decreaseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			increaseLabel: {
+				classPropertyName: "increaseLabel",
+				publicName: "increaseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "vd-input-group vd-number-input" },
+		queries: [{
+			propertyName: "control",
+			first: true,
+			predicate: VdNumberInput,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <button
+      class="vd-button"
+      data-icon-only
+      type="button"
+      data-variant="ghost"
+      slot="start"
+      [attr.data-size]="control()?.size() ?? 'md'"
+      [attr.aria-label]="t().decreaseLabel"
+      [attr.aria-controls]="control()?.id() ?? null"
+      [disabled]="control()?.locked() ?? true"
+      [attr.aria-disabled]="control()?.canDecrease() ? null : 'true'"
+      (click)="control()?.step(-1)"
+    >
+      <vd-icon name="minus" />
+    </button>
+    <ng-content select="input[vdNumberInput]" />
+    <button
+      class="vd-button"
+      data-icon-only
+      type="button"
+      data-variant="ghost"
+      slot="end"
+      [attr.data-size]="control()?.size() ?? 'md'"
+      [attr.aria-label]="t().increaseLabel"
+      [attr.aria-controls]="control()?.id() ?? null"
+      [disabled]="control()?.locked() ?? true"
+      [attr.aria-disabled]="control()?.canIncrease() ? null : 'true'"
+      (click)="control()?.step(1)"
+    >
+      <vd-icon name="plus" />
+    </button>
+  `,
+		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: VdNumberInputGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-number-input",
+			imports: [VdIcon],
+			template: `
+    <button
+      class="vd-button"
+      data-icon-only
+      type="button"
+      data-variant="ghost"
+      slot="start"
+      [attr.data-size]="control()?.size() ?? 'md'"
+      [attr.aria-label]="t().decreaseLabel"
+      [attr.aria-controls]="control()?.id() ?? null"
+      [disabled]="control()?.locked() ?? true"
+      [attr.aria-disabled]="control()?.canDecrease() ? null : 'true'"
+      (click)="control()?.step(-1)"
+    >
+      <vd-icon name="minus" />
+    </button>
+    <ng-content select="input[vdNumberInput]" />
+    <button
+      class="vd-button"
+      data-icon-only
+      type="button"
+      data-variant="ghost"
+      slot="end"
+      [attr.data-size]="control()?.size() ?? 'md'"
+      [attr.aria-label]="t().increaseLabel"
+      [attr.aria-controls]="control()?.id() ?? null"
+      [disabled]="control()?.locked() ?? true"
+      [attr.aria-disabled]="control()?.canIncrease() ? null : 'true'"
+      (click)="control()?.step(1)"
+    >
+      <vd-icon name="plus" />
+    </button>
+  `,
+			host: { class: "vd-input-group vd-number-input" },
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	propDecorators: {
+		decreaseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decreaseLabel",
+				required: false
+			}]
+		}],
+		increaseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "increaseLabel",
+				required: false
+			}]
+		}],
+		control: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => VdNumberInput), { isSignal: true }]
+		}]
+	}
+});
+const VD_NUMBER_INPUT = [VdNumberInputGroup, VdNumberInput];
+export { VD_NUMBER_INPUT, VdNumberInput, VdNumberInputGroup };
+
+//# sourceMappingURL=vadem-ui-number-input.mjs.map

package/fesm2022/vadem-ui-number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-number-input.mjs","names":[],"sources":["../../../projects/ui/number-input/src/core/number-input.ts","../../../projects/ui/number-input/src/number-input.ts"],"sourcesContent":["/** Probe native decimal alignment/bounds without mutating the real form field. */\nexport function vdNumberStepValue(input: HTMLInputElement, direction: -1 | 1): string | null {\n  if (input.type !== 'number' || input.disabled || input.readOnly || input.validity.badInput)\n    return null;\n  const probe = input.cloneNode() as HTMLInputElement;\n  probe.value = input.value;\n  try {\n    if (direction === 1) probe.stepUp();\n    else probe.stepDown();\n  } catch {\n    // Native stepping is unavailable for step=\"any\".\n    return null;\n  }\n  if (probe.value === input.value || !Number.isFinite(probe.valueAsNumber)) return null;\n  if (\n    Number.isFinite(input.valueAsNumber) &&\n    (probe.valueAsNumber - input.valueAsNumber) * direction <= 0\n  )\n    return null;\n  return probe.value;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  ViewEncapsulation,\n  afterEveryRender,\n  computed,\n  contentChild,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { VdInput } from '@vadem/ui/input';\nimport { vdNumberStepValue } from './core/number-input';\nimport { vdTexts } from '@vadem/ui/locale';\n\n/** Numeric native Input: the platform/forms accessor remains the source of value. */\n@Directive({\n  selector: 'input[type=number][vdNumberInput]',\n  exportAs: 'vdNumberInput',\n  host: { class: 'vd-number-input__input', '(input)': 'refresh()', '(change)': 'refresh()' },\n})\nexport class VdNumberInput extends VdInput {\n  private readonly el: HTMLInputElement = inject(ElementRef).nativeElement;\n  private readonly snapshot = signal<string | null>(null);\n  readonly locked = computed(() => {\n    this.snapshot();\n    return this.snapshot() === null || this.el.disabled || this.el.readOnly;\n  });\n  readonly canDecrease = computed(\n    () => this.snapshot() !== null && vdNumberStepValue(this.el, -1) !== null,\n  );\n  readonly canIncrease = computed(\n    () => this.snapshot() !== null && vdNumberStepValue(this.el, 1) !== null,\n  );\n\n  constructor() {\n    super();\n    // Browser-only. Equality of the serialized snapshot prevents render feedback loops.\n    afterEveryRender(() => this.refresh());\n  }\n\n  refresh(): void {\n    this.snapshot.set(\n      JSON.stringify([\n        this.el.type,\n        this.el.value,\n        this.el.getAttribute('value'),\n        this.el.min,\n        this.el.max,\n        this.el.step,\n        this.el.disabled,\n        this.el.readOnly,\n        this.el.validity.badInput,\n      ]),\n    );\n  }\n\n  step(direction: -1 | 1): void {\n    const value = vdNumberStepValue(this.el, direction);\n    if (value === null) return;\n    this.el.value = value;\n    this.refresh();\n    this.el.dispatchEvent(new Event('input', { bubbles: true }));\n    this.el.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n\n@Component({\n  selector: 'vd-number-input',\n  imports: [VdIcon],\n  template: `\n    <button\n      class=\"vd-button\"\n      data-icon-only\n      type=\"button\"\n      data-variant=\"ghost\"\n      slot=\"start\"\n      [attr.data-size]=\"control()?.size() ?? 'md'\"\n      [attr.aria-label]=\"t().decreaseLabel\"\n      [attr.aria-controls]=\"control()?.id() ?? null\"\n      [disabled]=\"control()?.locked() ?? true\"\n      [attr.aria-disabled]=\"control()?.canDecrease() ? null : 'true'\"\n      (click)=\"control()?.step(-1)\"\n    >\n      <vd-icon name=\"minus\" />\n    </button>\n    <ng-content select=\"input[vdNumberInput]\" />\n    <button\n      class=\"vd-button\"\n      data-icon-only\n      type=\"button\"\n      data-variant=\"ghost\"\n      slot=\"end\"\n      [attr.data-size]=\"control()?.size() ?? 'md'\"\n      [attr.aria-label]=\"t().increaseLabel\"\n      [attr.aria-controls]=\"control()?.id() ?? null\"\n      [disabled]=\"control()?.locked() ?? true\"\n      [attr.aria-disabled]=\"control()?.canIncrease() ? null : 'true'\"\n      (click)=\"control()?.step(1)\"\n    >\n      <vd-icon name=\"plus\" />\n    </button>\n  `,\n  host: { class: 'vd-input-group vd-number-input' },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdNumberInputGroup {\n  readonly decreaseLabel = input<string>();\n  readonly increaseLabel = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('numberInput', {\n    decreaseLabel: this.decreaseLabel,\n    increaseLabel: this.increaseLabel,\n  });\n  protected readonly control = contentChild(VdNumberInput);\n}\n\nexport const VD_NUMBER_INPUT = [VdNumberInputGroup, VdNumberInput] as const;\n"],"mappings":";;;;;AACA,SAAgB,kBAAkB,OAAyB,WAAiB;CAC1E,IAAI,MAAM,SAAS,YAAY,MAAM,YAAY,MAAM,YAAY,MAAM,SAAS,UAChF,OAAO;CACT,MAAM,QAAQ,MAAM,UAAS;CAC7B,MAAM,QAAQ,MAAM;CACpB,IAAI;EACF,IAAI,cAAc,GAAG,MAAM,OAAM;OAC5B,MAAM,SAAQ;CACrB,QAAQ;EAEN,OAAO;CACT;CACA,IAAI,MAAM,UAAU,MAAM,SAAS,CAAC,OAAO,SAAS,MAAM,aAAa,GAAG,OAAO;CACjF,IACE,OAAO,SAAS,MAAM,aAAa,MAClC,MAAM,gBAAgB,MAAM,iBAAiB,aAAa,GAE3D,OAAO;CACT,OAAO,MAAM;AACf;ACIA,IAAa,gBAAb,MAAa,sBAAsB,QAAO;CACvB,KAAuB,OAAO,UAAU,CAAC,CAAC;CAC1C,WAAW,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAC9C,SAAS,eAAc;EAC9B,KAAK,SAAQ;EACb,OAAO,KAAK,SAAQ,MAAO,QAAQ,KAAK,GAAG,YAAY,KAAK,GAAG;CACjE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CACO,cAAc,eACf,KAAK,SAAQ,MAAO,QAAQ,kBAAkB,KAAK,IAAI,EAAE,MAAM,MACtE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACQ,cAAc,eACf,KAAK,SAAQ,MAAO,QAAQ,kBAAkB,KAAK,IAAI,CAAC,MAAM,MACrE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAED,cAAA;EACE,MAAK;EAEL,uBAAuB,KAAK,QAAO,CAAE;CACvC;CAEA,UAAO;EACL,KAAK,SAAS,IACZ,KAAK,UAAU;GACb,KAAK,GAAG;GACR,KAAK,GAAG;GACR,KAAK,GAAG,aAAa,OAAO;GAC5B,KAAK,GAAG;GACR,KAAK,GAAG;GACR,KAAK,GAAG;GACR,KAAK,GAAG;GACR,KAAK,GAAG;GACR,KAAK,GAAG,SAAS;EAClB,CAAA,CAAC;CAEN;CAEA,KAAK,WAAiB;EACpB,MAAM,QAAQ,kBAAkB,KAAK,IAAI,SAAS;EAClD,IAAI,UAAU,MAAM;EACpB,KAAK,GAAG,QAAQ;EAChB,KAAK,QAAO;EACZ,KAAK,GAAG,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAI,CAAE,CAAC;EAC3D,KAAK,GAAG,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,KAAI,CAAE,CAAC;CAC9D;CA3CW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAa,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAb,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAa,cAAA;EAAA,UAAA;EAAA,MAAA;GAAA,WAAA;IAAA,SAAA;IAAA,UAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,UAAA,CAAA,eAAA;EAAA,iBAAA;EAAA,UAAA;CAAA,CAAA;;AAAb,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAa,YAAA,CAAA;EALzB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;GACV,MAAM;IAAE,OAAO;IAA0B,WAAW;IAAa,YAAY;GAAW;EACzF,CAAA;;;;AAuFD,IAAa,qBAAb,MAAa,mBAAkB;CACpB,gBAAgB,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,gBAAgB,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAErB,IAAI,QAAQ,eAAe;EAC5C,eAAe,KAAK;EACpB,eAAe,KAAK;CACrB,CAAA;CACkB,UAAU,aAAa,eAAc,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAR7C,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAkB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAlB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAkB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,iCAAA;EAAA,SAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAQa;GAAa,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UA7C7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAjCS;GAAM,UAAA;GAAA,QAAA,CAAA,QAAA,OAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;EAAA,eAAA,GAAA,kBAAA;CAAA,CAAA;;AAsCL,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAxC9B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,MAAM;GAChB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCV,MAAM,EAAE,OAAO,iCAAgC;GAC/C,iBAAiB,wBAAwB;GACzC,eAAe,kBAAkB;EAClC,CAAA;CAS2C,CAAA;CAAA,gBAAA;EAAA,eAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,eAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,aAAa,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA;AAGzD,MAAa,kBAAkB,CAAC,oBAAoB,aAAa"}

package/fesm2022/vadem-ui-otp-input.mjs

@@ -0,0 +1,86 @@
+import * as i0 from "@angular/core";
+import { Directive, computed, input, numberAttribute } from "@angular/core";
+import { VdInput } from "@vadem/ui/input";
+var VdOtpInput = class VdOtpInput extends VdInput {
+	length = input(6, {
+		...ngDevMode ? { debugName: "length" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	codeLength = computed(() => {
+		const length = this.length();
+		return Number.isFinite(length) ? Math.min(12, Math.max(1, Math.trunc(length))) : 6;
+	}, ...ngDevMode ? [{ debugName: "codeLength" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdOtpInput,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdOtpInput,
+		isStandalone: true,
+		selector: "input[vdOtpInput]",
+		inputs: { length: {
+			classPropertyName: "length",
+			publicName: "length",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"type": "text",
+				"inputmode": "numeric",
+				"autocomplete": "one-time-code",
+				"spellcheck": "false",
+				"dir": "ltr"
+			},
+			properties: {
+				"attr.maxlength": "codeLength()",
+				"attr.pattern": "\"[0-9]{\" + codeLength() + \"}\"",
+				"style.--vd-otp-input-length": "codeLength()"
+			},
+			classAttribute: "vd-otp-input"
+		},
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdOtpInput,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[vdOtpInput]",
+			host: {
+				class: "vd-otp-input",
+				type: "text",
+				inputmode: "numeric",
+				autocomplete: "one-time-code",
+				spellcheck: "false",
+				dir: "ltr",
+				"[attr.maxlength]": "codeLength()",
+				"[attr.pattern]": "\"[0-9]{\" + codeLength() + \"}\"",
+				"[style.--vd-otp-input-length]": "codeLength()"
+			}
+		}]
+	}],
+	propDecorators: { length: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "length",
+			required: false
+		}]
+	}] }
+});
+export { VdOtpInput };
+
+//# sourceMappingURL=vadem-ui-otp-input.mjs.map

package/fesm2022/vadem-ui-otp-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-otp-input.mjs","names":[],"sources":["../../../projects/ui/otp-input/src/otp-input.ts"],"sourcesContent":["import { computed, Directive, input, numberAttribute } from '@angular/core';\nimport { VdInput } from '@vadem/ui/input';\n\n/** One native code field: editing, clipboard, autofill and value accessors remain native. */\n@Directive({\n  selector: 'input[vdOtpInput]',\n  host: {\n    class: 'vd-otp-input',\n    type: 'text',\n    inputmode: 'numeric',\n    autocomplete: 'one-time-code',\n    spellcheck: 'false',\n    dir: 'ltr',\n    '[attr.maxlength]': 'codeLength()',\n    '[attr.pattern]': '\"[0-9]{\" + codeLength() + \"}\"',\n    '[style.--vd-otp-input-length]': 'codeLength()',\n  },\n})\nexport class VdOtpInput extends VdInput {\n  readonly length = input(6, { transform: numberAttribute });\n  protected readonly codeLength = computed(() => {\n    const length = this.length();\n    return Number.isFinite(length) ? Math.min(12, Math.max(1, Math.trunc(length))) : 6;\n  });\n}\n"],"mappings":";;;AAkBA,IAAa,aAAb,MAAa,mBAAmB,QAAO;CAC5B,SAAS,MAAM,GAAC;EAAA,GAAA,YAAA,EAAA,WAAA,SAAA,+BAAA,CAAA;EAAI,WAAW;CAAe,CAAA;CACpC,aAAa,eAAc;EAC5C,MAAM,SAAS,KAAK,OAAM;EAC1B,OAAO,OAAO,SAAS,MAAM,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,CAAC,CAAC,IAAI;CACnF,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CALS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,QAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,QAAA;IAAA,aAAA;IAAA,gBAAA;IAAA,cAAA;IAAA,OAAA;GAAA;GAAA,YAAA;IAAA,kBAAA;IAAA,gBAAA;IAAA,+BAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,iBAAA;EAAA,UAAA;CAAA,CAAA;;AAAV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EAdtB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IACJ,OAAO;IACP,MAAM;IACN,WAAW;IACX,cAAc;IACd,YAAY;IACZ,KAAK;IACL,oBAAoB;IACpB,kBAAkB;IAClB,iCAAiC;GAClC;EACF,CAAA"}