@frame-ui-ng/components 0.4.0-beta.0 → 0.4.2-beta.0

package/fesm2022/frame-ui-ng-components-confirm-popover.mjs

@@ -0,0 +1,423 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, ElementRef, PLATFORM_ID, input, output, signal, Directive, ChangeDetectionStrategy, Component, booleanAttribute, numberAttribute, NgModule } from '@angular/core';
+import { FrButton, FrButtonLabel } from '@frame-ui-ng/components/button';
+
+let nextConfirmPopoverId = 0;
+/** Flexible confirmation popover trigger that can attach to any host element. */
+class FrConfirmPopover {
+    destroyRef = inject(DestroyRef);
+    elementRef = inject(ElementRef);
+    overlay = inject(Overlay);
+    platformId = inject(PLATFORM_ID);
+    config = input({}, { ...(ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopover' });
+    align = input(undefined, { ...(ngDevMode ? { debugName: "align" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverAlign' });
+    alignOffset = input(undefined, { ...(ngDevMode ? { debugName: "alignOffset" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverAlignOffset',
+        transform: optionalNumberAttribute });
+    buttonSize = input(undefined, { ...(ngDevMode ? { debugName: "buttonSize" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverButtonSize' });
+    cancelAppearance = input(undefined, { ...(ngDevMode ? { debugName: "cancelAppearance" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverCancelAppearance' });
+    cancelLabel = input(undefined, { ...(ngDevMode ? { debugName: "cancelLabel" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverCancelLabel' });
+    confirmAppearance = input(undefined, { ...(ngDevMode ? { debugName: "confirmAppearance" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverConfirmAppearance' });
+    confirmLabel = input(undefined, { ...(ngDevMode ? { debugName: "confirmLabel" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverConfirmLabel' });
+    description = input(undefined, { ...(ngDevMode ? { debugName: "description" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverDescription' });
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverDisabled',
+        transform: optionalBooleanAttribute });
+    side = input(undefined, { ...(ngDevMode ? { debugName: "side" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverSide' });
+    sideOffset = input(undefined, { ...(ngDevMode ? { debugName: "sideOffset" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverSideOffset',
+        transform: optionalNumberAttribute });
+    title = input(undefined, { ...(ngDevMode ? { debugName: "title" } : /* istanbul ignore next */ {}), alias: 'frConfirmPopoverTitle' });
+    closed = output({ alias: 'frConfirmPopoverClosed' });
+    cancelled = output({ alias: 'frConfirmPopoverCancelled' });
+    confirmed = output({ alias: 'frConfirmPopoverConfirmed' });
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    overlayRef = null;
+    panelRef = null;
+    currentSide = 'bottom';
+    constructor() {
+        this.destroyRef.onDestroy(() => this.destroy());
+    }
+    open() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const config = this.resolvedConfig();
+        if (config.disabled) {
+            return;
+        }
+        if (!this.overlayRef) {
+            this.overlayRef = this.createOverlay(config);
+        }
+        if (!this.overlayRef.hasAttached()) {
+            this.panelRef = this.overlayRef.attach(new ComponentPortal(FrConfirmPopoverPanel));
+            this.panelRef.instance.cancelled.subscribe(() => this.close('cancel'));
+            this.panelRef.instance.confirmed.subscribe(() => this.close('confirm'));
+            this.syncCustomPropertiesToOverlay();
+        }
+        this.updatePanelInputs(config);
+        this.isOpen.set(true);
+    }
+    close(result) {
+        this.detachPanel({ dispose: true });
+        this.closed.emit(result);
+        if (result === 'confirm') {
+            this.confirmed.emit();
+            return;
+        }
+        if (result === 'cancel') {
+            this.cancelled.emit();
+        }
+    }
+    toggle() {
+        if (this.isOpen()) {
+            this.close();
+            return;
+        }
+        this.open();
+    }
+    handleClick(event) {
+        event.preventDefault();
+        this.toggle();
+    }
+    handleKeydown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.close();
+            return;
+        }
+        if (this.isNativeInteractiveElement()) {
+            return;
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.toggle();
+        }
+    }
+    createOverlay(config) {
+        this.currentSide = config.side;
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.elementRef.nativeElement)
+            .withPositions(buildConfirmPopoverPositions(config))
+            .withPush(true)
+            .withViewportMargin(12);
+        positionStrategy.positionChanges.subscribe((event) => this.handlePositionChange(event));
+        const overlayRef = this.overlay.create({
+            hasBackdrop: true,
+            backdropClass: 'frame-popover__backdrop',
+            panelClass: [
+                'frame-popover-overlay',
+                'frame-confirm-popover-overlay',
+                `frame-popover-overlay--${config.side}`,
+            ],
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+        });
+        overlayRef.backdropClick().subscribe(() => this.close());
+        overlayRef.keydownEvents().subscribe((event) => {
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                this.close();
+            }
+        });
+        return overlayRef;
+    }
+    handlePositionChange(event) {
+        const pair = event.connectionPair;
+        const side = pair.overlayY === 'top'
+            ? 'bottom'
+            : pair.overlayY === 'bottom'
+                ? 'top'
+                : pair.overlayX === 'start'
+                    ? 'right'
+                    : 'left';
+        this.currentSide = side;
+        this.panelRef?.setInput('side', side);
+        this.overlayRef?.removePanelClass([
+            'frame-popover-overlay--top',
+            'frame-popover-overlay--right',
+            'frame-popover-overlay--bottom',
+            'frame-popover-overlay--left',
+        ]);
+        this.overlayRef?.addPanelClass(`frame-popover-overlay--${side}`);
+    }
+    updatePanelInputs(config) {
+        const panelRef = this.panelRef;
+        if (!panelRef) {
+            return;
+        }
+        const panelId = `frame-confirm-popover-${nextConfirmPopoverId++}`;
+        panelRef.setInput('buttonSize', config.buttonSize);
+        panelRef.setInput('cancelAppearance', config.cancelAppearance);
+        panelRef.setInput('cancelLabel', config.cancelLabel);
+        panelRef.setInput('confirmAppearance', config.confirmAppearance);
+        panelRef.setInput('confirmLabel', config.confirmLabel);
+        panelRef.setInput('description', config.description);
+        panelRef.setInput('descriptionId', config.description ? `${panelId}-description` : null);
+        panelRef.setInput('side', this.currentSide);
+        panelRef.setInput('title', config.title);
+        panelRef.setInput('titleId', `${panelId}-title`);
+    }
+    resolvedConfig() {
+        const config = this.config();
+        const baseConfig = typeof config === 'string' ? { title: config } : config;
+        return {
+            align: this.align() ?? baseConfig.align ?? 'center',
+            alignOffset: this.alignOffset() ?? baseConfig.alignOffset ?? 0,
+            buttonSize: this.buttonSize() ?? baseConfig.buttonSize ?? 'sm',
+            cancelAppearance: this.cancelAppearance() ?? baseConfig.cancelAppearance ?? 'outline',
+            cancelLabel: this.cancelLabel() ?? baseConfig.cancelLabel ?? 'Cancel',
+            confirmAppearance: this.confirmAppearance() ?? baseConfig.confirmAppearance ?? 'primary',
+            confirmLabel: this.confirmLabel() ?? baseConfig.confirmLabel ?? 'Confirm',
+            description: this.description() ?? baseConfig.description,
+            disabled: this.disabled() ?? baseConfig.disabled ?? false,
+            side: this.side() ?? baseConfig.side ?? 'bottom',
+            sideOffset: this.sideOffset() ?? baseConfig.sideOffset ?? 8,
+            title: this.title() ?? baseConfig.title ?? 'Are you sure?',
+        };
+    }
+    syncCustomPropertiesToOverlay() {
+        const overlayPane = this.overlayRef?.overlayElement;
+        const panel = overlayPane?.querySelector('.frame-confirm-popover__content');
+        if (!overlayPane || !panel || typeof getComputedStyle === 'undefined') {
+            return;
+        }
+        const sourceStyles = getComputedStyle(this.elementRef.nativeElement);
+        // Overlay content is portaled, so copy popover-compatible token overrides from the trigger.
+        for (let index = 0; index < sourceStyles.length; index += 1) {
+            const propertyName = sourceStyles.item(index);
+            if (!propertyName.startsWith('--frame-popover-') && !propertyName.startsWith('--frame-confirm-popover-')) {
+                continue;
+            }
+            const propertyValue = sourceStyles.getPropertyValue(propertyName);
+            overlayPane.style.setProperty(propertyName, propertyValue);
+            panel.style.setProperty(propertyName, propertyValue);
+        }
+    }
+    isNativeInteractiveElement() {
+        const tagName = this.elementRef.nativeElement.tagName.toLowerCase();
+        return ['a', 'button', 'input', 'select', 'textarea'].includes(tagName);
+    }
+    destroy() {
+        this.detachPanel({ dispose: true });
+    }
+    detachPanel(options = {}) {
+        this.overlayRef?.detach();
+        this.panelRef = null;
+        this.isOpen.set(false);
+        if (options.dispose) {
+            this.overlayRef?.dispose();
+            this.overlayRef = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopover, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrConfirmPopover, isStandalone: true, selector: "\n    [frConfirmPopover],\n    [frConfirmPopoverAlign],\n    [frConfirmPopoverAlignOffset],\n    [frConfirmPopoverButtonSize],\n    [frConfirmPopoverCancelAppearance],\n    [frConfirmPopoverCancelLabel],\n    [frConfirmPopoverConfirmAppearance],\n    [frConfirmPopoverConfirmLabel],\n    [frConfirmPopoverDescription],\n    [frConfirmPopoverDisabled],\n    [frConfirmPopoverSide],\n    [frConfirmPopoverSideOffset],\n    [frConfirmPopoverTitle]\n  ", inputs: { config: { classPropertyName: "config", publicName: "frConfirmPopover", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "frConfirmPopoverAlign", isSignal: true, isRequired: false, transformFunction: null }, alignOffset: { classPropertyName: "alignOffset", publicName: "frConfirmPopoverAlignOffset", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "frConfirmPopoverButtonSize", isSignal: true, isRequired: false, transformFunction: null }, cancelAppearance: { classPropertyName: "cancelAppearance", publicName: "frConfirmPopoverCancelAppearance", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "frConfirmPopoverCancelLabel", isSignal: true, isRequired: false, transformFunction: null }, confirmAppearance: { classPropertyName: "confirmAppearance", publicName: "frConfirmPopoverConfirmAppearance", isSignal: true, isRequired: false, transformFunction: null }, confirmLabel: { classPropertyName: "confirmLabel", publicName: "frConfirmPopoverConfirmLabel", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "frConfirmPopoverDescription", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "frConfirmPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "frConfirmPopoverSide", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "frConfirmPopoverSideOffset", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "frConfirmPopoverTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "frConfirmPopoverClosed", cancelled: "frConfirmPopoverCancelled", confirmed: "frConfirmPopoverConfirmed" }, host: { listeners: { "click": "handleClick($event)", "keydown": "handleKeydown($event)" }, properties: { "attr.aria-expanded": "isOpen()", "attr.aria-haspopup": "\"dialog\"", "attr.data-state": "isOpen() ? \"open\" : \"closed\"" }, classAttribute: "frame-confirm-popover__trigger" }, exportAs: ["frConfirmPopover"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopover, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `
+    [frConfirmPopover],
+    [frConfirmPopoverAlign],
+    [frConfirmPopoverAlignOffset],
+    [frConfirmPopoverButtonSize],
+    [frConfirmPopoverCancelAppearance],
+    [frConfirmPopoverCancelLabel],
+    [frConfirmPopoverConfirmAppearance],
+    [frConfirmPopoverConfirmLabel],
+    [frConfirmPopoverDescription],
+    [frConfirmPopoverDisabled],
+    [frConfirmPopoverSide],
+    [frConfirmPopoverSideOffset],
+    [frConfirmPopoverTitle]
+  `,
+                    exportAs: 'frConfirmPopover',
+                    host: {
+                        class: 'frame-confirm-popover__trigger',
+                        '[attr.aria-expanded]': 'isOpen()',
+                        '[attr.aria-haspopup]': '"dialog"',
+                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
+                        '(click)': 'handleClick($event)',
+                        '(keydown)': 'handleKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopover", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverAlign", required: false }] }], alignOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverAlignOffset", required: false }] }], buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverButtonSize", required: false }] }], cancelAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverCancelAppearance", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverCancelLabel", required: false }] }], confirmAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverConfirmAppearance", required: false }] }], confirmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverConfirmLabel", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverDescription", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverDisabled", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverSide", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverSideOffset", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "frConfirmPopoverTitle", required: false }] }], closed: [{ type: i0.Output, args: ["frConfirmPopoverClosed"] }], cancelled: [{ type: i0.Output, args: ["frConfirmPopoverCancelled"] }], confirmed: [{ type: i0.Output, args: ["frConfirmPopoverConfirmed"] }] } });
+class FrConfirmPopoverPanel {
+    buttonSize = input('sm', ...(ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []));
+    cancelAppearance = input('outline', ...(ngDevMode ? [{ debugName: "cancelAppearance" }] : /* istanbul ignore next */ []));
+    cancelLabel = input('Cancel', ...(ngDevMode ? [{ debugName: "cancelLabel" }] : /* istanbul ignore next */ []));
+    confirmAppearance = input('primary', ...(ngDevMode ? [{ debugName: "confirmAppearance" }] : /* istanbul ignore next */ []));
+    confirmLabel = input('Confirm', ...(ngDevMode ? [{ debugName: "confirmLabel" }] : /* istanbul ignore next */ []));
+    description = input(undefined, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    descriptionId = input(null, ...(ngDevMode ? [{ debugName: "descriptionId" }] : /* istanbul ignore next */ []));
+    side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    title = input('Are you sure?', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    titleId = input.required(...(ngDevMode ? [{ debugName: "titleId" }] : /* istanbul ignore next */ []));
+    cancelled = output();
+    confirmed = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopoverPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrConfirmPopoverPanel, isStandalone: true, selector: "frame-confirm-popover-panel", inputs: { buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null }, cancelAppearance: { classPropertyName: "cancelAppearance", publicName: "cancelAppearance", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, confirmAppearance: { classPropertyName: "confirmAppearance", publicName: "confirmAppearance", isSignal: true, isRequired: false, transformFunction: null }, confirmLabel: { classPropertyName: "confirmLabel", publicName: "confirmLabel", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, descriptionId: { classPropertyName: "descriptionId", publicName: "descriptionId", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { cancelled: "cancelled", confirmed: "confirmed" }, ngImport: i0, template: `
+    <div
+      class="frame-popover__content frame-confirm-popover__content"
+      role="alertdialog"
+      [attr.aria-describedby]="descriptionId()"
+      [attr.aria-labelledby]="titleId()"
+      [attr.data-side]="side()"
+    >
+      <div class="frame-popover__header frame-confirm-popover__header">
+        <h3 class="frame-popover__title frame-confirm-popover__title" [id]="titleId()">
+          {{ title() }}
+        </h3>
+
+        @if (description()) {
+          <p class="frame-popover__description frame-confirm-popover__description" [id]="descriptionId()">
+            {{ description() }}
+          </p>
+        }
+      </div>
+
+      <div class="frame-popover__footer frame-confirm-popover__footer">
+        <button
+          frButton
+          type="button"
+          [appearance]="cancelAppearance()"
+          [size]="buttonSize()"
+          (click)="cancelled.emit()"
+        >
+          <span frButtonLabel>{{ cancelLabel() }}</span>
+        </button>
+        <button
+          frButton
+          type="button"
+          [appearance]="confirmAppearance()"
+          [size]="buttonSize()"
+          (click)="confirmed.emit()"
+        >
+          <span frButtonLabel>{{ confirmLabel() }}</span>
+        </button>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: FrButton, selector: "a[frButton], button[frButton]", inputs: ["appearance", "disabled", "loading", "loadingDisplay", "radius", "size"] }, { kind: "directive", type: FrButtonLabel, selector: "[frButtonLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopoverPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frame-confirm-popover-panel',
+                    imports: [FrButton, FrButtonLabel],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div
+      class="frame-popover__content frame-confirm-popover__content"
+      role="alertdialog"
+      [attr.aria-describedby]="descriptionId()"
+      [attr.aria-labelledby]="titleId()"
+      [attr.data-side]="side()"
+    >
+      <div class="frame-popover__header frame-confirm-popover__header">
+        <h3 class="frame-popover__title frame-confirm-popover__title" [id]="titleId()">
+          {{ title() }}
+        </h3>
+
+        @if (description()) {
+          <p class="frame-popover__description frame-confirm-popover__description" [id]="descriptionId()">
+            {{ description() }}
+          </p>
+        }
+      </div>
+
+      <div class="frame-popover__footer frame-confirm-popover__footer">
+        <button
+          frButton
+          type="button"
+          [appearance]="cancelAppearance()"
+          [size]="buttonSize()"
+          (click)="cancelled.emit()"
+        >
+          <span frButtonLabel>{{ cancelLabel() }}</span>
+        </button>
+        <button
+          frButton
+          type="button"
+          [appearance]="confirmAppearance()"
+          [size]="buttonSize()"
+          (click)="confirmed.emit()"
+        >
+          <span frButtonLabel>{{ confirmLabel() }}</span>
+        </button>
+      </div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSize", required: false }] }], cancelAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelAppearance", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], confirmAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmAppearance", required: false }] }], confirmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmLabel", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], descriptionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionId", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: true }] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }], confirmed: [{ type: i0.Output, args: ["confirmed"] }] } });
+function buildConfirmPopoverPositions(options) {
+    const primary = buildPosition(options.side, options);
+    const fallback = buildPosition(oppositeSide(options.side), options);
+    return [primary, fallback];
+}
+function buildPosition(side, options) {
+    if (side === 'top' || side === 'bottom') {
+        const isBottom = side === 'bottom';
+        return {
+            originX: options.align,
+            originY: isBottom ? 'bottom' : 'top',
+            overlayX: options.align,
+            overlayY: isBottom ? 'top' : 'bottom',
+            offsetX: options.alignOffset,
+            offsetY: isBottom ? options.sideOffset : -options.sideOffset,
+        };
+    }
+    const isRight = side === 'right';
+    return {
+        originX: isRight ? 'end' : 'start',
+        originY: verticalPosition(options.align),
+        overlayX: isRight ? 'start' : 'end',
+        overlayY: verticalPosition(options.align),
+        offsetX: isRight ? options.sideOffset : -options.sideOffset,
+        offsetY: options.alignOffset,
+    };
+}
+function verticalPosition(align) {
+    if (align === 'center') {
+        return 'center';
+    }
+    return align === 'start' ? 'top' : 'bottom';
+}
+function oppositeSide(side) {
+    if (side === 'top') {
+        return 'bottom';
+    }
+    if (side === 'bottom') {
+        return 'top';
+    }
+    if (side === 'left') {
+        return 'right';
+    }
+    return 'left';
+}
+function optionalBooleanAttribute(value) {
+    return value == null ? undefined : booleanAttribute(value);
+}
+function optionalNumberAttribute(value) {
+    return value == null ? undefined : numberAttribute(value);
+}
+
+class FrConfirmPopoverModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopoverModule, imports: [FrConfirmPopover], exports: [FrConfirmPopover] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopoverModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [FrConfirmPopover],
+                    exports: [FrConfirmPopover],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FrConfirmPopover, FrConfirmPopoverModule, FrConfirmPopoverPanel };
+//# sourceMappingURL=frame-ui-ng-components-confirm-popover.mjs.map

package/fesm2022/frame-ui-ng-components-confirm-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-confirm-popover.mjs","sources":["../../../projects/components/confirm-popover/src/confirm-popover.ts","../../../projects/components/confirm-popover/confirm-popover.module.ts","../../../projects/components/confirm-popover/frame-ui-ng-components-confirm-popover.ts"],"sourcesContent":["import { ConnectedOverlayPositionChange, ConnectedPosition, Overlay, OverlayRef } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ComponentRef,\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  PLATFORM_ID,\r\n  booleanAttribute,\r\n  inject,\r\n  input,\r\n  numberAttribute,\r\n  output,\r\n  signal,\r\n} from '@angular/core';\r\nimport { FrButton, FrButtonAppearance, FrButtonLabel, FrButtonSize } from '@frame-ui-ng/components/button';\r\nimport { FrPopoverAlignment, FrPopoverSide } from '@frame-ui-ng/components/popover';\r\n\r\nexport type FrConfirmPopoverResult = 'cancel' | 'confirm';\r\n\r\nexport type FrConfirmPopoverConfig = {\r\n  align?: FrPopoverAlignment;\r\n  alignOffset?: number;\r\n  buttonSize?: FrButtonSize;\r\n  cancelAppearance?: FrButtonAppearance;\r\n  cancelLabel?: string;\r\n  confirmAppearance?: FrButtonAppearance;\r\n  confirmLabel?: string;\r\n  description?: string;\r\n  disabled?: boolean;\r\n  side?: FrPopoverSide;\r\n  sideOffset?: number;\r\n  title?: string;\r\n};\r\n\r\ntype ResolvedConfirmPopoverConfig = Required<\r\n  Omit<FrConfirmPopoverConfig, 'description'>\r\n> & {\r\n  description?: string;\r\n};\r\n\r\nlet nextConfirmPopoverId = 0;\r\n\r\n/** Flexible confirmation popover trigger that can attach to any host element. */\r\n@Directive({\r\n  selector: `\r\n    [frConfirmPopover],\r\n    [frConfirmPopoverAlign],\r\n    [frConfirmPopoverAlignOffset],\r\n    [frConfirmPopoverButtonSize],\r\n    [frConfirmPopoverCancelAppearance],\r\n    [frConfirmPopoverCancelLabel],\r\n    [frConfirmPopoverConfirmAppearance],\r\n    [frConfirmPopoverConfirmLabel],\r\n    [frConfirmPopoverDescription],\r\n    [frConfirmPopoverDisabled],\r\n    [frConfirmPopoverSide],\r\n    [frConfirmPopoverSideOffset],\r\n    [frConfirmPopoverTitle]\r\n  `,\r\n  exportAs: 'frConfirmPopover',\r\n  host: {\r\n    class: 'frame-confirm-popover__trigger',\r\n    '[attr.aria-expanded]': 'isOpen()',\r\n    '[attr.aria-haspopup]': '\"dialog\"',\r\n    '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\r\n    '(click)': 'handleClick($event)',\r\n    '(keydown)': 'handleKeydown($event)',\r\n  },\r\n})\r\nexport class FrConfirmPopover {\r\n  private readonly destroyRef = inject(DestroyRef);\r\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly overlay = inject(Overlay);\r\n  private readonly platformId = inject(PLATFORM_ID);\r\n\r\n  readonly config = input<FrConfirmPopoverConfig | string>({}, { alias: 'frConfirmPopover' });\r\n  readonly align = input<FrPopoverAlignment | undefined>(undefined, { alias: 'frConfirmPopoverAlign' });\r\n  readonly alignOffset = input<number | undefined, unknown>(undefined, {\r\n    alias: 'frConfirmPopoverAlignOffset',\r\n    transform: optionalNumberAttribute,\r\n  });\r\n  readonly buttonSize = input<FrButtonSize | undefined>(undefined, { alias: 'frConfirmPopoverButtonSize' });\r\n  readonly cancelAppearance = input<FrButtonAppearance | undefined>(undefined, {\r\n    alias: 'frConfirmPopoverCancelAppearance',\r\n  });\r\n  readonly cancelLabel = input<string | undefined>(undefined, { alias: 'frConfirmPopoverCancelLabel' });\r\n  readonly confirmAppearance = input<FrButtonAppearance | undefined>(undefined, {\r\n    alias: 'frConfirmPopoverConfirmAppearance',\r\n  });\r\n  readonly confirmLabel = input<string | undefined>(undefined, { alias: 'frConfirmPopoverConfirmLabel' });\r\n  readonly description = input<string | undefined>(undefined, { alias: 'frConfirmPopoverDescription' });\r\n  readonly disabled = input<boolean | undefined, unknown>(undefined, {\r\n    alias: 'frConfirmPopoverDisabled',\r\n    transform: optionalBooleanAttribute,\r\n  });\r\n  readonly side = input<FrPopoverSide | undefined>(undefined, { alias: 'frConfirmPopoverSide' });\r\n  readonly sideOffset = input<number | undefined, unknown>(undefined, {\r\n    alias: 'frConfirmPopoverSideOffset',\r\n    transform: optionalNumberAttribute,\r\n  });\r\n  readonly title = input<string | undefined>(undefined, { alias: 'frConfirmPopoverTitle' });\r\n\r\n  readonly closed = output<FrConfirmPopoverResult | undefined>({ alias: 'frConfirmPopoverClosed' });\r\n  readonly cancelled = output<void>({ alias: 'frConfirmPopoverCancelled' });\r\n  readonly confirmed = output<void>({ alias: 'frConfirmPopoverConfirmed' });\r\n\r\n  protected readonly isOpen = signal(false);\r\n\r\n  private overlayRef: OverlayRef | null = null;\r\n  private panelRef: ComponentRef<FrConfirmPopoverPanel> | null = null;\r\n  private currentSide: FrPopoverSide = 'bottom';\r\n\r\n  constructor() {\r\n    this.destroyRef.onDestroy(() => this.destroy());\r\n  }\r\n\r\n  open(): void {\r\n    if (!isPlatformBrowser(this.platformId)) {\r\n      return;\r\n    }\r\n\r\n    const config = this.resolvedConfig();\r\n\r\n    if (config.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (!this.overlayRef) {\r\n      this.overlayRef = this.createOverlay(config);\r\n    }\r\n\r\n    if (!this.overlayRef.hasAttached()) {\r\n      this.panelRef = this.overlayRef.attach(new ComponentPortal(FrConfirmPopoverPanel));\r\n      this.panelRef.instance.cancelled.subscribe(() => this.close('cancel'));\r\n      this.panelRef.instance.confirmed.subscribe(() => this.close('confirm'));\r\n      this.syncCustomPropertiesToOverlay();\r\n    }\r\n\r\n    this.updatePanelInputs(config);\r\n    this.isOpen.set(true);\r\n  }\r\n\r\n  close(result?: FrConfirmPopoverResult): void {\r\n    this.detachPanel({ dispose: true });\r\n    this.closed.emit(result);\r\n\r\n    if (result === 'confirm') {\r\n      this.confirmed.emit();\r\n      return;\r\n    }\r\n\r\n    if (result === 'cancel') {\r\n      this.cancelled.emit();\r\n    }\r\n  }\r\n\r\n  toggle(): void {\r\n    if (this.isOpen()) {\r\n      this.close();\r\n      return;\r\n    }\r\n\r\n    this.open();\r\n  }\r\n\r\n  protected handleClick(event: Event): void {\r\n    event.preventDefault();\r\n    this.toggle();\r\n  }\r\n\r\n  protected handleKeydown(event: KeyboardEvent): void {\r\n    if (event.key === 'Escape') {\r\n      event.preventDefault();\r\n      this.close();\r\n      return;\r\n    }\r\n\r\n    if (this.isNativeInteractiveElement()) {\r\n      return;\r\n    }\r\n\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n      this.toggle();\r\n    }\r\n  }\r\n\r\n  private createOverlay(config: ResolvedConfirmPopoverConfig): OverlayRef {\r\n    this.currentSide = config.side;\r\n\r\n    const positionStrategy = this.overlay\r\n      .position()\r\n      .flexibleConnectedTo(this.elementRef.nativeElement)\r\n      .withPositions(buildConfirmPopoverPositions(config))\r\n      .withPush(true)\r\n      .withViewportMargin(12);\r\n\r\n    positionStrategy.positionChanges.subscribe((event) => this.handlePositionChange(event));\r\n\r\n    const overlayRef = this.overlay.create({\r\n      hasBackdrop: true,\r\n      backdropClass: 'frame-popover__backdrop',\r\n      panelClass: [\r\n        'frame-popover-overlay',\r\n        'frame-confirm-popover-overlay',\r\n        `frame-popover-overlay--${config.side}`,\r\n      ],\r\n      positionStrategy,\r\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\r\n    });\r\n\r\n    overlayRef.backdropClick().subscribe(() => this.close());\r\n    overlayRef.keydownEvents().subscribe((event) => {\r\n      if (event.key === 'Escape') {\r\n        event.preventDefault();\r\n        this.close();\r\n      }\r\n    });\r\n\r\n    return overlayRef;\r\n  }\r\n\r\n  private handlePositionChange(event: ConnectedOverlayPositionChange): void {\r\n    const pair = event.connectionPair;\r\n    const side: FrPopoverSide = pair.overlayY === 'top'\r\n      ? 'bottom'\r\n      : pair.overlayY === 'bottom'\r\n        ? 'top'\r\n        : pair.overlayX === 'start'\r\n          ? 'right'\r\n          : 'left';\r\n\r\n    this.currentSide = side;\r\n    this.panelRef?.setInput('side', side);\r\n    this.overlayRef?.removePanelClass([\r\n      'frame-popover-overlay--top',\r\n      'frame-popover-overlay--right',\r\n      'frame-popover-overlay--bottom',\r\n      'frame-popover-overlay--left',\r\n    ]);\r\n    this.overlayRef?.addPanelClass(`frame-popover-overlay--${side}`);\r\n  }\r\n\r\n  private updatePanelInputs(config: ResolvedConfirmPopoverConfig): void {\r\n    const panelRef = this.panelRef;\r\n\r\n    if (!panelRef) {\r\n      return;\r\n    }\r\n\r\n    const panelId = `frame-confirm-popover-${nextConfirmPopoverId++}`;\r\n\r\n    panelRef.setInput('buttonSize', config.buttonSize);\r\n    panelRef.setInput('cancelAppearance', config.cancelAppearance);\r\n    panelRef.setInput('cancelLabel', config.cancelLabel);\r\n    panelRef.setInput('confirmAppearance', config.confirmAppearance);\r\n    panelRef.setInput('confirmLabel', config.confirmLabel);\r\n    panelRef.setInput('description', config.description);\r\n    panelRef.setInput('descriptionId', config.description ? `${panelId}-description` : null);\r\n    panelRef.setInput('side', this.currentSide);\r\n    panelRef.setInput('title', config.title);\r\n    panelRef.setInput('titleId', `${panelId}-title`);\r\n  }\r\n\r\n  private resolvedConfig(): ResolvedConfirmPopoverConfig {\r\n    const config = this.config();\r\n    const baseConfig: FrConfirmPopoverConfig = typeof config === 'string' ? { title: config } : config;\r\n\r\n    return {\r\n      align: this.align() ?? baseConfig.align ?? 'center',\r\n      alignOffset: this.alignOffset() ?? baseConfig.alignOffset ?? 0,\r\n      buttonSize: this.buttonSize() ?? baseConfig.buttonSize ?? 'sm',\r\n      cancelAppearance: this.cancelAppearance() ?? baseConfig.cancelAppearance ?? 'outline',\r\n      cancelLabel: this.cancelLabel() ?? baseConfig.cancelLabel ?? 'Cancel',\r\n      confirmAppearance: this.confirmAppearance() ?? baseConfig.confirmAppearance ?? 'primary',\r\n      confirmLabel: this.confirmLabel() ?? baseConfig.confirmLabel ?? 'Confirm',\r\n      description: this.description() ?? baseConfig.description,\r\n      disabled: this.disabled() ?? baseConfig.disabled ?? false,\r\n      side: this.side() ?? baseConfig.side ?? 'bottom',\r\n      sideOffset: this.sideOffset() ?? baseConfig.sideOffset ?? 8,\r\n      title: this.title() ?? baseConfig.title ?? 'Are you sure?',\r\n    };\r\n  }\r\n\r\n  private syncCustomPropertiesToOverlay(): void {\r\n    const overlayPane = this.overlayRef?.overlayElement;\r\n    const panel = overlayPane?.querySelector<HTMLElement>('.frame-confirm-popover__content');\r\n\r\n    if (!overlayPane || !panel || typeof getComputedStyle === 'undefined') {\r\n      return;\r\n    }\r\n\r\n    const sourceStyles = getComputedStyle(this.elementRef.nativeElement);\r\n\r\n    // Overlay content is portaled, so copy popover-compatible token overrides from the trigger.\r\n    for (let index = 0; index < sourceStyles.length; index += 1) {\r\n      const propertyName = sourceStyles.item(index);\r\n\r\n      if (!propertyName.startsWith('--frame-popover-') && !propertyName.startsWith('--frame-confirm-popover-')) {\r\n        continue;\r\n      }\r\n\r\n      const propertyValue = sourceStyles.getPropertyValue(propertyName);\r\n      overlayPane.style.setProperty(propertyName, propertyValue);\r\n      panel.style.setProperty(propertyName, propertyValue);\r\n    }\r\n  }\r\n\r\n  private isNativeInteractiveElement(): boolean {\r\n    const tagName = this.elementRef.nativeElement.tagName.toLowerCase();\r\n\r\n    return ['a', 'button', 'input', 'select', 'textarea'].includes(tagName);\r\n  }\r\n\r\n  private destroy(): void {\r\n    this.detachPanel({ dispose: true });\r\n  }\r\n\r\n  private detachPanel(options: { dispose?: boolean } = {}): void {\r\n    this.overlayRef?.detach();\r\n    this.panelRef = null;\r\n    this.isOpen.set(false);\r\n\r\n    if (options.dispose) {\r\n      this.overlayRef?.dispose();\r\n      this.overlayRef = null;\r\n    }\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'frame-confirm-popover-panel',\r\n  imports: [FrButton, FrButtonLabel],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <div\r\n      class=\"frame-popover__content frame-confirm-popover__content\"\r\n      role=\"alertdialog\"\r\n      [attr.aria-describedby]=\"descriptionId()\"\r\n      [attr.aria-labelledby]=\"titleId()\"\r\n      [attr.data-side]=\"side()\"\r\n    >\r\n      <div class=\"frame-popover__header frame-confirm-popover__header\">\r\n        <h3 class=\"frame-popover__title frame-confirm-popover__title\" [id]=\"titleId()\">\r\n          {{ title() }}\r\n        </h3>\r\n\r\n        @if (description()) {\r\n          <p class=\"frame-popover__description frame-confirm-popover__description\" [id]=\"descriptionId()\">\r\n            {{ description() }}\r\n          </p>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"frame-popover__footer frame-confirm-popover__footer\">\r\n        <button\r\n          frButton\r\n          type=\"button\"\r\n          [appearance]=\"cancelAppearance()\"\r\n          [size]=\"buttonSize()\"\r\n          (click)=\"cancelled.emit()\"\r\n        >\r\n          <span frButtonLabel>{{ cancelLabel() }}</span>\r\n        </button>\r\n        <button\r\n          frButton\r\n          type=\"button\"\r\n          [appearance]=\"confirmAppearance()\"\r\n          [size]=\"buttonSize()\"\r\n          (click)=\"confirmed.emit()\"\r\n        >\r\n          <span frButtonLabel>{{ confirmLabel() }}</span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  `,\r\n})\r\nexport class FrConfirmPopoverPanel {\r\n  readonly buttonSize = input<FrButtonSize>('sm');\r\n  readonly cancelAppearance = input<FrButtonAppearance>('outline');\r\n  readonly cancelLabel = input('Cancel');\r\n  readonly confirmAppearance = input<FrButtonAppearance>('primary');\r\n  readonly confirmLabel = input('Confirm');\r\n  readonly description = input<string | undefined>(undefined);\r\n  readonly descriptionId = input<string | null>(null);\r\n  readonly side = input<FrPopoverSide>('bottom');\r\n  readonly title = input('Are you sure?');\r\n  readonly titleId = input.required<string>();\r\n\r\n  readonly cancelled = output<void>();\r\n  readonly confirmed = output<void>();\r\n}\r\n\r\nfunction buildConfirmPopoverPositions(options: {\r\n  align: FrPopoverAlignment;\r\n  alignOffset: number;\r\n  side: FrPopoverSide;\r\n  sideOffset: number;\r\n}): ConnectedPosition[] {\r\n  const primary = buildPosition(options.side, options);\r\n  const fallback = buildPosition(oppositeSide(options.side), options);\r\n\r\n  return [primary, fallback];\r\n}\r\n\r\nfunction buildPosition(\r\n  side: FrPopoverSide,\r\n  options: {\r\n    align: FrPopoverAlignment;\r\n    alignOffset: number;\r\n    sideOffset: number;\r\n  },\r\n): ConnectedPosition {\r\n  if (side === 'top' || side === 'bottom') {\r\n    const isBottom = side === 'bottom';\r\n\r\n    return {\r\n      originX: options.align,\r\n      originY: isBottom ? 'bottom' : 'top',\r\n      overlayX: options.align,\r\n      overlayY: isBottom ? 'top' : 'bottom',\r\n      offsetX: options.alignOffset,\r\n      offsetY: isBottom ? options.sideOffset : -options.sideOffset,\r\n    };\r\n  }\r\n\r\n  const isRight = side === 'right';\r\n\r\n  return {\r\n    originX: isRight ? 'end' : 'start',\r\n    originY: verticalPosition(options.align),\r\n    overlayX: isRight ? 'start' : 'end',\r\n    overlayY: verticalPosition(options.align),\r\n    offsetX: isRight ? options.sideOffset : -options.sideOffset,\r\n    offsetY: options.alignOffset,\r\n  };\r\n}\r\n\r\nfunction verticalPosition(align: FrPopoverAlignment): 'top' | 'center' | 'bottom' {\r\n  if (align === 'center') {\r\n    return 'center';\r\n  }\r\n\r\n  return align === 'start' ? 'top' : 'bottom';\r\n}\r\n\r\nfunction oppositeSide(side: FrPopoverSide): FrPopoverSide {\r\n  if (side === 'top') {\r\n    return 'bottom';\r\n  }\r\n\r\n  if (side === 'bottom') {\r\n    return 'top';\r\n  }\r\n\r\n  if (side === 'left') {\r\n    return 'right';\r\n  }\r\n\r\n  return 'left';\r\n}\r\n\r\nfunction optionalBooleanAttribute(value: unknown): boolean | undefined {\r\n  return value == null ? undefined : booleanAttribute(value);\r\n}\r\n\r\nfunction optionalNumberAttribute(value: unknown): number | undefined {\r\n  return value == null ? undefined : numberAttribute(value);\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { FrConfirmPopover } from './src/confirm-popover';\r\n\r\n@NgModule({\r\n  imports: [FrConfirmPopover],\r\n  exports: [FrConfirmPopover],\r\n})\r\nexport class FrConfirmPopoverModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}