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

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

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-menubar.mjs","sources":["../../../projects/components/menubar/src/menubar.ts","../../../projects/components/menubar/menubar.module.ts","../../../projects/components/menubar/frame-ui-ng-components-menubar.ts"],"sourcesContent":["import { Directive, InjectionToken, input } from '@angular/core';\n\nimport {\n  FR_DROPDOWN_MENU_PARENT,\n  FR_DROPDOWN_MENU_CONTENT,\n  FrDropdownMenuCheckboxItem,\n  FrDropdownMenuContent,\n  FrDropdownMenuItem,\n  FrDropdownMenuItemIndicator,\n  FrDropdownMenuLabel,\n  FrDropdownMenuPanel,\n  FrDropdownMenuRadioGroup,\n  FrDropdownMenuRadioItem,\n  FrDropdownMenuSeparator,\n  FrDropdownMenuShortcut,\n  FrDropdownMenuSub,\n  FrDropdownMenuSubTrigger,\n  FrDropdownMenuTree,\n  FrDropdownMenuTrigger,\n} from '@frame-ui-ng/components/dropdown-menu';\nimport { FrDropdownMenuParent } from '@frame-ui-ng/components/dropdown-menu';\nimport { FrDropdownMenuTriggerMode } from '@frame-ui-ng/components/dropdown-menu';\n\nexport const FR_MENUBAR_PARENT = new InjectionToken<FrMenuBar>('FrMenuBarParent');\n\n@Directive({\n  selector: '[frMenuBar], frame-menubar',\n  providers: [\n    FrDropdownMenuTree,\n    {\n      provide: FR_DROPDOWN_MENU_PARENT,\n      useExisting: FrMenuBar,\n    },\n    {\n      provide: FR_MENUBAR_PARENT,\n      useExisting: FrMenuBar,\n    },\n  ],\n  host: {\n    class: 'frame-menubar',\n    role: 'menubar',\n  },\n})\nexport class FrMenuBar implements FrDropdownMenuParent {\n  readonly closeDelay = input(140);\n  readonly triggerMode = input<FrDropdownMenuTriggerMode>('both');\n}\n\n@Directive({\n  selector: '[frMenuBarMenu], frame-menubar-menu',\n  host: {\n    class: 'frame-menubar__menu',\n    role: 'none',\n  },\n})\nexport class FrMenuBarMenu {}\n\n@Directive({\n  selector: '[frMenuBarTrigger]',\n  hostDirectives: [\n    {\n      directive: FrDropdownMenuTrigger,\n      inputs: ['frDropdownMenuTrigger: frMenuBarTrigger', 'triggerMode'],\n    },\n  ],\n  host: {\n    class: 'frame-menubar__trigger',\n    role: 'menuitem',\n  },\n})\nexport class FrMenuBarTrigger {}\n\n@Directive({\n  selector: 'ng-template[frMenuBarContent], ng-template[frMenuBarSubContent]',\n  exportAs: 'frMenuBarContent',\n  providers: [\n    {\n      provide: FrDropdownMenuContent,\n      useExisting: FrMenuBarContent,\n    },\n    {\n      provide: FR_DROPDOWN_MENU_CONTENT,\n      useExisting: FrMenuBarContent,\n    },\n  ],\n})\nexport class FrMenuBarContent extends FrDropdownMenuContent {}\n\n@Directive({\n  selector: '[frMenuBarPanel]',\n  hostDirectives: [FrDropdownMenuPanel],\n  host: {\n    class: 'frame-menubar__content',\n  },\n})\nexport class FrMenuBarPanel {}\n\n@Directive({\n  selector: '[frMenuBarItem]',\n  hostDirectives: [\n    {\n      directive: FrDropdownMenuItem,\n      inputs: ['inset', 'variant'],\n    },\n  ],\n  host: {\n    class: 'frame-menubar__item',\n  },\n})\nexport class FrMenuBarItem {}\n\n@Directive({\n  selector: 'button[frMenuBarCheckboxItem]',\n  hostDirectives: [\n    {\n      directive: FrDropdownMenuCheckboxItem,\n      inputs: ['checked', 'inset', 'variant'],\n    },\n  ],\n  host: {\n    class: 'frame-menubar__checkbox-item',\n  },\n})\nexport class FrMenuBarCheckboxItem {}\n\n@Directive({\n  selector: '[frMenuBarRadioGroup]',\n  hostDirectives: [FrDropdownMenuRadioGroup],\n  host: {\n    class: 'frame-menubar__radio-group',\n  },\n})\nexport class FrMenuBarRadioGroup {}\n\n@Directive({\n  selector: 'button[frMenuBarRadioItem]',\n  hostDirectives: [\n    {\n      directive: FrDropdownMenuRadioItem,\n      inputs: ['checked', 'inset', 'variant'],\n    },\n  ],\n  host: {\n    class: 'frame-menubar__radio-item',\n  },\n})\nexport class FrMenuBarRadioItem {}\n\n@Directive({\n  selector: '[frMenuBarLabel]',\n  hostDirectives: [\n    {\n      directive: FrDropdownMenuLabel,\n      inputs: ['inset'],\n    },\n  ],\n  host: {\n    class: 'frame-menubar__label',\n  },\n})\nexport class FrMenuBarLabel {}\n\n@Directive({\n  selector: '[frMenuBarSeparator]',\n  hostDirectives: [FrDropdownMenuSeparator],\n  host: {\n    class: 'frame-menubar__separator',\n  },\n})\nexport class FrMenuBarSeparator {}\n\n@Directive({\n  selector: '[frMenuBarShortcut]',\n  hostDirectives: [FrDropdownMenuShortcut],\n  host: {\n    class: 'frame-menubar__shortcut',\n  },\n})\nexport class FrMenuBarShortcut {}\n\n@Directive({\n  selector: '[frMenuBarItemIndicator]',\n  hostDirectives: [FrDropdownMenuItemIndicator],\n  host: {\n    class: 'frame-menubar__indicator',\n  },\n})\nexport class FrMenuBarItemIndicator {}\n\n@Directive({\n  selector: '[frMenuBarSub]',\n  hostDirectives: [\n    {\n      directive: FrDropdownMenuSub,\n      inputs: ['closeDelay', 'triggerMode'],\n    },\n  ],\n  host: {\n    class: 'frame-menubar__sub',\n  },\n})\nexport class FrMenuBarSub {}\n\n@Directive({\n  selector: '[frMenuBarSubTrigger]',\n  hostDirectives: [\n    {\n      directive: FrDropdownMenuSubTrigger,\n      inputs: ['frDropdownMenuSubTrigger: frMenuBarSubTrigger', 'inset', 'triggerMode', 'variant'],\n    },\n  ],\n  host: {\n    class: 'frame-menubar__sub-trigger',\n  },\n})\nexport class FrMenuBarSubTrigger {}\n\r\n","import { NgModule } from '@angular/core';\nimport {\n  FrMenuBar,\n  FrMenuBarCheckboxItem,\n  FrMenuBarContent,\n  FrMenuBarItem,\n  FrMenuBarItemIndicator,\n  FrMenuBarLabel,\n  FrMenuBarMenu,\n  FrMenuBarPanel,\n  FrMenuBarRadioGroup,\n  FrMenuBarRadioItem,\n  FrMenuBarSeparator,\n  FrMenuBarShortcut,\n  FrMenuBarSub,\n  FrMenuBarSubTrigger,\n  FrMenuBarTrigger,\n} from './src/menubar';\n\n@NgModule({\n  imports: [\n    FrMenuBar,\n    FrMenuBarCheckboxItem,\n    FrMenuBarContent,\n    FrMenuBarItem,\n    FrMenuBarItemIndicator,\n    FrMenuBarLabel,\n    FrMenuBarMenu,\n    FrMenuBarPanel,\n    FrMenuBarRadioGroup,\n    FrMenuBarRadioItem,\n    FrMenuBarSeparator,\n    FrMenuBarShortcut,\n    FrMenuBarSub,\n    FrMenuBarSubTrigger,\n    FrMenuBarTrigger,\n  ],\n  exports: [\n    FrMenuBar,\n    FrMenuBarCheckboxItem,\n    FrMenuBarContent,\n    FrMenuBarItem,\n    FrMenuBarItemIndicator,\n    FrMenuBarLabel,\n    FrMenuBarMenu,\n    FrMenuBarPanel,\n    FrMenuBarRadioGroup,\n    FrMenuBarRadioItem,\n    FrMenuBarSeparator,\n    FrMenuBarShortcut,\n    FrMenuBarSub,\n    FrMenuBarSubTrigger,\n    FrMenuBarTrigger,\n  ],\n})\nexport class FrMenubarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,525 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, input, booleanAttribute, Directive, Component, Injector, Injectable, DestroyRef, ElementRef, ViewContainerRef, output, signal, NgModule } from '@angular/core';
+import { DialogRef, DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
+import { NgComponentOutlet } from '@angular/common';
+import { FrButton, FrButtonLabel } from '@frame-ui-ng/components/button';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class FrModalContent {
+    templateRef = inject((TemplateRef));
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaLabelledBy = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    ariaDescribedBy = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedBy" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
+    backdropClass = input(null, ...(ngDevMode ? [{ debugName: "backdropClass" }] : /* istanbul ignore next */ []));
+    closeOnDestroy = input(true, { ...(ngDevMode ? { debugName: "closeOnDestroy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnNavigation = input(true, { ...(ngDevMode ? { debugName: "closeOnNavigation" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    direction = input(null, ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    disableClose = input(false, { ...(ngDevMode ? { debugName: "disableClose" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    height = input(null, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    id = input(null, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    maxHeight = input(null, ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
+    maxWidth = input(null, ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    minHeight = input(null, ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
+    minWidth = input(null, ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
+    panelClass = input(null, ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
+    role = input('dialog', ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
+    width = input(null, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    buildConfig(viewContainerRef) {
+        return {
+            ariaLabel: this.ariaLabel() ?? undefined,
+            ariaLabelledBy: this.ariaLabelledBy() ?? undefined,
+            ariaDescribedBy: this.ariaDescribedBy() ?? undefined,
+            backdropClass: this.backdropClass() ?? undefined,
+            closeOnDestroy: this.closeOnDestroy(),
+            closeOnNavigation: this.closeOnNavigation(),
+            direction: this.direction() ?? undefined,
+            disableClose: this.disableClose(),
+            height: this.height() ?? undefined,
+            id: this.id() ?? undefined,
+            maxHeight: this.maxHeight() ?? undefined,
+            maxWidth: this.maxWidth() ?? undefined,
+            minHeight: this.minHeight() ?? undefined,
+            minWidth: this.minWidth() ?? undefined,
+            panelClass: this.panelClass() ?? undefined,
+            role: this.role(),
+            viewContainerRef,
+            width: this.width() ?? undefined,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrModalContent, isStandalone: true, selector: "ng-template[frModalContent]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, closeOnDestroy: { classPropertyName: "closeOnDestroy", publicName: "closeOnDestroy", isSignal: true, isRequired: false, transformFunction: null }, closeOnNavigation: { classPropertyName: "closeOnNavigation", publicName: "closeOnNavigation", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["frModalContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[frModalContent]',
+                    exportAs: 'frModalContent',
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropClass", required: false }] }], closeOnDestroy: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnDestroy", required: false }] }], closeOnNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnNavigation", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], disableClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableClose", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
+
+class FrModalClose {
+    dialogRef = inject(DialogRef, { optional: true });
+    result = input(undefined, { ...(ngDevMode ? { debugName: "result" } : /* istanbul ignore next */ {}), alias: 'frModalClose' });
+    close() {
+        this.dialogRef?.close(this.result());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrModalClose, isStandalone: true, selector: "[frModalClose]", inputs: { result: { classPropertyName: "result", publicName: "frModalClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "close()" }, classAttribute: "frame-modal__close-control" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frModalClose]',
+                    host: {
+                        class: 'frame-modal__close-control',
+                        '(click)': 'close()',
+                    },
+                }]
+        }], propDecorators: { result: [{ type: i0.Input, args: [{ isSignal: true, alias: "frModalClose", required: false }] }] } });
+class FrModalPanel {
+    scrollable = input(false, { ...(ngDevMode ? { debugName: "scrollable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showCloseButton = input(true, { ...(ngDevMode ? { debugName: "showCloseButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    stickyFooter = input(false, { ...(ngDevMode ? { debugName: "stickyFooter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrModalPanel, isStandalone: true, selector: "[frModalPanel], frame-modal-panel", inputs: { scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, stickyFooter: { classPropertyName: "stickyFooter", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-scrollable": "scrollable() ? \"\" : null", "attr.data-sticky-footer": "stickyFooter() ? \"\" : null", "attr.data-size": "size()" }, classAttribute: "frame-modal__panel" }, ngImport: i0, template: `
+    <ng-content />
+    @if (showCloseButton()) {
+      <button
+        class="frame-modal__close"
+        frModalClose
+        type="button"
+        aria-label="Close dialog"
+      >
+        <span aria-hidden="true">×</span>
+      </button>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: FrModalClose, selector: "[frModalClose]", inputs: ["frModalClose"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[frModalPanel], frame-modal-panel',
+                    host: {
+                        class: 'frame-modal__panel',
+                        '[attr.data-scrollable]': 'scrollable() ? "" : null',
+                        '[attr.data-sticky-footer]': 'stickyFooter() ? "" : null',
+                        '[attr.data-size]': 'size()',
+                    },
+                    template: `
+    <ng-content />
+    @if (showCloseButton()) {
+      <button
+        class="frame-modal__close"
+        frModalClose
+        type="button"
+        aria-label="Close dialog"
+      >
+        <span aria-hidden="true">×</span>
+      </button>
+    }
+  `,
+                    imports: [FrModalClose],
+                }]
+        }], propDecorators: { scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], stickyFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyFooter", required: false }] }] } });
+class FrModalHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrModalHeader, isStandalone: true, selector: "[frModalHeader], frame-modal-header", host: { classAttribute: "frame-modal__header" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frModalHeader], frame-modal-header',
+                    host: {
+                        class: 'frame-modal__header',
+                    },
+                }]
+        }] });
+class FrModalBody {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrModalBody, isStandalone: true, selector: "[frModalBody], frame-modal-body", host: { classAttribute: "frame-modal__body" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frModalBody], frame-modal-body',
+                    host: {
+                        class: 'frame-modal__body',
+                    },
+                }]
+        }] });
+class FrModalFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrModalFooter, isStandalone: true, selector: "[frModalFooter], frame-modal-footer", host: { classAttribute: "frame-modal__footer" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frModalFooter], frame-modal-footer',
+                    host: {
+                        class: 'frame-modal__footer',
+                    },
+                }]
+        }] });
+class FrModalTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrModalTitle, isStandalone: true, selector: "[frModalTitle], frame-modal-title", host: { classAttribute: "frame-modal__title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frModalTitle], frame-modal-title',
+                    host: {
+                        class: 'frame-modal__title',
+                    },
+                }]
+        }] });
+class FrModalDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrModalDescription, isStandalone: true, selector: "[frModalDescription], frame-modal-description", host: { classAttribute: "frame-modal__description" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frModalDescription], frame-modal-description',
+                    host: {
+                        class: 'frame-modal__description',
+                    },
+                }]
+        }] });
+
+const FR_MODAL_DATA = DIALOG_DATA;
+
+class FrModalShell {
+    dialogRef = inject((DialogRef));
+    injector = inject(Injector);
+    options = inject(DIALOG_DATA);
+    bodyInjector = Injector.create({
+        parent: this.injector,
+        providers: [
+            {
+                provide: FR_MODAL_DATA,
+                useValue: this.options.bodyData,
+            },
+        ],
+    });
+    handleAction(action) {
+        if (action.close ?? true) {
+            this.dialogRef.close(action.result);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrModalShell, isStandalone: true, selector: "frame-modal-shell", ngImport: i0, template: `
+    <div
+      frModalPanel
+      [size]="options.size ?? 'md'"
+      [showCloseButton]="options.showCloseButton ?? true"
+      [scrollable]="options.scrollable ?? false"
+      [stickyFooter]="options.stickyFooter ?? false"
+    >
+      @if (options.title || options.description) {
+        <div frModalHeader>
+          @if (options.title) {
+            <h2 frModalTitle>{{ options.title }}</h2>
+          }
+
+          @if (options.description) {
+            <p frModalDescription>{{ options.description }}</p>
+          }
+        </div>
+      }
+
+      <div frModalBody>
+        <ng-container
+          [ngComponentOutlet]="options.bodyComponent"
+          [ngComponentOutletInputs]="options.bodyInputs ?? {}"
+          [ngComponentOutletInjector]="bodyInjector"
+        />
+      </div>
+
+      @if (options.footerActions?.length) {
+        <div frModalFooter>
+          @for (action of options.footerActions; track action.label) {
+            <button
+              frButton
+              type="button"
+              [appearance]="action.appearance ?? 'primary'"
+              [disabled]="action.disabled ?? false"
+              [attr.aria-label]="action.ariaLabel ?? null"
+              (click)="handleAction(action)"
+            >
+              <span frButtonLabel>{{ action.label }}</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]" }, { kind: "directive", type: FrModalBody, selector: "[frModalBody], frame-modal-body" }, { kind: "directive", type: FrModalDescription, selector: "[frModalDescription], frame-modal-description" }, { kind: "directive", type: FrModalFooter, selector: "[frModalFooter], frame-modal-footer" }, { kind: "directive", type: FrModalHeader, selector: "[frModalHeader], frame-modal-header" }, { kind: "component", type: FrModalPanel, selector: "[frModalPanel], frame-modal-panel", inputs: ["scrollable", "showCloseButton", "size", "stickyFooter"] }, { kind: "directive", type: FrModalTitle, selector: "[frModalTitle], frame-modal-title" }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalShell, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frame-modal-shell',
+                    imports: [
+                        FrButton,
+                        FrButtonLabel,
+                        FrModalBody,
+                        FrModalDescription,
+                        FrModalFooter,
+                        FrModalHeader,
+                        FrModalPanel,
+                        FrModalTitle,
+                        NgComponentOutlet,
+                    ],
+                    template: `
+    <div
+      frModalPanel
+      [size]="options.size ?? 'md'"
+      [showCloseButton]="options.showCloseButton ?? true"
+      [scrollable]="options.scrollable ?? false"
+      [stickyFooter]="options.stickyFooter ?? false"
+    >
+      @if (options.title || options.description) {
+        <div frModalHeader>
+          @if (options.title) {
+            <h2 frModalTitle>{{ options.title }}</h2>
+          }
+
+          @if (options.description) {
+            <p frModalDescription>{{ options.description }}</p>
+          }
+        </div>
+      }
+
+      <div frModalBody>
+        <ng-container
+          [ngComponentOutlet]="options.bodyComponent"
+          [ngComponentOutletInputs]="options.bodyInputs ?? {}"
+          [ngComponentOutletInjector]="bodyInjector"
+        />
+      </div>
+
+      @if (options.footerActions?.length) {
+        <div frModalFooter>
+          @for (action of options.footerActions; track action.label) {
+            <button
+              frButton
+              type="button"
+              [appearance]="action.appearance ?? 'primary'"
+              [disabled]="action.disabled ?? false"
+              [attr.aria-label]="action.ariaLabel ?? null"
+              (click)="handleAction(action)"
+            >
+              <span frButtonLabel>{{ action.label }}</span>
+            </button>
+          }
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }] });
+
+const DEFAULT_PANEL_CLASS = 'frame-modal__overlay-pane';
+const DEFAULT_BACKDROP_CLASS = 'frame-modal__backdrop';
+class FrModalService {
+    dialog = inject(Dialog);
+    open(content, config = {}) {
+        if (isComponentType(content) && hasShellOptions(config)) {
+            const shellConfig = {
+                ...withoutShellOptions(config),
+                data: {
+                    bodyComponent: content,
+                    bodyData: config.bodyData ?? config.data,
+                    bodyInputs: config.bodyInputs,
+                    description: config.description,
+                    footerActions: config.footerActions,
+                    scrollable: config.scrollable,
+                    showCloseButton: config.showCloseButton,
+                    size: config.size,
+                    stickyFooter: config.stickyFooter,
+                    title: config.title,
+                },
+            };
+            return this.dialog.open(FrModalShell, this.withDefaultClasses(shellConfig));
+        }
+        return this.dialog.open(content, this.withDefaultClasses(config));
+    }
+    closeAll() {
+        this.dialog.closeAll();
+    }
+    withDefaultClasses(config) {
+        return {
+            ariaModal: true,
+            autoFocus: 'first-tabbable',
+            restoreFocus: true,
+            maxWidth: 'calc(100vw - 2rem)',
+            ...config,
+            panelClass: mergeClassList(config.panelClass, DEFAULT_PANEL_CLASS),
+            backdropClass: mergeClassList(config.backdropClass, DEFAULT_BACKDROP_CLASS),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function isComponentType(value) {
+    return typeof value === 'function';
+}
+function hasShellOptions(config) {
+    return [
+        config.bodyData,
+        config.bodyInputs,
+        config.description,
+        config.footerActions,
+        config.scrollable,
+        config.showCloseButton,
+        config.size,
+        config.stickyFooter,
+        config.title,
+    ].some((value) => value !== undefined);
+}
+function withoutShellOptions(config) {
+    const { bodyData: _bodyData, bodyInputs: _bodyInputs, description: _description, footerActions: _footerActions, scrollable: _scrollable, showCloseButton: _showCloseButton, size: _size, stickyFooter: _stickyFooter, title: _title, ...dialogConfig } = config;
+    return dialogConfig;
+}
+function mergeClassList(classList, defaultClass) {
+    const classes = Array.isArray(classList)
+        ? classList
+        : classList
+            ? classList.split(/\s+/)
+            : [];
+    return Array.from(new Set([defaultClass, ...classes].filter(Boolean)));
+}
+
+class FrModalTrigger {
+    static CUSTOM_PROPERTY_PREFIX = '--frame-modal-';
+    destroyRef = inject(DestroyRef);
+    elementRef = inject(ElementRef);
+    modal = inject(FrModalService);
+    viewContainerRef = inject(ViewContainerRef);
+    modalRef = null;
+    content = input(null, { ...(ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {}), alias: 'frModalTrigger' });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    opened = output();
+    closed = output();
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    open() {
+        if (this.disabled() || this.isOpen()) {
+            return;
+        }
+        const content = this.content();
+        if (!content) {
+            return;
+        }
+        const templateRef = content instanceof FrModalContent ? content.templateRef : content;
+        const config = content instanceof FrModalContent
+            ? content.buildConfig(this.viewContainerRef)
+            : { viewContainerRef: this.viewContainerRef };
+        this.modalRef = this.modal.open(templateRef, config);
+        this.isOpen.set(true);
+        this.opened.emit(this.modalRef);
+        queueMicrotask(() => this.syncCustomPropertiesToOverlay());
+        this.modalRef.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((result) => {
+            this.isOpen.set(false);
+            this.modalRef = null;
+            this.closed.emit(result);
+        });
+    }
+    syncCustomPropertiesToOverlay() {
+        const overlayElement = this.modalRef?.overlayRef.overlayElement ?? null;
+        if (!overlayElement) {
+            return;
+        }
+        const modalPanel = overlayElement.querySelector('.frame-modal__panel') ?? overlayElement;
+        const sourceStyles = getComputedStyle(this.elementRef.nativeElement);
+        for (let index = 0; index < sourceStyles.length; index += 1) {
+            const propertyName = sourceStyles.item(index);
+            if (!propertyName.startsWith(FrModalTrigger.CUSTOM_PROPERTY_PREFIX)) {
+                continue;
+            }
+            const propertyValue = sourceStyles.getPropertyValue(propertyName);
+            overlayElement.style.setProperty(propertyName, propertyValue);
+            modalPanel.style.setProperty(propertyName, propertyValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrModalTrigger, isStandalone: true, selector: "[frModalTrigger]", inputs: { content: { classPropertyName: "content", publicName: "frModalTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "open()" }, properties: { "attr.aria-haspopup": "\"dialog\"", "attr.data-state": "isOpen() ? \"open\" : \"closed\"", "attr.disabled": "disabled() ? \"\" : null", "attr.aria-disabled": "disabled() ? \"true\" : null" }, classAttribute: "frame-modal__trigger" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frModalTrigger]',
+                    host: {
+                        class: 'frame-modal__trigger',
+                        '[attr.aria-haspopup]': '"dialog"',
+                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
+                        '[attr.disabled]': 'disabled() ? "" : null',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '(click)': 'open()',
+                    },
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "frModalTrigger", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+class FrModalModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrModalModule, imports: [FrModalBody,
+            FrModalClose,
+            FrModalContent,
+            FrModalDescription,
+            FrModalFooter,
+            FrModalHeader,
+            FrModalPanel,
+            FrModalShell,
+            FrModalTitle,
+            FrModalTrigger], exports: [FrModalBody,
+            FrModalClose,
+            FrModalContent,
+            FrModalDescription,
+            FrModalFooter,
+            FrModalHeader,
+            FrModalPanel,
+            FrModalShell,
+            FrModalTitle,
+            FrModalTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrModalBody,
+                        FrModalClose,
+                        FrModalContent,
+                        FrModalDescription,
+                        FrModalFooter,
+                        FrModalHeader,
+                        FrModalPanel,
+                        FrModalShell,
+                        FrModalTitle,
+                        FrModalTrigger,
+                    ],
+                    exports: [
+                        FrModalBody,
+                        FrModalClose,
+                        FrModalContent,
+                        FrModalDescription,
+                        FrModalFooter,
+                        FrModalHeader,
+                        FrModalPanel,
+                        FrModalShell,
+                        FrModalTitle,
+                        FrModalTrigger,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_MODAL_DATA, FrModalBody, FrModalClose, FrModalContent, FrModalDescription, FrModalFooter, FrModalHeader, FrModalModule, FrModalPanel, FrModalService, FrModalShell, FrModalTitle, FrModalTrigger };
+//# sourceMappingURL=frame-ui-ng-components-modal.mjs.map