@vadem/ui 0.0.0-stage → 0.0.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-command.mjs","names":[],"sources":["../../../projects/ui/command/src/core/command.ts","../../../projects/ui/command/src/command.ts"],"sourcesContent":["import { vdMatchesQuery } from '@vadem/ui/keyboard';\n\n/** Pure searchable-action data; no framework or routing concerns. */\nexport interface VdCommandRecord {\n  readonly id: string;\n  readonly label: string;\n  readonly keywords: readonly string[];\n  readonly disabled: boolean;\n}\n\nexport function vdFilterCommands<T extends VdCommandRecord>(\n  items: readonly T[],\n  query: string,\n): T[] {\n  return items.filter((item) => vdMatchesQuery([item.label, ...item.keywords].join(' '), query));\n}\n\n/** Preserve a valid active action by identity, otherwise choose the first enabled result. */\nexport function vdActiveCommand<T extends VdCommandRecord>(\n  items: readonly T[],\n  activeId: string | null,\n): T | null {\n  return (\n    items.find((item) => item.id === activeId && !item.disabled) ??\n    items.find((item) => !item.disabled) ??\n    null\n  );\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  OnInit,\n  ViewEncapsulation,\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChild,\n  contentChildren,\n  forwardRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdListTarget } from '@vadem/ui/keyboard';\nimport { vdActiveCommand, vdFilterCommands } from './core/command';\nimport { vdTexts } from '@vadem/ui/locale';\n\n/** Searchable actions; modal ownership and shortcut bindings stay with consumers. */\n@Component({\n  selector: 'vd-command',\n  imports: [VdIcon],\n  template: `\n    <div class=\"vd-command__search\">\n      <vd-icon name=\"search\" />\n      <!-- Opt-in for modal Dialog initial focus; false for inline use. -->\n      <!-- eslint-disable @angular-eslint/template/no-autofocus -->\n      <input\n        #search\n        class=\"vd-command__input\"\n        type=\"text\"\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-haspopup=\"listbox\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        [value]=\"query()\"\n        [placeholder]=\"t().placeholder\"\n        [disabled]=\"disabled()\"\n        [autofocus]=\"autofocus()\"\n        [attr.aria-label]=\"t().label\"\n        [attr.aria-expanded]=\"expanded()\"\n        [attr.aria-controls]=\"listId\"\n        [attr.aria-activedescendant]=\"focused() && expanded() ? activeItem()?.id : null\"\n        (input)=\"onInput($event)\"\n        (focus)=\"onFocus()\"\n        (blur)=\"focused.set(false)\"\n        (keydown)=\"onKeydown($event)\"\n      />\n      <!-- eslint-enable @angular-eslint/template/no-autofocus -->\n    </div>\n    <div\n      #list\n      class=\"vd-command__list\"\n      role=\"listbox\"\n      [id]=\"listId\"\n      [attr.aria-label]=\"t().label\"\n      [attr.aria-busy]=\"loading() || null\"\n      [hidden]=\"!expanded()\"\n    >\n      <ng-content />\n    </div>\n    <p class=\"vd-command__status\" role=\"status\" [hidden]=\"!expanded()\">\n      @if (loading()) {\n        {{ t().loadingText }}\n      } @else if (visibleItems().length === 0) {\n        {{ t().emptyText }}\n      }\n    </p>\n  `,\n  host: {\n    class: 'vd-command',\n    '[attr.data-open]': 'expanded() ? \"\" : null',\n    '[attr.data-focused]': 'focused() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-loading]': 'loading() ? \"\" : null',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdCommand {\n  readonly query = model('');\n  readonly label = input<string>();\n  readonly placeholder = input<string>();\n  readonly emptyText = input<string>();\n  readonly loadingText = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('command', {\n    label: this.label,\n    placeholder: this.placeholder,\n    emptyText: this.emptyText,\n    loadingText: this.loadingText,\n  });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly loading = input(false, { transform: booleanAttribute });\n  readonly autofocus = input(false, { transform: booleanAttribute });\n  readonly selected = output<string>();\n  readonly dismissed = output<void>();\n\n  protected readonly expanded = signal(true);\n  protected readonly focused = signal(false);\n  protected readonly listId = vdUniqueId('vd-command-list');\n  private readonly items = contentChildren(VdCommandItem, { descendants: true });\n  private readonly initialized = signal<ReadonlySet<VdCommandItem>>(new Set());\n  private readonly activeId = signal<string | null>(null);\n  private readonly search = viewChild.required<ElementRef<HTMLInputElement>>('search');\n  private readonly list = viewChild.required<ElementRef<HTMLElement>>('list');\n\n  private readonly records = computed(() =>\n    this.items()\n      .filter((item) => this.initialized().has(item))\n      .map((item) => ({\n        id: item.id,\n        label: item.label(),\n        keywords: item.keywords(),\n        disabled: item.disabled(),\n        item,\n      })),\n  );\n  protected readonly visibleItems = computed(() => vdFilterCommands(this.records(), this.query()));\n  readonly activeItem = computed(() => {\n    if (this.disabled() || this.loading() || !this.expanded()) return null;\n    return vdActiveCommand(this.visibleItems(), this.activeId())?.item ?? null;\n  });\n\n  constructor() {\n    afterRenderEffect(() => {\n      const active = this.activeItem();\n      if (!active || !this.focused()) return;\n      const list = this.list().nativeElement;\n      const box = list.getBoundingClientRect();\n      const item = active.el.getBoundingClientRect();\n      // Scroll only the results, not the document or the dialog containing them.\n      if (item.top < box.top) list.scrollTop += item.top - box.top;\n      else if (item.bottom > box.bottom) list.scrollTop += item.bottom - box.bottom;\n    });\n  }\n\n  focus(): void {\n    if (!this.disabled()) this.search().nativeElement.focus();\n  }\n\n  /** Only inspect required inputs after item initialization; queries preserve DOM order. */\n  register(item: VdCommandItem): () => void {\n    this.initialized.update((items) => new Set([...items, item]));\n    return () =>\n      this.initialized.update((items) => {\n        const next = new Set(items);\n        next.delete(item);\n        return next;\n      });\n  }\n\n  isVisible(item: VdCommandItem): boolean {\n    return !this.loading() && this.visibleItems().some((record) => record.item === item);\n  }\n\n  choose(item: VdCommandItem): void {\n    if (\n      this.disabled() ||\n      this.loading() ||\n      !this.expanded() ||\n      item.disabled() ||\n      !this.isVisible(item)\n    )\n      return;\n    this.activeId.set(item.id);\n    this.focus();\n    const value = item.value();\n    item.selected.emit();\n    this.selected.emit(value);\n  }\n\n  hover(item: VdCommandItem, event: PointerEvent): void {\n    if (event.pointerType !== 'mouse' || this.disabled() || this.loading() || item.disabled())\n      return;\n    if (this.isVisible(item)) this.activeId.set(item.id);\n  }\n\n  protected onFocus(): void {\n    this.focused.set(true);\n    this.expanded.set(true);\n  }\n\n  protected onInput(event: Event): void {\n    this.query.set((event.target as HTMLInputElement).value);\n    this.activeId.set(null);\n    this.expanded.set(true);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.isComposing || event.keyCode === 229 || event.defaultPrevented || this.disabled())\n      return;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.expanded.set(false);\n      this.dismissed.emit();\n      return;\n    }\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      if (!event.repeat) {\n        const active = this.activeItem();\n        if (active) this.choose(active);\n      }\n      return;\n    }\n    // Preserve native caret/selection shortcuts, Home/End and horizontal arrows.\n    if (event.ctrlKey || event.metaKey || event.altKey || this.loading()) return;\n    if (!['ArrowDown', 'ArrowUp', 'PageDown', 'PageUp'].includes(event.key)) return;\n    event.preventDefault();\n    const wasExpanded = this.expanded();\n    this.expanded.set(true);\n    const records = this.visibleItems();\n    const active = wasExpanded ? this.activeItem() : null;\n    const index = records.findIndex((record) => record.item === active);\n    const next = vdListTarget(\n      event.key,\n      index,\n      records.map((record) => record.disabled),\n      {\n        loop: false,\n        pageSize: 10,\n      },\n    );\n    if (next !== null) this.activeId.set(records[next]?.id ?? null);\n  }\n}\n\n@Directive({\n  selector: '[vdCommandDescription]',\n  host: { class: 'vd-command-item__description', '[id]': 'id' },\n})\nexport class VdCommandDescription {\n  readonly id = vdUniqueId('vd-command-description');\n}\n\n/** Display hint only; the consumer owns the shortcut binding. */\n@Directive({\n  selector: '[vdCommandShortcut]',\n  host: { class: 'vd-command-item__shortcut', 'aria-hidden': 'true' },\n})\nexport class VdCommandShortcut {}\n\n@Component({\n  selector: 'vd-command-item',\n  template: `\n    <ng-content select=\"[slot=start]\" />\n    <span class=\"vd-command-item__content\">\n      <span class=\"vd-command-item__label\">{{ label() }}</span>\n      <ng-content select=\"[vdCommandDescription]\" />\n    </span>\n    <ng-content select=\"[vdCommandShortcut]\" />\n  `,\n  host: {\n    class: 'vd-command-item',\n    role: 'option',\n    '[id]': 'id',\n    '[attr.aria-label]': 'label()',\n    '[attr.aria-describedby]': 'description()?.id ?? null',\n    '[attr.aria-selected]': 'command.activeItem() === this',\n    '[attr.aria-disabled]': 'disabled() || command.disabled() || command.loading() || null',\n    '[attr.data-active]': 'command.activeItem() === this ? \"\" : null',\n    '[hidden]': '!command.isVisible(this)',\n    '(click)': 'command.choose(this)',\n    '(pointermove)': 'command.hover(this, $event)',\n    '(pointerdown)': '$event.preventDefault()',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdCommandItem implements OnInit {\n  readonly value = input.required<string>();\n  readonly label = input.required<string>();\n  readonly keywords = input<readonly string[]>([]);\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly selected = output<void>();\n  readonly id = vdUniqueId('vd-command-item');\n  readonly el: HTMLElement = inject(ElementRef).nativeElement;\n  protected readonly command: VdCommand = inject(forwardRef(() => VdCommand));\n  protected readonly description = contentChild(VdCommandDescription);\n  private readonly destroyRef = inject(DestroyRef);\n\n  ngOnInit(): void {\n    this.destroyRef.onDestroy(this.command.register(this));\n  }\n}\n\nexport const VD_COMMAND = [\n  VdCommand,\n  VdCommandItem,\n  VdCommandDescription,\n  VdCommandShortcut,\n] as const;\n"],"mappings":"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"}

package/fesm2022/vadem-ui-copy-button.mjs

@@ -0,0 +1,375 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DOCUMENT, DestroyRef, ViewEncapsulation, booleanAttribute, computed, effect, inject, input, output, signal, untracked } from "@angular/core";
+import { VdButton } from "@vadem/ui/button";
+import { VdIcon } from "@vadem/ui/icon";
+import { vdTexts } from "@vadem/ui/locale";
+var VdCopyButton = class VdCopyButton {
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	variant = input("secondary", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	iconOnly = input(false, {
+		...ngDevMode ? { debugName: "iconOnly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	copyingLabel = input(...ngDevMode ? [void 0, { debugName: "copyingLabel" }] : /* istanbul ignore next */ []);
+	copiedLabel = input(...ngDevMode ? [void 0, { debugName: "copiedLabel" }] : /* istanbul ignore next */ []);
+	errorLabel = input(...ngDevMode ? [void 0, { debugName: "errorLabel" }] : /* istanbul ignore next */ []);
+	errorMessage = input(...ngDevMode ? [void 0, { debugName: "errorMessage" }] : /* istanbul ignore next */ []);
+	t = vdTexts("copyButton", {
+		label: this.label,
+		copyingLabel: this.copyingLabel,
+		copiedLabel: this.copiedLabel,
+		errorLabel: this.errorLabel,
+		errorMessage: this.errorMessage
+	});
+	copied = output();
+	copyFailed = output();
+	state = signal("idle", ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	busy = signal(false, ...ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []);
+	announcement = computed(() => {
+		switch (this.state()) {
+			case "copying": return this.t().copyingLabel;
+			case "copied": return this.t().copiedLabel;
+			case "error": return this.t().errorMessage;
+			default: return "";
+		}
+	}, ...ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []);
+	accessibleLabel = computed(() => {
+		if (this.iconOnly() || this.state() === "idle") return this.t().label;
+		const feedback = this.state() === "copying" ? this.t().copyingLabel : this.state() === "copied" ? this.t().copiedLabel : this.t().errorLabel;
+		return `${this.t().label}: ${feedback}`;
+	}, ...ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []);
+	title = computed(() => this.announcement() || this.t().label, ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	document = inject(DOCUMENT);
+	destroyRef = inject(DestroyRef);
+	revision = 0;
+	constructor() {
+		effect(() => {
+			this.value();
+			this.revision++;
+			this.state.set(untracked(this.busy) ? "copying" : "idle");
+		});
+	}
+	async copy() {
+		if (this.disabled() || this.busy()) return;
+		const value = this.value();
+		const revision = this.revision;
+		this.busy.set(true);
+		this.state.set("copying");
+		let succeeded = false;
+		try {
+			const clipboard = this.document.defaultView?.navigator.clipboard;
+			if (!clipboard?.writeText) throw new Error("Clipboard writing is unavailable");
+			await clipboard.writeText(value);
+			succeeded = true;
+		} catch {}
+		if (this.destroyRef.destroyed) return;
+		this.busy.set(false);
+		if (revision !== this.revision || value !== this.value()) {
+			this.state.set("idle");
+			return;
+		}
+		this.state.set(succeeded ? "copied" : "error");
+		if (succeeded) this.copied.emit();
+		else this.copyFailed.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdCopyButton,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdCopyButton,
+		isStandalone: true,
+		selector: "vd-copy-button",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				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
+			},
+			iconOnly: {
+				classPropertyName: "iconOnly",
+				publicName: "iconOnly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyingLabel: {
+				classPropertyName: "copyingLabel",
+				publicName: "copyingLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copiedLabel: {
+				classPropertyName: "copiedLabel",
+				publicName: "copiedLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorLabel: {
+				classPropertyName: "errorLabel",
+				publicName: "errorLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorMessage: {
+				classPropertyName: "errorMessage",
+				publicName: "errorMessage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			copied: "copied",
+			copyFailed: "copyFailed"
+		},
+		host: {
+			properties: { "attr.data-state": "state()" },
+			classAttribute: "vd-copy-button"
+		},
+		ngImport: i0,
+		template: `
+    <button
+      vdButton
+      class="vd-copy-button__button"
+      type="button"
+      [variant]="variant()"
+      [size]="size()"
+      [disabled]="disabled()"
+      [iconOnly]="iconOnly()"
+      [loading]="busy()"
+      [attr.aria-label]="accessibleLabel()"
+      [attr.title]="iconOnly() ? title() : null"
+      (click)="copy()"
+    >
+      <vd-icon
+        slot="start"
+        [name]="state() === 'copied' ? 'check' : state() === 'error' ? 'alert-circle' : 'copy'"
+        class="vd-copy-button__icon"
+      />
+      @if (!iconOnly()) {
+        <span class="vd-copy-button__labels" aria-hidden="true">
+          <span [attr.data-visible]="state() === 'idle' ? '' : null">{{ t().label }}</span>
+          <span [attr.data-visible]="state() === 'copying' ? '' : null">{{
+            t().copyingLabel
+          }}</span>
+          <span [attr.data-visible]="state() === 'copied' ? '' : null">{{ t().copiedLabel }}</span>
+          <span [attr.data-visible]="state() === 'error' ? '' : null">{{ t().errorLabel }}</span>
+        </span>
+      }
+    </button>
+    <span class="vd-visually-hidden" role="status" aria-atomic="true">{{ announcement() }}</span>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: VdButton,
+			selector: "button[vdButton], a[vdButton]",
+			inputs: [
+				"variant",
+				"size",
+				"disabled",
+				"loading",
+				"iconOnly",
+				"type"
+			]
+		}, {
+			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: VdCopyButton,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-copy-button",
+			imports: [VdButton, VdIcon],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "vd-copy-button",
+				"[attr.data-state]": "state()"
+			},
+			template: `
+    <button
+      vdButton
+      class="vd-copy-button__button"
+      type="button"
+      [variant]="variant()"
+      [size]="size()"
+      [disabled]="disabled()"
+      [iconOnly]="iconOnly()"
+      [loading]="busy()"
+      [attr.aria-label]="accessibleLabel()"
+      [attr.title]="iconOnly() ? title() : null"
+      (click)="copy()"
+    >
+      <vd-icon
+        slot="start"
+        [name]="state() === 'copied' ? 'check' : state() === 'error' ? 'alert-circle' : 'copy'"
+        class="vd-copy-button__icon"
+      />
+      @if (!iconOnly()) {
+        <span class="vd-copy-button__labels" aria-hidden="true">
+          <span [attr.data-visible]="state() === 'idle' ? '' : null">{{ t().label }}</span>
+          <span [attr.data-visible]="state() === 'copying' ? '' : null">{{
+            t().copyingLabel
+          }}</span>
+          <span [attr.data-visible]="state() === 'copied' ? '' : null">{{ t().copiedLabel }}</span>
+          <span [attr.data-visible]="state() === 'error' ? '' : null">{{ t().errorLabel }}</span>
+        </span>
+      }
+    </button>
+    <span class="vd-visually-hidden" role="status" aria-atomic="true">{{ announcement() }}</span>
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		iconOnly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconOnly",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		copyingLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyingLabel",
+				required: false
+			}]
+		}],
+		copiedLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copiedLabel",
+				required: false
+			}]
+		}],
+		errorLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorLabel",
+				required: false
+			}]
+		}],
+		errorMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorMessage",
+				required: false
+			}]
+		}],
+		copied: [{
+			type: i0.Output,
+			args: ["copied"]
+		}],
+		copyFailed: [{
+			type: i0.Output,
+			args: ["copyFailed"]
+		}]
+	}
+});
+export { VdCopyButton };
+
+//# sourceMappingURL=vadem-ui-copy-button.mjs.map

package/fesm2022/vadem-ui-copy-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-copy-button.mjs","names":[],"sources":["../../../projects/ui/copy-button/src/copy-button.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  DOCUMENT,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { VdButton, type VdButtonSize, type VdButtonVariant } from '@vadem/ui/button';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdTexts } from '@vadem/ui/locale';\n\n@Component({\n  selector: 'vd-copy-button',\n  imports: [VdButton, VdIcon],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'vd-copy-button', '[attr.data-state]': 'state()' },\n  template: `\n    <button\n      vdButton\n      class=\"vd-copy-button__button\"\n      type=\"button\"\n      [variant]=\"variant()\"\n      [size]=\"size()\"\n      [disabled]=\"disabled()\"\n      [iconOnly]=\"iconOnly()\"\n      [loading]=\"busy()\"\n      [attr.aria-label]=\"accessibleLabel()\"\n      [attr.title]=\"iconOnly() ? title() : null\"\n      (click)=\"copy()\"\n    >\n      <vd-icon\n        slot=\"start\"\n        [name]=\"state() === 'copied' ? 'check' : state() === 'error' ? 'alert-circle' : 'copy'\"\n        class=\"vd-copy-button__icon\"\n      />\n      @if (!iconOnly()) {\n        <span class=\"vd-copy-button__labels\" aria-hidden=\"true\">\n          <span [attr.data-visible]=\"state() === 'idle' ? '' : null\">{{ t().label }}</span>\n          <span [attr.data-visible]=\"state() === 'copying' ? '' : null\">{{\n            t().copyingLabel\n          }}</span>\n          <span [attr.data-visible]=\"state() === 'copied' ? '' : null\">{{ t().copiedLabel }}</span>\n          <span [attr.data-visible]=\"state() === 'error' ? '' : null\">{{ t().errorLabel }}</span>\n        </span>\n      }\n    </button>\n    <span class=\"vd-visually-hidden\" role=\"status\" aria-atomic=\"true\">{{ announcement() }}</span>\n  `,\n})\nexport class VdCopyButton {\n  readonly value = input.required<string>();\n  readonly variant = input<VdButtonVariant>('secondary');\n  readonly size = input<VdButtonSize>('md');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly iconOnly = input(false, { transform: booleanAttribute });\n  readonly label = input<string>();\n  readonly copyingLabel = input<string>();\n  readonly copiedLabel = input<string>();\n  readonly errorLabel = input<string>();\n  readonly errorMessage = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('copyButton', {\n    label: this.label,\n    copyingLabel: this.copyingLabel,\n    copiedLabel: this.copiedLabel,\n    errorLabel: this.errorLabel,\n    errorMessage: this.errorMessage,\n  });\n  readonly copied = output<void>();\n  readonly copyFailed = output<void>();\n\n  protected readonly state = signal<'idle' | 'copying' | 'copied' | 'error'>('idle');\n  protected readonly busy = signal(false);\n  protected readonly announcement = computed(() => {\n    switch (this.state()) {\n      case 'copying':\n        return this.t().copyingLabel;\n      case 'copied':\n        return this.t().copiedLabel;\n      case 'error':\n        return this.t().errorMessage;\n      default:\n        return '';\n    }\n  });\n  protected readonly accessibleLabel = computed(() => {\n    if (this.iconOnly() || this.state() === 'idle') return this.t().label;\n    const feedback =\n      this.state() === 'copying'\n        ? this.t().copyingLabel\n        : this.state() === 'copied'\n          ? this.t().copiedLabel\n          : this.t().errorLabel;\n    return `${this.t().label}: ${feedback}`;\n  });\n  protected readonly title = computed(() => this.announcement() || this.t().label);\n  private readonly document = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n  private revision = 0;\n\n  constructor() {\n    effect(() => {\n      this.value();\n      this.revision++;\n      this.state.set(untracked(this.busy) ? 'copying' : 'idle');\n    });\n  }\n\n  protected async copy(): Promise<void> {\n    if (this.disabled() || this.busy()) return;\n    const value = this.value();\n    const revision = this.revision;\n    this.busy.set(true);\n    this.state.set('copying');\n    let succeeded = false;\n    try {\n      const clipboard = this.document.defaultView?.navigator.clipboard;\n      if (!clipboard?.writeText) throw new Error('Clipboard writing is unavailable');\n      await clipboard.writeText(value);\n      succeeded = true;\n    } catch {\n      // Policy failures remain retryable and do not leak exception details or clipboard data.\n    }\n    if (this.destroyRef.destroyed) return;\n    this.busy.set(false);\n    if (revision !== this.revision || value !== this.value()) {\n      this.state.set('idle');\n      return;\n    }\n    this.state.set(succeeded ? 'copied' : 'error');\n    if (succeeded) this.copied.emit();\n    else this.copyFailed.emit();\n  }\n}\n"],"mappings":"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"}