@frame-ui-ng/components 0.1.0-beta.0

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

@@ -0,0 +1,454 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, TemplateRef, input, booleanAttribute, Directive, model, signal, computed, afterNextRender, ChangeDetectionStrategy, Component, ElementRef, effect, NgModule } from '@angular/core';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { NgTemplateOutlet } from '@angular/common';
+
+function buildPopoverPositions(options) {
+    const primary = buildPosition(options.side, options);
+    const opposite = oppositeSide(options.side);
+    const fallback = buildPosition(opposite, {
+        align: options.align,
+        alignOffset: options.alignOffset,
+        sideOffset: options.sideOffset,
+    });
+    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: verticalAlign(options.align),
+        overlayX: isRight ? 'start' : 'end',
+        overlayY: verticalAlign(options.align),
+        offsetX: isRight ? options.sideOffset : -options.sideOffset,
+        offsetY: options.alignOffset,
+    };
+}
+function verticalAlign(align) {
+    if (align === 'center') {
+        return 'center';
+    }
+    return align === 'end' ? 'bottom' : 'top';
+}
+function oppositeSide(side) {
+    if (side === 'top') {
+        return 'bottom';
+    }
+    if (side === 'bottom') {
+        return 'top';
+    }
+    return side === 'left' ? 'right' : 'left';
+}
+
+const FR_POPOVER_CONTROLLER = new InjectionToken('FrPopoverController');
+
+class FrPopoverContent {
+    templateRef = inject((TemplateRef));
+    align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    alignOffset = input(0, ...(ngDevMode ? [{ debugName: "alignOffset" }] : /* istanbul ignore next */ []));
+    debugVisible = input(false, { ...(ngDevMode ? { debugName: "debugVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    sideOffset = input(8, ...(ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []));
+    getPositions() {
+        return buildPopoverPositions({
+            align: this.align(),
+            alignOffset: this.alignOffset(),
+            side: this.side(),
+            sideOffset: this.sideOffset(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrPopoverContent, isStandalone: true, selector: "ng-template[frPopoverContent]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, alignOffset: { classPropertyName: "alignOffset", publicName: "alignOffset", isSignal: true, isRequired: false, transformFunction: null }, debugVisible: { classPropertyName: "debugVisible", publicName: "debugVisible", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["frPopoverContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[frPopoverContent]',
+                    exportAs: 'frPopoverContent',
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], alignOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignOffset", required: false }] }], debugVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugVisible", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }] } });
+class FrPopoverPanel {
+    content = inject(FrPopoverContent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrPopoverPanel, isStandalone: true, selector: "[frPopoverPanel]", host: { attributes: { "role": "dialog", "tabindex": "-1" }, properties: { "attr.data-side": "content.side()" }, classAttribute: "frame-popover__content" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverPanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frPopoverPanel]',
+                    host: {
+                        class: 'frame-popover__content',
+                        '[attr.data-side]': 'content.side()',
+                        role: 'dialog',
+                        tabindex: '-1',
+                    },
+                }]
+        }] });
+class FrPopoverHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrPopoverHeader, isStandalone: true, selector: "[frPopoverHeader]", host: { classAttribute: "frame-popover__header" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frPopoverHeader]',
+                    host: {
+                        class: 'frame-popover__header',
+                    },
+                }]
+        }] });
+class FrPopoverTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrPopoverTitle, isStandalone: true, selector: "[frPopoverTitle]", host: { classAttribute: "frame-popover__title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frPopoverTitle]',
+                    host: {
+                        class: 'frame-popover__title',
+                    },
+                }]
+        }] });
+class FrPopoverDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrPopoverDescription, isStandalone: true, selector: "[frPopoverDescription]", host: { classAttribute: "frame-popover__description" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frPopoverDescription]',
+                    host: {
+                        class: 'frame-popover__description',
+                    },
+                }]
+        }] });
+class FrPopoverBody {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrPopoverBody, isStandalone: true, selector: "[frPopoverBody]", host: { classAttribute: "frame-popover__body" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frPopoverBody]',
+                    host: {
+                        class: 'frame-popover__body',
+                    },
+                }]
+        }] });
+class FrPopoverFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrPopoverFooter, isStandalone: true, selector: "[frPopoverFooter]", host: { classAttribute: "frame-popover__footer" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frPopoverFooter]',
+                    host: {
+                        class: 'frame-popover__footer',
+                    },
+                }]
+        }] });
+class FrPopoverClose {
+    root = inject(FR_POPOVER_CONTROLLER);
+    handleClick(event) {
+        event.preventDefault();
+        this.root.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrPopoverClose, isStandalone: true, selector: "[frPopoverClose]", host: { listeners: { "click": "handleClick($event)" }, classAttribute: "frame-popover__close" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frPopoverClose]',
+                    host: {
+                        class: 'frame-popover__close',
+                        '(click)': 'handleClick($event)',
+                    },
+                }]
+        }] });
+
+const DEFAULT_POSITIONS = buildPopoverPositions({
+    align: 'center',
+    alignOffset: 0,
+    side: 'bottom',
+    sideOffset: 8,
+});
+class FrPopoverRoot {
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    debugVisible = input(false, { ...(ngDevMode ? { debugName: "debugVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    content = signal(null, ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    overlaySide = signal('bottom', ...(ngDevMode ? [{ debugName: "overlaySide" }] : /* istanbul ignore next */ []));
+    triggerElement = null;
+    isOpen = computed(() => this.open() || this.debugVisible(), ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    positions = computed(() => this.content()?.getPositions() ?? DEFAULT_POSITIONS, ...(ngDevMode ? [{ debugName: "positions" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => {
+            if (this.defaultOpen() || this.debugVisible()) {
+                this.open.set(true);
+            }
+        });
+    }
+    registerTrigger(trigger) {
+        this.triggerElement = trigger;
+    }
+    setContent(content) {
+        this.content.set(content instanceof FrPopoverContent ? content : null);
+    }
+    toggle() {
+        if (this.isOpen()) {
+            this.close();
+            return;
+        }
+        this.openPopover();
+    }
+    openPopover() {
+        if (!this.content()) {
+            return;
+        }
+        this.open.set(true);
+        queueMicrotask(() => this.syncCustomPropertiesToOverlay());
+    }
+    close() {
+        if (this.debugVisible()) {
+            return;
+        }
+        this.open.set(false);
+    }
+    handleOverlayKeydown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.close();
+        }
+    }
+    handlePositionChange(event) {
+        const pair = event.connectionPair;
+        if (pair.overlayY === 'top') {
+            this.overlaySide.set('bottom');
+            return;
+        }
+        if (pair.overlayY === 'bottom') {
+            this.overlaySide.set('top');
+            return;
+        }
+        this.overlaySide.set(pair.overlayX === 'start' ? 'right' : 'left');
+    }
+    overlayPanelClasses() {
+        return ['frame-popover-overlay', `frame-popover-overlay--${this.overlaySide()}`];
+    }
+    syncCustomPropertiesToOverlay() {
+        if (typeof getComputedStyle === 'undefined') {
+            return;
+        }
+        const triggerElement = this.triggerElement;
+        const overlayPane = document.querySelector('.cdk-overlay-pane.frame-popover-overlay');
+        const panel = overlayPane?.querySelector('.frame-popover__content');
+        if (!triggerElement || !overlayPane || !panel) {
+            return;
+        }
+        const sourceStyles = getComputedStyle(triggerElement);
+        for (let index = 0; index < sourceStyles.length; index += 1) {
+            const propertyName = sourceStyles.item(index);
+            if (!propertyName.startsWith('--frame-popover-')) {
+                continue;
+            }
+            const propertyValue = sourceStyles.getPropertyValue(propertyName);
+            overlayPane.style.setProperty(propertyName, propertyValue);
+            panel.style.setProperty(propertyName, propertyValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverRoot, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: FrPopoverRoot, isStandalone: true, selector: "frame-popover", inputs: { defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, debugVisible: { classPropertyName: "debugVisible", publicName: "debugVisible", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "attr.data-state": "isOpen() ? \"open\" : \"closed\"" }, classAttribute: "frame-popover" }, providers: [
+            {
+                provide: FR_POPOVER_CONTROLLER,
+                useExisting: FrPopoverRoot,
+            },
+        ], exportAs: ["frPopover"], ngImport: i0, template: `
+    <span cdkOverlayOrigin #origin="cdkOverlayOrigin" class="frame-popover__anchor">
+      <ng-content />
+    </span>
+
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="origin"
+      [cdkConnectedOverlayOpen]="isOpen()"
+      [cdkConnectedOverlayPositions]="positions()"
+      [cdkConnectedOverlayPanelClass]="overlayPanelClasses()"
+      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayViewportMargin]="12"
+      [cdkConnectedOverlayHasBackdrop]="true"
+      [cdkConnectedOverlayBackdropClass]="'frame-popover__backdrop'"
+      (backdropClick)="close()"
+      (detach)="close()"
+      (overlayKeydown)="handleOverlayKeydown($event)"
+      (positionChange)="handlePositionChange($event)"
+    >
+      <ng-container [ngTemplateOutlet]="content()?.templateRef ?? null" />
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverRoot, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frame-popover',
+                    exportAs: 'frPopover',
+                    imports: [CdkConnectedOverlay, CdkOverlayOrigin, NgTemplateOutlet],
+                    providers: [
+                        {
+                            provide: FR_POPOVER_CONTROLLER,
+                            useExisting: FrPopoverRoot,
+                        },
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'frame-popover',
+                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
+                    },
+                    template: `
+    <span cdkOverlayOrigin #origin="cdkOverlayOrigin" class="frame-popover__anchor">
+      <ng-content />
+    </span>
+
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="origin"
+      [cdkConnectedOverlayOpen]="isOpen()"
+      [cdkConnectedOverlayPositions]="positions()"
+      [cdkConnectedOverlayPanelClass]="overlayPanelClasses()"
+      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayViewportMargin]="12"
+      [cdkConnectedOverlayHasBackdrop]="true"
+      [cdkConnectedOverlayBackdropClass]="'frame-popover__backdrop'"
+      (backdropClick)="close()"
+      (detach)="close()"
+      (overlayKeydown)="handleOverlayKeydown($event)"
+      (positionChange)="handlePositionChange($event)"
+    >
+      <ng-container [ngTemplateOutlet]="content()?.templateRef ?? null" />
+    </ng-template>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], debugVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugVisible", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }] } });
+
+class FrPopoverTrigger {
+    content = input(null, { ...(ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {}), alias: 'frPopoverTrigger' });
+    root = inject(FR_POPOVER_CONTROLLER);
+    elementRef = inject(ElementRef);
+    constructor() {
+        this.root.registerTrigger(this.elementRef.nativeElement);
+        effect(() => {
+            const content = this.content();
+            if (content) {
+                this.root.setContent(content);
+            }
+        });
+    }
+    handleClick(event) {
+        event.preventDefault();
+        this.root.setContent(this.content());
+        this.root.toggle();
+    }
+    handleKeydown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.root.close();
+            return;
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.root.setContent(this.content());
+            this.root.toggle();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrPopoverTrigger, isStandalone: true, selector: "[frPopoverTrigger]", inputs: { content: { classPropertyName: "content", publicName: "frPopoverTrigger", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "handleClick($event)", "keydown": "handleKeydown($event)" }, properties: { "attr.aria-expanded": "root.isOpen()", "attr.data-state": "root.isOpen() ? \"open\" : \"closed\"" }, classAttribute: "frame-popover__trigger" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frPopoverTrigger]',
+                    host: {
+                        class: 'frame-popover__trigger',
+                        '[attr.aria-expanded]': 'root.isOpen()',
+                        '[attr.data-state]': 'root.isOpen() ? "open" : "closed"',
+                        '(click)': 'handleClick($event)',
+                        '(keydown)': 'handleKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "frPopoverTrigger", required: false }] }] } });
+
+const FR_POPOVER_ALIGNMENTS = ['start', 'center', 'end'];
+const FR_POPOVER_SIDES = ['top', 'right', 'bottom', 'left'];
+
+class FrPopoverModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverModule, imports: [FrPopoverRoot,
+            FrPopoverBody,
+            FrPopoverClose,
+            FrPopoverContent,
+            FrPopoverDescription,
+            FrPopoverFooter,
+            FrPopoverHeader,
+            FrPopoverPanel,
+            FrPopoverTitle,
+            FrPopoverTrigger], exports: [FrPopoverRoot,
+            FrPopoverBody,
+            FrPopoverClose,
+            FrPopoverContent,
+            FrPopoverDescription,
+            FrPopoverFooter,
+            FrPopoverHeader,
+            FrPopoverPanel,
+            FrPopoverTitle,
+            FrPopoverTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrPopoverRoot,
+                        FrPopoverBody,
+                        FrPopoverClose,
+                        FrPopoverContent,
+                        FrPopoverDescription,
+                        FrPopoverFooter,
+                        FrPopoverHeader,
+                        FrPopoverPanel,
+                        FrPopoverTitle,
+                        FrPopoverTrigger,
+                    ],
+                    exports: [
+                        FrPopoverRoot,
+                        FrPopoverBody,
+                        FrPopoverClose,
+                        FrPopoverContent,
+                        FrPopoverDescription,
+                        FrPopoverFooter,
+                        FrPopoverHeader,
+                        FrPopoverPanel,
+                        FrPopoverTitle,
+                        FrPopoverTrigger,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_POPOVER_ALIGNMENTS, FR_POPOVER_SIDES, FrPopoverRoot as FrPopover, FrPopoverBody, FrPopoverClose, FrPopoverContent, FrPopoverDescription, FrPopoverFooter, FrPopoverHeader, FrPopoverModule, FrPopoverPanel, FrPopoverTitle, FrPopoverTrigger };
+//# sourceMappingURL=frame-ui-ng-components-popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-popover.mjs","sources":["../../../projects/components/popover/src/popover.position.ts","../../../projects/components/popover/src/popover.tokens.ts","../../../projects/components/popover/src/popover.content.ts","../../../projects/components/popover/src/popover.root.ts","../../../projects/components/popover/src/popover.trigger.ts","../../../projects/components/popover/src/popover.types.ts","../../../projects/components/popover/popover.module.ts","../../../projects/components/popover/frame-ui-ng-components-popover.ts"],"sourcesContent":["import { ConnectedPosition } from '@angular/cdk/overlay';\n\nimport { FrPopoverAlignment, FrPopoverSide } from './popover.types';\n\nexport function buildPopoverPositions(options: {\n  align: FrPopoverAlignment;\n  alignOffset: number;\n  side: FrPopoverSide;\n  sideOffset: number;\n}): ConnectedPosition[] {\n  const primary = buildPosition(options.side, options);\n  const opposite = oppositeSide(options.side);\n  const fallback = buildPosition(opposite, {\n    align: options.align,\n    alignOffset: options.alignOffset,\n    sideOffset: options.sideOffset,\n  });\n\n  return [primary, fallback];\n}\n\nfunction buildPosition(\n  side: FrPopoverSide,\n  options: {\n    align: FrPopoverAlignment;\n    alignOffset: number;\n    sideOffset: number;\n  },\n): ConnectedPosition {\n  if (side === 'top' || side === 'bottom') {\n    const isBottom = side === 'bottom';\n\n    return {\n      originX: options.align,\n      originY: isBottom ? 'bottom' : 'top',\n      overlayX: options.align,\n      overlayY: isBottom ? 'top' : 'bottom',\n      offsetX: options.alignOffset,\n      offsetY: isBottom ? options.sideOffset : -options.sideOffset,\n    };\n  }\n\n  const isRight = side === 'right';\n\n  return {\n    originX: isRight ? 'end' : 'start',\n    originY: verticalAlign(options.align),\n    overlayX: isRight ? 'start' : 'end',\n    overlayY: verticalAlign(options.align),\n    offsetX: isRight ? options.sideOffset : -options.sideOffset,\n    offsetY: options.alignOffset,\n  };\n}\n\nfunction verticalAlign(align: FrPopoverAlignment): 'bottom' | 'center' | 'top' {\n  if (align === 'center') {\n    return 'center';\n  }\n\n  return align === 'end' ? 'bottom' : 'top';\n}\n\nfunction oppositeSide(side: FrPopoverSide): FrPopoverSide {\n  if (side === 'top') {\n    return 'bottom';\n  }\n\n  if (side === 'bottom') {\n    return 'top';\n  }\n\n  return side === 'left' ? 'right' : 'left';\n}\n","import { InjectionToken } from '@angular/core';\n\nimport { FrPopoverRoot } from './popover.root';\n\nexport const FR_POPOVER_CONTROLLER = new InjectionToken<FrPopoverRoot>(\n  'FrPopoverController',\n);\n","import { ConnectedPosition } from '@angular/cdk/overlay';\nimport { Directive, TemplateRef, booleanAttribute, inject, input } from '@angular/core';\n\nimport { buildPopoverPositions } from './popover.position';\nimport { FR_POPOVER_CONTROLLER } from './popover.tokens';\nimport { FrPopoverAlignment, FrPopoverSide } from './popover.types';\n\n@Directive({\n  selector: 'ng-template[frPopoverContent]',\n  exportAs: 'frPopoverContent',\n})\nexport class FrPopoverContent {\n  readonly templateRef = inject(TemplateRef<unknown>);\n\n  readonly align = input<FrPopoverAlignment>('center');\n  readonly alignOffset = input(0);\n  readonly debugVisible = input(false, { transform: booleanAttribute });\n  readonly side = input<FrPopoverSide>('bottom');\n  readonly sideOffset = input(8);\n\n  getPositions(): ConnectedPosition[] {\n    return buildPopoverPositions({\n      align: this.align(),\n      alignOffset: this.alignOffset(),\n      side: this.side(),\n      sideOffset: this.sideOffset(),\n    });\n  }\n}\n\n@Directive({\n  selector: '[frPopoverPanel]',\n  host: {\n    class: 'frame-popover__content',\n    '[attr.data-side]': 'content.side()',\n    role: 'dialog',\n    tabindex: '-1',\n  },\n})\nexport class FrPopoverPanel {\n  protected readonly content = inject(FrPopoverContent);\n}\n\n@Directive({\n  selector: '[frPopoverHeader]',\n  host: {\n    class: 'frame-popover__header',\n  },\n})\nexport class FrPopoverHeader {}\n\n@Directive({\n  selector: '[frPopoverTitle]',\n  host: {\n    class: 'frame-popover__title',\n  },\n})\nexport class FrPopoverTitle {}\n\n@Directive({\n  selector: '[frPopoverDescription]',\n  host: {\n    class: 'frame-popover__description',\n  },\n})\nexport class FrPopoverDescription {}\n\n@Directive({\n  selector: '[frPopoverBody]',\n  host: {\n    class: 'frame-popover__body',\n  },\n})\nexport class FrPopoverBody {}\n\n@Directive({\n  selector: '[frPopoverFooter]',\n  host: {\n    class: 'frame-popover__footer',\n  },\n})\nexport class FrPopoverFooter {}\n\n@Directive({\n  selector: '[frPopoverClose]',\n  host: {\n    class: 'frame-popover__close',\n    '(click)': 'handleClick($event)',\n  },\n})\nexport class FrPopoverClose {\n  private readonly root = inject(FR_POPOVER_CONTROLLER);\n\n  protected handleClick(event: Event): void {\n    event.preventDefault();\n    this.root.close();\n  }\n}\n","import {\n  CdkConnectedOverlay,\n  CdkOverlayOrigin,\n  ConnectedOverlayPositionChange,\n  ConnectedPosition,\n} from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  input,\n  model,\n  signal,\n} from '@angular/core';\n\nimport { FrPopoverContent } from './popover.content';\nimport { buildPopoverPositions } from './popover.position';\nimport { FR_POPOVER_CONTROLLER } from './popover.tokens';\n\nconst DEFAULT_POSITIONS: ConnectedPosition[] = buildPopoverPositions({\n  align: 'center',\n  alignOffset: 0,\n  side: 'bottom',\n  sideOffset: 8,\n});\n\n@Component({\n  selector: 'frame-popover',\n  exportAs: 'frPopover',\n  imports: [CdkConnectedOverlay, CdkOverlayOrigin, NgTemplateOutlet],\n  providers: [\n    {\n      provide: FR_POPOVER_CONTROLLER,\n      useExisting: FrPopoverRoot,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'frame-popover',\n    '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\n  },\n  template: `\n    <span cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"frame-popover__anchor\">\n      <ng-content />\n    </span>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"origin\"\n      [cdkConnectedOverlayOpen]=\"isOpen()\"\n      [cdkConnectedOverlayPositions]=\"positions()\"\n      [cdkConnectedOverlayPanelClass]=\"overlayPanelClasses()\"\n      [cdkConnectedOverlayPush]=\"true\"\n      [cdkConnectedOverlayViewportMargin]=\"12\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      [cdkConnectedOverlayBackdropClass]=\"'frame-popover__backdrop'\"\n      (backdropClick)=\"close()\"\n      (detach)=\"close()\"\n      (overlayKeydown)=\"handleOverlayKeydown($event)\"\n      (positionChange)=\"handlePositionChange($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"content()?.templateRef ?? null\" />\n    </ng-template>\n  `,\n})\nexport class FrPopoverRoot {\n  readonly defaultOpen = input(false, { transform: booleanAttribute });\n  readonly debugVisible = input(false, { transform: booleanAttribute });\n  readonly open = model(false);\n\n  readonly content = signal<FrPopoverContent | null>(null);\n  readonly overlaySide = signal('bottom');\n\n  private triggerElement: HTMLElement | null = null;\n\n  readonly isOpen = computed(() => this.open() || this.debugVisible());\n  readonly positions = computed(() => this.content()?.getPositions() ?? DEFAULT_POSITIONS);\n\n  constructor() {\n    afterNextRender(() => {\n      if (this.defaultOpen() || this.debugVisible()) {\n        this.open.set(true);\n      }\n    });\n  }\n\n  registerTrigger(trigger: HTMLElement): void {\n    this.triggerElement = trigger;\n  }\n\n  setContent(content: unknown | null): void {\n    this.content.set(content instanceof FrPopoverContent ? content : null);\n  }\n\n  toggle(): void {\n    if (this.isOpen()) {\n      this.close();\n      return;\n    }\n\n    this.openPopover();\n  }\n\n  openPopover(): void {\n    if (!this.content()) {\n      return;\n    }\n\n    this.open.set(true);\n    queueMicrotask(() => this.syncCustomPropertiesToOverlay());\n  }\n\n  close(): void {\n    if (this.debugVisible()) {\n      return;\n    }\n\n    this.open.set(false);\n  }\n\n  handleOverlayKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.close();\n    }\n  }\n\n  handlePositionChange(event: ConnectedOverlayPositionChange): void {\n    const pair = event.connectionPair;\n\n    if (pair.overlayY === 'top') {\n      this.overlaySide.set('bottom');\n      return;\n    }\n\n    if (pair.overlayY === 'bottom') {\n      this.overlaySide.set('top');\n      return;\n    }\n\n    this.overlaySide.set(pair.overlayX === 'start' ? 'right' : 'left');\n  }\n\n  overlayPanelClasses(): string[] {\n    return ['frame-popover-overlay', `frame-popover-overlay--${this.overlaySide()}`];\n  }\n\n  private syncCustomPropertiesToOverlay(): void {\n    if (typeof getComputedStyle === 'undefined') {\n      return;\n    }\n\n    const triggerElement = this.triggerElement;\n    const overlayPane = document.querySelector<HTMLElement>('.cdk-overlay-pane.frame-popover-overlay');\n    const panel = overlayPane?.querySelector<HTMLElement>('.frame-popover__content');\n\n    if (!triggerElement || !overlayPane || !panel) {\n      return;\n    }\n\n    const sourceStyles = getComputedStyle(triggerElement);\n\n    for (let index = 0; index < sourceStyles.length; index += 1) {\n      const propertyName = sourceStyles.item(index);\n\n      if (!propertyName.startsWith('--frame-popover-')) {\n        continue;\n      }\n\n      const propertyValue = sourceStyles.getPropertyValue(propertyName);\n      overlayPane.style.setProperty(propertyName, propertyValue);\n      panel.style.setProperty(propertyName, propertyValue);\n    }\n  }\n}\n","import { Directive, ElementRef, effect, inject, input } from '@angular/core';\n\nimport { FrPopoverContent } from './popover.content';\nimport { FR_POPOVER_CONTROLLER } from './popover.tokens';\n\n@Directive({\n  selector: '[frPopoverTrigger]',\n  host: {\n    class: 'frame-popover__trigger',\n    '[attr.aria-expanded]': 'root.isOpen()',\n    '[attr.data-state]': 'root.isOpen() ? \"open\" : \"closed\"',\n    '(click)': 'handleClick($event)',\n    '(keydown)': 'handleKeydown($event)',\n  },\n})\nexport class FrPopoverTrigger {\n  readonly content = input<FrPopoverContent | null>(null, {\n    alias: 'frPopoverTrigger',\n  });\n\n  protected readonly root = inject(FR_POPOVER_CONTROLLER);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  constructor() {\n    this.root.registerTrigger(this.elementRef.nativeElement);\n\n    effect(() => {\n      const content = this.content();\n\n      if (content) {\n        this.root.setContent(content);\n      }\n    });\n  }\n\n  protected handleClick(event: Event): void {\n    event.preventDefault();\n    this.root.setContent(this.content());\n    this.root.toggle();\n  }\n\n  protected handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.root.close();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.root.setContent(this.content());\n      this.root.toggle();\n    }\n  }\n}\n","export const FR_POPOVER_ALIGNMENTS = ['start', 'center', 'end'] as const;\nexport const FR_POPOVER_SIDES = ['top', 'right', 'bottom', 'left'] as const;\n\nexport type FrPopoverAlignment = (typeof FR_POPOVER_ALIGNMENTS)[number];\nexport type FrPopoverSide = (typeof FR_POPOVER_SIDES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n  FrPopover,\n  FrPopoverBody,\n  FrPopoverClose,\n  FrPopoverContent,\n  FrPopoverDescription,\n  FrPopoverFooter,\n  FrPopoverHeader,\n  FrPopoverPanel,\n  FrPopoverTitle,\n  FrPopoverTrigger,\n} from './src/popover';\n\n@NgModule({\n  imports: [\n    FrPopover,\n    FrPopoverBody,\n    FrPopoverClose,\n    FrPopoverContent,\n    FrPopoverDescription,\n    FrPopoverFooter,\n    FrPopoverHeader,\n    FrPopoverPanel,\n    FrPopoverTitle,\n    FrPopoverTrigger,\n  ],\n  exports: [\n    FrPopover,\n    FrPopoverBody,\n    FrPopoverClose,\n    FrPopoverContent,\n    FrPopoverDescription,\n    FrPopoverFooter,\n    FrPopoverHeader,\n    FrPopoverPanel,\n    FrPopoverTitle,\n    FrPopoverTrigger,\n  ],\n})\nexport class FrPopoverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["FrPopover"],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-progress.mjs

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { input, computed, Directive, NgModule } from '@angular/core';
+
+function coerceProgressValue(value) {
+    if (value === null || value === undefined || value === '') {
+        return null;
+    }
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+}
+function coerceProgressMax(value) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : 100;
+}
+class FrProgress {
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: coerceProgressValue });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: coerceProgressMax });
+    isIndeterminate = computed(() => this.value() === null, ...(ngDevMode ? [{ debugName: "isIndeterminate" }] : /* istanbul ignore next */ []));
+    normalizedValue = computed(() => {
+        const value = this.value();
+        if (value === null) {
+            return 0;
+        }
+        return Math.min(Math.max(value, 0), this.max());
+    }, ...(ngDevMode ? [{ debugName: "normalizedValue" }] : /* istanbul ignore next */ []));
+    percentage = computed(() => (this.normalizedValue() / this.max()) * 100, ...(ngDevMode ? [{ debugName: "percentage" }] : /* istanbul ignore next */ []));
+    state = computed(() => {
+        if (this.isIndeterminate()) {
+            return 'indeterminate';
+        }
+        return this.normalizedValue() >= this.max() ? 'complete' : 'loading';
+    }, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrProgress, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrProgress, isStandalone: true, selector: "[frProgress], frame-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "attr.aria-valuemin": "isIndeterminate() ? null : 0", "attr.aria-valuemax": "isIndeterminate() ? null : max()", "attr.aria-valuenow": "isIndeterminate() ? null : normalizedValue()", "attr.data-state": "state()", "attr.data-value": "isIndeterminate() ? null : normalizedValue()", "attr.data-max": "isIndeterminate() ? null : max()", "style.--frame-progress-value": "isIndeterminate() ? null : normalizedValue()", "style.--frame-progress-max": "isIndeterminate() ? null : max()", "style.--frame-progress-percent": "isIndeterminate() ? null : percentage() + \"%\"" }, classAttribute: "frame-progress" }, exportAs: ["frProgress"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrProgress, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frProgress], frame-progress',
+                    exportAs: 'frProgress',
+                    host: {
+                        class: 'frame-progress',
+                        role: 'progressbar',
+                        '[attr.aria-valuemin]': 'isIndeterminate() ? null : 0',
+                        '[attr.aria-valuemax]': 'isIndeterminate() ? null : max()',
+                        '[attr.aria-valuenow]': 'isIndeterminate() ? null : normalizedValue()',
+                        '[attr.data-state]': 'state()',
+                        '[attr.data-value]': 'isIndeterminate() ? null : normalizedValue()',
+                        '[attr.data-max]': 'isIndeterminate() ? null : max()',
+                        '[style.--frame-progress-value]': 'isIndeterminate() ? null : normalizedValue()',
+                        '[style.--frame-progress-max]': 'isIndeterminate() ? null : max()',
+                        '[style.--frame-progress-percent]': 'isIndeterminate() ? null : percentage() + "%"',
+                    },
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }] } });
+class FrProgressIndicator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrProgressIndicator, isStandalone: true, selector: "[frProgressIndicator], frame-progress-indicator", host: { classAttribute: "frame-progress__indicator" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrProgressIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frProgressIndicator], frame-progress-indicator',
+                    host: {
+                        class: 'frame-progress__indicator',
+                    },
+                }]
+        }] });
+
+class FrProgressModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrProgressModule, imports: [FrProgress,
+            FrProgressIndicator], exports: [FrProgress,
+            FrProgressIndicator] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrProgressModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrProgressModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrProgress,
+                        FrProgressIndicator,
+                    ],
+                    exports: [
+                        FrProgress,
+                        FrProgressIndicator,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FrProgress, FrProgressIndicator, FrProgressModule };
+//# sourceMappingURL=frame-ui-ng-components-progress.mjs.map

package/fesm2022/frame-ui-ng-components-progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-progress.mjs","sources":["../../../projects/components/progress/src/progress.ts","../../../projects/components/progress/progress.module.ts","../../../projects/components/progress/frame-ui-ng-components-progress.ts"],"sourcesContent":["import { Directive, computed, input } from '@angular/core';\n\nfunction coerceProgressValue(value: unknown): number | null {\n  if (value === null || value === undefined || value === '') {\n    return null;\n  }\n\n  const parsed = Number(value);\n  return Number.isFinite(parsed) ? parsed : null;\n}\n\nfunction coerceProgressMax(value: unknown): number {\n  const parsed = Number(value);\n  return Number.isFinite(parsed) && parsed > 0 ? parsed : 100;\n}\n\n@Directive({\n  selector: '[frProgress], frame-progress',\n  exportAs: 'frProgress',\n  host: {\n    class: 'frame-progress',\n    role: 'progressbar',\n    '[attr.aria-valuemin]': 'isIndeterminate() ? null : 0',\n    '[attr.aria-valuemax]': 'isIndeterminate() ? null : max()',\n    '[attr.aria-valuenow]': 'isIndeterminate() ? null : normalizedValue()',\n    '[attr.data-state]': 'state()',\n    '[attr.data-value]': 'isIndeterminate() ? null : normalizedValue()',\n    '[attr.data-max]': 'isIndeterminate() ? null : max()',\n    '[style.--frame-progress-value]': 'isIndeterminate() ? null : normalizedValue()',\n    '[style.--frame-progress-max]': 'isIndeterminate() ? null : max()',\n    '[style.--frame-progress-percent]': 'isIndeterminate() ? null : percentage() + \"%\"',\n  },\n})\nexport class FrProgress {\n  readonly value = input<number | null, unknown>(0, { transform: coerceProgressValue });\n  readonly max = input<number, unknown>(100, { transform: coerceProgressMax });\n\n  readonly isIndeterminate = computed(() => this.value() === null);\n\n  readonly normalizedValue = computed(() => {\n    const value = this.value();\n\n    if (value === null) {\n      return 0;\n    }\n\n    return Math.min(Math.max(value, 0), this.max());\n  });\n\n  readonly percentage = computed(() => (this.normalizedValue() / this.max()) * 100);\n\n  readonly state = computed(() => {\n    if (this.isIndeterminate()) {\n      return 'indeterminate';\n    }\n\n    return this.normalizedValue() >= this.max() ? 'complete' : 'loading';\n  });\n}\n\n@Directive({\n  selector: '[frProgressIndicator], frame-progress-indicator',\n  host: {\n    class: 'frame-progress__indicator',\n  },\n})\nexport class FrProgressIndicator {}\n","import { NgModule } from '@angular/core';\nimport {\n  FrProgress,\n  FrProgressIndicator,\n} from './src/progress';\n\n@NgModule({\n  imports: [\n    FrProgress,\n    FrProgressIndicator,\n  ],\n  exports: [\n    FrProgress,\n    FrProgressIndicator,\n  ],\n})\nexport class FrProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}