@wirekyt/angular 0.0.18 → 0.0.19

package/dist/fesm2022/wirekyt-angular-floating-panel.mjs

@@ -0,0 +1,679 @@
+import * as floatingPanel from '@wirekyt/dom/machines/floating-panel';
+export { anatomy as floatingPanelAnatomy, resizeTriggerAxes } from '@wirekyt/dom/machines/floating-panel';
+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 FLOATING_PANEL_CONTEXT = new InjectionToken("WIREKYT.FLOATING_PANEL_CONTEXT");
+function injectFloatingPanelContext() {
+    return inject(FLOATING_PANEL_CONTEXT);
+}
+const FLOATING_PANEL_CONTEXT_CARRIER = new InjectionToken("WIREKYT.FLOATING_PANEL_CONTEXT_CARRIER");
+function injectFloatingPanelContextCarrier() {
+    return inject(FLOATING_PANEL_CONTEXT_CARRIER);
+}
+const FLOATING_PANEL_RENDER_STRATEGY_CONTEXT = new InjectionToken("WIREKYT.FLOATING_PANEL_RENDER_STRATEGY_CONTEXT");
+function injectFloatingPanelRenderStrategyContext() {
+    return inject(FLOATING_PANEL_RENDER_STRATEGY_CONTEXT);
+}
+
+function useFloatingPanel(options) {
+    const locale = injectLocale();
+    const environment = injectEnvironment();
+    const fallbackId = createId();
+    return useMachine({
+        machine: floatingPanel.machine,
+        context: () => {
+            const props = options.context();
+            return {
+                ...props,
+                dir: locale.dir,
+                getRootNode: environment.getRootNode,
+                id: props.id ?? fallbackId,
+            };
+        },
+        connect: (service, normalize) => floatingPanel.connect(service, normalize),
+    });
+}
+
+const arePointsEqual = (left, right) => left !== undefined && Object.is(left.x, right.x) && Object.is(left.y, right.y);
+const areSizesEqual = (left, right) => left !== undefined && Object.is(left.width, right.width) && Object.is(left.height, right.height);
+const areDetailsEqual = (left, right) => JSON.stringify(left) === JSON.stringify(right);
+class FloatingPanelRoot extends PresenceBase {
+    /** The unique identifier of the floating panel. */
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    /** The ids of the floating panel elements. Useful for composition. */
+    ids = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ids" }] : /* istanbul ignore next */ []));
+    /** The controlled open state of the floating panel. */
+    open = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** The initial open state of the floating panel when uncontrolled. */
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The controlled position of the floating panel. */
+    position = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    /** The initial position of the floating panel when uncontrolled. */
+    defaultPosition = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultPosition" }] : /* istanbul ignore next */ []));
+    /** The controlled size of the floating panel. */
+    size = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** The initial size of the floating panel when uncontrolled. */
+    defaultSize = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultSize" }] : /* istanbul ignore next */ []));
+    /** The minimum size of the floating panel. */
+    minSize = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minSize" }] : /* istanbul ignore next */ []));
+    /** The maximum size of the floating panel. */
+    maxSize = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxSize" }] : /* istanbul ignore next */ []));
+    /** The positioning strategy to use. */
+    strategy = input("fixed", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "strategy" }] : /* istanbul ignore next */ []));
+    /** Whether the panel may overflow the boundary while dragging. */
+    allowOverflow = input(true, { ...(ngDevMode ? { debugName: "allowOverflow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the floating panel is draggable. */
+    draggable = input(true, { ...(ngDevMode ? { debugName: "draggable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the floating panel is resizable. */
+    resizable = input(true, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether resizing locks the panel to its aspect ratio. */
+    lockAspectRatio = input(false, { ...(ngDevMode ? { debugName: "lockAspectRatio" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the floating panel closes when the escape key is pressed. */
+    closeOnEscape = input(false, { ...(ngDevMode ? { debugName: "closeOnEscape" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether focus should be restored when the floating panel closes. */
+    restoreFocus = input(true, { ...(ngDevMode ? { debugName: "restoreFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the floating panel is disabled. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether size and position should be preserved when the floating panel closes. */
+    persistRect = input(false, { ...(ngDevMode ? { debugName: "persistRect" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The snap grid for dragging and keyboard movement. */
+    gridSize = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gridSize" }] : /* istanbul ignore next */ []));
+    /** Localized strings for control labels. */
+    translations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translations" }] : /* istanbul ignore next */ []));
+    /** Function that returns the initial panel position when opened. */
+    getAnchorPosition = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getAnchorPosition" }] : /* istanbul ignore next */ []));
+    /** Function that returns the boundary element for dragging and resizing. */
+    getBoundaryEl = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getBoundaryEl" }] : /* istanbul ignore next */ []));
+    /** Element to receive focus when the floating panel opens. */
+    initialFocusEl = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialFocusEl" }] : /* istanbul ignore next */ []));
+    /** Element to receive focus when the floating panel closes. */
+    finalFocusEl = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "finalFocusEl" }] : /* istanbul ignore next */ []));
+    /** Emits details when the panel open state changes. */
+    openChangeDetails = output();
+    /** Emits details when the panel position changes via dragging or API calls. */
+    positionDetailsChange = output();
+    /** Emits details when a position-changing drag interaction ends. */
+    positionChangeEnd = output();
+    /** Emits details when the panel size changes via resizing or API calls. */
+    sizeDetailsChange = output();
+    /** Emits details when a size-changing resize interaction ends. */
+    sizeChangeEnd = output();
+    /** Emits details when the panel stage changes. */
+    stageChange = output();
+    lastPositionDetails;
+    lastPositionEndDetails;
+    lastSizeDetails;
+    lastSizeEndDetails;
+    lastStageDetails;
+    machine = useFloatingPanel({
+        context: () => ({
+            id: this.id(),
+            ids: this.ids(),
+            open: this.open(),
+            defaultOpen: this.defaultOpen(),
+            position: this.position(),
+            defaultPosition: this.defaultPosition(),
+            size: this.size(),
+            defaultSize: this.defaultSize(),
+            minSize: this.minSize(),
+            maxSize: this.maxSize(),
+            strategy: this.strategy(),
+            allowOverflow: this.allowOverflow(),
+            draggable: this.draggable(),
+            resizable: this.resizable(),
+            lockAspectRatio: this.lockAspectRatio(),
+            closeOnEscape: this.closeOnEscape(),
+            restoreFocus: this.restoreFocus(),
+            disabled: this.disabled(),
+            persistRect: this.persistRect(),
+            gridSize: this.gridSize(),
+            translations: this.translations(),
+            getAnchorPosition: this.getAnchorPosition(),
+            getBoundaryEl: this.getBoundaryEl(),
+            initialFocusEl: this.initialFocusEl(),
+            finalFocusEl: this.finalFocusEl(),
+            onOpenChange: (details) => {
+                if (this.open() !== details.open) {
+                    this.open.set(details.open);
+                }
+                this.openChangeDetails.emit(details);
+            },
+            onPositionChange: (details) => {
+                if (areDetailsEqual(this.lastPositionDetails, details))
+                    return;
+                this.lastPositionDetails = details;
+                if (!arePointsEqual(this.position(), details.position)) {
+                    this.position.set({ ...details.position });
+                }
+                this.positionDetailsChange.emit(details);
+            },
+            onPositionChangeEnd: (details) => {
+                if (areDetailsEqual(this.lastPositionEndDetails, details))
+                    return;
+                this.lastPositionEndDetails = details;
+                this.positionChangeEnd.emit(details);
+            },
+            onSizeChange: (details) => {
+                if (areDetailsEqual(this.lastSizeDetails, details))
+                    return;
+                this.lastSizeDetails = details;
+                if (!areSizesEqual(this.size(), details.size)) {
+                    this.size.set({ ...details.size });
+                }
+                this.sizeDetailsChange.emit(details);
+            },
+            onSizeChangeEnd: (details) => {
+                if (areDetailsEqual(this.lastSizeEndDetails, details))
+                    return;
+                this.lastSizeEndDetails = details;
+                this.sizeChangeEnd.emit(details);
+            },
+            onStageChange: (details) => {
+                if (areDetailsEqual(this.lastStageDetails, details))
+                    return;
+                this.lastStageDetails = details;
+                this.stageChange.emit(details);
+            },
+        }),
+    });
+    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: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT, useValue: this },
+        ],
+        root: this,
+        rootToken: FLOATING_PANEL_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    /** @internal Exposed for floating panel part directives to consume through portals. */
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelRoot, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: FloatingPanelRoot, isStandalone: true, selector: "[floating-panel-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 }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, defaultPosition: { classPropertyName: "defaultPosition", publicName: "defaultPosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, defaultSize: { classPropertyName: "defaultSize", publicName: "defaultSize", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, strategy: { classPropertyName: "strategy", publicName: "strategy", isSignal: true, isRequired: false, transformFunction: null }, allowOverflow: { classPropertyName: "allowOverflow", publicName: "allowOverflow", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, lockAspectRatio: { classPropertyName: "lockAspectRatio", publicName: "lockAspectRatio", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, persistRect: { classPropertyName: "persistRect", publicName: "persistRect", isSignal: true, isRequired: false, transformFunction: null }, gridSize: { classPropertyName: "gridSize", publicName: "gridSize", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null }, getAnchorPosition: { classPropertyName: "getAnchorPosition", publicName: "getAnchorPosition", isSignal: true, isRequired: false, transformFunction: null }, getBoundaryEl: { classPropertyName: "getBoundaryEl", publicName: "getBoundaryEl", 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 } }, outputs: { open: "openChange", position: "positionChange", size: "sizeChange", openChangeDetails: "openChangeDetails", positionDetailsChange: "positionDetailsChange", positionChangeEnd: "positionChangeEnd", sizeDetailsChange: "sizeDetailsChange", sizeChangeEnd: "sizeChangeEnd", stageChange: "stageChange" }, providers: [
+            {
+                provide: PRESENCE_CONTEXT,
+                useFactory: (root) => root.presence,
+                deps: [forwardRef(() => FloatingPanelRoot)],
+            },
+            {
+                provide: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT,
+                useExisting: forwardRef(() => FloatingPanelRoot),
+            },
+            { provide: FLOATING_PANEL_CONTEXT, useExisting: forwardRef(() => FloatingPanelRoot) },
+            {
+                provide: FLOATING_PANEL_CONTEXT_CARRIER,
+                useFactory: (root) => root.getContextCarrier(),
+                deps: [forwardRef(() => FloatingPanelRoot)],
+            },
+        ], exportAs: ["floatingPanelRoot"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-root]",
+                    standalone: true,
+                    exportAs: "floatingPanelRoot",
+                    providers: [
+                        {
+                            provide: PRESENCE_CONTEXT,
+                            useFactory: (root) => root.presence,
+                            deps: [forwardRef(() => FloatingPanelRoot)],
+                        },
+                        {
+                            provide: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT,
+                            useExisting: forwardRef(() => FloatingPanelRoot),
+                        },
+                        { provide: FLOATING_PANEL_CONTEXT, useExisting: forwardRef(() => FloatingPanelRoot) },
+                        {
+                            provide: FLOATING_PANEL_CONTEXT_CARRIER,
+                            useFactory: (root) => root.getContextCarrier(),
+                            deps: [forwardRef(() => FloatingPanelRoot)],
+                        },
+                    ],
+                }]
+        }], 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 }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }, { type: i0.Output, args: ["positionChange"] }], defaultPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPosition", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], defaultSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSize", required: false }] }], minSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSize", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], strategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "strategy", required: false }] }], allowOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowOverflow", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], lockAspectRatio: [{ type: i0.Input, args: [{ isSignal: true, alias: "lockAspectRatio", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], persistRect: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistRect", required: false }] }], gridSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridSize", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], getAnchorPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "getAnchorPosition", required: false }] }], getBoundaryEl: [{ type: i0.Input, args: [{ isSignal: true, alias: "getBoundaryEl", required: false }] }], initialFocusEl: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocusEl", required: false }] }], finalFocusEl: [{ type: i0.Input, args: [{ isSignal: true, alias: "finalFocusEl", required: false }] }], openChangeDetails: [{ type: i0.Output, args: ["openChangeDetails"] }], positionDetailsChange: [{ type: i0.Output, args: ["positionDetailsChange"] }], positionChangeEnd: [{ type: i0.Output, args: ["positionChangeEnd"] }], sizeDetailsChange: [{ type: i0.Output, args: ["sizeDetailsChange"] }], sizeChangeEnd: [{ type: i0.Output, args: ["sizeChangeEnd"] }], stageChange: [{ type: i0.Output, args: ["stageChange"] }] } });
+
+class FloatingPanelRootProvider extends PresenceBase {
+    /** The floating panel machine returned by useFloatingPanel(). */
+    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: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT, useValue: this },
+        ],
+        root: this,
+        rootToken: FLOATING_PANEL_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    /** @internal Exposed for floating panel part directives to consume through portals. */
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelRootProvider, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: FloatingPanelRootProvider, isStandalone: true, selector: "[floating-panel-root-provider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: PRESENCE_CONTEXT,
+                useFactory: (provider) => provider.presence,
+                deps: [forwardRef(() => FloatingPanelRootProvider)],
+            },
+            {
+                provide: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT,
+                useExisting: forwardRef(() => FloatingPanelRootProvider),
+            },
+            {
+                provide: FLOATING_PANEL_CONTEXT,
+                useExisting: forwardRef(() => FloatingPanelRootProvider),
+            },
+            {
+                provide: FLOATING_PANEL_CONTEXT_CARRIER,
+                useFactory: (provider) => provider.getContextCarrier(),
+                deps: [forwardRef(() => FloatingPanelRootProvider)],
+            },
+        ], exportAs: ["floatingPanelRootProvider"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-root-provider]",
+                    standalone: true,
+                    exportAs: "floatingPanelRootProvider",
+                    providers: [
+                        {
+                            provide: PRESENCE_CONTEXT,
+                            useFactory: (provider) => provider.presence,
+                            deps: [forwardRef(() => FloatingPanelRootProvider)],
+                        },
+                        {
+                            provide: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT,
+                            useExisting: forwardRef(() => FloatingPanelRootProvider),
+                        },
+                        {
+                            provide: FLOATING_PANEL_CONTEXT,
+                            useExisting: forwardRef(() => FloatingPanelRootProvider),
+                        },
+                        {
+                            provide: FLOATING_PANEL_CONTEXT_CARRIER,
+                            useFactory: (provider) => provider.getContextCarrier(),
+                            deps: [forwardRef(() => FloatingPanelRootProvider)],
+                        },
+                    ],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class FloatingPanelTrigger {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        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.3", ngImport: i0, type: FloatingPanelTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelTrigger, isStandalone: true, selector: "[floating-panel-trigger]", exportAs: ["floatingPanelTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-trigger]",
+                    standalone: true,
+                    exportAs: "floatingPanelTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelPositioner {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        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: FloatingPanelPositioner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelPositioner, isStandalone: true, selector: "[floating-panel-positioner]", exportAs: ["floatingPanelPositioner"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelPositioner, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-positioner]",
+                    standalone: true,
+                    exportAs: "floatingPanelPositioner",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelContent {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        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: FloatingPanelContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelContent, isStandalone: true, selector: "[floating-panel-content]", exportAs: ["floatingPanelContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-content]",
+                    standalone: true,
+                    exportAs: "floatingPanelContent",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelControl {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getControlProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelControl, isStandalone: true, selector: "[floating-panel-control]", exportAs: ["floatingPanelControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-control]",
+                    standalone: true,
+                    exportAs: "floatingPanelControl",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelHeader {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getHeaderProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelHeader, isStandalone: true, selector: "[floating-panel-header]", exportAs: ["floatingPanelHeader"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-header]",
+                    standalone: true,
+                    exportAs: "floatingPanelHeader",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelBody {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getBodyProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelBody, isStandalone: true, selector: "[floating-panel-body]", exportAs: ["floatingPanelBody"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-body]",
+                    standalone: true,
+                    exportAs: "floatingPanelBody",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelTitle {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        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: FloatingPanelTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelTitle, isStandalone: true, selector: "[floating-panel-title]", exportAs: ["floatingPanelTitle"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-title]",
+                    standalone: true,
+                    exportAs: "floatingPanelTitle",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelCloseTrigger {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        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: FloatingPanelCloseTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelCloseTrigger, isStandalone: true, selector: "[floating-panel-close-trigger]", exportAs: ["floatingPanelCloseTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelCloseTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-close-trigger]",
+                    standalone: true,
+                    exportAs: "floatingPanelCloseTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelDragTrigger {
+    constructor() {
+        const context = injectFloatingPanelContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getDragTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelDragTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelDragTrigger, isStandalone: true, selector: "[floating-panel-drag-trigger]", exportAs: ["floatingPanelDragTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelDragTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-drag-trigger]",
+                    standalone: true,
+                    exportAs: "floatingPanelDragTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingPanelResizeTrigger {
+    /** The axis of the resize handle. */
+    axis = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "axis" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectFloatingPanelContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getResizeTriggerProps({ axis: this.axis() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelResizeTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: FloatingPanelResizeTrigger, isStandalone: true, selector: "[floating-panel-resize-trigger]", inputs: { axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["floatingPanelResizeTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelResizeTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-resize-trigger]",
+                    standalone: true,
+                    exportAs: "floatingPanelResizeTrigger",
+                }]
+        }], ctorParameters: () => [], propDecorators: { axis: [{ type: i0.Input, args: [{ isSignal: true, alias: "axis", required: true }] }] } });
+
+class FloatingPanelStageTrigger {
+    /** The stage to apply when the trigger is clicked. */
+    stage = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stage" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectFloatingPanelContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getStageTriggerProps({ stage: this.stage() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelStageTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: FloatingPanelStageTrigger, isStandalone: true, selector: "[floating-panel-stage-trigger]", inputs: { stage: { classPropertyName: "stage", publicName: "stage", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["floatingPanelStageTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelStageTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-stage-trigger]",
+                    standalone: true,
+                    exportAs: "floatingPanelStageTrigger",
+                }]
+        }], ctorParameters: () => [], propDecorators: { stage: [{ type: i0.Input, args: [{ isSignal: true, alias: "stage", required: true }] }] } });
+
+class FloatingPanelContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    floatingPanel = injectFloatingPanelContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.floatingPanel.api,
+            api: this.floatingPanel.api,
+        });
+        effect(() => {
+            this.floatingPanel.api();
+            view.detectChanges();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: FloatingPanelContext, isStandalone: true, selector: "[floating-panel-context]", exportAs: ["floatingPanelContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FloatingPanelContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[floating-panel-context]",
+                    standalone: true,
+                    exportAs: "floatingPanelContext",
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FLOATING_PANEL_CONTEXT, FLOATING_PANEL_CONTEXT_CARRIER, FLOATING_PANEL_RENDER_STRATEGY_CONTEXT, FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelContext, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelResizeTrigger, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, injectFloatingPanelContext, injectFloatingPanelContextCarrier, injectFloatingPanelRenderStrategyContext, useFloatingPanel };
+//# sourceMappingURL=wirekyt-angular-floating-panel.mjs.map

package/dist/fesm2022/wirekyt-angular-floating-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-floating-panel.mjs","sources":["../../src/components/floating-panel/use-context.ts","../../src/components/floating-panel/use.ts","../../src/components/floating-panel/root.ts","../../src/components/floating-panel/root-provider.ts","../../src/components/floating-panel/trigger.ts","../../src/components/floating-panel/positioner.ts","../../src/components/floating-panel/content.ts","../../src/components/floating-panel/control.ts","../../src/components/floating-panel/header.ts","../../src/components/floating-panel/body.ts","../../src/components/floating-panel/title.ts","../../src/components/floating-panel/close-trigger.ts","../../src/components/floating-panel/drag-trigger.ts","../../src/components/floating-panel/resize-trigger.ts","../../src/components/floating-panel/stage-trigger.ts","../../src/components/floating-panel/context.ts","../../src/components/floating-panel/wirekyt-angular-floating-panel.ts"],"sourcesContent":["import type { ContextCarrier } from \"@wirekyt/angular\";\n\nimport { InjectionToken, inject, type Signal } from \"@angular/core\";\n\nimport type { UseFloatingPanelReturn } from \"./use\";\n\nexport const FLOATING_PANEL_CONTEXT = new InjectionToken<UseFloatingPanelReturn>(\n  \"WIREKYT.FLOATING_PANEL_CONTEXT\",\n);\n\nexport function injectFloatingPanelContext(): UseFloatingPanelReturn {\n  return inject(FLOATING_PANEL_CONTEXT);\n}\n\nexport const FLOATING_PANEL_CONTEXT_CARRIER = new InjectionToken<\n  ContextCarrier<UseFloatingPanelReturn>\n>(\"WIREKYT.FLOATING_PANEL_CONTEXT_CARRIER\");\n\nexport function injectFloatingPanelContextCarrier(): ContextCarrier<UseFloatingPanelReturn> {\n  return inject(FLOATING_PANEL_CONTEXT_CARRIER);\n}\n\nexport interface FloatingPanelRenderStrategyContext {\n  readonly lazyMount: Signal<boolean>;\n  readonly unmountOnExit: Signal<boolean>;\n}\n\nexport const FLOATING_PANEL_RENDER_STRATEGY_CONTEXT =\n  new InjectionToken<FloatingPanelRenderStrategyContext>(\n    \"WIREKYT.FLOATING_PANEL_RENDER_STRATEGY_CONTEXT\",\n  );\n\nexport function injectFloatingPanelRenderStrategyContext(): FloatingPanelRenderStrategyContext {\n  return inject(FLOATING_PANEL_RENDER_STRATEGY_CONTEXT);\n}\n","import type { Machine } from \"@wirekyt/dom\";\n\nimport {\n  createId,\n  injectEnvironment,\n  injectLocale,\n  useMachine,\n  type UseMachineReturn,\n} from \"@wirekyt/angular\";\nimport * as floatingPanel from \"@wirekyt/dom/machines/floating-panel\";\n\ntype OptionalId<T extends { id: string }> = Omit<T, \"id\"> & { id?: string };\n\nexport interface UseFloatingPanelProps extends OptionalId<\n  Omit<floatingPanel.Props, \"dir\" | \"getRootNode\">\n> {}\n\nexport type UseFloatingPanelReturn = UseMachineReturn<\n  floatingPanel.Service[\"state\"],\n  floatingPanel.Api,\n  floatingPanel.Service\n>;\n\nexport interface UseFloatingPanelOptions {\n  context: () => UseFloatingPanelProps;\n}\n\ntype FloatingPanelContext = Record<string, unknown>;\ntype FloatingPanelSchema = floatingPanel.Machine extends Machine<infer TSchema> ? TSchema : never;\n\nexport function useFloatingPanel(options: UseFloatingPanelOptions): UseFloatingPanelReturn {\n  const locale = injectLocale();\n  const environment = injectEnvironment();\n  const fallbackId = createId();\n\n  return useMachine<FloatingPanelSchema, floatingPanel.Api>({\n    machine: floatingPanel.machine,\n    context: () => {\n      const props = options.context();\n      return {\n        ...props,\n        dir: locale.dir,\n        getRootNode: environment.getRootNode,\n        id: props.id ?? fallbackId,\n      } as FloatingPanelContext;\n    },\n    connect: (service, normalize) => floatingPanel.connect(service, normalize),\n  });\n}\n","import type { ContextCarrier } from \"@wirekyt/angular\";\nimport type * as floatingPanel from \"@wirekyt/dom/machines/floating-panel\";\n\nimport {\n  Directive,\n  EnvironmentInjector,\n  Injector,\n  type ProviderToken,\n  booleanAttribute,\n  forwardRef,\n  inject,\n  input,\n  model,\n  output,\n  type InputSignal,\n  type InputSignalWithTransform,\n  type ModelSignal,\n  type OutputEmitterRef,\n  type Signal,\n} from \"@angular/core\";\nimport { buildRootCarrier } from \"@wirekyt/angular\";\nimport { PRESENCE_CONTEXT, PresenceBase } from \"@wirekyt/angular/presence\";\n\nimport type {\n  FloatingPanelAnchorPositionDetails,\n  FloatingPanelElementIds,\n  FloatingPanelIntlTranslations,\n  FloatingPanelOpenChangeDetails,\n  FloatingPanelPoint,\n  FloatingPanelPositionChangeDetails,\n  FloatingPanelSize,\n  FloatingPanelSizeChangeDetails,\n  FloatingPanelStageChangeDetails,\n} from \"./types\";\n\nimport { useFloatingPanel, type UseFloatingPanelReturn } from \"./use\";\nimport {\n  FLOATING_PANEL_CONTEXT,\n  FLOATING_PANEL_CONTEXT_CARRIER,\n  FLOATING_PANEL_RENDER_STRATEGY_CONTEXT,\n} from \"./use-context\";\n\nconst arePointsEqual = (left: FloatingPanelPoint | undefined, right: FloatingPanelPoint): boolean =>\n  left !== undefined && Object.is(left.x, right.x) && Object.is(left.y, right.y);\n\nconst areSizesEqual = (left: FloatingPanelSize | undefined, right: FloatingPanelSize): boolean =>\n  left !== undefined && Object.is(left.width, right.width) && Object.is(left.height, right.height);\n\nconst areDetailsEqual = (left: unknown, right: unknown): boolean =>\n  JSON.stringify(left) === JSON.stringify(right);\n\n@Directive({\n  selector: \"[floating-panel-root]\",\n  standalone: true,\n  exportAs: \"floatingPanelRoot\",\n  providers: [\n    {\n      provide: PRESENCE_CONTEXT,\n      useFactory: (root: FloatingPanelRoot) => root.presence,\n      deps: [forwardRef(() => FloatingPanelRoot)],\n    },\n    {\n      provide: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT,\n      useExisting: forwardRef(() => FloatingPanelRoot),\n    },\n    { provide: FLOATING_PANEL_CONTEXT, useExisting: forwardRef(() => FloatingPanelRoot) },\n    {\n      provide: FLOATING_PANEL_CONTEXT_CARRIER,\n      useFactory: (root: FloatingPanelRoot) => root.getContextCarrier(),\n      deps: [forwardRef(() => FloatingPanelRoot)],\n    },\n  ],\n})\nexport class FloatingPanelRoot extends PresenceBase implements UseFloatingPanelReturn {\n  /** The unique identifier of the floating panel. */\n  readonly id: InputSignal<string | undefined> = input<string | undefined>(undefined);\n  /** The ids of the floating panel elements. Useful for composition. */\n  readonly ids: InputSignal<Partial<FloatingPanelElementIds> | undefined> = input<\n    Partial<FloatingPanelElementIds> | undefined\n  >(undefined);\n  /** The controlled open state of the floating panel. */\n  readonly open: ModelSignal<boolean | undefined> = model<boolean | undefined>(undefined);\n  /** The initial open state of the floating panel when uncontrolled. */\n  readonly defaultOpen: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** The controlled position of the floating panel. */\n  readonly position: ModelSignal<FloatingPanelPoint | undefined> = model<\n    FloatingPanelPoint | undefined\n  >(undefined);\n  /** The initial position of the floating panel when uncontrolled. */\n  readonly defaultPosition: InputSignal<FloatingPanelPoint | undefined> = input<\n    FloatingPanelPoint | undefined\n  >(undefined);\n  /** The controlled size of the floating panel. */\n  readonly size: ModelSignal<FloatingPanelSize | undefined> = model<FloatingPanelSize | undefined>(\n    undefined,\n  );\n  /** The initial size of the floating panel when uncontrolled. */\n  readonly defaultSize: InputSignal<FloatingPanelSize | undefined> = input<\n    FloatingPanelSize | undefined\n  >(undefined);\n  /** The minimum size of the floating panel. */\n  readonly minSize: InputSignal<FloatingPanelSize | undefined> = input<\n    FloatingPanelSize | undefined\n  >(undefined);\n  /** The maximum size of the floating panel. */\n  readonly maxSize: InputSignal<FloatingPanelSize | undefined> = input<\n    FloatingPanelSize | undefined\n  >(undefined);\n  /** The positioning strategy to use. */\n  readonly strategy: InputSignal<floatingPanel.Props[\"strategy\"]> =\n    input<floatingPanel.Props[\"strategy\"]>(\"fixed\");\n  /** Whether the panel may overflow the boundary while dragging. */\n  readonly allowOverflow: InputSignalWithTransform<boolean, unknown> = input(true, {\n    transform: booleanAttribute,\n  });\n  /** Whether the floating panel is draggable. */\n  readonly draggable: InputSignalWithTransform<boolean, unknown> = input(true, {\n    transform: booleanAttribute,\n  });\n  /** Whether the floating panel is resizable. */\n  readonly resizable: InputSignalWithTransform<boolean, unknown> = input(true, {\n    transform: booleanAttribute,\n  });\n  /** Whether resizing locks the panel to its aspect ratio. */\n  readonly lockAspectRatio: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** Whether the floating panel closes when the escape key is pressed. */\n  readonly closeOnEscape: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** Whether focus should be restored when the floating panel closes. */\n  readonly restoreFocus: InputSignalWithTransform<boolean, unknown> = input(true, {\n    transform: booleanAttribute,\n  });\n  /** Whether the floating panel is disabled. */\n  readonly disabled: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** Whether size and position should be preserved when the floating panel closes. */\n  readonly persistRect: InputSignalWithTransform<boolean, unknown> = input(false, {\n    transform: booleanAttribute,\n  });\n  /** The snap grid for dragging and keyboard movement. */\n  readonly gridSize: InputSignal<number | undefined> = input<number | undefined>(1);\n  /** Localized strings for control labels. */\n  readonly translations: InputSignal<FloatingPanelIntlTranslations | undefined> = input<\n    FloatingPanelIntlTranslations | undefined\n  >(undefined);\n  /** Function that returns the initial panel position when opened. */\n  readonly getAnchorPosition: InputSignal<\n    ((details: FloatingPanelAnchorPositionDetails) => FloatingPanelPoint) | undefined\n  > = input<((details: FloatingPanelAnchorPositionDetails) => FloatingPanelPoint) | undefined>(\n    undefined,\n  );\n  /** Function that returns the boundary element for dragging and resizing. */\n  readonly getBoundaryEl: InputSignal<(() => HTMLElement | null) | undefined> = input<\n    (() => HTMLElement | null) | undefined\n  >(undefined);\n  /** Element to receive focus when the floating panel opens. */\n  readonly initialFocusEl: InputSignal<(() => HTMLElement | null) | undefined> = input<\n    (() => HTMLElement | null) | undefined\n  >(undefined);\n  /** Element to receive focus when the floating panel closes. */\n  readonly finalFocusEl: InputSignal<(() => HTMLElement | null) | undefined> = input<\n    (() => HTMLElement | null) | undefined\n  >(undefined);\n\n  /** Emits details when the panel open state changes. */\n  readonly openChangeDetails: OutputEmitterRef<FloatingPanelOpenChangeDetails> =\n    output<FloatingPanelOpenChangeDetails>();\n  /** Emits details when the panel position changes via dragging or API calls. */\n  readonly positionDetailsChange: OutputEmitterRef<FloatingPanelPositionChangeDetails> =\n    output<FloatingPanelPositionChangeDetails>();\n  /** Emits details when a position-changing drag interaction ends. */\n  readonly positionChangeEnd: OutputEmitterRef<FloatingPanelPositionChangeDetails> =\n    output<FloatingPanelPositionChangeDetails>();\n  /** Emits details when the panel size changes via resizing or API calls. */\n  readonly sizeDetailsChange: OutputEmitterRef<FloatingPanelSizeChangeDetails> =\n    output<FloatingPanelSizeChangeDetails>();\n  /** Emits details when a size-changing resize interaction ends. */\n  readonly sizeChangeEnd: OutputEmitterRef<FloatingPanelSizeChangeDetails> =\n    output<FloatingPanelSizeChangeDetails>();\n  /** Emits details when the panel stage changes. */\n  readonly stageChange: OutputEmitterRef<FloatingPanelStageChangeDetails> =\n    output<FloatingPanelStageChangeDetails>();\n\n  private lastPositionDetails: FloatingPanelPositionChangeDetails | undefined;\n  private lastPositionEndDetails: FloatingPanelPositionChangeDetails | undefined;\n  private lastSizeDetails: FloatingPanelSizeChangeDetails | undefined;\n  private lastSizeEndDetails: FloatingPanelSizeChangeDetails | undefined;\n  private lastStageDetails: FloatingPanelStageChangeDetails | undefined;\n\n  private readonly machine = useFloatingPanel({\n    context: () => ({\n      id: this.id(),\n      ids: this.ids(),\n      open: this.open(),\n      defaultOpen: this.defaultOpen(),\n      position: this.position(),\n      defaultPosition: this.defaultPosition(),\n      size: this.size(),\n      defaultSize: this.defaultSize(),\n      minSize: this.minSize(),\n      maxSize: this.maxSize(),\n      strategy: this.strategy(),\n      allowOverflow: this.allowOverflow(),\n      draggable: this.draggable(),\n      resizable: this.resizable(),\n      lockAspectRatio: this.lockAspectRatio(),\n      closeOnEscape: this.closeOnEscape(),\n      restoreFocus: this.restoreFocus(),\n      disabled: this.disabled(),\n      persistRect: this.persistRect(),\n      gridSize: this.gridSize(),\n      translations: this.translations(),\n      getAnchorPosition: this.getAnchorPosition(),\n      getBoundaryEl: this.getBoundaryEl(),\n      initialFocusEl: this.initialFocusEl(),\n      finalFocusEl: this.finalFocusEl(),\n      onOpenChange: (details) => {\n        if (this.open() !== details.open) {\n          this.open.set(details.open);\n        }\n        this.openChangeDetails.emit(details);\n      },\n      onPositionChange: (details) => {\n        if (areDetailsEqual(this.lastPositionDetails, details)) return;\n        this.lastPositionDetails = details;\n        if (!arePointsEqual(this.position(), details.position)) {\n          this.position.set({ ...details.position });\n        }\n        this.positionDetailsChange.emit(details);\n      },\n      onPositionChangeEnd: (details) => {\n        if (areDetailsEqual(this.lastPositionEndDetails, details)) return;\n        this.lastPositionEndDetails = details;\n        this.positionChangeEnd.emit(details);\n      },\n      onSizeChange: (details) => {\n        if (areDetailsEqual(this.lastSizeDetails, details)) return;\n        this.lastSizeDetails = details;\n        if (!areSizesEqual(this.size(), details.size)) {\n          this.size.set({ ...details.size });\n        }\n        this.sizeDetailsChange.emit(details);\n      },\n      onSizeChangeEnd: (details) => {\n        if (areDetailsEqual(this.lastSizeEndDetails, details)) return;\n        this.lastSizeEndDetails = details;\n        this.sizeChangeEnd.emit(details);\n      },\n      onStageChange: (details) => {\n        if (areDetailsEqual(this.lastStageDetails, details)) return;\n        this.lastStageDetails = details;\n        this.stageChange.emit(details);\n      },\n    }),\n  });\n\n  readonly state: Signal<floatingPanel.Service[\"state\"]> = this.machine.state;\n  readonly api: Signal<floatingPanel.Api> = this.machine.api;\n  readonly service: floatingPanel.Service = this.machine.service;\n  readonly send: floatingPanel.Service[\"send\"] = this.machine.send;\n  readonly presence = this.createPresence(() => this.api().open);\n\n  protected readonly contextCarrier: ContextCarrier<FloatingPanelRoot> =\n    buildRootCarrier<FloatingPanelRoot>({\n      providers: [\n        { provide: PRESENCE_CONTEXT, useValue: this.presence },\n        { provide: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT, useValue: this },\n      ],\n      root: this,\n      rootToken: FLOATING_PANEL_CONTEXT as ProviderToken<FloatingPanelRoot>,\n      originInjector: inject(Injector),\n      environmentInjector: inject(EnvironmentInjector),\n    });\n\n  /** @internal Exposed for floating panel part directives to consume through portals. */\n  getContextCarrier(): ContextCarrier<FloatingPanelRoot> {\n    return this.contextCarrier;\n  }\n}\n","import type { ContextCarrier } from \"@wirekyt/angular\";\nimport type * as floatingPanel from \"@wirekyt/dom/machines/floating-panel\";\n\nimport {\n  Directive,\n  EnvironmentInjector,\n  Injector,\n  type InputSignal,\n  type ProviderToken,\n  type Signal,\n  computed,\n  forwardRef,\n  inject,\n  input,\n} from \"@angular/core\";\nimport { buildRootCarrier } from \"@wirekyt/angular\";\nimport { PRESENCE_CONTEXT, PresenceBase } from \"@wirekyt/angular/presence\";\n\nimport type { UseFloatingPanelReturn } from \"./use\";\n\nimport {\n  FLOATING_PANEL_CONTEXT,\n  FLOATING_PANEL_CONTEXT_CARRIER,\n  FLOATING_PANEL_RENDER_STRATEGY_CONTEXT,\n} from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-root-provider]\",\n  standalone: true,\n  exportAs: \"floatingPanelRootProvider\",\n  providers: [\n    {\n      provide: PRESENCE_CONTEXT,\n      useFactory: (provider: FloatingPanelRootProvider) => provider.presence,\n      deps: [forwardRef(() => FloatingPanelRootProvider)],\n    },\n    {\n      provide: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT,\n      useExisting: forwardRef(() => FloatingPanelRootProvider),\n    },\n    {\n      provide: FLOATING_PANEL_CONTEXT,\n      useExisting: forwardRef(() => FloatingPanelRootProvider),\n    },\n    {\n      provide: FLOATING_PANEL_CONTEXT_CARRIER,\n      useFactory: (provider: FloatingPanelRootProvider) => provider.getContextCarrier(),\n      deps: [forwardRef(() => FloatingPanelRootProvider)],\n    },\n  ],\n})\nexport class FloatingPanelRootProvider extends PresenceBase implements UseFloatingPanelReturn {\n  /** The floating panel machine returned by useFloatingPanel(). */\n  readonly value: InputSignal<UseFloatingPanelReturn> = input.required<UseFloatingPanelReturn>();\n  readonly state: Signal<floatingPanel.Service[\"state\"]> = computed(() => this.value().state());\n  readonly api: Signal<floatingPanel.Api> = computed(() => this.value().api());\n  readonly send: floatingPanel.Service[\"send\"] = (event) => this.value().send(event);\n\n  get service(): floatingPanel.Service {\n    return this.value().service;\n  }\n\n  readonly presence = this.createPresence(() => {\n    try {\n      return this.api().open;\n    } catch {\n      return false;\n    }\n  });\n\n  protected readonly contextCarrier: ContextCarrier<FloatingPanelRootProvider> =\n    buildRootCarrier<FloatingPanelRootProvider>({\n      providers: [\n        { provide: PRESENCE_CONTEXT, useValue: this.presence },\n        { provide: FLOATING_PANEL_RENDER_STRATEGY_CONTEXT, useValue: this },\n      ],\n      root: this,\n      rootToken: FLOATING_PANEL_CONTEXT as ProviderToken<FloatingPanelRootProvider>,\n      originInjector: inject(Injector),\n      environmentInjector: inject(EnvironmentInjector),\n    });\n\n  /** @internal Exposed for floating panel part directives to consume through portals. */\n  getContextCarrier(): ContextCarrier<FloatingPanelRootProvider> {\n    return this.contextCarrier;\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-trigger]\",\n  standalone: true,\n  exportAs: \"floatingPanelTrigger\",\n})\nexport class FloatingPanelTrigger {\n  constructor() {\n    const context = injectFloatingPanelContext();\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  EmbeddedViewRef,\n  Renderer2,\n  TemplateRef,\n  ViewContainerRef,\n  effect,\n  inject,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\nimport { injectPresenceContext } from \"@wirekyt/angular/presence\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-positioner]\",\n  standalone: true,\n  exportAs: \"floatingPanelPositioner\",\n})\nexport class FloatingPanelPositioner {\n  constructor() {\n    const context = injectFloatingPanelContext();\n    const presence = injectPresenceContext();\n    const template = inject(TemplateRef<unknown>, { optional: true });\n    const container = inject(ViewContainerRef);\n    const host = inject(ElementRef);\n    const elementRef = template ? { nativeElement: null as HTMLElement | null } : host;\n    let view: EmbeddedViewRef<unknown> | undefined;\n\n    effect(() => {\n      const unmounted = presence.unmounted();\n      if (template) {\n        if (unmounted) {\n          elementRef.nativeElement = null;\n          container.clear();\n          view = undefined;\n        } else if (!view) {\n          view = container.createEmbeddedView(template);\n          elementRef.nativeElement =\n            view.rootNodes.find((node: Node) => node.nodeType === 1) ?? null;\n        }\n      }\n    });\n\n    bindProps({\n      elementRef,\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => {\n        const unmounted = presence.unmounted();\n        return { ...context.api().getPositionerProps(), hidden: unmounted };\n      },\n    });\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  EmbeddedViewRef,\n  Renderer2,\n  TemplateRef,\n  ViewContainerRef,\n  effect,\n  inject,\n  untracked,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\nimport { injectPresenceContext } from \"@wirekyt/angular/presence\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-content]\",\n  standalone: true,\n  exportAs: \"floatingPanelContent\",\n})\nexport class FloatingPanelContent {\n  constructor() {\n    const context = injectFloatingPanelContext();\n    const presence = injectPresenceContext();\n    const template = inject(TemplateRef<unknown>, { optional: true });\n    const container = inject(ViewContainerRef);\n    const host = inject(ElementRef);\n    const elementRef = template ? { nativeElement: null as HTMLElement | null } : host;\n    let view: EmbeddedViewRef<unknown> | undefined;\n\n    effect(() => {\n      const unmounted = presence.unmounted();\n      if (template) {\n        if (unmounted) {\n          elementRef.nativeElement = null;\n          container.clear();\n          view = undefined;\n        } else if (!view) {\n          view = container.createEmbeddedView(template);\n          elementRef.nativeElement =\n            view.rootNodes.find((node: Node) => node.nodeType === 1) ?? null;\n        }\n      }\n      untracked(() => presence.setNode(elementRef.nativeElement));\n    });\n\n    bindProps({\n      elementRef,\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => {\n        presence.unmounted();\n        return { ...context.api().getContentProps(), ...presence.getPresenceProps() };\n      },\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-control]\",\n  standalone: true,\n  exportAs: \"floatingPanelControl\",\n})\nexport class FloatingPanelControl {\n  constructor() {\n    const context = injectFloatingPanelContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getControlProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-header]\",\n  standalone: true,\n  exportAs: \"floatingPanelHeader\",\n})\nexport class FloatingPanelHeader {\n  constructor() {\n    const context = injectFloatingPanelContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getHeaderProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-body]\",\n  standalone: true,\n  exportAs: \"floatingPanelBody\",\n})\nexport class FloatingPanelBody {\n  constructor() {\n    const context = injectFloatingPanelContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getBodyProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-title]\",\n  standalone: true,\n  exportAs: \"floatingPanelTitle\",\n})\nexport class FloatingPanelTitle {\n  constructor() {\n    const context = injectFloatingPanelContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getTitleProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-close-trigger]\",\n  standalone: true,\n  exportAs: \"floatingPanelCloseTrigger\",\n})\nexport class FloatingPanelCloseTrigger {\n  constructor() {\n    const context = injectFloatingPanelContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getCloseTriggerProps(),\n    });\n  }\n}\n","import { DestroyRef, Directive, ElementRef, Renderer2, inject } from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-drag-trigger]\",\n  standalone: true,\n  exportAs: \"floatingPanelDragTrigger\",\n})\nexport class FloatingPanelDragTrigger {\n  constructor() {\n    const context = injectFloatingPanelContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getDragTriggerProps(),\n    });\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  inject,\n  input,\n  type InputSignal,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport type { FloatingPanelResizeTriggerAxis } from \"./types\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-resize-trigger]\",\n  standalone: true,\n  exportAs: \"floatingPanelResizeTrigger\",\n})\nexport class FloatingPanelResizeTrigger {\n  /** The axis of the resize handle. */\n  readonly axis: InputSignal<FloatingPanelResizeTriggerAxis> =\n    input.required<FloatingPanelResizeTriggerAxis>();\n\n  constructor() {\n    const context = injectFloatingPanelContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getResizeTriggerProps({ axis: this.axis() }),\n    });\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  inject,\n  input,\n  type InputSignal,\n} from \"@angular/core\";\nimport { bindProps } from \"@wirekyt/angular\";\n\nimport type { FloatingPanelStage } from \"./types\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\n@Directive({\n  selector: \"[floating-panel-stage-trigger]\",\n  standalone: true,\n  exportAs: \"floatingPanelStageTrigger\",\n})\nexport class FloatingPanelStageTrigger {\n  /** The stage to apply when the trigger is clicked. */\n  readonly stage: InputSignal<FloatingPanelStage> = input.required<FloatingPanelStage>();\n\n  constructor() {\n    const context = injectFloatingPanelContext();\n    bindProps({\n      elementRef: inject(ElementRef),\n      renderer: inject(Renderer2),\n      destroyRef: inject(DestroyRef),\n      props: () => context.api().getStageTriggerProps({ stage: this.stage() }),\n    });\n  }\n}\n","import { Directive, TemplateRef, ViewContainerRef, effect, inject } from \"@angular/core\";\n\nimport type { UseFloatingPanelReturn } from \"./use\";\n\nimport { injectFloatingPanelContext } from \"./use-context\";\n\nexport interface FloatingPanelContextTemplate {\n  $implicit: UseFloatingPanelReturn[\"api\"];\n  api: UseFloatingPanelReturn[\"api\"];\n}\n\n@Directive({\n  selector: \"[floating-panel-context]\",\n  standalone: true,\n  exportAs: \"floatingPanelContext\",\n})\nexport class FloatingPanelContext {\n  static ngTemplateContextGuard(\n    _directive: FloatingPanelContext,\n    context: unknown,\n  ): context is FloatingPanelContextTemplate {\n    void context;\n    return true;\n  }\n\n  private readonly floatingPanel = injectFloatingPanelContext();\n  private readonly templateRef = inject<TemplateRef<FloatingPanelContextTemplate>>(TemplateRef);\n  private readonly viewContainer = inject(ViewContainerRef);\n\n  constructor() {\n    const view = this.viewContainer.createEmbeddedView(this.templateRef, {\n      $implicit: this.floatingPanel.api,\n      api: this.floatingPanel.api,\n    });\n\n    effect(() => {\n      this.floatingPanel.api();\n      view.detectChanges();\n    });\n  }\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.18",
+  "version": "0.0.19",
   "description": "Angular adapter for Wirekyt",
   "files": [
     "dist",
@@ -87,6 +87,10 @@
       "types": "./types/wirekyt-angular-fieldset.d.ts",
       "default": "./fesm2022/wirekyt-angular-fieldset.mjs"
     },
+    "./floating-panel": {
+      "types": "./types/wirekyt-angular-floating-panel.d.ts",
+      "default": "./fesm2022/wirekyt-angular-floating-panel.mjs"
+    },
     "./presence": {
       "types": "./types/wirekyt-angular-presence.d.ts",
       "default": "./fesm2022/wirekyt-angular-presence.mjs"

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

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

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

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

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

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

package/dist/types/wirekyt-angular-floating-panel.d.ts

@@ -0,0 +1,216 @@
+import * as floatingPanel from '@wirekyt/dom/machines/floating-panel';
+import { ElementIds, Point, Size, IntlTranslations, AnchorPositionDetails, OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails, ResizeTriggerAxis, Stage } from '@wirekyt/dom/machines/floating-panel';
+export { AnchorPositionDetails as FloatingPanelAnchorPositionDetails, Api as FloatingPanelApi, ElementIds as FloatingPanelElementIds, IntlTranslations as FloatingPanelIntlTranslations, Machine as FloatingPanelMachine, Props as FloatingPanelMachineProps, OpenChangeDetails as FloatingPanelOpenChangeDetails, Point as FloatingPanelPoint, PositionChangeDetails as FloatingPanelPositionChangeDetails, ResizeTriggerAxis as FloatingPanelResizeTriggerAxis, ResizeTriggerProps as FloatingPanelResizeTriggerProps, Service as FloatingPanelService, Size as FloatingPanelSize, SizeChangeDetails as FloatingPanelSizeChangeDetails, Stage as FloatingPanelStage, StageChangeDetails as FloatingPanelStageChangeDetails, StageTriggerProps as FloatingPanelStageTriggerProps, anatomy as floatingPanelAnatomy, resizeTriggerAxes } from '@wirekyt/dom/machines/floating-panel';
+import { UseMachineReturn, ContextCarrier } from '@wirekyt/angular';
+import * as i0 from '@angular/core';
+import { InjectionToken, Signal, InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
+import * as _wirekyt_angular_presence from '@wirekyt/angular/presence';
+import { PresenceBase } from '@wirekyt/angular/presence';
+
+type OptionalId<T extends {
+    id: string;
+}> = Omit<T, "id"> & {
+    id?: string;
+};
+interface UseFloatingPanelProps extends OptionalId<Omit<floatingPanel.Props, "dir" | "getRootNode">> {
+}
+type UseFloatingPanelReturn = UseMachineReturn<floatingPanel.Service["state"], floatingPanel.Api, floatingPanel.Service>;
+interface UseFloatingPanelOptions {
+    context: () => UseFloatingPanelProps;
+}
+declare function useFloatingPanel(options: UseFloatingPanelOptions): UseFloatingPanelReturn;
+
+declare const FLOATING_PANEL_CONTEXT: InjectionToken<UseFloatingPanelReturn>;
+declare function injectFloatingPanelContext(): UseFloatingPanelReturn;
+declare const FLOATING_PANEL_CONTEXT_CARRIER: InjectionToken<ContextCarrier<UseFloatingPanelReturn>>;
+declare function injectFloatingPanelContextCarrier(): ContextCarrier<UseFloatingPanelReturn>;
+interface FloatingPanelRenderStrategyContext {
+    readonly lazyMount: Signal<boolean>;
+    readonly unmountOnExit: Signal<boolean>;
+}
+declare const FLOATING_PANEL_RENDER_STRATEGY_CONTEXT: InjectionToken<FloatingPanelRenderStrategyContext>;
+declare function injectFloatingPanelRenderStrategyContext(): FloatingPanelRenderStrategyContext;
+
+declare class FloatingPanelRoot extends PresenceBase implements UseFloatingPanelReturn {
+    /** The unique identifier of the floating panel. */
+    readonly id: InputSignal<string | undefined>;
+    /** The ids of the floating panel elements. Useful for composition. */
+    readonly ids: InputSignal<Partial<ElementIds> | undefined>;
+    /** The controlled open state of the floating panel. */
+    readonly open: ModelSignal<boolean | undefined>;
+    /** The initial open state of the floating panel when uncontrolled. */
+    readonly defaultOpen: InputSignalWithTransform<boolean, unknown>;
+    /** The controlled position of the floating panel. */
+    readonly position: ModelSignal<Point | undefined>;
+    /** The initial position of the floating panel when uncontrolled. */
+    readonly defaultPosition: InputSignal<Point | undefined>;
+    /** The controlled size of the floating panel. */
+    readonly size: ModelSignal<Size | undefined>;
+    /** The initial size of the floating panel when uncontrolled. */
+    readonly defaultSize: InputSignal<Size | undefined>;
+    /** The minimum size of the floating panel. */
+    readonly minSize: InputSignal<Size | undefined>;
+    /** The maximum size of the floating panel. */
+    readonly maxSize: InputSignal<Size | undefined>;
+    /** The positioning strategy to use. */
+    readonly strategy: InputSignal<floatingPanel.Props["strategy"]>;
+    /** Whether the panel may overflow the boundary while dragging. */
+    readonly allowOverflow: InputSignalWithTransform<boolean, unknown>;
+    /** Whether the floating panel is draggable. */
+    readonly draggable: InputSignalWithTransform<boolean, unknown>;
+    /** Whether the floating panel is resizable. */
+    readonly resizable: InputSignalWithTransform<boolean, unknown>;
+    /** Whether resizing locks the panel to its aspect ratio. */
+    readonly lockAspectRatio: InputSignalWithTransform<boolean, unknown>;
+    /** Whether the floating panel closes when the escape key is pressed. */
+    readonly closeOnEscape: InputSignalWithTransform<boolean, unknown>;
+    /** Whether focus should be restored when the floating panel closes. */
+    readonly restoreFocus: InputSignalWithTransform<boolean, unknown>;
+    /** Whether the floating panel is disabled. */
+    readonly disabled: InputSignalWithTransform<boolean, unknown>;
+    /** Whether size and position should be preserved when the floating panel closes. */
+    readonly persistRect: InputSignalWithTransform<boolean, unknown>;
+    /** The snap grid for dragging and keyboard movement. */
+    readonly gridSize: InputSignal<number | undefined>;
+    /** Localized strings for control labels. */
+    readonly translations: InputSignal<IntlTranslations | undefined>;
+    /** Function that returns the initial panel position when opened. */
+    readonly getAnchorPosition: InputSignal<((details: AnchorPositionDetails) => Point) | undefined>;
+    /** Function that returns the boundary element for dragging and resizing. */
+    readonly getBoundaryEl: InputSignal<(() => HTMLElement | null) | undefined>;
+    /** Element to receive focus when the floating panel opens. */
+    readonly initialFocusEl: InputSignal<(() => HTMLElement | null) | undefined>;
+    /** Element to receive focus when the floating panel closes. */
+    readonly finalFocusEl: InputSignal<(() => HTMLElement | null) | undefined>;
+    /** Emits details when the panel open state changes. */
+    readonly openChangeDetails: OutputEmitterRef<OpenChangeDetails>;
+    /** Emits details when the panel position changes via dragging or API calls. */
+    readonly positionDetailsChange: OutputEmitterRef<PositionChangeDetails>;
+    /** Emits details when a position-changing drag interaction ends. */
+    readonly positionChangeEnd: OutputEmitterRef<PositionChangeDetails>;
+    /** Emits details when the panel size changes via resizing or API calls. */
+    readonly sizeDetailsChange: OutputEmitterRef<SizeChangeDetails>;
+    /** Emits details when a size-changing resize interaction ends. */
+    readonly sizeChangeEnd: OutputEmitterRef<SizeChangeDetails>;
+    /** Emits details when the panel stage changes. */
+    readonly stageChange: OutputEmitterRef<StageChangeDetails>;
+    private lastPositionDetails;
+    private lastPositionEndDetails;
+    private lastSizeDetails;
+    private lastSizeEndDetails;
+    private lastStageDetails;
+    private readonly machine;
+    readonly state: Signal<floatingPanel.Service["state"]>;
+    readonly api: Signal<floatingPanel.Api>;
+    readonly service: floatingPanel.Service;
+    readonly send: floatingPanel.Service["send"];
+    readonly presence: _wirekyt_angular_presence.UsePresenceReturn;
+    protected readonly contextCarrier: ContextCarrier<FloatingPanelRoot>;
+    /** @internal Exposed for floating panel part directives to consume through portals. */
+    getContextCarrier(): ContextCarrier<FloatingPanelRoot>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelRoot, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelRoot, "[floating-panel-root]", ["floatingPanelRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ids": { "alias": "ids"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "defaultSize": { "alias": "defaultSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "strategy": { "alias": "strategy"; "required": false; "isSignal": true; }; "allowOverflow": { "alias": "allowOverflow"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "lockAspectRatio": { "alias": "lockAspectRatio"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "persistRect": { "alias": "persistRect"; "required": false; "isSignal": true; }; "gridSize": { "alias": "gridSize"; "required": false; "isSignal": true; }; "translations": { "alias": "translations"; "required": false; "isSignal": true; }; "getAnchorPosition": { "alias": "getAnchorPosition"; "required": false; "isSignal": true; }; "getBoundaryEl": { "alias": "getBoundaryEl"; "required": false; "isSignal": true; }; "initialFocusEl": { "alias": "initialFocusEl"; "required": false; "isSignal": true; }; "finalFocusEl": { "alias": "finalFocusEl"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "position": "positionChange"; "size": "sizeChange"; "openChangeDetails": "openChangeDetails"; "positionDetailsChange": "positionDetailsChange"; "positionChangeEnd": "positionChangeEnd"; "sizeDetailsChange": "sizeDetailsChange"; "sizeChangeEnd": "sizeChangeEnd"; "stageChange": "stageChange"; }, never, never, true, never>;
+}
+
+declare class FloatingPanelRootProvider extends PresenceBase implements UseFloatingPanelReturn {
+    /** The floating panel machine returned by useFloatingPanel(). */
+    readonly value: InputSignal<UseFloatingPanelReturn>;
+    readonly state: Signal<floatingPanel.Service["state"]>;
+    readonly api: Signal<floatingPanel.Api>;
+    readonly send: floatingPanel.Service["send"];
+    get service(): floatingPanel.Service;
+    readonly presence: _wirekyt_angular_presence.UsePresenceReturn;
+    protected readonly contextCarrier: ContextCarrier<FloatingPanelRootProvider>;
+    /** @internal Exposed for floating panel part directives to consume through portals. */
+    getContextCarrier(): ContextCarrier<FloatingPanelRootProvider>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelRootProvider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelRootProvider, "[floating-panel-root-provider]", ["floatingPanelRootProvider"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelTrigger {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelTrigger, "[floating-panel-trigger]", ["floatingPanelTrigger"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelPositioner {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelPositioner, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelPositioner, "[floating-panel-positioner]", ["floatingPanelPositioner"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelContent, "[floating-panel-content]", ["floatingPanelContent"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelControl {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelControl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelControl, "[floating-panel-control]", ["floatingPanelControl"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelHeader {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelHeader, "[floating-panel-header]", ["floatingPanelHeader"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelBody {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelBody, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelBody, "[floating-panel-body]", ["floatingPanelBody"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelTitle {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelTitle, "[floating-panel-title]", ["floatingPanelTitle"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelCloseTrigger {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelCloseTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelCloseTrigger, "[floating-panel-close-trigger]", ["floatingPanelCloseTrigger"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelDragTrigger {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelDragTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelDragTrigger, "[floating-panel-drag-trigger]", ["floatingPanelDragTrigger"], {}, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelResizeTrigger {
+    /** The axis of the resize handle. */
+    readonly axis: InputSignal<ResizeTriggerAxis>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelResizeTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelResizeTrigger, "[floating-panel-resize-trigger]", ["floatingPanelResizeTrigger"], { "axis": { "alias": "axis"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FloatingPanelStageTrigger {
+    /** The stage to apply when the trigger is clicked. */
+    readonly stage: InputSignal<Stage>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelStageTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelStageTrigger, "[floating-panel-stage-trigger]", ["floatingPanelStageTrigger"], { "stage": { "alias": "stage"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface FloatingPanelContextTemplate {
+    $implicit: UseFloatingPanelReturn["api"];
+    api: UseFloatingPanelReturn["api"];
+}
+declare class FloatingPanelContext {
+    static ngTemplateContextGuard(_directive: FloatingPanelContext, context: unknown): context is FloatingPanelContextTemplate;
+    private readonly floatingPanel;
+    private readonly templateRef;
+    private readonly viewContainer;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelContext, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelContext, "[floating-panel-context]", ["floatingPanelContext"], {}, {}, never, never, true, never>;
+}
+
+export { FLOATING_PANEL_CONTEXT, FLOATING_PANEL_CONTEXT_CARRIER, FLOATING_PANEL_RENDER_STRATEGY_CONTEXT, FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelContext, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelResizeTrigger, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, injectFloatingPanelContext, injectFloatingPanelContextCarrier, injectFloatingPanelRenderStrategyContext, useFloatingPanel };
+export type { FloatingPanelContextTemplate, FloatingPanelRenderStrategyContext, UseFloatingPanelOptions, UseFloatingPanelProps, UseFloatingPanelReturn };
+//# sourceMappingURL=wirekyt-angular-floating-panel.d.ts.map

package/dist/types/wirekyt-angular-floating-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-floating-panel.d.ts","sources":["../../src/components/floating-panel/use.ts","../../src/components/floating-panel/use-context.ts","../../src/components/floating-panel/root.ts","../../src/components/floating-panel/root-provider.ts","../../src/components/floating-panel/trigger.ts","../../src/components/floating-panel/positioner.ts","../../src/components/floating-panel/content.ts","../../src/components/floating-panel/control.ts","../../src/components/floating-panel/header.ts","../../src/components/floating-panel/body.ts","../../src/components/floating-panel/title.ts","../../src/components/floating-panel/close-trigger.ts","../../src/components/floating-panel/drag-trigger.ts","../../src/components/floating-panel/resize-trigger.ts","../../src/components/floating-panel/stage-trigger.ts","../../src/components/floating-panel/context.ts"],"mappings":"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","names":["FloatingPanelElementIds","FloatingPanelPoint","FloatingPanelSize","FloatingPanelIntlTranslations","FloatingPanelAnchorPositionDetails","FloatingPanelOpenChangeDetails","FloatingPanelPositionChangeDetails","FloatingPanelSizeChangeDetails","FloatingPanelStageChangeDetails","FloatingPanelResizeTriggerAxis","FloatingPanelStage"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Angular adapter for Wirekyt",
   "files": [
     "dist",
@@ -87,6 +87,10 @@
       "types": "./dist/types/wirekyt-angular-fieldset.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-fieldset.mjs"
     },
+    "./floating-panel": {
+      "types": "./dist/types/wirekyt-angular-floating-panel.d.ts",
+      "default": "./dist/fesm2022/wirekyt-angular-floating-panel.mjs"
+    },
     "./presence": {
       "types": "./dist/types/wirekyt-angular-presence.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-presence.mjs"
@@ -100,7 +104,7 @@
   "dependencies": {
     "@internationalized/date": "^3.12.3",
     "@internationalized/number": "^3.6.7",
-    "@wirekyt/dom": "0.0.18",
+    "@wirekyt/dom": "0.0.19",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {