@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-editable-text.mjs

@@ -0,0 +1,641 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injector, ViewEncapsulation, afterNextRender, booleanAttribute, computed, inject, input, model, output, signal, viewChild } from "@angular/core";
+import { VdButton } from "@vadem/ui/button";
+import { VdField } from "@vadem/ui/field";
+import { VdIcon } from "@vadem/ui/icon";
+import { VdInput } from "@vadem/ui/input";
+import { vdTexts } from "@vadem/ui/locale";
+function vdEditableTextLimit(value) {
+	return value !== null && Number.isFinite(value) && value >= 0 ? Math.floor(value) : null;
+}
+function vdEditableTextIssue(value, required, limit) {
+	if (required && !value.trim()) return "required";
+	if (limit !== null && value.length > limit) return "tooLong";
+	return null;
+}
+var VdEditableText = class VdEditableText {
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	save = input(...ngDevMode ? [void 0, { debugName: "save" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	maxLength = input(null, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
+	hint = input(...ngDevMode ? [void 0, { debugName: "hint" }] : /* istanbul ignore next */ []);
+	emptyText = input(...ngDevMode ? [void 0, { debugName: "emptyText" }] : /* istanbul ignore next */ []);
+	editLabel = input(...ngDevMode ? [void 0, { debugName: "editLabel" }] : /* istanbul ignore next */ []);
+	saveLabel = input(...ngDevMode ? [void 0, { debugName: "saveLabel" }] : /* istanbul ignore next */ []);
+	cancelLabel = input(...ngDevMode ? [void 0, { debugName: "cancelLabel" }] : /* istanbul ignore next */ []);
+	savingText = input(...ngDevMode ? [void 0, { debugName: "savingText" }] : /* istanbul ignore next */ []);
+	savedText = input(...ngDevMode ? [void 0, { debugName: "savedText" }] : /* istanbul ignore next */ []);
+	saveErrorText = input(...ngDevMode ? [void 0, { debugName: "saveErrorText" }] : /* istanbul ignore next */ []);
+	requiredText = input(...ngDevMode ? [void 0, { debugName: "requiredText" }] : /* istanbul ignore next */ []);
+	tooLongText = input(...ngDevMode ? [void 0, { debugName: "tooLongText" }] : /* istanbul ignore next */ []);
+	saveFailed = output();
+	t = vdTexts("editableText", {
+		emptyText: this.emptyText,
+		editLabel: this.editLabel,
+		saveLabel: this.saveLabel,
+		cancelLabel: this.cancelLabel,
+		savingText: this.savingText,
+		savedText: this.savedText,
+		saveErrorText: this.saveErrorText,
+		requiredText: this.requiredText,
+		tooLongText: this.tooLongText
+	});
+	editing = signal(false, ...ngDevMode ? [{ debugName: "editing" }] : /* istanbul ignore next */ []);
+	saving = signal(false, ...ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []);
+	draft = signal("", ...ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []);
+	issue = signal(null, ...ngDevMode ? [{ debugName: "issue" }] : /* istanbul ignore next */ []);
+	limit = computed(() => vdEditableTextLimit(this.maxLength()), ...ngDevMode ? [{ debugName: "limit" }] : /* istanbul ignore next */ []);
+	feedback = computed(() => {
+		const text = this.t();
+		switch (this.issue()) {
+			case "required": return text.requiredText;
+			case "tooLong": return text.tooLongText(this.limit() ?? 0);
+			case "save": return text.saveErrorText;
+			default: return "";
+		}
+	}, ...ngDevMode ? [{ debugName: "feedback" }] : /* istanbul ignore next */ []);
+	announcement = signal("", ...ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []);
+	composing = false;
+	host = inject(ElementRef).nativeElement;
+	editor = viewChild("editor", {
+		...ngDevMode ? { debugName: "editor" } : /* istanbul ignore next */ {},
+		read: ElementRef
+	});
+	trigger = viewChild("trigger", {
+		...ngDevMode ? { debugName: "trigger" } : /* istanbul ignore next */ {},
+		read: ElementRef
+	});
+	injector = inject(Injector);
+	destroyed = false;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => {
+			this.destroyed = true;
+		});
+	}
+	focusAfterRender(target) {
+		afterNextRender(() => {
+			const element = target === "editor" ? this.editor()?.nativeElement : this.trigger()?.nativeElement;
+			element?.focus();
+			if (target === "editor") element?.select();
+		}, { injector: this.injector });
+	}
+	begin() {
+		if (this.disabled() || this.editing()) return;
+		this.draft.set(this.value());
+		this.issue.set(null);
+		this.announcement.set("");
+		this.composing = false;
+		this.editing.set(true);
+		this.focusAfterRender("editor");
+	}
+	changeDraft(event) {
+		if (this.saving() || this.disabled()) return;
+		this.draft.set(event.target.value);
+		this.issue.set(null);
+		this.announcement.set("");
+	}
+	onKeydown(event) {
+		if (this.composing || event.isComposing || event.keyCode === 229) return;
+		if (event.key === "Enter") {
+			event.preventDefault();
+			if (!this.saving()) this.commit();
+		}
+		if (event.key === "Escape" && !this.saving()) {
+			event.preventDefault();
+			event.stopPropagation();
+			this.cancel();
+		}
+	}
+	cancel() {
+		if (this.saving() || this.disabled()) return;
+		this.finish();
+		this.issue.set(null);
+		this.announcement.set("");
+	}
+	async commit() {
+		if (!this.editing() || this.saving() || this.disabled() || this.composing) return;
+		const candidate = this.draft();
+		const issue = vdEditableTextIssue(candidate, this.required(), this.limit());
+		this.issue.set(issue);
+		if (issue) {
+			this.announcement.set(this.feedback());
+			this.focusAfterRender("editor");
+			return;
+		}
+		const previous = this.value();
+		if (candidate === previous) {
+			this.finish();
+			return;
+		}
+		this.saving.set(true);
+		this.announcement.set(this.t().savingText);
+		try {
+			await this.save()?.(candidate);
+			if (this.destroyed) return;
+			if (this.value() === previous) this.value.set(candidate);
+			this.announcement.set(this.t().savedText);
+			this.finish();
+		} catch (error) {
+			if (this.destroyed) return;
+			this.issue.set("save");
+			this.announcement.set(this.t().saveErrorText);
+			this.saveFailed.emit(error);
+		} finally {
+			if (!this.destroyed) this.saving.set(false);
+		}
+	}
+	finish() {
+		const hadFocus = this.host.contains(this.host.ownerDocument.activeElement);
+		this.editing.set(false);
+		if (hadFocus) this.focusAfterRender("trigger");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdEditableText,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdEditableText,
+		isStandalone: true,
+		selector: "vd-editable-text",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			save: {
+				classPropertyName: "save",
+				publicName: "save",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxLength: {
+				classPropertyName: "maxLength",
+				publicName: "maxLength",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hint: {
+				classPropertyName: "hint",
+				publicName: "hint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptyText: {
+				classPropertyName: "emptyText",
+				publicName: "emptyText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			editLabel: {
+				classPropertyName: "editLabel",
+				publicName: "editLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			saveLabel: {
+				classPropertyName: "saveLabel",
+				publicName: "saveLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			cancelLabel: {
+				classPropertyName: "cancelLabel",
+				publicName: "cancelLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			savingText: {
+				classPropertyName: "savingText",
+				publicName: "savingText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			savedText: {
+				classPropertyName: "savedText",
+				publicName: "savedText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			saveErrorText: {
+				classPropertyName: "saveErrorText",
+				publicName: "saveErrorText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			requiredText: {
+				classPropertyName: "requiredText",
+				publicName: "requiredText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooLongText: {
+				classPropertyName: "tooLongText",
+				publicName: "tooLongText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			saveFailed: "saveFailed"
+		},
+		host: {
+			properties: {
+				"attr.data-state": "editing() ? saving() ? \"saving\" : issue() ? \"error\" : \"editing\" : \"idle\"",
+				"attr.data-disabled": "disabled() ? \"\" : null"
+			},
+			classAttribute: "vd-editable-text"
+		},
+		viewQueries: [{
+			propertyName: "editor",
+			first: true,
+			predicate: ["editor"],
+			descendants: true,
+			read: ElementRef,
+			isSignal: true
+		}, {
+			propertyName: "trigger",
+			first: true,
+			predicate: ["trigger"],
+			descendants: true,
+			read: ElementRef,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    @if (editing()) {
+      <vd-field [label]="label()" [hint]="hint()" [error]="feedback() || undefined">
+        <input
+          #editor
+          vdInput
+          type="text"
+          [value]="draft()"
+          [required]="required()"
+          [attr.maxlength]="limit()"
+          [disabled]="disabled()"
+          [readOnly]="saving()"
+          [invalid]="!!issue()"
+          (input)="changeDraft($event)"
+          (keydown)="onKeydown($event)"
+          (compositionstart)="composing = true"
+          (compositionend)="composing = false"
+        />
+      </vd-field>
+      <div class="vd-editable-text__actions">
+        <button
+          vdButton
+          variant="primary"
+          [disabled]="disabled()"
+          [loading]="saving()"
+          (click)="commit()"
+        >
+          {{ t().saveLabel }}
+        </button>
+        <button vdButton variant="ghost" [disabled]="disabled() || saving()" (click)="cancel()">
+          {{ t().cancelLabel }}
+        </button>
+      </div>
+    } @else {
+      <span class="vd-editable-text__label">{{ label() }}</span>
+      <button
+        #trigger
+        vdButton
+        variant="ghost"
+        class="vd-editable-text__trigger"
+        [disabled]="disabled()"
+        [attr.aria-label]="t().editLabel(label(), value() || t().emptyText)"
+        (click)="begin()"
+      >
+        <span class="vd-editable-text__value" [attr.data-empty]="value() ? null : ''">{{
+          value() || t().emptyText
+        }}</span>
+        <vd-icon name="pencil" slot="end" />
+      </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: VdField,
+				selector: "vd-field",
+				inputs: [
+					"label",
+					"hint",
+					"descriptionIds",
+					"error"
+				]
+			},
+			{
+				kind: "component",
+				type: VdIcon,
+				selector: "vd-icon",
+				inputs: ["name", "label"]
+			},
+			{
+				kind: "directive",
+				type: VdInput,
+				selector: "input[vdInput], textarea[vdInput]",
+				inputs: ["size"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdEditableText,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-editable-text",
+			imports: [
+				VdButton,
+				VdField,
+				VdIcon,
+				VdInput
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "vd-editable-text",
+				"[attr.data-state]": "editing() ? saving() ? \"saving\" : issue() ? \"error\" : \"editing\" : \"idle\"",
+				"[attr.data-disabled]": "disabled() ? \"\" : null"
+			},
+			template: `
+    @if (editing()) {
+      <vd-field [label]="label()" [hint]="hint()" [error]="feedback() || undefined">
+        <input
+          #editor
+          vdInput
+          type="text"
+          [value]="draft()"
+          [required]="required()"
+          [attr.maxlength]="limit()"
+          [disabled]="disabled()"
+          [readOnly]="saving()"
+          [invalid]="!!issue()"
+          (input)="changeDraft($event)"
+          (keydown)="onKeydown($event)"
+          (compositionstart)="composing = true"
+          (compositionend)="composing = false"
+        />
+      </vd-field>
+      <div class="vd-editable-text__actions">
+        <button
+          vdButton
+          variant="primary"
+          [disabled]="disabled()"
+          [loading]="saving()"
+          (click)="commit()"
+        >
+          {{ t().saveLabel }}
+        </button>
+        <button vdButton variant="ghost" [disabled]="disabled() || saving()" (click)="cancel()">
+          {{ t().cancelLabel }}
+        </button>
+      </div>
+    } @else {
+      <span class="vd-editable-text__label">{{ label() }}</span>
+      <button
+        #trigger
+        vdButton
+        variant="ghost"
+        class="vd-editable-text__trigger"
+        [disabled]="disabled()"
+        [attr.aria-label]="t().editLabel(label(), value() || t().emptyText)"
+        (click)="begin()"
+      >
+        <span class="vd-editable-text__value" [attr.data-empty]="value() ? null : ''">{{
+          value() || t().emptyText
+        }}</span>
+        <vd-icon name="pencil" slot="end" />
+      </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: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		save: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "save",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		maxLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxLength",
+				required: false
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}],
+		emptyText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyText",
+				required: false
+			}]
+		}],
+		editLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "editLabel",
+				required: false
+			}]
+		}],
+		saveLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "saveLabel",
+				required: false
+			}]
+		}],
+		cancelLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "cancelLabel",
+				required: false
+			}]
+		}],
+		savingText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "savingText",
+				required: false
+			}]
+		}],
+		savedText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "savedText",
+				required: false
+			}]
+		}],
+		saveErrorText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "saveErrorText",
+				required: false
+			}]
+		}],
+		requiredText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "requiredText",
+				required: false
+			}]
+		}],
+		tooLongText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooLongText",
+				required: false
+			}]
+		}],
+		saveFailed: [{
+			type: i0.Output,
+			args: ["saveFailed"]
+		}],
+		editor: [{
+			type: i0.ViewChild,
+			args: ["editor", {
+				read: ElementRef,
+				isSignal: true
+			}]
+		}],
+		trigger: [{
+			type: i0.ViewChild,
+			args: ["trigger", {
+				read: ElementRef,
+				isSignal: true
+			}]
+		}]
+	}
+});
+export { VdEditableText };
+
+//# sourceMappingURL=vadem-ui-editable-text.mjs.map

package/fesm2022/vadem-ui-editable-text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-editable-text.mjs","names":[],"sources":["../../../projects/ui/editable-text/src/core/editable-text.ts","../../../projects/ui/editable-text/src/editable-text.ts"],"sourcesContent":["/** Native maxlength counts UTF-16 units; malformed limits add no constraint. */\nexport function vdEditableTextLimit(value: number | null): number | null {\n  return value !== null && Number.isFinite(value) && value >= 0 ? Math.floor(value) : null;\n}\n\nexport function vdEditableTextIssue(\n  value: string,\n  required: boolean,\n  limit: number | null,\n): 'required' | 'tooLong' | null {\n  if (required && !value.trim()) return 'required';\n  if (limit !== null && value.length > limit) return 'tooLong';\n  return null;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  ViewEncapsulation,\n  afterNextRender,\n  Injector,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { VdButton } from '@vadem/ui/button';\nimport { VdField } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { VdInput } from '@vadem/ui/input';\nimport { vdTexts } from '@vadem/ui/locale';\nimport { vdEditableTextIssue, vdEditableTextLimit } from './core/editable-text';\n\nexport type VdEditableTextSave = (value: string) => void | Promise<void>;\n\n/** A committed value with a separate draft and explicit application-owned persistence. */\n@Component({\n  selector: 'vd-editable-text',\n  imports: [VdButton, VdField, VdIcon, VdInput],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'vd-editable-text',\n    '[attr.data-state]': 'editing() ? saving() ? \"saving\" : issue() ? \"error\" : \"editing\" : \"idle\"',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n  template: `\n    @if (editing()) {\n      <vd-field [label]=\"label()\" [hint]=\"hint()\" [error]=\"feedback() || undefined\">\n        <input\n          #editor\n          vdInput\n          type=\"text\"\n          [value]=\"draft()\"\n          [required]=\"required()\"\n          [attr.maxlength]=\"limit()\"\n          [disabled]=\"disabled()\"\n          [readOnly]=\"saving()\"\n          [invalid]=\"!!issue()\"\n          (input)=\"changeDraft($event)\"\n          (keydown)=\"onKeydown($event)\"\n          (compositionstart)=\"composing = true\"\n          (compositionend)=\"composing = false\"\n        />\n      </vd-field>\n      <div class=\"vd-editable-text__actions\">\n        <button\n          vdButton\n          variant=\"primary\"\n          [disabled]=\"disabled()\"\n          [loading]=\"saving()\"\n          (click)=\"commit()\"\n        >\n          {{ t().saveLabel }}\n        </button>\n        <button vdButton variant=\"ghost\" [disabled]=\"disabled() || saving()\" (click)=\"cancel()\">\n          {{ t().cancelLabel }}\n        </button>\n      </div>\n    } @else {\n      <span class=\"vd-editable-text__label\">{{ label() }}</span>\n      <button\n        #trigger\n        vdButton\n        variant=\"ghost\"\n        class=\"vd-editable-text__trigger\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"t().editLabel(label(), value() || t().emptyText)\"\n        (click)=\"begin()\"\n      >\n        <span class=\"vd-editable-text__value\" [attr.data-empty]=\"value() ? null : ''\">{{\n          value() || t().emptyText\n        }}</span>\n        <vd-icon name=\"pencil\" slot=\"end\" />\n      </button>\n    }\n    <span class=\"vd-visually-hidden\" role=\"status\" aria-atomic=\"true\">{{ announcement() }}</span>\n  `,\n})\nexport class VdEditableText {\n  readonly value = model('');\n  readonly label = input.required<string>();\n  readonly save = input<VdEditableTextSave>();\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly maxLength = input<number | null>(null);\n  readonly hint = input<string>();\n  readonly emptyText = input<string>();\n  readonly editLabel = input<(label: string, value: string) => string>();\n  readonly saveLabel = input<string>();\n  readonly cancelLabel = input<string>();\n  readonly savingText = input<string>();\n  readonly savedText = input<string>();\n  readonly saveErrorText = input<string>();\n  readonly requiredText = input<string>();\n  readonly tooLongText = input<(limit: number) => string>();\n  readonly saveFailed = output<unknown>();\n  protected readonly t = vdTexts('editableText', {\n    emptyText: this.emptyText,\n    editLabel: this.editLabel,\n    saveLabel: this.saveLabel,\n    cancelLabel: this.cancelLabel,\n    savingText: this.savingText,\n    savedText: this.savedText,\n    saveErrorText: this.saveErrorText,\n    requiredText: this.requiredText,\n    tooLongText: this.tooLongText,\n  });\n  protected readonly editing = signal(false);\n  protected readonly saving = signal(false);\n  protected readonly draft = signal('');\n  protected readonly issue = signal<'required' | 'tooLong' | 'save' | null>(null);\n  protected readonly limit = computed(() => vdEditableTextLimit(this.maxLength()));\n  protected readonly feedback = computed(() => {\n    const text = this.t();\n    switch (this.issue()) {\n      case 'required':\n        return text.requiredText;\n      case 'tooLong':\n        return text.tooLongText(this.limit() ?? 0);\n      case 'save':\n        return text.saveErrorText;\n      default:\n        return '';\n    }\n  });\n  protected readonly announcement = signal('');\n  protected composing = false;\n  private readonly host: HTMLElement = inject(ElementRef).nativeElement;\n  private readonly editor = viewChild('editor', { read: ElementRef });\n  private readonly trigger = viewChild('trigger', {\n    read: ElementRef,\n  });\n  private readonly injector = inject(Injector);\n  private destroyed = false;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      this.destroyed = true;\n    });\n  }\n\n  private focusAfterRender(target: 'editor' | 'trigger'): void {\n    afterNextRender(\n      () => {\n        const element =\n          target === 'editor' ? this.editor()?.nativeElement : this.trigger()?.nativeElement;\n        element?.focus();\n        if (target === 'editor') (element as HTMLInputElement | undefined)?.select();\n      },\n      { injector: this.injector },\n    );\n  }\n\n  protected begin(): void {\n    if (this.disabled() || this.editing()) return;\n    this.draft.set(this.value());\n    this.issue.set(null);\n    this.announcement.set('');\n    this.composing = false;\n    this.editing.set(true);\n    this.focusAfterRender('editor');\n  }\n\n  protected changeDraft(event: Event): void {\n    if (this.saving() || this.disabled()) return;\n    this.draft.set((event.target as HTMLInputElement).value);\n    this.issue.set(null);\n    this.announcement.set('');\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.composing || event.isComposing || event.keyCode === 229) return;\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      if (!this.saving()) void this.commit();\n    }\n    if (event.key === 'Escape' && !this.saving()) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.cancel();\n    }\n  }\n\n  protected cancel(): void {\n    if (this.saving() || this.disabled()) return;\n    this.finish();\n    this.issue.set(null);\n    this.announcement.set('');\n  }\n\n  protected async commit(): Promise<void> {\n    if (!this.editing() || this.saving() || this.disabled() || this.composing) return;\n    const candidate = this.draft();\n    const issue = vdEditableTextIssue(candidate, this.required(), this.limit());\n    this.issue.set(issue);\n    if (issue) {\n      this.announcement.set(this.feedback());\n      this.focusAfterRender('editor');\n      return;\n    }\n    const previous = this.value();\n    if (candidate === previous) {\n      this.finish();\n      return;\n    }\n    this.saving.set(true);\n    this.announcement.set(this.t().savingText);\n    try {\n      await this.save()?.(candidate);\n      if (this.destroyed) return;\n      if (this.value() === previous) this.value.set(candidate);\n      this.announcement.set(this.t().savedText);\n      this.finish();\n    } catch (error: unknown) {\n      if (this.destroyed) return;\n      this.issue.set('save');\n      this.announcement.set(this.t().saveErrorText);\n      this.saveFailed.emit(error);\n    } finally {\n      if (!this.destroyed) this.saving.set(false);\n    }\n  }\n\n  private finish(): void {\n    const hadFocus = this.host.contains(this.host.ownerDocument.activeElement);\n    this.editing.set(false);\n    if (hadFocus) this.focusAfterRender('trigger');\n  }\n}\n"],"mappings":"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"}