@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-form-error-summary.mjs

@@ -0,0 +1,201 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injector, ViewEncapsulation, afterNextRender, inject, input } from "@angular/core";
+import { vdUniqueId } from "@vadem/ui/field";
+import { VdIcon } from "@vadem/ui/icon";
+import { vdTexts } from "@vadem/ui/locale";
+var VdFormErrorSummary = class VdFormErrorSummary {
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
+	title = input(...ngDevMode ? [void 0, { debugName: "title" }] : /* istanbul ignore next */ []);
+	description = input(...ngDevMode ? [void 0, { debugName: "description" }] : /* istanbul ignore next */ []);
+	t = vdTexts("formErrorSummary", {
+		title: this.title,
+		description: this.description
+	});
+	titleId = vdUniqueId("vd-form-error-summary-title");
+	descriptionId = vdUniqueId("vd-form-error-summary-description");
+	host = inject(ElementRef).nativeElement;
+	injector = inject(Injector);
+	destroyRef = inject(DestroyRef);
+	scrollFrame;
+	constructor() {
+		this.destroyRef.onDestroy(() => {
+			if (this.scrollFrame !== void 0) this.host.ownerDocument.defaultView?.cancelAnimationFrame(this.scrollFrame);
+		});
+	}
+	focus() {
+		if (this.destroyRef.destroyed) return;
+		afterNextRender(() => {
+			if (!this.errors().length) return;
+			this.host.focus({ preventScroll: true });
+			const view = this.host.ownerDocument.defaultView;
+			if (!view) return;
+			if (this.scrollFrame !== void 0) view.cancelAnimationFrame(this.scrollFrame);
+			this.scrollFrame = view.requestAnimationFrame(() => {
+				this.scrollFrame = void 0;
+				if (this.errors().length && this.host.ownerDocument.activeElement === this.host) this.host.scrollIntoView({
+					block: "start",
+					behavior: "instant"
+				});
+			});
+		}, { injector: this.injector });
+	}
+	fragment(target) {
+		return `#${encodeURIComponent(target)}`;
+	}
+	navigate(event, id) {
+		if (event.defaultPrevented || event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
+		event.preventDefault();
+		const target = this.host.ownerDocument.getElementById(id);
+		if (!target || target.matches(":disabled, [aria-disabled=\"true\"]") || target.closest("[hidden], [inert]") || !target.getClientRects().length) return;
+		target.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdFormErrorSummary,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdFormErrorSummary,
+		isStandalone: true,
+		selector: "vd-form-error-summary",
+		inputs: {
+			errors: {
+				classPropertyName: "errors",
+				publicName: "errors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			title: {
+				classPropertyName: "title",
+				publicName: "title",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.hidden": "errors().length ? null : \"\"",
+				"attr.role": "errors().length ? \"region\" : null",
+				"attr.tabindex": "errors().length ? \"-1\" : null",
+				"attr.aria-labelledby": "errors().length ? titleId : null",
+				"attr.aria-describedby": "errors().length && t().description ? descriptionId : null"
+			},
+			classAttribute: "vd-form-error-summary"
+		},
+		ngImport: i0,
+		template: `
+    @if (errors().length) {
+      <h2 class="vd-form-error-summary__title" [id]="titleId">
+        <vd-icon name="alert-circle" /><span>{{ t().title }}</span>
+      </h2>
+      @if (t().description) {
+        <p [id]="descriptionId">{{ t().description }}</p>
+      }
+      <ul class="vd-form-error-summary__list" role="list">
+        @for (error of errors(); track $index) {
+          <li>
+            <a [href]="fragment(error.target)" (click)="navigate($event, error.target)">{{
+              error.message
+            }}</a>
+          </li>
+        }
+      </ul>
+    }
+  `,
+		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: VdFormErrorSummary,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-form-error-summary",
+			imports: [VdIcon],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "vd-form-error-summary",
+				"[attr.hidden]": "errors().length ? null : \"\"",
+				"[attr.role]": "errors().length ? \"region\" : null",
+				"[attr.tabindex]": "errors().length ? \"-1\" : null",
+				"[attr.aria-labelledby]": "errors().length ? titleId : null",
+				"[attr.aria-describedby]": "errors().length && t().description ? descriptionId : null"
+			},
+			template: `
+    @if (errors().length) {
+      <h2 class="vd-form-error-summary__title" [id]="titleId">
+        <vd-icon name="alert-circle" /><span>{{ t().title }}</span>
+      </h2>
+      @if (t().description) {
+        <p [id]="descriptionId">{{ t().description }}</p>
+      }
+      <ul class="vd-form-error-summary__list" role="list">
+        @for (error of errors(); track $index) {
+          <li>
+            <a [href]="fragment(error.target)" (click)="navigate($event, error.target)">{{
+              error.message
+            }}</a>
+          </li>
+        }
+      </ul>
+    }
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		errors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errors",
+				required: false
+			}]
+		}],
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: false
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}]
+	}
+});
+export { VdFormErrorSummary };
+
+//# sourceMappingURL=vadem-ui-form-error-summary.mjs.map

package/fesm2022/vadem-ui-form-error-summary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-form-error-summary.mjs","names":[],"sources":["../../../projects/ui/form-error-summary/src/form-error-summary.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  ViewEncapsulation,\n  afterNextRender,\n  inject,\n  input,\n} from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdTexts } from '@vadem/ui/locale';\n\nexport interface VdFormError {\n  /** Raw ID of a visible, enabled, focusable control in the same document. */\n  readonly target: string;\n  readonly message: string;\n}\n\n/** Controlled validation navigation; the application owns validation and submit timing. */\n@Component({\n  selector: 'vd-form-error-summary',\n  imports: [VdIcon],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'vd-form-error-summary',\n    '[attr.hidden]': 'errors().length ? null : \"\"',\n    '[attr.role]': 'errors().length ? \"region\" : null',\n    '[attr.tabindex]': 'errors().length ? \"-1\" : null',\n    '[attr.aria-labelledby]': 'errors().length ? titleId : null',\n    '[attr.aria-describedby]': 'errors().length && t().description ? descriptionId : null',\n  },\n  template: `\n    @if (errors().length) {\n      <h2 class=\"vd-form-error-summary__title\" [id]=\"titleId\">\n        <vd-icon name=\"alert-circle\" /><span>{{ t().title }}</span>\n      </h2>\n      @if (t().description) {\n        <p [id]=\"descriptionId\">{{ t().description }}</p>\n      }\n      <ul class=\"vd-form-error-summary__list\" role=\"list\">\n        @for (error of errors(); track $index) {\n          <li>\n            <a [href]=\"fragment(error.target)\" (click)=\"navigate($event, error.target)\">{{\n              error.message\n            }}</a>\n          </li>\n        }\n      </ul>\n    }\n  `,\n})\nexport class VdFormErrorSummary {\n  readonly errors = input<readonly VdFormError[]>([]);\n  readonly title = input<string>();\n  readonly description = input<string>();\n  protected readonly t = vdTexts('formErrorSummary', {\n    title: this.title,\n    description: this.description,\n  });\n  protected readonly titleId = vdUniqueId('vd-form-error-summary-title');\n  protected readonly descriptionId = vdUniqueId('vd-form-error-summary-description');\n  private readonly host: HTMLElement = inject(ElementRef).nativeElement;\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private scrollFrame: number | undefined;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => {\n      if (this.scrollFrame !== undefined)\n        this.host.ownerDocument.defaultView?.cancelAnimationFrame(this.scrollFrame);\n    });\n  }\n\n  /** Call after a failed submit; passive updates deliberately do not move focus. */\n  focus(): void {\n    if (this.destroyRef.destroyed) return;\n    afterNextRender(\n      () => {\n        if (!this.errors().length) return;\n        this.host.focus({ preventScroll: true });\n        const view = this.host.ownerDocument.defaultView;\n        if (!view) return;\n        if (this.scrollFrame !== undefined) view.cancelAnimationFrame(this.scrollFrame);\n        // Apply scrolling after layout anchoring for newly inserted error messages.\n        this.scrollFrame = view.requestAnimationFrame(() => {\n          this.scrollFrame = undefined;\n          if (this.errors().length && this.host.ownerDocument.activeElement === this.host)\n            this.host.scrollIntoView({ block: 'start', behavior: 'instant' });\n        });\n      },\n      { injector: this.injector },\n    );\n  }\n\n  protected fragment(target: string): string {\n    return `#${encodeURIComponent(target)}`;\n  }\n\n  protected navigate(event: MouseEvent, id: string): void {\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.shiftKey ||\n      event.altKey\n    )\n      return;\n    event.preventDefault();\n    const target = this.host.ownerDocument.getElementById(id);\n    if (\n      !target ||\n      target.matches(':disabled, [aria-disabled=\"true\"]') ||\n      target.closest('[hidden], [inert]') ||\n      !target.getClientRects().length\n    )\n      return;\n    target.focus();\n  }\n}\n"],"mappings":"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"}

package/fesm2022/vadem-ui-icon.mjs

@@ -0,0 +1,303 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input } from "@angular/core";
+/**
+* @license
+* Icon geometry from Lucide 1.49.0 (https://lucide.dev), ISC License,
+* Copyright (c) Lucide Icons and Contributors. Parts derived from Feather (MIT),
+* Copyright (c) 2013-2023 Cole Bemis. Full text: LICENSE-lucide.txt
+*/
+const VD_ICONS = {
+	activity: ["M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"],
+	"alert-circle": [
+		"M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z",
+		"M12 8L12 12",
+		"M12 16L12.01 16"
+	],
+	"alert-triangle": [
+		"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+		"M12 9v4",
+		"M12 17h.01"
+	],
+	"arrow-down": ["M12 5v14", "m19 12-7 7-7-7"],
+	"arrow-left": ["m12 19-7-7 7-7", "M19 12H5"],
+	"arrow-right": ["M5 12h14", "m12 5 7 7-7 7"],
+	"arrow-up": ["m5 12 7-7 7 7", "M12 19V5"],
+	"arrow-up-down": [
+		"m21 16-4 4-4-4",
+		"M17 20V4",
+		"m3 8 4-4 4 4",
+		"M7 4v16"
+	],
+	bell: ["M10.268 21a2 2 0 0 0 3.464 0", "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"],
+	calendar: [
+		"M8 2v3",
+		"M16 2v3",
+		"M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2Z",
+		"M3 9h18"
+	],
+	check: ["M20 6 9 17l-5-5"],
+	"check-circle": ["M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z", "m16 9-5.5 5.5L8 12"],
+	"chevron-down": ["m6 9 6 6 6-6"],
+	"chevron-left": ["m15 18-6-6 6-6"],
+	"chevron-right": ["m9 18 6-6-6-6"],
+	"chevron-up": ["m18 15-6-6-6 6"],
+	copy: ["M10 8h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2Z", "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"],
+	"credit-card": [
+		"M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2Z",
+		"M2 10L22 10",
+		"M6 14h2"
+	],
+	download: [
+		"M12 15V3",
+		"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		"m7 10 5 5 5-5"
+	],
+	"external-link": [
+		"M15 3h6v6",
+		"M10 14 21 3",
+		"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+	],
+	eye: ["M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0", "M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z"],
+	"eye-off": [
+		"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+		"M14.084 14.158a3 3 0 0 1-4.242-4.242",
+		"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+		"m2 2 20 20"
+	],
+	file: ["M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z", "M14 2v5a1 1 0 0 0 1 1h5"],
+	folder: ["M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"],
+	"git-branch": [
+		"M15 6a9 9 0 0 0-9 9V3",
+		"M15 6a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z",
+		"M3 18a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z"
+	],
+	globe: [
+		"M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z",
+		"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
+		"M2 12h20"
+	],
+	info: [
+		"M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z",
+		"M12 16v-4",
+		"M12 8h.01"
+	],
+	key: ["M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z", "M16 7.5a0.5 0.5 0 1 0 1 0a0.5 0.5 0 1 0 -1 0Z"],
+	"layout-dashboard": [
+		"M4 3h5a1 1 0 0 1 1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1Z",
+		"M15 3h5a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1Z",
+		"M15 12h5a1 1 0 0 1 1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1Z",
+		"M4 16h5a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1Z"
+	],
+	loader: ["M21 12a9 9 0 1 1-6.219-8.56"],
+	lock: ["M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-7a2 2 0 0 1 2 -2Z", "M7 11V7a5 5 0 0 1 10 0v4"],
+	"log-out": [
+		"m16 17 5-5-5-5",
+		"M21 12H9",
+		"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"
+	],
+	mail: ["m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", "M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2Z"],
+	menu: [
+		"M4 5h16",
+		"M4 12h16",
+		"M4 19h16"
+	],
+	minus: ["M5 12h14"],
+	monitor: [
+		"M4 3h16a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2Z",
+		"M8 21L16 21",
+		"M12 17L12 21"
+	],
+	moon: ["M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"],
+	"more-horizontal": [
+		"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0Z",
+		"M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0Z",
+		"M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0Z"
+	],
+	"panel-left": ["M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2Z", "M9 3v18"],
+	pencil: ["M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z", "m15 5 4 4"],
+	plus: ["M5 12h14", "M12 5v14"],
+	rocket: [
+		"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5",
+		"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09",
+		"M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z",
+		"M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05"
+	],
+	search: ["m21 21-4.34-4.34", "M3 11a8 8 0 1 0 16 0a8 8 0 1 0 -16 0Z"],
+	settings: ["M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915", "M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z"],
+	shield: ["M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z", "m9 12 2 2 4-4"],
+	star: ["M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"],
+	sun: [
+		"M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0Z",
+		"M12 2v2",
+		"M12 20v2",
+		"m4.93 4.93 1.41 1.41",
+		"m17.66 17.66 1.41 1.41",
+		"M2 12h2",
+		"M20 12h2",
+		"m6.34 17.66-1.41 1.41",
+		"m19.07 4.93-1.41 1.41"
+	],
+	trash: [
+		"M10 11v6",
+		"M14 11v6",
+		"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+		"M3 6h18",
+		"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+	],
+	"trending-down": ["M16 17h6v-6", "m22 17-8.5-8.5-5 5L2 7"],
+	"trending-up": ["M16 7h6v6", "m22 7-8.5 8.5-5-5L2 17"],
+	upload: [
+		"M12 3v12",
+		"m17 8-5-5-5 5",
+		"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
+	],
+	user: ["M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", "M8 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0Z"],
+	users: [
+		"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
+		"M16 3.128a4 4 0 0 1 0 7.744",
+		"M22 21v-2a4 4 0 0 0-3-3.87",
+		"M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0Z"
+	],
+	x: ["M18 6 6 18", "m6 6 12 12"],
+	"x-circle": [
+		"M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z",
+		"m15 9-6 6",
+		"m9 9 6 6"
+	]
+};
+const VD_DIRECTIONAL_ICONS = /* @__PURE__ */ new Set([
+	"arrow-left",
+	"arrow-right",
+	"chevron-left",
+	"chevron-right",
+	"panel-left"
+]);
+const VD_ICON_NAMES = Object.keys(VD_ICONS);
+var VdIcon = class VdIcon {
+	name = input.required(...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	paths = computed(() => VD_ICONS[this.name()], ...ngDevMode ? [{ debugName: "paths" }] : /* istanbul ignore next */ []);
+	directional = computed(() => VD_DIRECTIONAL_ICONS.has(this.name()), ...ngDevMode ? [{ debugName: "directional" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdIcon,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdIcon,
+		isStandalone: true,
+		selector: "vd-icon",
+		inputs: {
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-name": "name()",
+				"attr.data-directional": "directional() ? \"\" : null",
+				"attr.role": "label() ? \"img\" : null",
+				"attr.aria-label": "label() || null",
+				"attr.aria-hidden": "label() ? null : \"true\""
+			},
+			classAttribute: "vd-icon"
+		},
+		ngImport: i0,
+		template: `
+    <svg
+      class="vd-icon__svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      focusable="false"
+      aria-hidden="true"
+    >
+      @for (d of paths(); track $index) {
+        <path [attr.d]="d" />
+      }
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdIcon,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-icon",
+			template: `
+    <svg
+      class="vd-icon__svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      focusable="false"
+      aria-hidden="true"
+    >
+      @for (d of paths(); track $index) {
+        <path [attr.d]="d" />
+      }
+    </svg>
+  `,
+			host: {
+				class: "vd-icon",
+				"[attr.data-name]": "name()",
+				"[attr.data-directional]": "directional() ? \"\" : null",
+				"[attr.role]": "label() ? \"img\" : null",
+				"[attr.aria-label]": "label() || null",
+				"[attr.aria-hidden]": "label() ? null : \"true\""
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	propDecorators: {
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}]
+	}
+});
+export { VD_ICON_NAMES, VdIcon };
+
+//# sourceMappingURL=vadem-ui-icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-icon.mjs","names":[],"sources":["../../../projects/ui/icon/src/core/icons.ts","../../../projects/ui/icon/src/icon.ts"],"sourcesContent":["/**\n * @license\n * Icon geometry from Lucide 1.49.0 (https://lucide.dev), ISC License,\n * Copyright (c) Lucide Icons and Contributors. Parts derived from Feather (MIT),\n * Copyright (c) 2013-2023 Cole Bemis. Full text: LICENSE-lucide.txt\n */\n\n// GENERATED by tools/icons.mjs from tools/icons.json - do not edit by hand.\n\n/**\n * Vadem icon set. Framework-agnostic data: every icon is a list of SVG path `d` strings on a\n * 24x24 grid, rendered by adapters with stroke 1.5, round caps and joins, currentColor.\n */\nexport const VD_ICONS = {\n  /** lucide: activity */\n  activity: [\n    'M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2',\n  ],\n  /** lucide: circle-alert */\n  'alert-circle': ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z', 'M12 8L12 12', 'M12 16L12.01 16'],\n  /** lucide: triangle-alert */\n  'alert-triangle': [\n    'm21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3',\n    'M12 9v4',\n    'M12 17h.01',\n  ],\n  /** lucide: arrow-down */\n  'arrow-down': ['M12 5v14', 'm19 12-7 7-7-7'],\n  /** lucide: arrow-left */\n  'arrow-left': ['m12 19-7-7 7-7', 'M19 12H5'],\n  /** lucide: arrow-right */\n  'arrow-right': ['M5 12h14', 'm12 5 7 7-7 7'],\n  /** lucide: arrow-up */\n  'arrow-up': ['m5 12 7-7 7 7', 'M12 19V5'],\n  /** lucide: arrow-up-down */\n  'arrow-up-down': ['m21 16-4 4-4-4', 'M17 20V4', 'm3 8 4-4 4 4', 'M7 4v16'],\n  /** lucide: bell */\n  bell: [\n    'M10.268 21a2 2 0 0 0 3.464 0',\n    'M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326',\n  ],\n  /** lucide: calendar */\n  calendar: [\n    'M8 2v3',\n    'M16 2v3',\n    'M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2Z',\n    'M3 9h18',\n  ],\n  /** lucide: check */\n  check: ['M20 6 9 17l-5-5'],\n  /** lucide: circle-check */\n  'check-circle': ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z', 'm16 9-5.5 5.5L8 12'],\n  /** lucide: chevron-down */\n  'chevron-down': ['m6 9 6 6 6-6'],\n  /** lucide: chevron-left */\n  'chevron-left': ['m15 18-6-6 6-6'],\n  /** lucide: chevron-right */\n  'chevron-right': ['m9 18 6-6-6-6'],\n  /** lucide: chevron-up */\n  'chevron-up': ['m18 15-6-6-6 6'],\n  /** lucide: copy */\n  copy: [\n    'M10 8h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2Z',\n    'M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2',\n  ],\n  /** lucide: credit-card */\n  'credit-card': [\n    'M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2Z',\n    'M2 10L22 10',\n    'M6 14h2',\n  ],\n  /** lucide: download */\n  download: ['M12 15V3', 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4', 'm7 10 5 5 5-5'],\n  /** lucide: external-link */\n  'external-link': [\n    'M15 3h6v6',\n    'M10 14 21 3',\n    'M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6',\n  ],\n  /** lucide: eye */\n  eye: [\n    'M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0',\n    'M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z',\n  ],\n  /** lucide: eye-off */\n  'eye-off': [\n    'M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49',\n    'M14.084 14.158a3 3 0 0 1-4.242-4.242',\n    'M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143',\n    'm2 2 20 20',\n  ],\n  /** lucide: file */\n  file: [\n    'M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z',\n    'M14 2v5a1 1 0 0 0 1 1h5',\n  ],\n  /** lucide: folder */\n  folder: [\n    'M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z',\n  ],\n  /** lucide: git-branch */\n  'git-branch': [\n    'M15 6a9 9 0 0 0-9 9V3',\n    'M15 6a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z',\n    'M3 18a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z',\n  ],\n  /** lucide: globe */\n  globe: [\n    'M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z',\n    'M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20',\n    'M2 12h20',\n  ],\n  /** lucide: info */\n  info: ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z', 'M12 16v-4', 'M12 8h.01'],\n  /** lucide: key-round */\n  key: [\n    'M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z',\n    'M16 7.5a0.5 0.5 0 1 0 1 0a0.5 0.5 0 1 0 -1 0Z',\n  ],\n  /** lucide: layout-dashboard */\n  'layout-dashboard': [\n    'M4 3h5a1 1 0 0 1 1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1Z',\n    'M15 3h5a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1Z',\n    'M15 12h5a1 1 0 0 1 1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1Z',\n    'M4 16h5a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1Z',\n  ],\n  /** lucide: loader-circle */\n  loader: ['M21 12a9 9 0 1 1-6.219-8.56'],\n  /** lucide: lock */\n  lock: [\n    'M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-7a2 2 0 0 1 2 -2Z',\n    'M7 11V7a5 5 0 0 1 10 0v4',\n  ],\n  /** lucide: log-out */\n  'log-out': ['m16 17 5-5-5-5', 'M21 12H9', 'M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'],\n  /** lucide: mail */\n  mail: [\n    'm22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7',\n    'M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2Z',\n  ],\n  /** lucide: menu */\n  menu: ['M4 5h16', 'M4 12h16', 'M4 19h16'],\n  /** lucide: minus */\n  minus: ['M5 12h14'],\n  /** lucide: monitor */\n  monitor: [\n    'M4 3h16a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2Z',\n    'M8 21L16 21',\n    'M12 17L12 21',\n  ],\n  /** lucide: moon */\n  moon: [\n    'M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401',\n  ],\n  /** lucide: ellipsis */\n  'more-horizontal': [\n    'M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0Z',\n    'M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0Z',\n    'M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0Z',\n  ],\n  /** lucide: panel-left */\n  'panel-left': [\n    'M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2Z',\n    'M9 3v18',\n  ],\n  /** lucide: pencil */\n  pencil: [\n    'M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z',\n    'm15 5 4 4',\n  ],\n  /** lucide: plus */\n  plus: ['M5 12h14', 'M12 5v14'],\n  /** lucide: rocket */\n  rocket: [\n    'M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5',\n    'M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09',\n    'M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z',\n    'M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05',\n  ],\n  /** lucide: search */\n  search: ['m21 21-4.34-4.34', 'M3 11a8 8 0 1 0 16 0a8 8 0 1 0 -16 0Z'],\n  /** lucide: settings */\n  settings: [\n    'M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915',\n    'M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0Z',\n  ],\n  /** lucide: shield-check */\n  shield: [\n    'M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z',\n    'm9 12 2 2 4-4',\n  ],\n  /** lucide: star */\n  star: [\n    'M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z',\n  ],\n  /** lucide: sun */\n  sun: [\n    'M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0Z',\n    'M12 2v2',\n    'M12 20v2',\n    'm4.93 4.93 1.41 1.41',\n    'm17.66 17.66 1.41 1.41',\n    'M2 12h2',\n    'M20 12h2',\n    'm6.34 17.66-1.41 1.41',\n    'm19.07 4.93-1.41 1.41',\n  ],\n  /** lucide: trash-2 */\n  trash: [\n    'M10 11v6',\n    'M14 11v6',\n    'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6',\n    'M3 6h18',\n    'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2',\n  ],\n  /** lucide: trending-down */\n  'trending-down': ['M16 17h6v-6', 'm22 17-8.5-8.5-5 5L2 7'],\n  /** lucide: trending-up */\n  'trending-up': ['M16 7h6v6', 'm22 7-8.5 8.5-5-5L2 17'],\n  /** lucide: upload */\n  upload: ['M12 3v12', 'm17 8-5-5-5 5', 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'],\n  /** lucide: user */\n  user: ['M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2', 'M8 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0Z'],\n  /** lucide: users */\n  users: [\n    'M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2',\n    'M16 3.128a4 4 0 0 1 0 7.744',\n    'M22 21v-2a4 4 0 0 0-3-3.87',\n    'M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0Z',\n  ],\n  /** lucide: x */\n  x: ['M18 6 6 18', 'm6 6 12 12'],\n  /** lucide: circle-x */\n  'x-circle': ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z', 'm15 9-6 6', 'm9 9 6 6'],\n} as const satisfies Record<string, readonly string[]>;\n\nexport type VdIconName = keyof typeof VD_ICONS;\n\n/** Icons that point in the reading direction and must be mirrored in RTL. */\nexport const VD_DIRECTIONAL_ICONS: ReadonlySet<VdIconName> = new Set<VdIconName>([\n  'arrow-left',\n  'arrow-right',\n  'chevron-left',\n  'chevron-right',\n  'panel-left',\n]);\n\nexport const VD_ICON_NAMES = Object.keys(VD_ICONS) as VdIconName[];\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\nimport { VD_DIRECTIONAL_ICONS, VD_ICONS, VdIconName } from './core/icons';\n\n/**\n * Inline SVG icon from the Vadem set. Decorative by default (hidden from assistive tech);\n * pass `label` when the icon carries meaning on its own.\n */\n@Component({\n  selector: 'vd-icon',\n  template: `\n    <svg\n      class=\"vd-icon__svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n    >\n      @for (d of paths(); track $index) {\n        <path [attr.d]=\"d\" />\n      }\n    </svg>\n  `,\n  host: {\n    class: 'vd-icon',\n    '[attr.data-name]': 'name()',\n    '[attr.data-directional]': 'directional() ? \"\" : null',\n    '[attr.role]': 'label() ? \"img\" : null',\n    '[attr.aria-label]': 'label() || null',\n    '[attr.aria-hidden]': 'label() ? null : \"true\"',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdIcon {\n  readonly name = input.required<VdIconName>();\n  /** Accessible name. Omit for decorative icons next to visible text. */\n  readonly label = input<string>();\n\n  protected readonly paths = computed(() => VD_ICONS[this.name()]);\n  protected readonly directional = computed(() => VD_DIRECTIONAL_ICONS.has(this.name()));\n}\n"],"mappings":"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"}

package/fesm2022/vadem-ui-input.mjs

@@ -0,0 +1,120 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, ViewEncapsulation, inject, input } from "@angular/core";
+import { VdFieldControlBase } from "@vadem/ui/field";
+var VdInput = class VdInput extends VdFieldControlBase {
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdInput,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: VdInput,
+		isStandalone: true,
+		selector: "input[vdInput], textarea[vdInput]",
+		inputs: { size: {
+			classPropertyName: "size",
+			publicName: "size",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.data-size": "size()" },
+			classAttribute: "vd-input"
+		},
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdInput,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[vdInput], textarea[vdInput]",
+			host: {
+				class: "vd-input",
+				"[attr.data-size]": "size()"
+			}
+		}]
+	}],
+	propDecorators: { size: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "size",
+			required: false
+		}]
+	}] }
+});
+var VdInputGroup = class VdInputGroup {
+	el = inject(ElementRef).nativeElement;
+	focusInput(event) {
+		const interactive = event.target.closest("button, a, input, textarea, select, [tabindex]");
+		if (interactive && interactive !== this.el && this.el.contains(interactive)) return;
+		this.el.querySelector(":scope > .vd-input")?.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdInputGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdInputGroup,
+		isStandalone: true,
+		selector: "vd-input-group",
+		host: {
+			listeners: { "click": "focusInput($event)" },
+			classAttribute: "vd-input-group"
+		},
+		ngImport: i0,
+		template: `
+    <ng-content select="[slot=start]" />
+    <ng-content />
+    <ng-content select="[slot=end]" />
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdInputGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-input-group",
+			template: `
+    <ng-content select="[slot=start]" />
+    <ng-content />
+    <ng-content select="[slot=end]" />
+  `,
+			host: {
+				class: "vd-input-group",
+				"(click)": "focusInput($event)"
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}]
+});
+export { VdInput, VdInputGroup };
+
+//# sourceMappingURL=vadem-ui-input.mjs.map