@wirekyt/angular 0.0.7 → 0.0.9

package/dist/fesm2022/wirekyt-angular-client-only.mjs

@@ -0,0 +1,57 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, signal, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class ClientOnly {
+    fallback = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fallback" }] : /* istanbul ignore next */ []));
+    clientTemplate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clientTemplate" }] : /* istanbul ignore next */ []));
+    isClient = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isClient" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => {
+            this.isClient.set(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClientOnly, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: ClientOnly, isStandalone: true, selector: "client-only", inputs: { fallback: { classPropertyName: "fallback", publicName: "fallback", isSignal: true, isRequired: false, transformFunction: null }, clientTemplate: { classPropertyName: "clientTemplate", publicName: "clientTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: `
+    @if (isClient()) {
+      @if (clientTemplate(); as tpl) {
+        <ng-container [ngTemplateOutlet]="tpl"></ng-container>
+      } @else {
+        <ng-content />
+      }
+    } @else if (fallback(); as fb) {
+      <ng-container [ngTemplateOutlet]="fb"></ng-container>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClientOnly, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "client-only",
+                    standalone: true,
+                    imports: [NgTemplateOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { style: "display: contents" },
+                    template: `
+    @if (isClient()) {
+      @if (clientTemplate(); as tpl) {
+        <ng-container [ngTemplateOutlet]="tpl"></ng-container>
+      } @else {
+        <ng-content />
+      }
+    } @else if (fallback(); as fb) {
+      <ng-container [ngTemplateOutlet]="fb"></ng-container>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { fallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallback", required: false }] }], clientTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "clientTemplate", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ClientOnly };
+//# sourceMappingURL=wirekyt-angular-client-only.mjs.map

package/dist/fesm2022/wirekyt-angular-client-only.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-client-only.mjs","sources":["../../src/components/client-only/client-only.ts","../../src/components/client-only/wirekyt-angular-client-only.ts"],"sourcesContent":["import { NgTemplateOutlet } from \"@angular/common\";\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  type TemplateRef,\n  afterNextRender,\n  input,\n  signal,\n} from \"@angular/core\";\n\n@Component({\n  selector: \"client-only\",\n  standalone: true,\n  imports: [NgTemplateOutlet],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { style: \"display: contents\" },\n  template: `\n    @if (isClient()) {\n      @if (clientTemplate(); as tpl) {\n        <ng-container [ngTemplateOutlet]=\"tpl\"></ng-container>\n      } @else {\n        <ng-content />\n      }\n    } @else if (fallback(); as fb) {\n      <ng-container [ngTemplateOutlet]=\"fb\"></ng-container>\n    }\n  `,\n})\nexport class ClientOnly {\n  readonly fallback = input<TemplateRef<unknown> | null>(null);\n  readonly clientTemplate = input<TemplateRef<unknown> | null>(null);\n  protected readonly isClient = signal(false);\n\n  constructor() {\n    afterNextRender(() => {\n      this.isClient.set(true);\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MA4Ba,UAAU,CAAA;IACZ,QAAQ,GAAG,KAAK,CAA8B,IAAI;iFAAC;IACnD,cAAc,GAAG,KAAK,CAA8B,IAAI;uFAAC;IAC/C,QAAQ,GAAG,MAAM,CAAC,KAAK;iFAAC;AAE3C,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;AACnB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,QAAA,CAAC,CAAC;IACJ;uGATW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,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,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZX;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbS,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAef,UAAU,EAAA,UAAA,EAAA,CAAA;kBAlBtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;AACpC,oBAAA,QAAQ,EAAE;;;;;;;;;;AAUT,EAAA,CAAA;AACF,iBAAA;;;AC3BD;;AAEG;;;;"}

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

@@ -0,0 +1,301 @@
+import * as clipboard from '@wirekyt/dom/machines/clipboard';
+export { anatomy as clipboardAnatomy } from '@wirekyt/dom/machines/clipboard';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, model, output, computed, DestroyRef, Renderer2, ElementRef, forwardRef, Directive, TemplateRef, ViewContainerRef, effect } from '@angular/core';
+import { injectEnvironment, createId, useMachine, bindProps } from '@wirekyt/angular';
+
+const CLIPBOARD_CONTEXT = new InjectionToken("WIREKYT.CLIPBOARD_CONTEXT");
+function injectClipboardContext() {
+    return inject(CLIPBOARD_CONTEXT);
+}
+
+function useClipboard(options = { context: () => ({}) }) {
+    const environment = injectEnvironment();
+    const fallbackId = createId();
+    return useMachine({
+        machine: clipboard.machine,
+        context: () => {
+            const props = options.context();
+            return {
+                ...props,
+                getRootNode: environment.getRootNode,
+                id: props.id ?? fallbackId,
+            };
+        },
+        connect: (service, normalize) => clipboard.connect(service, normalize),
+    });
+}
+
+class ClipboardRoot {
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    ids = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ids" }] : /* istanbul ignore next */ []));
+    translations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translations" }] : /* istanbul ignore next */ []));
+    value = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    defaultValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    timeout = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeout" }] : /* istanbul ignore next */ []));
+    statusChange = output();
+    stableIds = computed(() => this.stabilizeIds(this.ids()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stableIds" }] : /* istanbul ignore next */ []));
+    prevIds = undefined;
+    machine = useClipboard({
+        context: () => ({
+            id: this.id(),
+            ids: this.stableIds(),
+            translations: this.translations(),
+            value: this.value(),
+            defaultValue: this.defaultValue(),
+            timeout: this.timeout(),
+            onValueChange: (details) => this.value.set(details.value),
+            onStatusChange: (details) => this.statusChange.emit(details),
+        }),
+    });
+    state = this.machine.state;
+    api = this.machine.api;
+    service = this.machine.service;
+    send = this.machine.send;
+    stabilizeIds(next) {
+        if (next === this.prevIds)
+            return this.prevIds;
+        if (next === undefined || this.prevIds === undefined) {
+            this.prevIds = next;
+            return this.prevIds;
+        }
+        const keys = new Set([...Object.keys(next), ...Object.keys(this.prevIds)]);
+        const hasEqualEntries = [...keys].every((key) => Object.is(next[key], this.prevIds?.[key]));
+        if (hasEqualEntries) {
+            return this.prevIds;
+        }
+        this.prevIds = next;
+        return this.prevIds;
+    }
+    constructor() {
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.api().getRootProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.0", type: ClipboardRoot, isStandalone: true, selector: "[clipboardRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ids: { classPropertyName: "ids", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", 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 }, timeout: { classPropertyName: "timeout", publicName: "timeout", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", statusChange: "statusChange" }, providers: [{ provide: CLIPBOARD_CONTEXT, useExisting: forwardRef(() => ClipboardRoot) }], exportAs: ["clipboardRoot"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[clipboardRoot]",
+                    standalone: true,
+                    exportAs: "clipboardRoot",
+                    providers: [{ provide: CLIPBOARD_CONTEXT, useExisting: forwardRef(() => ClipboardRoot) }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ids: [{ type: i0.Input, args: [{ isSignal: true, alias: "ids", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", 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 }] }], timeout: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeout", required: false }] }], statusChange: [{ type: i0.Output, args: ["statusChange"] }] } });
+
+class ClipboardRootProvider {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    state = computed(() => this.value().state(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    api = computed(() => this.value().api(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "api" }] : /* istanbul ignore next */ []));
+    send = (event) => this.value().send(event);
+    get service() {
+        return this.value().service;
+    }
+    resolveValue() {
+        return this.value();
+    }
+    constructor() {
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.api().getRootProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardRootProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.0", type: ClipboardRootProvider, isStandalone: true, selector: "[clipboardRootProvider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{ provide: CLIPBOARD_CONTEXT, useExisting: forwardRef(() => ClipboardRootProvider) }], exportAs: ["clipboardRootProvider"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[clipboardRootProvider]",
+                    standalone: true,
+                    exportAs: "clipboardRootProvider",
+                    providers: [{ provide: CLIPBOARD_CONTEXT, useExisting: forwardRef(() => ClipboardRootProvider) }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class ClipboardLabel {
+    constructor() {
+        const context = injectClipboardContext();
+        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.0", ngImport: i0, type: ClipboardLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: ClipboardLabel, isStandalone: true, selector: "[clipboardLabel]", exportAs: ["clipboardLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[clipboardLabel]",
+                    standalone: true,
+                    exportAs: "clipboardLabel",
+                }]
+        }], ctorParameters: () => [] });
+
+class ClipboardControl {
+    constructor() {
+        const context = injectClipboardContext();
+        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.0", ngImport: i0, type: ClipboardControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: ClipboardControl, isStandalone: true, selector: "[clipboardControl]", exportAs: ["clipboardControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[clipboardControl]",
+                    standalone: true,
+                    exportAs: "clipboardControl",
+                }]
+        }], ctorParameters: () => [] });
+
+class ClipboardContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    clipboard = injectClipboardContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.clipboard.api,
+            api: this.clipboard.api,
+        });
+        effect(() => {
+            this.clipboard.api();
+            view.detectChanges();
+        });
+        inject(DestroyRef).onDestroy(() => view.destroy());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: ClipboardContext, isStandalone: true, selector: "[clipboardContext]", exportAs: ["clipboardContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[clipboardContext]",
+                    standalone: true,
+                    exportAs: "clipboardContext",
+                }]
+        }], ctorParameters: () => [] });
+
+class ClipboardInput {
+    constructor() {
+        const context = injectClipboardContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getInputProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: ClipboardInput, isStandalone: true, selector: "input[clipboardInput]", exportAs: ["clipboardInput"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "input[clipboardInput]",
+                    standalone: true,
+                    exportAs: "clipboardInput",
+                }]
+        }], ctorParameters: () => [] });
+
+class ClipboardTrigger {
+    constructor() {
+        const context = injectClipboardContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: ClipboardTrigger, isStandalone: true, selector: "[clipboardTrigger]", exportAs: ["clipboardTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[clipboardTrigger]",
+                    standalone: true,
+                    exportAs: "clipboardTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class ClipboardIndicator {
+    copied;
+    constructor() {
+        const context = injectClipboardContext();
+        this.copied = computed(() => context.api().copied, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []));
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                const api = context.api();
+                return api.getIndicatorProps({ copied: this.copied() });
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: ClipboardIndicator, isStandalone: true, selector: "[clipboardIndicator]", exportAs: ["clipboardIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[clipboardIndicator]",
+                    standalone: true,
+                    exportAs: "clipboardIndicator",
+                }]
+        }], ctorParameters: () => [] });
+
+class ClipboardValueText {
+    context = injectClipboardContext();
+    value = computed(() => this.context.api().value, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardValueText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: ClipboardValueText, isStandalone: true, selector: "[clipboardValueText]", exportAs: ["clipboardValueText"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ClipboardValueText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[clipboardValueText]",
+                    standalone: true,
+                    exportAs: "clipboardValueText",
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CLIPBOARD_CONTEXT, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, injectClipboardContext, useClipboard };
+//# sourceMappingURL=wirekyt-angular-clipboard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-clipboard.mjs","sources":["../../src/components/clipboard/use-context.ts","../../src/components/clipboard/use.ts","../../src/components/clipboard/root.ts","../../src/components/clipboard/root-provider.ts","../../src/components/clipboard/label.ts","../../src/components/clipboard/control.ts","../../src/components/clipboard/context.ts","../../src/components/clipboard/input.ts","../../src/components/clipboard/trigger.ts","../../src/components/clipboard/indicator.ts","../../src/components/clipboard/value-text.ts","../../src/components/clipboard/wirekyt-angular-clipboard.ts"],"sourcesContent":["import { InjectionToken, inject } from \"@angular/core\";\n\nimport type { UseClipboardReturn } from \"./use\";\n\nexport const CLIPBOARD_CONTEXT = new InjectionToken<UseClipboardReturn>(\n  \"WIREKYT.CLIPBOARD_CONTEXT\",\n);\n\nexport function injectClipboardContext(): UseClipboardReturn {\n  return inject(CLIPBOARD_CONTEXT);\n}\n","import type { Machine } from \"@wirekyt/dom\";\n\nimport { createId, injectEnvironment, useMachine, UseMachineReturn } from \"@wirekyt/angular\";\nimport * as clipboard from \"@wirekyt/dom/machines/clipboard\";\n\nimport type { ClipboardMachineProps } from \"./types\";\n\ntype OptionalId<T extends { id: string }> = Omit<T, \"id\"> & { id?: string };\n\nexport interface UseClipboardProps extends OptionalId<Omit<ClipboardMachineProps, \"getRootNode\">> {}\n\nexport type UseClipboardReturn = UseMachineReturn<\n  clipboard.Service[\"state\"],\n  clipboard.Api,\n  clipboard.Service\n>;\n\nexport interface UseClipboardOptions {\n  context: () => UseClipboardProps;\n}\n\ntype ClipboardContext = Record<string, unknown>;\ntype ClipboardSchema = clipboard.Machine extends Machine<infer TSchema> ? TSchema : never;\n\nexport function useClipboard(\n  options: UseClipboardOptions = { context: () => ({}) },\n): UseClipboardReturn {\n  const environment = injectEnvironment();\n  const fallbackId = createId();\n\n  return useMachine<ClipboardSchema, clipboard.Api>({\n    machine: clipboard.machine,\n    context: () => {\n      const props = options.context();\n      return {\n        ...props,\n        getRootNode: environment.getRootNode,\n        id: props.id ?? fallbackId,\n      } as ClipboardContext;\n    },\n    connect: (service, normalize) => clipboard.connect(service, normalize),\n  });\n}\n","import type * as clipboard from \"@wirekyt/dom/machines/clipboard\";\n\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  type InputSignal,\n  type ModelSignal,\n  type OutputEmitterRef,\n  type Signal,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  model,\n  output,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport type {\n  ClipboardCopyStatusDetails,\n  ClipboardElementIds,\n  ClipboardIntlTranslations,\n} from \"./types\";\n\nimport { useClipboard, type UseClipboardReturn } from \"./use\";\nimport { CLIPBOARD_CONTEXT } from \"./use-context\";\n\n@Directive({\n  selector: \"[clipboardRoot]\",\n  standalone: true,\n  exportAs: \"clipboardRoot\",\n  providers: [{ provide: CLIPBOARD_CONTEXT, useExisting: forwardRef(() => ClipboardRoot) }],\n})\nexport class ClipboardRoot implements UseClipboardReturn {\n  readonly id: InputSignal<string | undefined> = input<string | undefined>(undefined);\n  readonly ids: InputSignal<Partial<ClipboardElementIds> | undefined> = input<\n    Partial<ClipboardElementIds> | undefined\n  >(undefined);\n  readonly translations: InputSignal<ClipboardIntlTranslations | undefined> = input<\n    ClipboardIntlTranslations | undefined\n  >(undefined);\n  readonly value: ModelSignal<string | undefined> = model<string | undefined>(undefined);\n  readonly defaultValue: InputSignal<string | undefined> = input<string | undefined>(undefined);\n  readonly timeout: InputSignal<number | undefined> = input<number | undefined>(undefined);\n  readonly statusChange: OutputEmitterRef<ClipboardCopyStatusDetails> =\n    output<ClipboardCopyStatusDetails>();\n  private readonly stableIds = computed(() => this.stabilizeIds(this.ids()));\n  private prevIds: Partial<ClipboardElementIds> | undefined = undefined;\n\n  private readonly machine = useClipboard({\n    context: () => ({\n      id: this.id(),\n      ids: this.stableIds(),\n      translations: this.translations(),\n      value: this.value(),\n      defaultValue: this.defaultValue(),\n      timeout: this.timeout(),\n      onValueChange: (details) => this.value.set(details.value),\n      onStatusChange: (details) => this.statusChange.emit(details),\n    }),\n  });\n\n  readonly state: Signal<clipboard.Service[\"state\"]> = this.machine.state;\n  readonly api: Signal<clipboard.Api> = this.machine.api;\n  readonly service: clipboard.Service = this.machine.service;\n  readonly send: clipboard.Service[\"send\"] = this.machine.send;\n\n  private stabilizeIds(\n    next: Partial<ClipboardElementIds> | undefined,\n  ): Partial<ClipboardElementIds> | undefined {\n    if (next === this.prevIds) return this.prevIds;\n    if (next === undefined || this.prevIds === undefined) {\n      this.prevIds = next;\n      return this.prevIds;\n    }\n    const keys = new Set([...Object.keys(next), ...Object.keys(this.prevIds)]);\n    const hasEqualEntries = [...keys].every((key) =>\n      Object.is(\n        next[key as keyof ClipboardElementIds],\n        this.prevIds?.[key as keyof ClipboardElementIds],\n      ),\n    );\n    if (hasEqualEntries) {\n      return this.prevIds;\n    }\n    this.prevIds = next;\n    return this.prevIds;\n  }\n\n  constructor() {\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => this.api().getRootProps(),\n    });\n  }\n}\n","import type * as clipboard from \"@wirekyt/dom/machines/clipboard\";\n\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  type InputSignal,\n  type Signal,\n  computed,\n  forwardRef,\n  inject,\n  input,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport type { UseClipboardReturn } from \"./use\";\n\nimport { CLIPBOARD_CONTEXT } from \"./use-context\";\n\n@Directive({\n  selector: \"[clipboardRootProvider]\",\n  standalone: true,\n  exportAs: \"clipboardRootProvider\",\n  providers: [{ provide: CLIPBOARD_CONTEXT, useExisting: forwardRef(() => ClipboardRootProvider) }],\n})\nexport class ClipboardRootProvider implements UseClipboardReturn {\n  readonly value: InputSignal<UseClipboardReturn> = input.required<UseClipboardReturn>();\n  readonly state: Signal<clipboard.Service[\"state\"]> = computed(() => this.value().state());\n  readonly api: Signal<clipboard.Api> = computed(() => this.value().api());\n  readonly send: clipboard.Service[\"send\"] = (event) => this.value().send(event);\n\n  get service(): clipboard.Service {\n    return this.value().service;\n  }\n\n  resolveValue(): UseClipboardReturn {\n    return this.value();\n  }\n\n  constructor() {\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => this.api().getRootProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectClipboardContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[clipboardLabel]\",\n  standalone: true,\n  exportAs: \"clipboardLabel\",\n})\nexport class ClipboardLabel {\n  constructor() {\n    const context = injectClipboardContext();\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 { injectClipboardContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[clipboardControl]\",\n  standalone: true,\n  exportAs: \"clipboardControl\",\n})\nexport class ClipboardControl {\n  constructor() {\n    const context = injectClipboardContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getControlProps(),\n    });\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  TemplateRef,\n  ViewContainerRef,\n  effect,\n  inject,\n} from \"@angular/core\";\n\nimport type { UseClipboardReturn } from \"./use\";\n\nimport { injectClipboardContext } from \"./use-context\";\n\nexport interface ClipboardContextTemplate {\n  $implicit: UseClipboardReturn[\"api\"];\n  api: UseClipboardReturn[\"api\"];\n}\n\n@Directive({\n  selector: \"[clipboardContext]\",\n  standalone: true,\n  exportAs: \"clipboardContext\",\n})\nexport class ClipboardContext {\n  static ngTemplateContextGuard(\n    _directive: ClipboardContext,\n    context: unknown,\n  ): context is ClipboardContextTemplate {\n    void context;\n    return true;\n  }\n\n  private readonly clipboard = injectClipboardContext();\n  private readonly templateRef = inject<TemplateRef<ClipboardContextTemplate>>(TemplateRef);\n  private readonly viewContainer = inject(ViewContainerRef);\n\n  constructor() {\n    const view = this.viewContainer.createEmbeddedView(this.templateRef, {\n      $implicit: this.clipboard.api,\n      api: this.clipboard.api,\n    });\n\n    effect(() => {\n      this.clipboard.api();\n      view.detectChanges();\n    });\n\n    inject(DestroyRef).onDestroy(() => view.destroy());\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectClipboardContext } from \"./use-context\";\n\n@Directive({\n  selector: \"input[clipboardInput]\",\n  standalone: true,\n  exportAs: \"clipboardInput\",\n})\nexport class ClipboardInput {\n  constructor() {\n    const context = injectClipboardContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getInputProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectClipboardContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[clipboardTrigger]\",\n  standalone: true,\n  exportAs: \"clipboardTrigger\",\n})\nexport class ClipboardTrigger {\n  constructor() {\n    const context = injectClipboardContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getTriggerProps(),\n    });\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  type Signal,\n  computed,\n  inject,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectClipboardContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[clipboardIndicator]\",\n  standalone: true,\n  exportAs: \"clipboardIndicator\",\n})\nexport class ClipboardIndicator {\n  readonly copied: Signal<boolean>;\n\n  constructor() {\n    const context = injectClipboardContext();\n    this.copied = computed(() => context.api().copied);\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => {\n        const api = context.api();\n        return api.getIndicatorProps({ copied: this.copied() });\n      },\n    });\n  }\n}\n","import { Directive, type Signal, computed } from \"@angular/core\";\n\nimport { injectClipboardContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[clipboardValueText]\",\n  standalone: true,\n  exportAs: \"clipboardValueText\",\n})\nexport class ClipboardValueText {\n  private readonly context = injectClipboardContext();\n  readonly value: Signal<string> = computed(() => this.context.api().value);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAIa,iBAAiB,GAAG,IAAI,cAAc,CACjD,2BAA2B;SAGb,sBAAsB,GAAA;AACpC,IAAA,OAAO,MAAM,CAAC,iBAAiB,CAAC;AAClC;;ACcM,SAAU,YAAY,CAC1B,OAAA,GAA+B,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,EAAA;AAEtD,IAAA,MAAM,WAAW,GAAG,iBAAiB,EAAE;AACvC,IAAA,MAAM,UAAU,GAAG,QAAQ,EAAE;AAE7B,IAAA,OAAO,UAAU,CAAiC;QAChD,OAAO,EAAE,SAAS,CAAC,OAAO;QAC1B,OAAO,EAAE,MAAK;AACZ,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE;YAC/B,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,WAAW,EAAE,WAAW,CAAC,WAAW;AACpC,gBAAA,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,UAAU;aACP;QACvB,CAAC;AACD,QAAA,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC;AACvE,KAAA,CAAC;AACJ;;MCPa,aAAa,CAAA;IACf,EAAE,GAAoC,KAAK,CAAqB,SAAS;2EAAC;IAC1E,GAAG,GAA0D,KAAK,CAEzE,SAAS;4EAAC;IACH,YAAY,GAAuD,KAAK,CAE/E,SAAS;qFAAC;IACH,KAAK,GAAoC,KAAK,CAAqB,SAAS;8EAAC;IAC7E,YAAY,GAAoC,KAAK,CAAqB,SAAS;qFAAC;IACpF,OAAO,GAAoC,KAAK,CAAqB,SAAS;gFAAC;IAC/E,YAAY,GACnB,MAAM,EAA8B;AACrB,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;kFAAC;IAClE,OAAO,GAA6C,SAAS;IAEpD,OAAO,GAAG,YAAY,CAAC;AACtC,QAAA,OAAO,EAAE,OAAO;AACd,YAAA,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE;AACb,YAAA,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE;AACrB,YAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;AACjC,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;AACjC,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,aAAa,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;AACzD,YAAA,cAAc,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;SAC7D,CAAC;AACH,KAAA,CAAC;AAEO,IAAA,KAAK,GAAuC,IAAI,CAAC,OAAO,CAAC,KAAK;AAC9D,IAAA,GAAG,GAA0B,IAAI,CAAC,OAAO,CAAC,GAAG;AAC7C,IAAA,OAAO,GAAsB,IAAI,CAAC,OAAO,CAAC,OAAO;AACjD,IAAA,IAAI,GAA8B,IAAI,CAAC,OAAO,CAAC,IAAI;AAEpD,IAAA,YAAY,CAClB,IAA8C,EAAA;AAE9C,QAAA,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC,OAAO;QAC9C,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;AACpD,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,OAAO,IAAI,CAAC,OAAO;QACrB;QACA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1E,QAAA,MAAM,eAAe,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAC1C,MAAM,CAAC,EAAE,CACP,IAAI,CAAC,GAAgC,CAAC,EACtC,IAAI,CAAC,OAAO,GAAG,GAAgC,CAAC,CACjD,CACF;QACD,IAAI,eAAe,EAAE;YACnB,OAAO,IAAI,CAAC,OAAO;QACrB;AACA,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,OAAO,IAAI,CAAC,OAAO;IACrB;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;YAC9B,KAAK,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE;AACvC,SAAA,CAAC;IACJ;uGA/DW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,43BAFb,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAE9E,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAK,aAAc,CAAC,EAAE,CAAC;AAC1F,iBAAA;;;MCRY,qBAAqB,CAAA;IACvB,KAAK,GAAoC,KAAK,CAAC,QAAQ;8EAAsB;AAC7E,IAAA,KAAK,GAAuC,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE;8EAAC;AAChF,IAAA,GAAG,GAA0B,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE;4EAAC;AAC/D,IAAA,IAAI,GAA8B,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;AAE9E,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO;IAC7B;IAEA,YAAY,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;IACrB;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;YAC9B,KAAK,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE;AACvC,SAAA,CAAC;IACJ;uGArBW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,yMAFrB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB,CAAC,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAEtF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAK,qBAAsB,CAAC,EAAE,CAAC;AAClG,iBAAA;;;MCfY,cAAc,CAAA;AACzB,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,sBAAsB,EAAE;AACxC,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,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,gBAAgB;AAC3B,iBAAA;;;MCCY,gBAAgB,CAAA;AAC3B,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,sBAAsB,EAAE;AACxC,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,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,kBAAkB;AAC7B,iBAAA;;;MCcY,gBAAgB,CAAA;AAC3B,IAAA,OAAO,sBAAsB,CAC3B,UAA4B,EAC5B,OAAgB,EAAA;AAEhB,QAAA,KAAK,OAAO;AACZ,QAAA,OAAO,IAAI;IACb;IAEiB,SAAS,GAAG,sBAAsB,EAAE;AACpC,IAAA,WAAW,GAAG,MAAM,CAAwC,WAAW,CAAC;AACxE,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,SAAS,CAAC,GAAG;AAC7B,YAAA,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG;AACxB,SAAA,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;YACpB,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,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,kBAAkB;AAC7B,iBAAA;;;MCZY,cAAc,CAAA;AACzB,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,sBAAsB,EAAE;AACxC,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,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,gBAAgB;AAC3B,iBAAA;;;MCCY,gBAAgB,CAAA;AAC3B,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,sBAAsB,EAAE;AACxC,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,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,kBAAkB;AAC7B,iBAAA;;;MCSY,kBAAkB,CAAA;AACpB,IAAA,MAAM;AAEf,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,sBAAsB,EAAE;AACxC,QAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM;mFAAC;AAClD,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,MAAK;AACV,gBAAA,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE;AACzB,gBAAA,OAAO,GAAG,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;YACzD,CAAC;AACF,SAAA,CAAC;IACJ;uGAfW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,oBAAoB;AAC/B,iBAAA;;;MCRY,kBAAkB,CAAA;IACZ,OAAO,GAAG,sBAAsB,EAAE;AAC1C,IAAA,KAAK,GAAmB,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK;8EAAC;uGAF9D,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,oBAAoB;AAC/B,iBAAA;;;ACRD;;AAEG;;;;"}

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

@@ -0,0 +1,122 @@
+import { GridCollection, ListCollection, TreeCollection, filePathToTree, Selection } from '@wirekyt/dom/collection';
+import { useMachine } from '@wirekyt/angular';
+import * as asyncList from '@wirekyt/dom/machines/async-list';
+import { computed, signal, effect, untracked } from '@angular/core';
+
+const createGridCollection = (options) => new GridCollection(options);
+
+const createListCollection = (options) => new ListCollection(options);
+
+const createTreeCollection = (options) => new TreeCollection(options);
+const createFileTreeCollection = (paths) => filePathToTree(paths);
+
+function useAsyncList(options) {
+    return useMachine({
+        machine: asyncList.machine,
+        context: options.context,
+        connect: (service) => asyncList.connect(service),
+    });
+}
+
+function useListCollection(options) {
+    const props = computed(() => options.context(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "props" }] : /* istanbul ignore next */ []));
+    const items = signal(props().initialItems ?? [], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    const filterText = signal("", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []));
+    const setItems = (value) => {
+        items.set(value);
+        filterText.set("");
+    };
+    const create = (value) => {
+        const { initialItems: _initialItems, filter: _filter, limit: _limit, ...collectionOptions } = props();
+        return createListCollection({ ...collectionOptions, items: value });
+    };
+    const collection = computed(() => {
+        const { filter, limit } = props();
+        let activeItems = items();
+        if (filterText() && filter) {
+            activeItems = create(activeItems).filter((itemText, _index, item) => filter(itemText, filterText(), item)).items;
+        }
+        const limitedItems = limit == null ? activeItems : activeItems.slice(0, limit);
+        return create(limitedItems);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collection" }] : /* istanbul ignore next */ []));
+    return {
+        collection,
+        filter: (value = "") => filterText.set(value),
+        set: setItems,
+        reset: () => setItems(props().initialItems),
+        clear: () => setItems([]),
+        insert: (index, ...values) => setItems(create(items()).insert(index, ...values).items),
+        insertBefore: (value, ...values) => setItems(create(items()).insertBefore(value, ...values).items),
+        insertAfter: (value, ...values) => setItems(create(items()).insertAfter(value, ...values).items),
+        remove: (...values) => setItems(create(items()).remove(...values).items),
+        move: (value, to) => setItems(create(items()).move(value, to).items),
+        moveBefore: (value, ...values) => setItems(create(items()).moveBefore(value, ...values).items),
+        moveAfter: (value, ...values) => setItems(create(items()).moveAfter(value, ...values).items),
+        reorder: (from, to) => setItems(create(items()).reorder(from, to).items),
+        append: (...values) => setItems(create(items()).append(...values).items),
+        upsert: (value, item, mode = "append") => setItems(create(items()).upsert(value, item, mode).items),
+        prepend: (...values) => setItems(create(items()).prepend(...values).items),
+        update: (value, item) => setItems(create(items()).update(value, item).items),
+    };
+}
+
+function useListSelection(options) {
+    const props = computed(() => options.context(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "props" }] : /* istanbul ignore next */ []));
+    const createSelection = (values = []) => {
+        const selection = new Selection(values);
+        selection.selectionMode = props().selectionMode ?? "single";
+        selection.deselectable = props().deselectable ?? true;
+        return selection;
+    };
+    const selection = signal(createSelection(props().initialSelectedValues), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+    effect(() => {
+        const { collection, resetOnCollectionChange } = props();
+        collection.getValues();
+        if (resetOnCollectionChange)
+            untracked(() => selection.set(createSelection()));
+    });
+    const selectedValues = computed(() => Array.from(selection()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedValues" }] : /* istanbul ignore next */ []));
+    const isEmpty = computed(() => selection().isEmpty(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
+    const firstSelectedValue = computed(() => selection().firstSelectedValue(props().collection), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "firstSelectedValue" }] : /* istanbul ignore next */ []));
+    const lastSelectedValue = computed(() => selection().lastSelectedValue(props().collection), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastSelectedValue" }] : /* istanbul ignore next */ []));
+    return {
+        selectedValues,
+        isEmpty,
+        firstSelectedValue,
+        lastSelectedValue,
+        isSelected: (value) => selection().isSelected(value),
+        isAllSelected: () => {
+            const values = props().collection.getValues();
+            return values.length > 0 && values.every((value) => selection().isSelected(value));
+        },
+        isSomeSelected: () => props()
+            .collection.getValues()
+            .some((value) => selection().isSelected(value)),
+        canSelect: (value) => selection().canSelect(props().collection, value),
+        select: (value, forceToggle) => selection.set(selection().select(props().collection, value, forceToggle)),
+        deselect: (value) => selection.set(selection().deselect(value)),
+        toggle: (value) => selection.set(selection().toggleSelection(props().collection, value)),
+        replace: (value) => selection.set(selection().replaceSelection(props().collection, value)),
+        extend: (anchorValue, targetValue) => selection.set(selection().extendSelection(props().collection, anchorValue, targetValue)),
+        setSelectedValues: (values) => selection.set(selection().setSelection(values)),
+        clear: () => selection.set(selection().clearSelection()),
+        resetSelection: () => selection.set(createSelection()),
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };
+//# sourceMappingURL=wirekyt-angular-collection.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-collection.mjs","sources":["../../src/components/collection/grid.ts","../../src/components/collection/list.ts","../../src/components/collection/tree.ts","../../src/components/collection/use-async-list.ts","../../src/components/collection/use-list.ts","../../src/components/collection/use-list-selection.ts","../../src/components/collection/wirekyt-angular-collection.ts"],"sourcesContent":["import {\n  type CollectionItem,\n  type GridCollectionOptions,\n  GridCollection,\n} from \"@wirekyt/dom/collection\";\n\nexport const createGridCollection = <T extends CollectionItem>(\n  options: GridCollectionOptions<T>,\n): GridCollection<T> => new GridCollection(options);\n\nexport type { GridCollection, GridCollectionOptions };\n","import {\n  type CollectionItem,\n  type CollectionOptions,\n  ListCollection,\n} from \"@wirekyt/dom/collection\";\n\nexport const createListCollection = <T extends CollectionItem>(\n  options: CollectionOptions<T>,\n): ListCollection<T> => new ListCollection(options);\n\nexport type { CollectionItem, CollectionOptions, ListCollection };\n","import {\n  type FilePathTreeNode,\n  type FlatTreeNode,\n  type TreeCollectionOptions,\n  type TreeNode,\n  TreeCollection,\n  filePathToTree,\n} from \"@wirekyt/dom/collection\";\n\nexport const createTreeCollection = <T extends TreeNode>(\n  options: TreeCollectionOptions<T>,\n): TreeCollection<T> => new TreeCollection(options);\n\nexport const createFileTreeCollection = (paths: string[]): TreeCollection<FilePathTreeNode> =>\n  filePathToTree(paths);\n\nexport type { FilePathTreeNode, FlatTreeNode, TreeCollection, TreeCollectionOptions, TreeNode };\n","import type { Machine } from \"@wirekyt/dom\";\n\nimport { useMachine, type UseMachineReturn } from \"@wirekyt/angular\";\nimport * as asyncList from \"@wirekyt/dom/machines/async-list\";\n\nexport interface UseAsyncListOptions<T, C = string> {\n  context: () => asyncList.Props<T, C>;\n}\n\nexport type UseAsyncListReturn<T, C = string> = UseMachineReturn<\n  asyncList.Service<T, C>[\"state\"],\n  asyncList.Api<T, C>,\n  asyncList.Service<T, C>\n>;\n\ntype AsyncListSchema<T, C> =\n  asyncList.Machine<T, C> extends Machine<infer TSchema> ? TSchema : never;\n\nexport function useAsyncList<T, C = string>(\n  options: UseAsyncListOptions<T, C>,\n): UseAsyncListReturn<T, C> {\n  return useMachine<AsyncListSchema<T, C>, asyncList.Api<T, C>>({\n    machine: asyncList.machine as asyncList.Machine<T, C>,\n    context: options.context,\n    connect: (service) => asyncList.connect(service),\n  });\n}\n","import { type Signal, computed, signal } from \"@angular/core\";\n\nimport { type CollectionOptions, type ListCollection, createListCollection } from \"./list\";\n\nexport interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, \"items\"> {\n  initialItems: T[] | readonly T[];\n  filter?: (itemText: string, filterText: string, item: T) => boolean;\n  limit?: number;\n}\n\nexport interface UseListCollectionOptions<T> {\n  context: () => UseListCollectionProps<T>;\n}\n\nexport function useListCollection<T>(\n  options: UseListCollectionOptions<T>,\n): UseListCollectionReturn<T> {\n  const props = computed(() => options.context());\n  const items = signal<T[] | readonly T[]>(props().initialItems ?? []);\n  const filterText = signal(\"\");\n\n  const setItems = (value: T[] | readonly T[]) => {\n    items.set(value);\n    filterText.set(\"\");\n  };\n\n  const create = (value: T[] | readonly T[]) => {\n    const {\n      initialItems: _initialItems,\n      filter: _filter,\n      limit: _limit,\n      ...collectionOptions\n    } = props();\n    return createListCollection({ ...collectionOptions, items: value });\n  };\n\n  const collection = computed(() => {\n    const { filter, limit } = props();\n    let activeItems = items();\n\n    if (filterText() && filter) {\n      activeItems = create(activeItems).filter((itemText, _index, item) =>\n        filter(itemText, filterText(), item),\n      ).items;\n    }\n\n    const limitedItems = limit == null ? activeItems : activeItems.slice(0, limit);\n    return create(limitedItems);\n  });\n\n  return {\n    collection,\n    filter: (value = \"\") => filterText.set(value),\n    set: setItems,\n    reset: () => setItems(props().initialItems),\n    clear: () => setItems([]),\n    insert: (index, ...values) => setItems(create(items()).insert(index, ...values).items),\n    insertBefore: (value, ...values) =>\n      setItems(create(items()).insertBefore(value, ...values).items),\n    insertAfter: (value, ...values) =>\n      setItems(create(items()).insertAfter(value, ...values).items),\n    remove: (...values) => setItems(create(items()).remove(...values).items),\n    move: (value, to) => setItems(create(items()).move(value, to).items),\n    moveBefore: (value, ...values) => setItems(create(items()).moveBefore(value, ...values).items),\n    moveAfter: (value, ...values) => setItems(create(items()).moveAfter(value, ...values).items),\n    reorder: (from, to) => setItems(create(items()).reorder(from, to).items),\n    append: (...values) => setItems(create(items()).append(...values).items),\n    upsert: (value, item, mode = \"append\") =>\n      setItems(create(items()).upsert(value, item, mode).items),\n    prepend: (...values) => setItems(create(items()).prepend(...values).items),\n    update: (value, item) => setItems(create(items()).update(value, item).items),\n  };\n}\n\nexport interface UseListCollectionReturn<T> {\n  collection: Signal<ListCollection<T>>;\n  filter(inputValue: string): void;\n  set(items: T[] | readonly T[]): void;\n  reset(): void;\n  clear(): void;\n  insert(index: number, ...items: T[]): void;\n  insertBefore(value: string, ...items: T[]): void;\n  insertAfter(value: string, ...items: T[]): void;\n  remove(...itemOrValues: Array<T | string>): void;\n  move(value: string, to: number): void;\n  moveBefore(value: string, ...values: string[]): void;\n  moveAfter(value: string, ...values: string[]): void;\n  reorder(from: number, to: number): void;\n  append(...items: T[]): void;\n  upsert(value: string, item: T, mode?: \"append\" | \"prepend\"): void;\n  prepend(...items: T[]): void;\n  update(value: string, item: T): void;\n}\n","import { type Signal, computed, effect, signal, untracked } from \"@angular/core\";\nimport { Selection, type SelectionMode } from \"@wirekyt/dom/collection\";\n\nimport type { CollectionItem, ListCollection } from \"./list\";\n\nexport interface UseListSelectionProps<T extends CollectionItem> {\n  selectionMode?: SelectionMode;\n  deselectable?: boolean;\n  initialSelectedValues?: string[];\n  resetOnCollectionChange?: boolean;\n  collection: ListCollection<T>;\n}\n\nexport interface UseListSelectionOptions<T extends CollectionItem> {\n  context: () => UseListSelectionProps<T>;\n}\n\nexport function useListSelection<T extends CollectionItem>(\n  options: UseListSelectionOptions<T>,\n): UseListSelectionReturn {\n  const props = computed(() => options.context());\n  const createSelection = (values: string[] = []) => {\n    const selection = new Selection(values);\n    selection.selectionMode = props().selectionMode ?? \"single\";\n    selection.deselectable = props().deselectable ?? true;\n    return selection;\n  };\n  const selection = signal(createSelection(props().initialSelectedValues));\n\n  effect(() => {\n    const { collection, resetOnCollectionChange } = props();\n    collection.getValues();\n    if (resetOnCollectionChange) untracked(() => selection.set(createSelection()));\n  });\n\n  const selectedValues = computed(() => Array.from(selection()));\n  const isEmpty = computed(() => selection().isEmpty());\n  const firstSelectedValue = computed(() => selection().firstSelectedValue(props().collection));\n  const lastSelectedValue = computed(() => selection().lastSelectedValue(props().collection));\n\n  return {\n    selectedValues,\n    isEmpty,\n    firstSelectedValue,\n    lastSelectedValue,\n    isSelected: (value) => selection().isSelected(value),\n    isAllSelected: () => {\n      const values = props().collection.getValues();\n      return values.length > 0 && values.every((value) => selection().isSelected(value));\n    },\n    isSomeSelected: () =>\n      props()\n        .collection.getValues()\n        .some((value) => selection().isSelected(value)),\n    canSelect: (value) => selection().canSelect(props().collection, value),\n    select: (value, forceToggle) =>\n      selection.set(selection().select(props().collection, value, forceToggle)),\n    deselect: (value) => selection.set(selection().deselect(value)),\n    toggle: (value) => selection.set(selection().toggleSelection(props().collection, value)),\n    replace: (value) => selection.set(selection().replaceSelection(props().collection, value)),\n    extend: (anchorValue, targetValue) =>\n      selection.set(selection().extendSelection(props().collection, anchorValue, targetValue)),\n    setSelectedValues: (values) => selection.set(selection().setSelection(values)),\n    clear: () => selection.set(selection().clearSelection()),\n    resetSelection: () => selection.set(createSelection()),\n  };\n}\n\nexport interface UseListSelectionReturn {\n  selectedValues: Signal<string[]>;\n  isEmpty: Signal<boolean>;\n  firstSelectedValue: Signal<string | null>;\n  lastSelectedValue: Signal<string | null>;\n  isSelected(value: string | null): boolean;\n  canSelect(value: string): boolean;\n  select(value: string, forceToggle?: boolean): void;\n  deselect(value: string): void;\n  toggle(value: string): void;\n  replace(value: string | null): void;\n  extend(anchorValue: string, targetValue: string): void;\n  setSelectedValues(values: string[]): void;\n  clear(): void;\n  resetSelection(): void;\n  isAllSelected(): boolean;\n  isSomeSelected(): boolean;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Angular adapter for Wirekyt",
   "files": [
     "dist"
@@ -34,10 +34,22 @@
       "types": "./types/wirekyt-angular-checkbox.d.ts",
       "default": "./fesm2022/wirekyt-angular-checkbox.mjs"
     },
+    "./clipboard": {
+      "types": "./types/wirekyt-angular-clipboard.d.ts",
+      "default": "./fesm2022/wirekyt-angular-clipboard.mjs"
+    },
+    "./client-only": {
+      "types": "./types/wirekyt-angular-client-only.d.ts",
+      "default": "./fesm2022/wirekyt-angular-client-only.mjs"
+    },
     "./collapsible": {
       "types": "./types/wirekyt-angular-collapsible.d.ts",
       "default": "./fesm2022/wirekyt-angular-collapsible.mjs"
     },
+    "./collection": {
+      "types": "./types/wirekyt-angular-collection.d.ts",
+      "default": "./fesm2022/wirekyt-angular-collection.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" | "indicator" | "label" | "control" | "group">;
+declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;
 
 type OptionalId<T extends {
     id: string;

package/dist/types/wirekyt-angular-client-only.d.ts

@@ -0,0 +1,14 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+declare class ClientOnly {
+    readonly fallback: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    readonly clientTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    protected readonly isClient: _angular_core.WritableSignal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClientOnly, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientOnly, "client-only", never, { "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "clientTemplate": { "alias": "clientTemplate"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ClientOnly };
+//# sourceMappingURL=wirekyt-angular-client-only.d.ts.map

package/dist/types/wirekyt-angular-client-only.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-client-only.d.ts","sources":["../../src/components/client-only/client-only.ts"],"mappings":";;;AAUA,cAkBa,UAAU;uBACJ,aAAA,CAAA,WAAA,CAAA,WAAA;6BACM,aAAA,CAAA,WAAA,CAAA,WAAA;AACvB,iCAA2B,aAAA,CAAA,cAAA;;oDAHhB,UAAU;sDAAV,UAAU;AAUtB;;;;","names":[]}

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

@@ -0,0 +1,111 @@
+import * as clipboard from '@wirekyt/dom/machines/clipboard';
+import { Props, ElementIds, IntlTranslations, CopyStatusDetails } from '@wirekyt/dom/machines/clipboard';
+export { Api as ClipboardApi, CopyStatusDetails as ClipboardCopyStatusDetails, ElementIds as ClipboardElementIds, IndicatorProps as ClipboardIndicatorProps, IntlTranslations as ClipboardIntlTranslations, Machine as ClipboardMachine, Props as ClipboardMachineProps, Service as ClipboardService, ValueChangeDetails as ClipboardValueChangeDetails, anatomy as clipboardAnatomy } from '@wirekyt/dom/machines/clipboard';
+import * as i0 from '@angular/core';
+import { InjectionToken, InputSignal, ModelSignal, OutputEmitterRef, Signal } from '@angular/core';
+import { UseMachineReturn } from '@wirekyt/angular';
+
+type OptionalId<T extends {
+    id: string;
+}> = Omit<T, "id"> & {
+    id?: string;
+};
+interface UseClipboardProps extends OptionalId<Omit<Props, "getRootNode">> {
+}
+type UseClipboardReturn = UseMachineReturn<clipboard.Service["state"], clipboard.Api, clipboard.Service>;
+interface UseClipboardOptions {
+    context: () => UseClipboardProps;
+}
+declare function useClipboard(options?: UseClipboardOptions): UseClipboardReturn;
+
+declare const CLIPBOARD_CONTEXT: InjectionToken<UseClipboardReturn>;
+declare function injectClipboardContext(): UseClipboardReturn;
+
+declare class ClipboardRoot implements UseClipboardReturn {
+    readonly id: InputSignal<string | undefined>;
+    readonly ids: InputSignal<Partial<ElementIds> | undefined>;
+    readonly translations: InputSignal<IntlTranslations | undefined>;
+    readonly value: ModelSignal<string | undefined>;
+    readonly defaultValue: InputSignal<string | undefined>;
+    readonly timeout: InputSignal<number | undefined>;
+    readonly statusChange: OutputEmitterRef<CopyStatusDetails>;
+    private readonly stableIds;
+    private prevIds;
+    private readonly machine;
+    readonly state: Signal<clipboard.Service["state"]>;
+    readonly api: Signal<clipboard.Api>;
+    readonly service: clipboard.Service;
+    readonly send: clipboard.Service["send"];
+    private stabilizeIds;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardRoot, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardRoot, "[clipboardRoot]", ["clipboardRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ids": { "alias": "ids"; "required": false; "isSignal": true; }; "translations": { "alias": "translations"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "timeout": { "alias": "timeout"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "statusChange": "statusChange"; }, never, never, true, never>;
+}
+
+declare class ClipboardRootProvider implements UseClipboardReturn {
+    readonly value: InputSignal<UseClipboardReturn>;
+    readonly state: Signal<clipboard.Service["state"]>;
+    readonly api: Signal<clipboard.Api>;
+    readonly send: clipboard.Service["send"];
+    get service(): clipboard.Service;
+    resolveValue(): UseClipboardReturn;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardRootProvider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardRootProvider, "[clipboardRootProvider]", ["clipboardRootProvider"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ClipboardLabel {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardLabel, "[clipboardLabel]", ["clipboardLabel"], {}, {}, never, never, true, never>;
+}
+
+declare class ClipboardControl {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardControl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardControl, "[clipboardControl]", ["clipboardControl"], {}, {}, never, never, true, never>;
+}
+
+interface ClipboardContextTemplate {
+    $implicit: UseClipboardReturn["api"];
+    api: UseClipboardReturn["api"];
+}
+declare class ClipboardContext {
+    static ngTemplateContextGuard(_directive: ClipboardContext, context: unknown): context is ClipboardContextTemplate;
+    private readonly clipboard;
+    private readonly templateRef;
+    private readonly viewContainer;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardContext, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardContext, "[clipboardContext]", ["clipboardContext"], {}, {}, never, never, true, never>;
+}
+
+declare class ClipboardInput {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardInput, "input[clipboardInput]", ["clipboardInput"], {}, {}, never, never, true, never>;
+}
+
+declare class ClipboardTrigger {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardTrigger, "[clipboardTrigger]", ["clipboardTrigger"], {}, {}, never, never, true, never>;
+}
+
+declare class ClipboardIndicator {
+    readonly copied: Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardIndicator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardIndicator, "[clipboardIndicator]", ["clipboardIndicator"], {}, {}, never, never, true, never>;
+}
+
+declare class ClipboardValueText {
+    private readonly context;
+    readonly value: Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardValueText, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardValueText, "[clipboardValueText]", ["clipboardValueText"], {}, {}, never, never, true, never>;
+}
+
+export { CLIPBOARD_CONTEXT, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, injectClipboardContext, useClipboard };
+export type { ClipboardContextTemplate, UseClipboardOptions, UseClipboardProps, UseClipboardReturn };
+//# sourceMappingURL=wirekyt-angular-clipboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-clipboard.d.ts","sources":["../../src/components/clipboard/use.ts","../../src/components/clipboard/use-context.ts","../../src/components/clipboard/root.ts","../../src/components/clipboard/root-provider.ts","../../src/components/clipboard/label.ts","../../src/components/clipboard/control.ts","../../src/components/clipboard/context.ts","../../src/components/clipboard/input.ts","../../src/components/clipboard/trigger.ts","../../src/components/clipboard/indicator.ts","../../src/components/clipboard/value-text.ts"],"mappings":";;;;;;;AAOA,KAAK,UAAU;;AAAyB,KAAI,IAAI;;;AAE1C,UAAW,iBAAkB,SAAQ,UAAU,CAAC,IAAI,CAACA,KAAqB;AAAoB;AAE9F,KAAM,kBAAkB,GAAG,gBAAgB,CAC/C,SAAS,CAAC,OAAO,WACjB,SAAS,CAAC,GAAG,EACb,SAAS,CAAC,OAAO;UAGF,mBAAmB;mBACnB,iBAAiB;AACjC;AAKD,iBAAgB,YAAY,WACjB,mBAA6C,GACrD,kBAAkB;;ACtBrB,cAAa,iBAAiB,EAAA,cAAA,CAAA,kBAAA;AAI9B,iBAAgB,sBAAsB,IAAI,kBAAkB;;ACqB5D,cAMa,aAAc,YAAW,kBAAkB;iBACzC,WAAW;AACxB,kBAAc,WAAW,CAAC,OAAO,CAACC,UAAmB;2BAG9B,WAAW,CAACC,gBAAyB;oBAG5C,WAAW;2BACJ,WAAW;sBAChB,WAAW;AAC7B,2BAAuB,gBAAgB,CAACC,iBAA0B;AAElE;;AAGA;AAaA,oBAAgB,MAAM,CAAC,SAAS,CAAC,OAAO;kBAC1B,MAAM,CAAC,SAAS,CAAC,GAAG;AAClC,sBAAkB,SAAS,CAAC,OAAO;mBACpB,SAAS,CAAC,OAAO;AAEhC;;yCAlCW,aAAa;2CAAb,aAAa;AAgEzB;;AC/ED,cAMa,qBAAsB,YAAW,kBAAkB;AAC9D,oBAAgB,WAAW,CAAC,kBAAkB;AAC9C,oBAAgB,MAAM,CAAC,SAAS,CAAC,OAAO;kBAC1B,MAAM,CAAC,SAAS,CAAC,GAAG;mBACnB,SAAS,CAAC,OAAO;AAEhC,mBAAe,SAAS,CAAC,OAAO;AAIhC,oBAAgB,kBAAkB;;yCAVvB,qBAAqB;2CAArB,qBAAqB;AAsBjC;;AC3CD,cAKa,cAAc;;yCAAd,cAAc;2CAAd,cAAc;AAU1B;;ACfD,cAKa,gBAAgB;;yCAAhB,gBAAgB;2CAAhB,gBAAgB;AAU5B;;UCPgB,wBAAwB;AACvC,eAAW,kBAAkB;AAC7B,SAAK,kBAAkB;AACxB;AAED,cAKa,gBAAgB;AAC3B,8CACc,gBAAgB,gCAEhB,wBAAwB;AAKtC;AACA;AACA;;yCAXW,gBAAgB;2CAAhB,gBAAgB;AA0B5B;;AC5CD,cAKa,cAAc;;yCAAd,cAAc;2CAAd,cAAc;AAU1B;;ACfD,cAKa,gBAAgB;;yCAAhB,gBAAgB;2CAAhB,gBAAgB;AAU5B;;ACPD,cAKa,kBAAkB;AAC7B,qBAAiB,MAAM;;yCADZ,kBAAkB;2CAAlB,kBAAkB;AAgB9B;;AC9BD,cAKa,kBAAkB;AAC7B;AACA,oBAAgB,MAAM;yCAFX,kBAAkB;2CAAlB,kBAAkB;AAG9B;;;;","names":["ClipboardMachineProps","ClipboardElementIds","ClipboardIntlTranslations","ClipboardCopyStatusDetails"]}

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

@@ -0,0 +1,81 @@
+import { CollectionItem, GridCollectionOptions, GridCollection, CollectionOptions, ListCollection, TreeCollection, FilePathTreeNode, TreeNode, TreeCollectionOptions, SelectionMode } from '@wirekyt/dom/collection';
+export { CollectionItem, CollectionOptions, FilePathTreeNode, FlatTreeNode, GridCollection, GridCollectionOptions, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode } from '@wirekyt/dom/collection';
+import { UseMachineReturn } from '@wirekyt/angular';
+import * as asyncList from '@wirekyt/dom/machines/async-list';
+import { Signal } from '@angular/core';
+
+declare const createGridCollection: <T extends CollectionItem>(options: GridCollectionOptions<T>) => GridCollection<T>;
+
+declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
+
+declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
+declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
+
+interface UseAsyncListOptions<T, C = string> {
+    context: () => asyncList.Props<T, C>;
+}
+type UseAsyncListReturn<T, C = string> = UseMachineReturn<asyncList.Service<T, C>["state"], asyncList.Api<T, C>, asyncList.Service<T, C>>;
+declare function useAsyncList<T, C = string>(options: UseAsyncListOptions<T, C>): UseAsyncListReturn<T, C>;
+
+interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, "items"> {
+    initialItems: T[] | readonly T[];
+    filter?: (itemText: string, filterText: string, item: T) => boolean;
+    limit?: number;
+}
+interface UseListCollectionOptions<T> {
+    context: () => UseListCollectionProps<T>;
+}
+declare function useListCollection<T>(options: UseListCollectionOptions<T>): UseListCollectionReturn<T>;
+interface UseListCollectionReturn<T> {
+    collection: Signal<ListCollection<T>>;
+    filter(inputValue: string): void;
+    set(items: T[] | readonly T[]): void;
+    reset(): void;
+    clear(): void;
+    insert(index: number, ...items: T[]): void;
+    insertBefore(value: string, ...items: T[]): void;
+    insertAfter(value: string, ...items: T[]): void;
+    remove(...itemOrValues: Array<T | string>): void;
+    move(value: string, to: number): void;
+    moveBefore(value: string, ...values: string[]): void;
+    moveAfter(value: string, ...values: string[]): void;
+    reorder(from: number, to: number): void;
+    append(...items: T[]): void;
+    upsert(value: string, item: T, mode?: "append" | "prepend"): void;
+    prepend(...items: T[]): void;
+    update(value: string, item: T): void;
+}
+
+interface UseListSelectionProps<T extends CollectionItem> {
+    selectionMode?: SelectionMode;
+    deselectable?: boolean;
+    initialSelectedValues?: string[];
+    resetOnCollectionChange?: boolean;
+    collection: ListCollection<T>;
+}
+interface UseListSelectionOptions<T extends CollectionItem> {
+    context: () => UseListSelectionProps<T>;
+}
+declare function useListSelection<T extends CollectionItem>(options: UseListSelectionOptions<T>): UseListSelectionReturn;
+interface UseListSelectionReturn {
+    selectedValues: Signal<string[]>;
+    isEmpty: Signal<boolean>;
+    firstSelectedValue: Signal<string | null>;
+    lastSelectedValue: Signal<string | null>;
+    isSelected(value: string | null): boolean;
+    canSelect(value: string): boolean;
+    select(value: string, forceToggle?: boolean): void;
+    deselect(value: string): void;
+    toggle(value: string): void;
+    replace(value: string | null): void;
+    extend(anchorValue: string, targetValue: string): void;
+    setSelectedValues(values: string[]): void;
+    clear(): void;
+    resetSelection(): void;
+    isAllSelected(): boolean;
+    isSomeSelected(): boolean;
+}
+
+export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };
+export type { UseAsyncListOptions, UseAsyncListReturn, UseListCollectionOptions, UseListCollectionProps, UseListCollectionReturn, UseListSelectionOptions, UseListSelectionProps, UseListSelectionReturn };
+//# sourceMappingURL=wirekyt-angular-collection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-collection.d.ts","sources":["../../src/components/collection/grid.ts","../../src/components/collection/list.ts","../../src/components/collection/tree.ts","../../src/components/collection/use-async-list.ts","../../src/components/collection/use-list.ts","../../src/components/collection/use-list-selection.ts"],"mappings":";;;;;;AAMA,cAAa,oBAAoB,aAAc,cAAc,WAClD,qBAAqB,QAC7B,cAAc;;ACFjB,cAAa,oBAAoB,aAAc,cAAc,WAClD,iBAAiB,QACzB,cAAc;;ACCjB,cAAa,oBAAoB,aAAc,QAAQ,WAC5C,qBAAqB,QAC7B,cAAc;AAEjB,cAAa,wBAAwB,uBAAsB,cAAc,CAAC,gBAAgB;;UCRzE,mBAAmB;mBACnB,SAAS,CAAC,KAAK;AAC/B;KAEW,kBAAkB,kBAAkB,gBAAgB,CAC9D,SAAS,CAAC,OAAO,iBACjB,SAAS,CAAC,GAAG,QACb,SAAS,CAAC,OAAO;AAMnB,iBAAgB,YAAY,yBACjB,mBAAmB,SAC3B,kBAAkB;;AChBf,UAAW,sBAAsB,YAAY,IAAI,CAAC,iBAAiB;AACvE;AACA;;AAED;AAEK,UAAW,wBAAwB;AACvC,mBAAe,sBAAsB;AACtC;AAED,iBAAgB,iBAAiB,aACtB,wBAAwB,MAChC,uBAAuB;AA0DpB,UAAW,uBAAuB;gBAC1B,MAAM,CAAC,cAAc;AACjC;;;;AAIA;AACA;AACA;AACA,4BAAwB,KAAK;;AAE7B;AACA;;;AAGA;;;AAGD;;ACvFK,UAAW,qBAAqB,WAAW,cAAc;oBAC7C,aAAa;;AAE7B;;AAEA,gBAAY,cAAc;AAC3B;AAEK,UAAW,uBAAuB,WAAW,cAAc;AAC/D,mBAAe,qBAAqB;AACrC;AAED,iBAAgB,gBAAgB,WAAW,cAAc,WAC9C,uBAAuB,MAC/B,sBAAsB;UAiDR,sBAAsB;AACrC,oBAAgB,MAAM;AACtB,aAAS,MAAM;AACf,wBAAoB,MAAM;AAC1B,uBAAmB,MAAM;;AAEzB;;AAEA;AACA;;;AAGA;;;;;AAKD;;;;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Angular adapter for Wirekyt",
   "files": [
     "dist"
@@ -34,10 +34,22 @@
       "types": "./dist/types/wirekyt-angular-checkbox.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-checkbox.mjs"
     },
+    "./clipboard": {
+      "types": "./dist/types/wirekyt-angular-clipboard.d.ts",
+      "default": "./dist/fesm2022/wirekyt-angular-clipboard.mjs"
+    },
+    "./client-only": {
+      "types": "./dist/types/wirekyt-angular-client-only.d.ts",
+      "default": "./dist/fesm2022/wirekyt-angular-client-only.mjs"
+    },
     "./collapsible": {
       "types": "./dist/types/wirekyt-angular-collapsible.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-collapsible.mjs"
     },
+    "./collection": {
+      "types": "./dist/types/wirekyt-angular-collection.d.ts",
+      "default": "./dist/fesm2022/wirekyt-angular-collection.mjs"
+    },
     "./field": {
       "types": "./dist/types/wirekyt-angular-field.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-field.mjs"
@@ -56,7 +68,7 @@
     "@internationalized/date": "^3.12.3",
     "@internationalized/number": "^3.6.7",
     "tslib": "^2.8.1",
-    "@wirekyt/dom": "0.0.7"
+    "@wirekyt/dom": "0.0.9"
   },
   "peerDependencies": {
     "@angular/common": ">=22.0.0",