@wirekyt/angular 0.0.25 → 0.0.26

package/dist/fesm2022/wirekyt-angular-editable.mjs

@@ -0,0 +1,527 @@
+import * as editable from '@wirekyt/dom/machines/editable';
+export { anatomy as editableAnatomy } from '@wirekyt/dom/machines/editable';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, model, booleanAttribute, output, signal, effect, DestroyRef, Renderer2, ElementRef, forwardRef, Directive, TemplateRef, ViewContainerRef } from '@angular/core';
+import { injectLocale, injectEnvironment, createId, useMachine, createCvaController, bindProps } from '@wirekyt/angular';
+import { injectFieldContextOptional } from '@wirekyt/angular/field';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+const EDITABLE_CONTEXT = new InjectionToken("WIREKYT.EDITABLE_CONTEXT");
+function injectEditableContext() {
+    return inject(EDITABLE_CONTEXT);
+}
+
+function useEditable(options = { context: () => ({}) }) {
+    const locale = injectLocale();
+    const environment = injectEnvironment();
+    const field = injectFieldContextOptional();
+    const fallbackId = createId();
+    return useMachine({
+        machine: editable.machine,
+        context: () => {
+            const props = options.context();
+            const merged = {
+                dir: locale.dir,
+                getRootNode: environment.getRootNode,
+                ...props,
+                id: props.id ?? fallbackId,
+            };
+            if (field) {
+                const fieldIds = field.ids;
+                merged["ids"] = {
+                    label: fieldIds.label,
+                    input: fieldIds.control,
+                    ...props.ids,
+                };
+                merged["disabled"] = Boolean(props.disabled) || field.disabled() || undefined;
+                merged["invalid"] = Boolean(props.invalid) || field.invalid() || undefined;
+                merged["readOnly"] = Boolean(props.readOnly) || field.readOnly() || undefined;
+                merged["required"] = Boolean(props.required) || field.required() || undefined;
+            }
+            return merged;
+        },
+        connect: (service, normalize) => editable.connect(service, normalize),
+    });
+}
+
+class EditableRoot {
+    /** The id of the editable. */
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    /** The element ids for the editable parts. */
+    elementIds = input(undefined, { ...(ngDevMode ? { debugName: "elementIds" } : /* istanbul ignore next */ {}), alias: "ids" });
+    /** The controlled value of the editable. */
+    value = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** The initial value of the editable when uncontrolled. */
+    defaultValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    /** The controlled edit state of the editable. */
+    edit = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "edit" }] : /* istanbul ignore next */ []));
+    /** The initial edit state of the editable when uncontrolled. */
+    defaultEdit = input(false, { ...(ngDevMode ? { debugName: "defaultEdit" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the editable is disabled. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the editable is read-only. */
+    readOnly = input(false, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the editable is invalid. */
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the editable is required. */
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The placeholder text for the editable. */
+    placeholder = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /** The name attribute of the editable input. */
+    name = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** The form attribute of the editable input. */
+    form = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+    /** The maximum number of characters allowed. */
+    maxLength = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []));
+    /** The activation mode for the preview element. */
+    activationMode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activationMode" }] : /* istanbul ignore next */ []));
+    /** The action that triggers submit in edit mode. */
+    submitMode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "submitMode" }] : /* istanbul ignore next */ []));
+    /** Whether the editable should auto-resize to fit content. */
+    autoResize = input(false, { ...(ngDevMode ? { debugName: "autoResize" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether to select the text in the input when focused. */
+    selectOnFocus = input(true, { ...(ngDevMode ? { debugName: "selectOnFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The translations for the editable. */
+    translations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translations" }] : /* istanbul ignore next */ []));
+    /** The element that should receive focus when edit mode exits. */
+    finalFocusEl = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "finalFocusEl" }] : /* istanbul ignore next */ []));
+    /** Emits the details when the edit state changes. */
+    editDetailsChange = output();
+    /** Emits the details when the editable value changes. */
+    valueDetailsChange = output();
+    /** Emits when the editable value is committed. */
+    valueCommit = output();
+    /** Emits when the editable value is reverted. */
+    valueRevert = output();
+    /** Emits when focus moves outside the editable while editing. */
+    focusOutside = output();
+    /** Emits when pointer down happens outside the editable while editing. */
+    pointerDownOutside = output();
+    /** Emits when an interaction happens outside the editable while editing. */
+    interactOutside = output();
+    _disabledFromForm = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_disabledFromForm" }] : /* istanbul ignore next */ []));
+    _pendingInternalWrites = 0;
+    _hasExternalBinding = false;
+    _hasReceivedFormWrite = false;
+    cva = createCvaController({
+        value: this.value,
+        setDisabled: (disabled) => this._disabledFromForm.set(disabled),
+        componentName: "EditableRoot",
+        hasExternalModelBinding: () => this._hasExternalBinding,
+    });
+    machine = useEditable({
+        context: () => ({
+            id: this.id(),
+            ids: this.elementIds(),
+            value: this.value(),
+            defaultValue: this.defaultValue(),
+            edit: this.edit(),
+            defaultEdit: this.defaultEdit(),
+            disabled: this.disabled() || this._disabledFromForm(),
+            readOnly: this.readOnly(),
+            invalid: this.invalid(),
+            required: this.required(),
+            placeholder: this.placeholder(),
+            name: this.name(),
+            form: this.form(),
+            maxLength: this.maxLength(),
+            activationMode: this.activationMode(),
+            submitMode: this.submitMode(),
+            autoResize: this.autoResize(),
+            selectOnFocus: this.selectOnFocus(),
+            translations: this.translations(),
+            finalFocusEl: this.finalFocusEl(),
+            onValueChange: (details) => {
+                if (this.value() !== details.value) {
+                    this._pendingInternalWrites++;
+                    this.value.set(details.value);
+                }
+                this.cva.notifyValueChange(details.value);
+                this.valueDetailsChange.emit(details);
+            },
+            onValueCommit: (details) => {
+                this.valueCommit.emit(details);
+                this.cva.markTouched();
+            },
+            onValueRevert: (details) => {
+                this.valueRevert.emit(details);
+            },
+            onEditChange: (details) => {
+                this.edit.set(details.edit);
+                this.editDetailsChange.emit(details);
+                if (!details.edit) {
+                    this.cva.markTouched();
+                }
+            },
+            onFocusOutside: (event) => this.focusOutside.emit(event),
+            onPointerDownOutside: (event) => this.pointerDownOutside.emit(event),
+            onInteractOutside: (event) => this.interactOutside.emit(event),
+        }),
+    });
+    state = this.machine.state;
+    api = this.machine.api;
+    service = this.machine.service;
+    send = this.machine.send;
+    constructor() {
+        let firstRun = true;
+        effect(() => {
+            void this.value();
+            if (firstRun) {
+                firstRun = false;
+                this._pendingInternalWrites = 0;
+                return;
+            }
+            if (this._pendingInternalWrites > 0) {
+                this._pendingInternalWrites--;
+                return;
+            }
+            this._hasExternalBinding = true;
+        });
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.api().getRootProps(),
+        });
+    }
+    writeValue(value) {
+        const next = value === null ? undefined : value;
+        const current = this.value();
+        if (!this._hasReceivedFormWrite && current !== undefined) {
+            this._hasExternalBinding = true;
+        }
+        this._hasReceivedFormWrite = true;
+        if (current !== next) {
+            this._pendingInternalWrites++;
+        }
+        this.cva.writeValue(value);
+    }
+    registerOnChange(fn) {
+        this.cva.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.cva.registerOnTouched(fn);
+    }
+    setDisabledState(disabled) {
+        this.cva.setDisabledState(disabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: EditableRoot, isStandalone: true, selector: "[editable-root]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, elementIds: { classPropertyName: "elementIds", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, edit: { classPropertyName: "edit", publicName: "edit", isSignal: true, isRequired: false, transformFunction: null }, defaultEdit: { classPropertyName: "defaultEdit", publicName: "defaultEdit", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, activationMode: { classPropertyName: "activationMode", publicName: "activationMode", isSignal: true, isRequired: false, transformFunction: null }, submitMode: { classPropertyName: "submitMode", publicName: "submitMode", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null }, finalFocusEl: { classPropertyName: "finalFocusEl", publicName: "finalFocusEl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", edit: "editChange", editDetailsChange: "editDetailsChange", valueDetailsChange: "valueDetailsChange", valueCommit: "valueCommit", valueRevert: "valueRevert", focusOutside: "focusOutside", pointerDownOutside: "pointerDownOutside", interactOutside: "interactOutside" }, providers: [
+            { provide: EDITABLE_CONTEXT, useExisting: forwardRef(() => EditableRoot) },
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EditableRoot), multi: true },
+        ], exportAs: ["editableRoot"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-root]",
+                    standalone: true,
+                    exportAs: "editableRoot",
+                    providers: [
+                        { provide: EDITABLE_CONTEXT, useExisting: forwardRef(() => EditableRoot) },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EditableRoot), multi: true },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], elementIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "ids", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], edit: [{ type: i0.Input, args: [{ isSignal: true, alias: "edit", required: false }] }, { type: i0.Output, args: ["editChange"] }], defaultEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultEdit", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], activationMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "activationMode", required: false }] }], submitMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitMode", required: false }] }], autoResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoResize", required: false }] }], selectOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectOnFocus", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], finalFocusEl: [{ type: i0.Input, args: [{ isSignal: true, alias: "finalFocusEl", required: false }] }], editDetailsChange: [{ type: i0.Output, args: ["editDetailsChange"] }], valueDetailsChange: [{ type: i0.Output, args: ["valueDetailsChange"] }], valueCommit: [{ type: i0.Output, args: ["valueCommit"] }], valueRevert: [{ type: i0.Output, args: ["valueRevert"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }] } });
+
+class EditableRootProvider {
+    /** The editable primitive returned by useEditable(). */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    get state() {
+        return this.value().state;
+    }
+    get api() {
+        return this.value().api;
+    }
+    get service() {
+        return this.value().service;
+    }
+    get send() {
+        return this.value().send;
+    }
+    constructor() {
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.value().api().getRootProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableRootProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: EditableRootProvider, isStandalone: true, selector: "[editable-root-provider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{ provide: EDITABLE_CONTEXT, useExisting: forwardRef(() => EditableRootProvider) }], exportAs: ["editableRootProvider"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-root-provider]",
+                    standalone: true,
+                    exportAs: "editableRootProvider",
+                    providers: [{ provide: EDITABLE_CONTEXT, useExisting: forwardRef(() => EditableRootProvider) }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class EditableArea {
+    constructor() {
+        const context = injectEditableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getAreaProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableArea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditableArea, isStandalone: true, selector: "[editable-area]", exportAs: ["editableArea"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableArea, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-area]",
+                    standalone: true,
+                    exportAs: "editableArea",
+                }]
+        }], ctorParameters: () => [] });
+
+class EditableInput {
+    constructor() {
+        const context = injectEditableContext();
+        const field = injectFieldContextOptional();
+        const elementRef = inject(ElementRef);
+        const renderer = inject(Renderer2);
+        const destroyRef = inject(DestroyRef);
+        bindProps({
+            elementRef,
+            renderer,
+            destroyRef,
+            props: () => {
+                const props = context.api().getInputProps();
+                const { defaultValue: _defaultValue, ...rest } = props;
+                const describedBy = field?.ariaDescribedby();
+                if (describedBy) {
+                    rest["aria-describedby"] = describedBy;
+                }
+                return rest;
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditableInput, isStandalone: true, selector: "[editable-input]", exportAs: ["editableInput"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-input]",
+                    standalone: true,
+                    exportAs: "editableInput",
+                }]
+        }], ctorParameters: () => [] });
+
+class EditablePreview {
+    ownsTextContent = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownsTextContent" }] : /* istanbul ignore next */ []));
+    elementRef = inject(ElementRef);
+    constructor() {
+        const context = injectEditableContext();
+        const elementRef = this.elementRef;
+        const renderer = inject(Renderer2);
+        const destroyRef = inject(DestroyRef);
+        bindProps({
+            elementRef,
+            renderer,
+            destroyRef,
+            props: () => {
+                const props = context.api().getPreviewProps();
+                const { children: _children, onDoubleClick, ...rest } = props;
+                if (typeof onDoubleClick === "function") {
+                    const remapped = rest;
+                    remapped.onDblClick = onDoubleClick;
+                }
+                return rest;
+            },
+        });
+        effect(() => {
+            if (!this.ownsTextContent())
+                return;
+            const el = elementRef.nativeElement;
+            if (!el)
+                return;
+            const text = context.api().valueText;
+            renderer.setProperty(el, "textContent", text);
+        });
+    }
+    ngAfterContentInit() {
+        this.ownsTextContent.set(this.elementRef.nativeElement.childNodes.length === 0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditablePreview, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditablePreview, isStandalone: true, selector: "[editable-preview]", exportAs: ["editablePreview"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditablePreview, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-preview]",
+                    standalone: true,
+                    exportAs: "editablePreview",
+                }]
+        }], ctorParameters: () => [] });
+
+class EditableLabel {
+    constructor() {
+        const context = injectEditableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getLabelProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditableLabel, isStandalone: true, selector: "[editable-label]", exportAs: ["editableLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-label]",
+                    standalone: true,
+                    exportAs: "editableLabel",
+                }]
+        }], ctorParameters: () => [] });
+
+class EditableControl {
+    constructor() {
+        const context = injectEditableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getControlProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditableControl, isStandalone: true, selector: "[editable-control]", exportAs: ["editableControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-control]",
+                    standalone: true,
+                    exportAs: "editableControl",
+                }]
+        }], ctorParameters: () => [] });
+
+class EditableEditTrigger {
+    constructor() {
+        const context = injectEditableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getEditTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableEditTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditableEditTrigger, isStandalone: true, selector: "[editable-edit-trigger]", exportAs: ["editableEditTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableEditTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-edit-trigger]",
+                    standalone: true,
+                    exportAs: "editableEditTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class EditableSubmitTrigger {
+    constructor() {
+        const context = injectEditableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getSubmitTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableSubmitTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditableSubmitTrigger, isStandalone: true, selector: "[editable-submit-trigger]", exportAs: ["editableSubmitTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableSubmitTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-submit-trigger]",
+                    standalone: true,
+                    exportAs: "editableSubmitTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class EditableCancelTrigger {
+    constructor() {
+        const context = injectEditableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getCancelTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableCancelTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditableCancelTrigger, isStandalone: true, selector: "[editable-cancel-trigger]", exportAs: ["editableCancelTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableCancelTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-cancel-trigger]",
+                    standalone: true,
+                    exportAs: "editableCancelTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class EditableContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    editable = injectEditableContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.editable.api,
+            api: this.editable.api,
+        });
+        effect(() => {
+            this.editable.api();
+            view.detectChanges();
+        });
+        inject(DestroyRef).onDestroy(() => view.destroy());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: EditableContext, isStandalone: true, selector: "[editable-context]", exportAs: ["editableContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EditableContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[editable-context]",
+                    standalone: true,
+                    exportAs: "editableContext",
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EDITABLE_CONTEXT, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, injectEditableContext, useEditable };
+//# sourceMappingURL=wirekyt-angular-editable.mjs.map

package/dist/fesm2022/wirekyt-angular-editable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-editable.mjs","sources":["../../src/components/editable/use-context.ts","../../src/components/editable/use.ts","../../src/components/editable/root.ts","../../src/components/editable/root-provider.ts","../../src/components/editable/area.ts","../../src/components/editable/input.ts","../../src/components/editable/preview.ts","../../src/components/editable/label.ts","../../src/components/editable/control.ts","../../src/components/editable/edit-trigger.ts","../../src/components/editable/submit-trigger.ts","../../src/components/editable/cancel-trigger.ts","../../src/components/editable/context.ts","../../src/components/editable/wirekyt-angular-editable.ts"],"sourcesContent":["import { InjectionToken, inject } from \"@angular/core\";\n\nimport type { UseEditableReturn } from \"./use\";\n\nexport const EDITABLE_CONTEXT = new InjectionToken<UseEditableReturn>(\"WIREKYT.EDITABLE_CONTEXT\");\n\nexport function injectEditableContext(): UseEditableReturn {\n  return inject(EDITABLE_CONTEXT);\n}\n","import type { Machine } from \"@wirekyt/dom\";\n\nimport {\n  createId,\n  injectEnvironment,\n  injectLocale,\n  useMachine,\n  type UseMachineReturn,\n} from \"@wirekyt/angular\";\nimport { injectFieldContextOptional } from \"@wirekyt/angular/field\";\nimport * as editable from \"@wirekyt/dom/machines/editable\";\n\nimport type { EditableMachineProps } from \"./types\";\n\ntype OptionalId<T extends { id: string }> = Omit<T, \"id\"> & { id?: string };\n\nexport interface UseEditableProps extends OptionalId<\n  Omit<EditableMachineProps, \"dir\" | \"getRootNode\">\n> {}\n\nexport type UseEditableReturn = UseMachineReturn<\n  editable.Service[\"state\"],\n  editable.Api,\n  editable.Service\n>;\n\nexport interface UseEditableOptions {\n  context: () => UseEditableProps;\n}\n\ntype EditableContext = Record<string, unknown>;\ntype EditableSchema = editable.Machine extends Machine<infer TSchema> ? TSchema : never;\n\nexport function useEditable(\n  options: UseEditableOptions = { context: () => ({}) },\n): UseEditableReturn {\n  const locale = injectLocale();\n  const environment = injectEnvironment();\n  const field = injectFieldContextOptional();\n  const fallbackId = createId();\n\n  return useMachine<EditableSchema, editable.Api>({\n    machine: editable.machine,\n    context: () => {\n      const props = options.context();\n      const merged: Record<string, unknown> = {\n        dir: locale.dir,\n        getRootNode: environment.getRootNode,\n        ...props,\n        id: props.id ?? fallbackId,\n      };\n      if (field) {\n        const fieldIds = field.ids;\n        merged[\"ids\"] = {\n          label: fieldIds.label,\n          input: fieldIds.control,\n          ...props.ids,\n        };\n        merged[\"disabled\"] = Boolean(props.disabled) || field.disabled() || undefined;\n        merged[\"invalid\"] = Boolean(props.invalid) || field.invalid() || undefined;\n        merged[\"readOnly\"] = Boolean(props.readOnly) || field.readOnly() || undefined;\n        merged[\"required\"] = Boolean(props.required) || field.required() || undefined;\n      }\n      return merged as EditableContext;\n    },\n    connect: (service, normalize) => editable.connect(service, normalize),\n  });\n}\n","import type * as editable from \"@wirekyt/dom/machines/editable\";\n\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  booleanAttribute,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  type InputSignal,\n  type InputSignalWithTransform,\n  type ModelSignal,\n  type OutputEmitterRef,\n  type Signal,\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from \"@angular/forms\";\nimport { bindProps, createCvaController } from \"@wirekyt/angular\";\n\nimport type {\n  EditableEditChangeDetails,\n  EditableElementIds,\n  EditableFocusOutsideEvent,\n  EditableInteractOutsideEvent,\n  EditablePointerDownOutsideEvent,\n  EditableValueChangeDetails,\n} from \"./types\";\n\nimport { useEditable, type UseEditableReturn } from \"./use\";\nimport { EDITABLE_CONTEXT } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-root]\",\n  standalone: true,\n  exportAs: \"editableRoot\",\n  providers: [\n    { provide: EDITABLE_CONTEXT, useExisting: forwardRef(() => EditableRoot) },\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EditableRoot), multi: true },\n  ],\n})\nexport class EditableRoot implements ControlValueAccessor, UseEditableReturn {\n  /** The id of the editable. */\n  readonly id: InputSignal<string | undefined> = input<string | undefined>(undefined);\n  /** The element ids for the editable parts. */\n  readonly elementIds: InputSignal<EditableElementIds | undefined> = input<\n    EditableElementIds | undefined\n  >(undefined, {\n    alias: \"ids\",\n  });\n  /** The controlled value of the editable. */\n  readonly value: ModelSignal<string | undefined> = model<string | undefined>(undefined);\n  /** The initial value of the editable when uncontrolled. */\n  readonly defaultValue: InputSignal<string | undefined> = input<string | undefined>(undefined);\n  /** The controlled edit state of the editable. */\n  readonly edit: ModelSignal<boolean | undefined> = model<boolean | undefined>(undefined);\n  /** The initial edit state of the editable when uncontrolled. */\n  readonly defaultEdit: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** Whether the editable is disabled. */\n  readonly disabled: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** Whether the editable is read-only. */\n  readonly readOnly: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** Whether the editable is invalid. */\n  readonly invalid: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** Whether the editable is required. */\n  readonly required: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** The placeholder text for the editable. */\n  readonly placeholder: InputSignal<string | { edit: string; preview: string } | undefined> = input<\n    string | { edit: string; preview: string } | undefined\n  >(undefined);\n  /** The name attribute of the editable input. */\n  readonly name: InputSignal<string | undefined> = input<string | undefined>(undefined);\n  /** The form attribute of the editable input. */\n  readonly form: InputSignal<string | undefined> = input<string | undefined>(undefined);\n  /** The maximum number of characters allowed. */\n  readonly maxLength: InputSignal<number | undefined> = input<number | undefined>(undefined);\n  /** The activation mode for the preview element. */\n  readonly activationMode: InputSignal<editable.ActivationMode | undefined> = input<\n    editable.ActivationMode | undefined\n  >(undefined);\n  /** The action that triggers submit in edit mode. */\n  readonly submitMode: InputSignal<editable.SubmitMode | undefined> = input<\n    editable.SubmitMode | undefined\n  >(undefined);\n  /** Whether the editable should auto-resize to fit content. */\n  readonly autoResize: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** Whether to select the text in the input when focused. */\n  readonly selectOnFocus: InputSignalWithTransform<boolean, unknown> = input(true, {\n    transform: booleanAttribute,\n  });\n  /** The translations for the editable. */\n  readonly translations: InputSignal<editable.IntlTranslations | undefined> = input<\n    editable.IntlTranslations | undefined\n  >(undefined);\n  /** The element that should receive focus when edit mode exits. */\n  readonly finalFocusEl: InputSignal<(() => HTMLElement | null) | undefined> = input<\n    (() => HTMLElement | null) | undefined\n  >(undefined);\n\n  /** Emits the details when the edit state changes. */\n  readonly editDetailsChange: OutputEmitterRef<EditableEditChangeDetails> =\n    output<EditableEditChangeDetails>();\n  /** Emits the details when the editable value changes. */\n  readonly valueDetailsChange: OutputEmitterRef<EditableValueChangeDetails> =\n    output<EditableValueChangeDetails>();\n  /** Emits when the editable value is committed. */\n  readonly valueCommit: OutputEmitterRef<EditableValueChangeDetails> =\n    output<EditableValueChangeDetails>();\n  /** Emits when the editable value is reverted. */\n  readonly valueRevert: OutputEmitterRef<EditableValueChangeDetails> =\n    output<EditableValueChangeDetails>();\n  /** Emits when focus moves outside the editable while editing. */\n  readonly focusOutside: OutputEmitterRef<EditableFocusOutsideEvent> =\n    output<EditableFocusOutsideEvent>();\n  /** Emits when pointer down happens outside the editable while editing. */\n  readonly pointerDownOutside: OutputEmitterRef<EditablePointerDownOutsideEvent> =\n    output<EditablePointerDownOutsideEvent>();\n  /** Emits when an interaction happens outside the editable while editing. */\n  readonly interactOutside: OutputEmitterRef<EditableInteractOutsideEvent> =\n    output<EditableInteractOutsideEvent>();\n\n  private readonly _disabledFromForm = signal(false);\n  private _pendingInternalWrites = 0;\n  private _hasExternalBinding = false;\n  private _hasReceivedFormWrite = false;\n\n  private readonly cva = createCvaController<string>({\n    value: this.value,\n    setDisabled: (disabled) => this._disabledFromForm.set(disabled),\n    componentName: \"EditableRoot\",\n    hasExternalModelBinding: () => this._hasExternalBinding,\n  });\n\n  private readonly machine = useEditable({\n    context: () => ({\n      id: this.id(),\n      ids: this.elementIds(),\n      value: this.value(),\n      defaultValue: this.defaultValue(),\n      edit: this.edit(),\n      defaultEdit: this.defaultEdit(),\n      disabled: this.disabled() || this._disabledFromForm(),\n      readOnly: this.readOnly(),\n      invalid: this.invalid(),\n      required: this.required(),\n      placeholder: this.placeholder(),\n      name: this.name(),\n      form: this.form(),\n      maxLength: this.maxLength(),\n      activationMode: this.activationMode(),\n      submitMode: this.submitMode(),\n      autoResize: this.autoResize(),\n      selectOnFocus: this.selectOnFocus(),\n      translations: this.translations(),\n      finalFocusEl: this.finalFocusEl(),\n      onValueChange: (details) => {\n        if (this.value() !== details.value) {\n          this._pendingInternalWrites++;\n          this.value.set(details.value);\n        }\n        this.cva.notifyValueChange(details.value);\n        this.valueDetailsChange.emit(details);\n      },\n      onValueCommit: (details) => {\n        this.valueCommit.emit(details);\n        this.cva.markTouched();\n      },\n      onValueRevert: (details) => {\n        this.valueRevert.emit(details);\n      },\n      onEditChange: (details) => {\n        this.edit.set(details.edit);\n        this.editDetailsChange.emit(details);\n        if (!details.edit) {\n          this.cva.markTouched();\n        }\n      },\n      onFocusOutside: (event) => this.focusOutside.emit(event),\n      onPointerDownOutside: (event) => this.pointerDownOutside.emit(event),\n      onInteractOutside: (event) => this.interactOutside.emit(event),\n    }),\n  });\n\n  readonly state: Signal<editable.Service[\"state\"]> = this.machine.state;\n  readonly api: Signal<editable.Api> = this.machine.api;\n  readonly service: editable.Service = this.machine.service;\n  readonly send: editable.Service[\"send\"] = this.machine.send;\n\n  constructor() {\n    let firstRun = true;\n    effect(() => {\n      void this.value();\n      if (firstRun) {\n        firstRun = false;\n        this._pendingInternalWrites = 0;\n        return;\n      }\n      if (this._pendingInternalWrites > 0) {\n        this._pendingInternalWrites--;\n        return;\n      }\n      this._hasExternalBinding = true;\n    });\n\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => this.api().getRootProps(),\n    });\n  }\n\n  writeValue(value: string | null): void {\n    const next = value === null ? undefined : value;\n    const current = this.value();\n    if (!this._hasReceivedFormWrite && current !== undefined) {\n      this._hasExternalBinding = true;\n    }\n    this._hasReceivedFormWrite = true;\n    if (current !== next) {\n      this._pendingInternalWrites++;\n    }\n    this.cva.writeValue(value);\n  }\n\n  registerOnChange(fn: (value: string | undefined) => void): void {\n    this.cva.registerOnChange(fn);\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.cva.registerOnTouched(fn);\n  }\n\n  setDisabledState(disabled: boolean): void {\n    this.cva.setDisabledState(disabled);\n  }\n}\n","import type * as editable from \"@wirekyt/dom/machines/editable\";\n\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  forwardRef,\n  inject,\n  input,\n  type InputSignal,\n  type Signal,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport type { UseEditableReturn } from \"./use\";\n\nimport { EDITABLE_CONTEXT } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-root-provider]\",\n  standalone: true,\n  exportAs: \"editableRootProvider\",\n  providers: [{ provide: EDITABLE_CONTEXT, useExisting: forwardRef(() => EditableRootProvider) }],\n})\nexport class EditableRootProvider implements UseEditableReturn {\n  /** The editable primitive returned by useEditable(). */\n  readonly value: InputSignal<UseEditableReturn> = input.required<UseEditableReturn>();\n\n  get state(): Signal<editable.Service[\"state\"]> {\n    return this.value().state;\n  }\n  get api(): Signal<editable.Api> {\n    return this.value().api;\n  }\n  get service(): editable.Service {\n    return this.value().service;\n  }\n  get send(): editable.Service[\"send\"] {\n    return this.value().send;\n  }\n\n  constructor() {\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => this.value().api().getRootProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectEditableContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-area]\",\n  standalone: true,\n  exportAs: \"editableArea\",\n})\nexport class EditableArea {\n  constructor() {\n    const context = injectEditableContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getAreaProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\nimport { injectFieldContextOptional } from \"@wirekyt/angular/field\";\n\nimport { injectEditableContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-input]\",\n  standalone: true,\n  exportAs: \"editableInput\",\n})\nexport class EditableInput {\n  constructor() {\n    const context = injectEditableContext();\n    const field = injectFieldContextOptional();\n    const elementRef = inject(ElementRef);\n    const renderer = inject(Renderer2);\n    const destroyRef = inject(DestroyRef);\n\n    bindProps({\n      elementRef,\n      renderer,\n      destroyRef,\n      props: () => {\n        const props = context.api().getInputProps() as Record<string, unknown>;\n        const { defaultValue: _defaultValue, ...rest } = props;\n        const describedBy = field?.ariaDescribedby();\n        if (describedBy) {\n          rest[\"aria-describedby\"] = describedBy;\n        }\n        return rest;\n      },\n    });\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  effect,\n  inject,\n  signal,\n  type AfterContentInit,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectEditableContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-preview]\",\n  standalone: true,\n  exportAs: \"editablePreview\",\n})\nexport class EditablePreview implements AfterContentInit {\n  private readonly ownsTextContent = signal(false);\n  private readonly elementRef = inject(ElementRef);\n\n  constructor() {\n    const context = injectEditableContext();\n    const elementRef = this.elementRef;\n    const renderer = inject(Renderer2);\n    const destroyRef = inject(DestroyRef);\n\n    bindProps({\n      elementRef,\n      renderer,\n      destroyRef,\n      props: () => {\n        const props = context.api().getPreviewProps() as Record<string, unknown>;\n        const { children: _children, onDoubleClick, ...rest } = props;\n        if (typeof onDoubleClick === \"function\") {\n          const remapped = rest as { onDblClick?: unknown };\n          remapped.onDblClick = onDoubleClick;\n        }\n        return rest;\n      },\n    });\n\n    effect(() => {\n      if (!this.ownsTextContent()) return;\n      const el = elementRef.nativeElement as HTMLElement;\n      if (!el) return;\n      const text = context.api().valueText;\n      renderer.setProperty(el, \"textContent\", text);\n    });\n  }\n\n  ngAfterContentInit(): void {\n    this.ownsTextContent.set(this.elementRef.nativeElement.childNodes.length === 0);\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectEditableContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-label]\",\n  standalone: true,\n  exportAs: \"editableLabel\",\n})\nexport class EditableLabel {\n  constructor() {\n    const context = injectEditableContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getLabelProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectEditableContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-control]\",\n  standalone: true,\n  exportAs: \"editableControl\",\n})\nexport class EditableControl {\n  constructor() {\n    const context = injectEditableContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getControlProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectEditableContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-edit-trigger]\",\n  standalone: true,\n  exportAs: \"editableEditTrigger\",\n})\nexport class EditableEditTrigger {\n  constructor() {\n    const context = injectEditableContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getEditTriggerProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectEditableContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-submit-trigger]\",\n  standalone: true,\n  exportAs: \"editableSubmitTrigger\",\n})\nexport class EditableSubmitTrigger {\n  constructor() {\n    const context = injectEditableContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getSubmitTriggerProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectEditableContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[editable-cancel-trigger]\",\n  standalone: true,\n  exportAs: \"editableCancelTrigger\",\n})\nexport class EditableCancelTrigger {\n  constructor() {\n    const context = injectEditableContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getCancelTriggerProps(),\n    });\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  TemplateRef,\n  ViewContainerRef,\n  effect,\n  inject,\n} from \"@angular/core\";\n\nimport type { UseEditableReturn } from \"./use\";\n\nimport { injectEditableContext } from \"./use-context\";\n\nexport interface EditableContextTemplate {\n  $implicit: UseEditableReturn[\"api\"];\n  api: UseEditableReturn[\"api\"];\n}\n\n@Directive({\n  selector: \"[editable-context]\",\n  standalone: true,\n  exportAs: \"editableContext\",\n})\nexport class EditableContext {\n  static ngTemplateContextGuard(\n    _directive: EditableContext,\n    context: unknown,\n  ): context is EditableContextTemplate {\n    void context;\n    return true;\n  }\n\n  private readonly editable = injectEditableContext();\n  private readonly templateRef = inject<TemplateRef<EditableContextTemplate>>(TemplateRef);\n  private readonly viewContainer = inject(ViewContainerRef);\n\n  constructor() {\n    const view = this.viewContainer.createEmbeddedView(this.templateRef, {\n      $implicit: this.editable.api,\n      api: this.editable.api,\n    });\n\n    effect(() => {\n      this.editable.api();\n      view.detectChanges();\n    });\n\n    inject(DestroyRef).onDestroy(() => view.destroy());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAIa,gBAAgB,GAAG,IAAI,cAAc,CAAoB,0BAA0B;SAEhF,qBAAqB,GAAA;AACnC,IAAA,OAAO,MAAM,CAAC,gBAAgB,CAAC;AACjC;;ACyBM,SAAU,WAAW,CACzB,OAAA,GAA8B,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,EAAA;AAErD,IAAA,MAAM,MAAM,GAAG,YAAY,EAAE;AAC7B,IAAA,MAAM,WAAW,GAAG,iBAAiB,EAAE;AACvC,IAAA,MAAM,KAAK,GAAG,0BAA0B,EAAE;AAC1C,IAAA,MAAM,UAAU,GAAG,QAAQ,EAAE;AAE7B,IAAA,OAAO,UAAU,CAA+B;QAC9C,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,OAAO,EAAE,MAAK;AACZ,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE;AAC/B,YAAA,MAAM,MAAM,GAA4B;gBACtC,GAAG,EAAE,MAAM,CAAC,GAAG;gBACf,WAAW,EAAE,WAAW,CAAC,WAAW;AACpC,gBAAA,GAAG,KAAK;AACR,gBAAA,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,UAAU;aAC3B;YACD,IAAI,KAAK,EAAE;AACT,gBAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG;gBAC1B,MAAM,CAAC,KAAK,CAAC,GAAG;oBACd,KAAK,EAAE,QAAQ,CAAC,KAAK;oBACrB,KAAK,EAAE,QAAQ,CAAC,OAAO;oBACvB,GAAG,KAAK,CAAC,GAAG;iBACb;AACD,gBAAA,MAAM,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,IAAI,SAAS;AAC7E,gBAAA,MAAM,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,IAAI,SAAS;AAC1E,gBAAA,MAAM,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,IAAI,SAAS;AAC7E,gBAAA,MAAM,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,IAAI,SAAS;YAC/E;AACA,YAAA,OAAO,MAAyB;QAClC,CAAC;AACD,QAAA,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC;AACtE,KAAA,CAAC;AACJ;;MCtBa,YAAY,CAAA;;IAEd,EAAE,GAAoC,KAAK,CAAqB,SAAS;2EAAC;;IAE1E,UAAU,GAAgD,KAAK,CAEtE,SAAS,kFACT,KAAK,EAAE,KAAK,EAAA,CACZ;;IAEO,KAAK,GAAoC,KAAK,CAAqB,SAAS;8EAAC;;IAE7E,YAAY,GAAoC,KAAK,CAAqB,SAAS;qFAAC;;IAEpF,IAAI,GAAqC,KAAK,CAAsB,SAAS;6EAAC;;IAE9E,WAAW,GAA+C,KAAK,CAAC,KAAK,mFAC5E,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;IAEO,QAAQ,GAA+C,KAAK,CAAC,KAAK,gFACzE,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;IAEO,QAAQ,GAA+C,KAAK,CAAC,KAAK,gFACzE,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;IAEO,OAAO,GAA+C,KAAK,CAAC,KAAK,+EACxE,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;IAEO,QAAQ,GAA+C,KAAK,CAAC,KAAK,gFACzE,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;IAEO,WAAW,GAAwE,KAAK,CAE/F,SAAS;oFAAC;;IAEH,IAAI,GAAoC,KAAK,CAAqB,SAAS;6EAAC;;IAE5E,IAAI,GAAoC,KAAK,CAAqB,SAAS;6EAAC;;IAE5E,SAAS,GAAoC,KAAK,CAAqB,SAAS;kFAAC;;IAEjF,cAAc,GAAqD,KAAK,CAE/E,SAAS;uFAAC;;IAEH,UAAU,GAAiD,KAAK,CAEvE,SAAS;mFAAC;;IAEH,UAAU,GAA+C,KAAK,CAAC,KAAK,kFAC3E,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;IAEO,aAAa,GAA+C,KAAK,CAAC,IAAI,qFAC7E,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;IAEO,YAAY,GAAuD,KAAK,CAE/E,SAAS;qFAAC;;IAEH,YAAY,GAAwD,KAAK,CAEhF,SAAS;qFAAC;;IAGH,iBAAiB,GACxB,MAAM,EAA6B;;IAE5B,kBAAkB,GACzB,MAAM,EAA8B;;IAE7B,WAAW,GAClB,MAAM,EAA8B;;IAE7B,WAAW,GAClB,MAAM,EAA8B;;IAE7B,YAAY,GACnB,MAAM,EAA6B;;IAE5B,kBAAkB,GACzB,MAAM,EAAmC;;IAElC,eAAe,GACtB,MAAM,EAAgC;IAEvB,iBAAiB,GAAG,MAAM,CAAC,KAAK;0FAAC;IAC1C,sBAAsB,GAAG,CAAC;IAC1B,mBAAmB,GAAG,KAAK;IAC3B,qBAAqB,GAAG,KAAK;IAEpB,GAAG,GAAG,mBAAmB,CAAS;QACjD,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,QAAA,WAAW,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC/D,QAAA,aAAa,EAAE,cAAc;AAC7B,QAAA,uBAAuB,EAAE,MAAM,IAAI,CAAC,mBAAmB;AACxD,KAAA,CAAC;IAEe,OAAO,GAAG,WAAW,CAAC;AACrC,QAAA,OAAO,EAAE,OAAO;AACd,YAAA,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE;AACb,YAAA,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE;AACtB,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;AACjC,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;YAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE;AACrD,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzB,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzB,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AAC3B,YAAA,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;AACrC,YAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;AAC7B,YAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;AAC7B,YAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE;AACnC,YAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;AACjC,YAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;AACjC,YAAA,aAAa,EAAE,CAAC,OAAO,KAAI;gBACzB,IAAI,IAAI,CAAC,KAAK,EAAE,KAAK,OAAO,CAAC,KAAK,EAAE;oBAClC,IAAI,CAAC,sBAAsB,EAAE;oBAC7B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC/B;gBACA,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC;AACzC,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;YACvC,CAAC;AACD,YAAA,aAAa,EAAE,CAAC,OAAO,KAAI;AACzB,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC;AAC9B,gBAAA,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE;YACxB,CAAC;AACD,YAAA,aAAa,EAAE,CAAC,OAAO,KAAI;AACzB,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC;YAChC,CAAC;AACD,YAAA,YAAY,EAAE,CAAC,OAAO,KAAI;gBACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC;AAC3B,gBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AACpC,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACjB,oBAAA,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE;gBACxB;YACF,CAAC;AACD,YAAA,cAAc,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxD,YAAA,oBAAoB,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AACpE,YAAA,iBAAiB,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;SAC/D,CAAC;AACH,KAAA,CAAC;AAEO,IAAA,KAAK,GAAsC,IAAI,CAAC,OAAO,CAAC,KAAK;AAC7D,IAAA,GAAG,GAAyB,IAAI,CAAC,OAAO,CAAC,GAAG;AAC5C,IAAA,OAAO,GAAqB,IAAI,CAAC,OAAO,CAAC,OAAO;AAChD,IAAA,IAAI,GAA6B,IAAI,CAAC,OAAO,CAAC,IAAI;AAE3D,IAAA,WAAA,GAAA;QACE,IAAI,QAAQ,GAAG,IAAI;QACnB,MAAM,CAAC,MAAK;AACV,YAAA,KAAK,IAAI,CAAC,KAAK,EAAE;YACjB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,GAAG,KAAK;AAChB,gBAAA,IAAI,CAAC,sBAAsB,GAAG,CAAC;gBAC/B;YACF;AACA,YAAA,IAAI,IAAI,CAAC,sBAAsB,GAAG,CAAC,EAAE;gBACnC,IAAI,CAAC,sBAAsB,EAAE;gBAC7B;YACF;AACA,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;AACjC,QAAA,CAAC,CAAC;AAEF,QAAA,SAAS,CAAC;AACR,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;YAC9B,KAAK,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE;AACvC,SAAA,CAAC;IACJ;AAEA,IAAA,UAAU,CAAC,KAAoB,EAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK;AAC/C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE;QAC5B,IAAI,CAAC,IAAI,CAAC,qBAAqB,IAAI,OAAO,KAAK,SAAS,EAAE;AACxD,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;QACjC;AACA,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;AACjC,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,IAAI,CAAC,sBAAsB,EAAE;QAC/B;AACA,QAAA,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC;IAC5B;AAEA,IAAA,gBAAgB,CAAC,EAAuC,EAAA;AACtD,QAAA,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC/B;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAChC;AAEA,IAAA,gBAAgB,CAAC,QAAiB,EAAA;AAChC,QAAA,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC;IACrC;uGA9MW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,SAAA,EALZ;AACT,YAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,YAAY,CAAC,EAAE;AAC1E,YAAA,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;AACzF,SAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAEU,YAAY,EAAA,UAAA,EAAA,CAAA;kBATxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,SAAS,EAAE;AACT,wBAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAK,YAAa,CAAC,EAAE;AAC1E,wBAAA,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;AACzF,qBAAA;AACF,iBAAA;;;MCnBY,oBAAoB,CAAA;;IAEtB,KAAK,GAAmC,KAAK,CAAC,QAAQ;8EAAqB;AAEpF,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK;IAC3B;AACA,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG;IACzB;AACA,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO;IAC7B;AACA,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI;IAC1B;AAEA,IAAA,WAAA,GAAA;AACE,QAAA,SAAS,CAAC;AACR,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,KAAK,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE;AAC/C,SAAA,CAAC;IACJ;uGAxBW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0MAFpB,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAEpF,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAK,oBAAqB,CAAC,EAAE,CAAC;AAChG,iBAAA;;;MCdY,YAAY,CAAA;AACvB,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,qBAAqB,EAAE;AACvC,QAAA,SAAS,CAAC;AACR,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;YAC9B,KAAK,EAAE,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE;AAC1C,SAAA,CAAC;IACJ;uGATW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBALxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,cAAc;AACzB,iBAAA;;;MCEY,aAAa,CAAA;AACxB,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,qBAAqB,EAAE;AACvC,QAAA,MAAM,KAAK,GAAG,0BAA0B,EAAE;AAC1C,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AACrC,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAClC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAErC,QAAA,SAAS,CAAC;YACR,UAAU;YACV,QAAQ;YACR,UAAU;YACV,KAAK,EAAE,MAAK;gBACV,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,EAA6B;gBACtE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AACtD,gBAAA,MAAM,WAAW,GAAG,KAAK,EAAE,eAAe,EAAE;gBAC5C,IAAI,WAAW,EAAE;AACf,oBAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,WAAW;gBACxC;AACA,gBAAA,OAAO,IAAI;YACb,CAAC;AACF,SAAA,CAAC;IACJ;uGAtBW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;;;MCSY,eAAe,CAAA;IACT,eAAe,GAAG,MAAM,CAAC,KAAK;wFAAC;AAC/B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAEhD,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,qBAAqB,EAAE;AACvC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU;AAClC,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAClC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAErC,QAAA,SAAS,CAAC;YACR,UAAU;YACV,QAAQ;YACR,UAAU;YACV,KAAK,EAAE,MAAK;gBACV,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,EAA6B;AACxE,gBAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAC7D,gBAAA,IAAI,OAAO,aAAa,KAAK,UAAU,EAAE;oBACvC,MAAM,QAAQ,GAAG,IAAgC;AACjD,oBAAA,QAAQ,CAAC,UAAU,GAAG,aAAa;gBACrC;AACA,gBAAA,OAAO,IAAI;YACb,CAAC;AACF,SAAA,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;gBAAE;AAC7B,YAAA,MAAM,EAAE,GAAG,UAAU,CAAC,aAA4B;AAClD,YAAA,IAAI,CAAC,EAAE;gBAAE;YACT,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS;YACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC;AAC/C,QAAA,CAAC,CAAC;IACJ;IAEA,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;IACjF;uGApCW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC5B,iBAAA;;;MCRY,aAAa,CAAA;AACxB,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,qBAAqB,EAAE;AACvC,QAAA,SAAS,CAAC;AACR,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;YAC9B,KAAK,EAAE,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE;AAC3C,SAAA,CAAC;IACJ;uGATW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;;;MCCY,eAAe,CAAA;AAC1B,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,qBAAqB,EAAE;AACvC,QAAA,SAAS,CAAC;AACR,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;YAC9B,KAAK,EAAE,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE;AAC7C,SAAA,CAAC;IACJ;uGATW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC5B,iBAAA;;;MCCY,mBAAmB,CAAA;AAC9B,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,qBAAqB,EAAE;AACvC,QAAA,SAAS,CAAC;AACR,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;YAC9B,KAAK,EAAE,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,mBAAmB,EAAE;AACjD,SAAA,CAAC;IACJ;uGATW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,qBAAqB;AAChC,iBAAA;;;MCCY,qBAAqB,CAAA;AAChC,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,qBAAqB,EAAE;AACvC,QAAA,SAAS,CAAC;AACR,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;YAC9B,KAAK,EAAE,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE;AACnD,SAAA,CAAC;IACJ;uGATW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,uBAAuB;AAClC,iBAAA;;;MCCY,qBAAqB,CAAA;AAChC,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,qBAAqB,EAAE;AACvC,QAAA,SAAS,CAAC;AACR,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;AAC9B,YAAA,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;YAC9B,KAAK,EAAE,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE;AACnD,SAAA,CAAC;IACJ;uGATW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,uBAAuB;AAClC,iBAAA;;;MCcY,eAAe,CAAA;AAC1B,IAAA,OAAO,sBAAsB,CAC3B,UAA2B,EAC3B,OAAgB,EAAA;AAEhB,QAAA,KAAK,OAAO;AACZ,QAAA,OAAO,IAAI;IACb;IAEiB,QAAQ,GAAG,qBAAqB,EAAE;AAClC,IAAA,WAAW,GAAG,MAAM,CAAuC,WAAW,CAAC;AACvE,IAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAEzD,IAAA,WAAA,GAAA;QACE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE;AACnE,YAAA,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG;AAC5B,YAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG;AACvB,SAAA,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,aAAa,EAAE;AACtB,QAAA,CAAC,CAAC;AAEF,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;IACpD;uGAzBW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC5B,iBAAA;;;ACtBD;;AAEG;;;;"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "Angular adapter for Wirekyt",
   "files": [
     "dist",
@@ -79,6 +79,10 @@
       "types": "./types/wirekyt-angular-drawer.d.ts",
       "default": "./fesm2022/wirekyt-angular-drawer.mjs"
     },
+    "./editable": {
+      "types": "./types/wirekyt-angular-editable.d.ts",
+      "default": "./fesm2022/wirekyt-angular-editable.mjs"
+    },
     "./field": {
       "types": "./types/wirekyt-angular-field.d.ts",
       "default": "./fesm2022/wirekyt-angular-field.mjs"

package/dist/types/wirekyt-angular-checkbox.d.ts

@@ -7,7 +7,7 @@ import * as i0 from '@angular/core';
 import { Signal, InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef, InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
-declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;
+declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "control" | "label" | "indicator" | "group">;
 
 type OptionalId<T extends {
     id: string;

package/dist/types/wirekyt-angular-color-picker.d.ts

@@ -9,7 +9,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 import { ColorStringFormat } from '@wirekyt/dom/color-utils';
 
-declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"trigger" | "positioner" | "content" | "root" | "area" | "label" | "control" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"root" | "control" | "label" | "trigger" | "positioner" | "content" | "area" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
 
 declare class ColorPickerArea {
     readonly xChannel: InputSignal<colorPicker.ColorChannel | undefined>;

package/dist/types/wirekyt-angular-combobox.d.ts

@@ -13,7 +13,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _wirekyt_angular_combobox from '@wirekyt/angular/combobox';
 
-declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"trigger" | "positioner" | "content" | "input" | "root" | "item" | "label" | "control" | "list" | "itemText" | "itemIndicator" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "empty">;
+declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "control" | "label" | "clearTrigger" | "item" | "trigger" | "positioner" | "content" | "input" | "itemText" | "itemGroup" | "list" | "itemIndicator" | "itemGroupLabel" | "empty">;
 
 type ComboboxSchema<T extends CollectionItem = CollectionItem> = Machine<T> extends Machine$1<infer S> ? S : never;
 

package/dist/types/wirekyt-angular-date-picker.d.ts

@@ -9,7 +9,7 @@ import * as _wirekyt_angular_presence from '@wirekyt/angular/presence';
 import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 
-declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"trigger" | "positioner" | "content" | "input" | "root" | "label" | "table" | "view" | "control" | "nextTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText">;
+declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "control" | "label" | "clearTrigger" | "trigger" | "positioner" | "content" | "input" | "view" | "table" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText">;
 
 type OptionalId<T extends {
     id?: string | undefined;

package/dist/types/wirekyt-angular-editable.d.ts

@@ -0,0 +1,181 @@
+import * as editable from '@wirekyt/dom/machines/editable';
+import { Props, ElementIds, EditChangeDetails, ValueChangeDetails, FocusOutsideEvent, PointerDownOutsideEvent, InteractOutsideEvent } from '@wirekyt/dom/machines/editable';
+export { ActivationMode as EditableActivationMode, Api as EditableApi, EditChangeDetails as EditableEditChangeDetails, ElementIds as EditableElementIds, FocusOutsideEvent as EditableFocusOutsideEvent, InteractOutsideEvent as EditableInteractOutsideEvent, IntlTranslations as EditableIntlTranslations, Machine as EditableMachine, Props as EditableMachineProps, PointerDownOutsideEvent as EditablePointerDownOutsideEvent, Service as EditableService, SubmitMode as EditableSubmitMode, ValueChangeDetails as EditableValueChangeDetails, anatomy as editableAnatomy } from '@wirekyt/dom/machines/editable';
+import * as i0 from '@angular/core';
+import { InjectionToken, InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef, Signal, AfterContentInit } from '@angular/core';
+import { UseMachineReturn } from '@wirekyt/angular';
+import { ControlValueAccessor } from '@angular/forms';
+
+type OptionalId<T extends {
+    id: string;
+}> = Omit<T, "id"> & {
+    id?: string;
+};
+interface UseEditableProps extends OptionalId<Omit<Props, "dir" | "getRootNode">> {
+}
+type UseEditableReturn = UseMachineReturn<editable.Service["state"], editable.Api, editable.Service>;
+interface UseEditableOptions {
+    context: () => UseEditableProps;
+}
+declare function useEditable(options?: UseEditableOptions): UseEditableReturn;
+
+declare const EDITABLE_CONTEXT: InjectionToken<UseEditableReturn>;
+declare function injectEditableContext(): UseEditableReturn;
+
+declare class EditableRoot implements ControlValueAccessor, UseEditableReturn {
+    /** The id of the editable. */
+    readonly id: InputSignal<string | undefined>;
+    /** The element ids for the editable parts. */
+    readonly elementIds: InputSignal<ElementIds | undefined>;
+    /** The controlled value of the editable. */
+    readonly value: ModelSignal<string | undefined>;
+    /** The initial value of the editable when uncontrolled. */
+    readonly defaultValue: InputSignal<string | undefined>;
+    /** The controlled edit state of the editable. */
+    readonly edit: ModelSignal<boolean | undefined>;
+    /** The initial edit state of the editable when uncontrolled. */
+    readonly defaultEdit: InputSignalWithTransform<boolean, unknown>;
+    /** Whether the editable is disabled. */
+    readonly disabled: InputSignalWithTransform<boolean, unknown>;
+    /** Whether the editable is read-only. */
+    readonly readOnly: InputSignalWithTransform<boolean, unknown>;
+    /** Whether the editable is invalid. */
+    readonly invalid: InputSignalWithTransform<boolean, unknown>;
+    /** Whether the editable is required. */
+    readonly required: InputSignalWithTransform<boolean, unknown>;
+    /** The placeholder text for the editable. */
+    readonly placeholder: InputSignal<string | {
+        edit: string;
+        preview: string;
+    } | undefined>;
+    /** The name attribute of the editable input. */
+    readonly name: InputSignal<string | undefined>;
+    /** The form attribute of the editable input. */
+    readonly form: InputSignal<string | undefined>;
+    /** The maximum number of characters allowed. */
+    readonly maxLength: InputSignal<number | undefined>;
+    /** The activation mode for the preview element. */
+    readonly activationMode: InputSignal<editable.ActivationMode | undefined>;
+    /** The action that triggers submit in edit mode. */
+    readonly submitMode: InputSignal<editable.SubmitMode | undefined>;
+    /** Whether the editable should auto-resize to fit content. */
+    readonly autoResize: InputSignalWithTransform<boolean, unknown>;
+    /** Whether to select the text in the input when focused. */
+    readonly selectOnFocus: InputSignalWithTransform<boolean, unknown>;
+    /** The translations for the editable. */
+    readonly translations: InputSignal<editable.IntlTranslations | undefined>;
+    /** The element that should receive focus when edit mode exits. */
+    readonly finalFocusEl: InputSignal<(() => HTMLElement | null) | undefined>;
+    /** Emits the details when the edit state changes. */
+    readonly editDetailsChange: OutputEmitterRef<EditChangeDetails>;
+    /** Emits the details when the editable value changes. */
+    readonly valueDetailsChange: OutputEmitterRef<ValueChangeDetails>;
+    /** Emits when the editable value is committed. */
+    readonly valueCommit: OutputEmitterRef<ValueChangeDetails>;
+    /** Emits when the editable value is reverted. */
+    readonly valueRevert: OutputEmitterRef<ValueChangeDetails>;
+    /** Emits when focus moves outside the editable while editing. */
+    readonly focusOutside: OutputEmitterRef<FocusOutsideEvent>;
+    /** Emits when pointer down happens outside the editable while editing. */
+    readonly pointerDownOutside: OutputEmitterRef<PointerDownOutsideEvent>;
+    /** Emits when an interaction happens outside the editable while editing. */
+    readonly interactOutside: OutputEmitterRef<InteractOutsideEvent>;
+    private readonly _disabledFromForm;
+    private _pendingInternalWrites;
+    private _hasExternalBinding;
+    private _hasReceivedFormWrite;
+    private readonly cva;
+    private readonly machine;
+    readonly state: Signal<editable.Service["state"]>;
+    readonly api: Signal<editable.Api>;
+    readonly service: editable.Service;
+    readonly send: editable.Service["send"];
+    constructor();
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | undefined) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableRoot, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableRoot, "[editable-root]", ["editableRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "elementIds": { "alias": "ids"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "edit": { "alias": "edit"; "required": false; "isSignal": true; }; "defaultEdit": { "alias": "defaultEdit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; "submitMode": { "alias": "submitMode"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "translations": { "alias": "translations"; "required": false; "isSignal": true; }; "finalFocusEl": { "alias": "finalFocusEl"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "edit": "editChange"; "editDetailsChange": "editDetailsChange"; "valueDetailsChange": "valueDetailsChange"; "valueCommit": "valueCommit"; "valueRevert": "valueRevert"; "focusOutside": "focusOutside"; "pointerDownOutside": "pointerDownOutside"; "interactOutside": "interactOutside"; }, never, never, true, never>;
+}
+
+declare class EditableRootProvider implements UseEditableReturn {
+    /** The editable primitive returned by useEditable(). */
+    readonly value: InputSignal<UseEditableReturn>;
+    get state(): Signal<editable.Service["state"]>;
+    get api(): Signal<editable.Api>;
+    get service(): editable.Service;
+    get send(): editable.Service["send"];
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableRootProvider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableRootProvider, "[editable-root-provider]", ["editableRootProvider"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class EditableArea {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableArea, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableArea, "[editable-area]", ["editableArea"], {}, {}, never, never, true, never>;
+}
+
+declare class EditableInput {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableInput, "[editable-input]", ["editableInput"], {}, {}, never, never, true, never>;
+}
+
+declare class EditablePreview implements AfterContentInit {
+    private readonly ownsTextContent;
+    private readonly elementRef;
+    constructor();
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditablePreview, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditablePreview, "[editable-preview]", ["editablePreview"], {}, {}, never, never, true, never>;
+}
+
+declare class EditableLabel {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableLabel, "[editable-label]", ["editableLabel"], {}, {}, never, never, true, never>;
+}
+
+declare class EditableControl {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableControl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableControl, "[editable-control]", ["editableControl"], {}, {}, never, never, true, never>;
+}
+
+declare class EditableEditTrigger {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableEditTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableEditTrigger, "[editable-edit-trigger]", ["editableEditTrigger"], {}, {}, never, never, true, never>;
+}
+
+declare class EditableSubmitTrigger {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableSubmitTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableSubmitTrigger, "[editable-submit-trigger]", ["editableSubmitTrigger"], {}, {}, never, never, true, never>;
+}
+
+declare class EditableCancelTrigger {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableCancelTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableCancelTrigger, "[editable-cancel-trigger]", ["editableCancelTrigger"], {}, {}, never, never, true, never>;
+}
+
+interface EditableContextTemplate {
+    $implicit: UseEditableReturn["api"];
+    api: UseEditableReturn["api"];
+}
+declare class EditableContext {
+    static ngTemplateContextGuard(_directive: EditableContext, context: unknown): context is EditableContextTemplate;
+    private readonly editable;
+    private readonly templateRef;
+    private readonly viewContainer;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableContext, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditableContext, "[editable-context]", ["editableContext"], {}, {}, never, never, true, never>;
+}
+
+export { EDITABLE_CONTEXT, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, injectEditableContext, useEditable };
+export type { EditableContextTemplate, UseEditableOptions, UseEditableProps, UseEditableReturn };
+//# sourceMappingURL=wirekyt-angular-editable.d.ts.map

package/dist/types/wirekyt-angular-editable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-editable.d.ts","sources":["../../src/components/editable/use.ts","../../src/components/editable/use-context.ts","../../src/components/editable/root.ts","../../src/components/editable/root-provider.ts","../../src/components/editable/area.ts","../../src/components/editable/input.ts","../../src/components/editable/preview.ts","../../src/components/editable/label.ts","../../src/components/editable/control.ts","../../src/components/editable/edit-trigger.ts","../../src/components/editable/submit-trigger.ts","../../src/components/editable/cancel-trigger.ts","../../src/components/editable/context.ts"],"mappings":";;;;;;;;AAcA,KAAK,UAAU;;AAAyB,KAAI,IAAI;;;AAE1C,UAAW,gBAAiB,SAAQ,UAAU,CAClD,IAAI,CAACA,KAAoB;AACvB;AAEE,KAAM,iBAAiB,GAAG,gBAAgB,CAC9C,QAAQ,CAAC,OAAO,WAChB,QAAQ,CAAC,GAAG,EACZ,QAAQ,CAAC,OAAO;UAGD,kBAAkB;mBAClB,gBAAgB;AAChC;AAKD,iBAAgB,WAAW,WAChB,kBAA4C,GACpD,iBAAiB;;AC/BpB,cAAa,gBAAgB,EAAA,cAAA,CAAA,iBAAA;AAE7B,iBAAgB,qBAAqB,IAAI,iBAAiB;;AC8B1D,cASa,YAAa,YAAW,oBAAoB,EAAE,iBAAiB;;iBAE7D,WAAW;;yBAEH,WAAW,CAACC,UAAkB;;oBAMnC,WAAW;;2BAEJ,WAAW;;mBAEnB,WAAW;;0BAEJ,wBAAwB;;uBAI3B,wBAAwB;;uBAIxB,wBAAwB;;sBAIzB,wBAAwB;;uBAIvB,wBAAwB;;AAI3C,0BAAsB,WAAW;;;;;mBAIlB,WAAW;;mBAEX,WAAW;;wBAEN,WAAW;;6BAEN,WAAW,CAAC,QAAQ,CAAC,cAAc;;yBAIvC,WAAW,CAAC,QAAQ,CAAC,UAAU;;yBAI/B,wBAAwB;;4BAIrB,wBAAwB;;2BAIzB,WAAW,CAAC,QAAQ,CAAC,gBAAgB;;AAI5D,2BAAuB,WAAW,QAAQ,WAAW;;AAKrD,gCAA4B,gBAAgB,CAACC,iBAAyB;;AAGtE,iCAA6B,gBAAgB,CAACC,kBAA0B;;AAGxE,0BAAsB,gBAAgB,CAACA,kBAA0B;;AAGjE,0BAAsB,gBAAgB,CAACA,kBAA0B;;AAGjE,2BAAuB,gBAAgB,CAACC,iBAAyB;;AAGjE,iCAA6B,gBAAgB,CAACC,uBAA+B;;AAG7E,8BAA0B,gBAAgB,CAACC,oBAA4B;AAGvE;;;;AAKA;AAOA;AAkDA,oBAAgB,MAAM,CAAC,QAAQ,CAAC,OAAO;kBACzB,MAAM,CAAC,QAAQ,CAAC,GAAG;AACjC,sBAAkB,QAAQ,CAAC,OAAO;mBACnB,QAAQ,CAAC,OAAO;;AA0B/B;AAaA;AAIA;AAIA;yCA5MW,YAAY;2CAAZ,YAAY;AA+MxB;;ACzOD,cAMa,oBAAqB,YAAW,iBAAiB;;AAE5D,oBAAgB,WAAW,CAAC,iBAAiB;iBAEhC,MAAM,CAAC,QAAQ,CAAC,OAAO;eAGzB,MAAM,CAAC,QAAQ,CAAC,GAAG;AAG9B,mBAAe,QAAQ,CAAC,OAAO;gBAGnB,QAAQ,CAAC,OAAO;;yCAbjB,oBAAoB;2CAApB,oBAAoB;AAyBhC;;AC7CD,cAKa,YAAY;;yCAAZ,YAAY;2CAAZ,YAAY;AAUxB;;ACdD,cAKa,aAAa;;yCAAb,aAAa;2CAAb,aAAa;AAuBzB;;ACpBD,cAKa,eAAgB,YAAW,gBAAgB;AACtD;AACA;;AAgCA;yCAlCW,eAAe;2CAAf,eAAe;AAqC3B;;ACnDD,cAKa,aAAa;;yCAAb,aAAa;2CAAb,aAAa;AAUzB;;ACfD,cAKa,eAAe;;yCAAf,eAAe;2CAAf,eAAe;AAU3B;;ACfD,cAKa,mBAAmB;;yCAAnB,mBAAmB;2CAAnB,mBAAmB;AAU/B;;ACfD,cAKa,qBAAqB;;yCAArB,qBAAqB;2CAArB,qBAAqB;AAUjC;;ACfD,cAKa,qBAAqB;;yCAArB,qBAAqB;2CAArB,qBAAqB;AAUjC;;UCPgB,uBAAuB;AACtC,eAAW,iBAAiB;AAC5B,SAAK,iBAAiB;AACvB;AAED,cAKa,eAAe;AAC1B,8CACc,eAAe,gCAEf,uBAAuB;AAKrC;AACA;AACA;;yCAXW,eAAe;2CAAf,eAAe;AA0B3B;;;;","names":["EditableMachineProps","EditableElementIds","EditableEditChangeDetails","EditableValueChangeDetails","EditableFocusOutsideEvent","EditablePointerDownOutsideEvent","EditableInteractOutsideEvent"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "Angular adapter for Wirekyt",
   "files": [
     "dist",
@@ -79,6 +79,10 @@
       "types": "./dist/types/wirekyt-angular-drawer.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-drawer.mjs"
     },
+    "./editable": {
+      "types": "./dist/types/wirekyt-angular-editable.d.ts",
+      "default": "./dist/fesm2022/wirekyt-angular-editable.mjs"
+    },
     "./field": {
       "types": "./dist/types/wirekyt-angular-field.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-field.mjs"
@@ -128,7 +132,7 @@
   "dependencies": {
     "@internationalized/date": "^3.12.3",
     "@internationalized/number": "^3.6.7",
-    "@wirekyt/dom": "0.0.25",
+    "@wirekyt/dom": "0.0.26",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {