@wirekyt/angular 0.0.28 → 0.0.29

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

@@ -0,0 +1,567 @@
+import * as popover from '@wirekyt/dom/machines/popover';
+export { anatomy as popoverAnatomy } from '@wirekyt/dom/machines/popover';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, model, booleanAttribute, output, EnvironmentInjector, Injector, forwardRef, Directive, computed, DestroyRef, Renderer2, ElementRef, TemplateRef, ViewContainerRef, effect, untracked } from '@angular/core';
+import { injectLocale, injectEnvironment, createId, useMachine, buildRootCarrier, bindProps } from '@wirekyt/angular';
+import { PresenceBase, PRESENCE_CONTEXT, injectPresenceContext } from '@wirekyt/angular/presence';
+
+const POPOVER_CONTEXT = new InjectionToken("WIREKYT.POPOVER_CONTEXT");
+function injectPopoverContext() {
+    return inject(POPOVER_CONTEXT);
+}
+const POPOVER_CONTEXT_CARRIER = new InjectionToken("WIREKYT.POPOVER_CONTEXT_CARRIER");
+function injectPopoverContextCarrier() {
+    return inject(POPOVER_CONTEXT_CARRIER);
+}
+const POPOVER_RENDER_STRATEGY_CONTEXT = new InjectionToken("WIREKYT.POPOVER_RENDER_STRATEGY_CONTEXT");
+function injectPopoverRenderStrategyContext() {
+    return inject(POPOVER_RENDER_STRATEGY_CONTEXT);
+}
+
+function usePopover(options) {
+    const locale = injectLocale();
+    const environment = injectEnvironment();
+    const fallbackId = createId();
+    return useMachine({
+        machine: popover.machine,
+        context: () => {
+            const props = options.context();
+            return {
+                ...props,
+                dir: locale.dir,
+                getRootNode: environment.getRootNode,
+                id: props.id ?? fallbackId,
+            };
+        },
+        connect: (service, normalize) => popover.connect(service, normalize),
+    });
+}
+
+class PopoverRoot extends PresenceBase {
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    ids = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ids" }] : /* istanbul ignore next */ []));
+    open = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    modal = input(false, { ...(ngDevMode ? { debugName: "modal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    portalled = input(true, { ...(ngDevMode ? { debugName: "portalled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    autoFocus = input(true, { ...(ngDevMode ? { debugName: "autoFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    restoreFocus = input(true, { ...(ngDevMode ? { debugName: "restoreFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnInteractOutside = input(true, { ...(ngDevMode ? { debugName: "closeOnInteractOutside" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnEscape = input(true, { ...(ngDevMode ? { debugName: "closeOnEscape" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    positioning = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "positioning" }] : /* istanbul ignore next */ []));
+    initialFocusEl = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialFocusEl" }] : /* istanbul ignore next */ []));
+    finalFocusEl = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "finalFocusEl" }] : /* istanbul ignore next */ []));
+    persistentElements = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "persistentElements" }] : /* istanbul ignore next */ []));
+    translations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translations" }] : /* istanbul ignore next */ []));
+    triggerValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerValue" }] : /* istanbul ignore next */ []));
+    defaultTriggerValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultTriggerValue" }] : /* istanbul ignore next */ []));
+    escapeKeyDown = output();
+    focusOutside = output();
+    interactOutside = output();
+    pointerDownOutside = output();
+    requestDismiss = output();
+    openChangeDetails = output();
+    triggerValueChangeDetails = output();
+    machine = usePopover({
+        context: () => ({
+            id: this.id(),
+            ids: this.ids(),
+            open: this.open(),
+            defaultOpen: this.defaultOpen(),
+            modal: this.modal(),
+            portalled: this.portalled(),
+            autoFocus: this.autoFocus(),
+            restoreFocus: this.restoreFocus(),
+            closeOnInteractOutside: this.closeOnInteractOutside(),
+            closeOnEscape: this.closeOnEscape(),
+            positioning: this.positioning(),
+            initialFocusEl: this.initialFocusEl(),
+            finalFocusEl: this.finalFocusEl(),
+            persistentElements: this.persistentElements(),
+            translations: this.translations(),
+            triggerValue: this.triggerValue(),
+            defaultTriggerValue: this.defaultTriggerValue(),
+            onOpenChange: (details) => {
+                if (this.open() !== details.open) {
+                    this.open.set(details.open);
+                }
+                this.openChangeDetails.emit(details);
+            },
+            onTriggerValueChange: (details) => {
+                if (this.triggerValue() !== details.value) {
+                    this.triggerValue.set(details.value);
+                }
+                this.triggerValueChangeDetails.emit(details);
+            },
+            onEscapeKeyDown: (event) => this.escapeKeyDown.emit(event),
+            onFocusOutside: (event) => this.focusOutside.emit(event),
+            onInteractOutside: (event) => this.interactOutside.emit(event),
+            onPointerDownOutside: (event) => this.pointerDownOutside.emit(event),
+            onRequestDismiss: (event) => this.requestDismiss.emit(event),
+        }),
+    });
+    state = this.machine.state;
+    api = this.machine.api;
+    service = this.machine.service;
+    send = this.machine.send;
+    presence = this.createPresence(() => this.api().open);
+    contextCarrier = buildRootCarrier({
+        providers: [
+            { provide: PRESENCE_CONTEXT, useValue: this.presence },
+            { provide: POPOVER_RENDER_STRATEGY_CONTEXT, useValue: this },
+        ],
+        root: this,
+        rootToken: POPOVER_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverRoot, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: PopoverRoot, isStandalone: true, selector: "[popover-root]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ids: { classPropertyName: "ids", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, portalled: { classPropertyName: "portalled", publicName: "portalled", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, closeOnInteractOutside: { classPropertyName: "closeOnInteractOutside", publicName: "closeOnInteractOutside", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, initialFocusEl: { classPropertyName: "initialFocusEl", publicName: "initialFocusEl", isSignal: true, isRequired: false, transformFunction: null }, finalFocusEl: { classPropertyName: "finalFocusEl", publicName: "finalFocusEl", isSignal: true, isRequired: false, transformFunction: null }, persistentElements: { classPropertyName: "persistentElements", publicName: "persistentElements", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null }, triggerValue: { classPropertyName: "triggerValue", publicName: "triggerValue", isSignal: true, isRequired: false, transformFunction: null }, defaultTriggerValue: { classPropertyName: "defaultTriggerValue", publicName: "defaultTriggerValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", triggerValue: "triggerValueChange", escapeKeyDown: "escapeKeyDown", focusOutside: "focusOutside", interactOutside: "interactOutside", pointerDownOutside: "pointerDownOutside", requestDismiss: "requestDismiss", openChangeDetails: "openChangeDetails", triggerValueChangeDetails: "triggerValueChangeDetails" }, providers: [
+            {
+                provide: PRESENCE_CONTEXT,
+                useFactory: (root) => root.presence,
+                deps: [forwardRef(() => PopoverRoot)],
+            },
+            {
+                provide: POPOVER_RENDER_STRATEGY_CONTEXT,
+                useExisting: forwardRef(() => PopoverRoot),
+            },
+            { provide: POPOVER_CONTEXT, useExisting: forwardRef(() => PopoverRoot) },
+            {
+                provide: POPOVER_CONTEXT_CARRIER,
+                useFactory: (root) => root.getContextCarrier(),
+                deps: [forwardRef(() => PopoverRoot)],
+            },
+        ], exportAs: ["popoverRoot"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-root]",
+                    standalone: true,
+                    exportAs: "popoverRoot",
+                    providers: [
+                        {
+                            provide: PRESENCE_CONTEXT,
+                            useFactory: (root) => root.presence,
+                            deps: [forwardRef(() => PopoverRoot)],
+                        },
+                        {
+                            provide: POPOVER_RENDER_STRATEGY_CONTEXT,
+                            useExisting: forwardRef(() => PopoverRoot),
+                        },
+                        { provide: POPOVER_CONTEXT, useExisting: forwardRef(() => PopoverRoot) },
+                        {
+                            provide: POPOVER_CONTEXT_CARRIER,
+                            useFactory: (root) => root.getContextCarrier(),
+                            deps: [forwardRef(() => PopoverRoot)],
+                        },
+                    ],
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ids: [{ type: i0.Input, args: [{ isSignal: true, alias: "ids", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], portalled: [{ type: i0.Input, args: [{ isSignal: true, alias: "portalled", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], closeOnInteractOutside: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnInteractOutside", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], initialFocusEl: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocusEl", required: false }] }], finalFocusEl: [{ type: i0.Input, args: [{ isSignal: true, alias: "finalFocusEl", required: false }] }], persistentElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistentElements", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], triggerValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerValue", required: false }] }, { type: i0.Output, args: ["triggerValueChange"] }], defaultTriggerValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultTriggerValue", required: false }] }], escapeKeyDown: [{ type: i0.Output, args: ["escapeKeyDown"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], requestDismiss: [{ type: i0.Output, args: ["requestDismiss"] }], openChangeDetails: [{ type: i0.Output, args: ["openChangeDetails"] }], triggerValueChangeDetails: [{ type: i0.Output, args: ["triggerValueChangeDetails"] }] } });
+
+class PopoverRootProvider extends PresenceBase {
+    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;
+    }
+    presence = this.createPresence(() => {
+        try {
+            return this.api().open;
+        }
+        catch {
+            return false;
+        }
+    });
+    contextCarrier = buildRootCarrier({
+        providers: [
+            { provide: PRESENCE_CONTEXT, useValue: this.presence },
+            { provide: POPOVER_RENDER_STRATEGY_CONTEXT, useValue: this },
+        ],
+        root: this,
+        rootToken: POPOVER_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverRootProvider, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: PopoverRootProvider, isStandalone: true, selector: "[popover-root-provider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: PRESENCE_CONTEXT,
+                useFactory: (provider) => provider.presence,
+                deps: [forwardRef(() => PopoverRootProvider)],
+            },
+            {
+                provide: POPOVER_RENDER_STRATEGY_CONTEXT,
+                useExisting: forwardRef(() => PopoverRootProvider),
+            },
+            { provide: POPOVER_CONTEXT, useExisting: forwardRef(() => PopoverRootProvider) },
+            {
+                provide: POPOVER_CONTEXT_CARRIER,
+                useFactory: (provider) => provider.getContextCarrier(),
+                deps: [forwardRef(() => PopoverRootProvider)],
+            },
+        ], exportAs: ["popoverRootProvider"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-root-provider]",
+                    standalone: true,
+                    exportAs: "popoverRootProvider",
+                    providers: [
+                        {
+                            provide: PRESENCE_CONTEXT,
+                            useFactory: (provider) => provider.presence,
+                            deps: [forwardRef(() => PopoverRootProvider)],
+                        },
+                        {
+                            provide: POPOVER_RENDER_STRATEGY_CONTEXT,
+                            useExisting: forwardRef(() => PopoverRootProvider),
+                        },
+                        { provide: POPOVER_CONTEXT, useExisting: forwardRef(() => PopoverRootProvider) },
+                        {
+                            provide: POPOVER_CONTEXT_CARRIER,
+                            useFactory: (provider) => provider.getContextCarrier(),
+                            deps: [forwardRef(() => PopoverRootProvider)],
+                        },
+                    ],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class PopoverTrigger {
+    value = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectPopoverContext();
+        const presence = injectPresenceContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                const props = context.api().getTriggerProps({ value: this.value() });
+                return {
+                    ...props,
+                    "aria-controls": presence.unmounted() ? undefined : props["aria-controls"],
+                };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: PopoverTrigger, isStandalone: true, selector: "[popover-trigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["popoverTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-trigger]",
+                    standalone: true,
+                    exportAs: "popoverTrigger",
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+
+class PopoverAnchor {
+    constructor() {
+        const context = injectPopoverContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getAnchorProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverAnchor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverAnchor, isStandalone: true, selector: "[popover-anchor]", exportAs: ["popoverAnchor"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverAnchor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-anchor]",
+                    standalone: true,
+                    exportAs: "popoverAnchor",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverPositioner {
+    constructor() {
+        const context = injectPopoverContext();
+        const presence = injectPresenceContext();
+        const template = inject((TemplateRef), { optional: true });
+        const container = inject(ViewContainerRef);
+        const host = inject(ElementRef);
+        const elementRef = template ? { nativeElement: null } : host;
+        let view;
+        effect(() => {
+            const unmounted = presence.unmounted();
+            if (template) {
+                if (unmounted) {
+                    elementRef.nativeElement = null;
+                    container.clear();
+                    view = undefined;
+                }
+                else if (!view) {
+                    view = container.createEmbeddedView(template);
+                    elementRef.nativeElement =
+                        view.rootNodes.find((node) => node.nodeType === 1) ?? null;
+                }
+            }
+        });
+        bindProps({
+            elementRef,
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                const unmounted = presence.unmounted();
+                return { ...context.api().getPositionerProps(), hidden: unmounted };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverPositioner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverPositioner, isStandalone: true, selector: "[popover-positioner]", exportAs: ["popoverPositioner"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverPositioner, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-positioner]",
+                    standalone: true,
+                    exportAs: "popoverPositioner",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverContent {
+    constructor() {
+        const context = injectPopoverContext();
+        const presence = injectPresenceContext();
+        const template = inject((TemplateRef), { optional: true });
+        const container = inject(ViewContainerRef);
+        const host = inject(ElementRef);
+        const elementRef = template ? { nativeElement: null } : host;
+        let view;
+        effect(() => {
+            const unmounted = presence.unmounted();
+            if (template) {
+                if (unmounted) {
+                    elementRef.nativeElement = null;
+                    container.clear();
+                    view = undefined;
+                }
+                else if (!view) {
+                    view = container.createEmbeddedView(template);
+                    elementRef.nativeElement =
+                        view.rootNodes.find((node) => node.nodeType === 1) ?? null;
+                }
+            }
+            untracked(() => presence.setNode(elementRef.nativeElement));
+        });
+        bindProps({
+            elementRef,
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                presence.unmounted();
+                return { ...context.api().getContentProps(), ...presence.getPresenceProps() };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverContent, isStandalone: true, selector: "[popover-content]", exportAs: ["popoverContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-content]",
+                    standalone: true,
+                    exportAs: "popoverContent",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverTitle {
+    constructor() {
+        const context = injectPopoverContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTitleProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverTitle, isStandalone: true, selector: "[popover-title]", exportAs: ["popoverTitle"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-title]",
+                    standalone: true,
+                    exportAs: "popoverTitle",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverDescription {
+    constructor() {
+        const context = injectPopoverContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getDescriptionProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverDescription, isStandalone: true, selector: "[popover-description]", exportAs: ["popoverDescription"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-description]",
+                    standalone: true,
+                    exportAs: "popoverDescription",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverCloseTrigger {
+    constructor() {
+        const context = injectPopoverContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getCloseTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverCloseTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverCloseTrigger, isStandalone: true, selector: "[popover-close-trigger]", exportAs: ["popoverCloseTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverCloseTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-close-trigger]",
+                    standalone: true,
+                    exportAs: "popoverCloseTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverIndicator {
+    constructor() {
+        const context = injectPopoverContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getIndicatorProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverIndicator, isStandalone: true, selector: "[popover-indicator]", exportAs: ["popoverIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-indicator]",
+                    standalone: true,
+                    exportAs: "popoverIndicator",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverArrow {
+    constructor() {
+        const context = injectPopoverContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getArrowProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverArrow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverArrow, isStandalone: true, selector: "[popover-arrow]", exportAs: ["popoverArrow"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverArrow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-arrow]",
+                    standalone: true,
+                    exportAs: "popoverArrow",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverArrowTip {
+    constructor() {
+        const context = injectPopoverContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getArrowTipProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverArrowTip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverArrowTip, isStandalone: true, selector: "[popover-arrow-tip]", exportAs: ["popoverArrowTip"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverArrowTip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-arrow-tip]",
+                    standalone: true,
+                    exportAs: "popoverArrowTip",
+                }]
+        }], ctorParameters: () => [] });
+
+class PopoverContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    popover = injectPopoverContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.popover.api,
+            api: this.popover.api,
+        });
+        effect(() => {
+            this.popover.api();
+            view.detectChanges();
+        });
+        inject(DestroyRef).onDestroy(() => view.destroy());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: PopoverContext, isStandalone: true, selector: "[popover-context]", exportAs: ["popoverContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PopoverContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[popover-context]",
+                    standalone: true,
+                    exportAs: "popoverContext",
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { POPOVER_CONTEXT, POPOVER_CONTEXT_CARRIER, POPOVER_RENDER_STRATEGY_CONTEXT, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, injectPopoverContext, injectPopoverContextCarrier, injectPopoverRenderStrategyContext, usePopover };
+//# sourceMappingURL=wirekyt-angular-popover.mjs.map