@daffodil/design 0.51.1 → 0.53.1

package/fesm2020/daffodil-design-menu-examples.mjs

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { faUser, faInfo, faEnvelope } from '@fortawesome/free-solid-svg-icons';
+import * as i1 from '@daffodil/design';
+import { DaffButtonModule, DaffMenuModule } from '@daffodil/design';
+import * as i2 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+
+class MenuContentComponent {
+    constructor() {
+        this.faUser = faUser;
+        this.faInfo = faInfo;
+        this.faEnvelope = faEnvelope;
+    }
+}
+/** @nocollapse */ MenuContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: MenuContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MenuContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: MenuContentComponent, selector: "menu-content", ngImport: i0, template: "<daff-menu>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\"></fa-icon> My Account\n  </a>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\"></fa-icon> Help\n  </a>\n  <button daff-menu-item>\n    <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\"></fa-icon> Contact Us\n  </button>\n</daff-menu>", components: [{ type: i1.DaffMenuComponent, selector: "daff-menu" }, { type: i1.DaffMenuItemComponent, selector: "a[daff-menu-item],button[daff-menu-item]" }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: MenuContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'menu-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-menu>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\"></fa-icon> My Account\n  </a>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\"></fa-icon> Help\n  </a>\n  <button daff-menu-item>\n    <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\"></fa-icon> Contact Us\n  </button>\n</daff-menu>" }]
+        }] });
+
+class BasicMenuComponent {
+    constructor() {
+        this.menu = MenuContentComponent;
+    }
+}
+/** @nocollapse */ BasicMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ BasicMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicMenuComponent, selector: "basic-menu", ngImport: i0, template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>", components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffMenuActivatorDirective, selector: "[daffMenuActivator]", inputs: ["daffMenuActivator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>" }]
+        }] });
+
+class BasicMenuComponentModule {
+}
+/** @nocollapse */ BasicMenuComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMenuComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ BasicMenuComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMenuComponentModule, declarations: [BasicMenuComponent,
+        MenuContentComponent], imports: [DaffButtonModule,
+        DaffMenuModule,
+        FontAwesomeModule], exports: [BasicMenuComponent] });
+/** @nocollapse */ BasicMenuComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMenuComponentModule, imports: [[
+            DaffButtonModule,
+            DaffMenuModule,
+            FontAwesomeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMenuComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicMenuComponent,
+                        MenuContentComponent,
+                    ],
+                    exports: [
+                        BasicMenuComponent,
+                    ],
+                    imports: [
+                        DaffButtonModule,
+                        DaffMenuModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+
+const MENU_EXAMPLES = [
+    { component: BasicMenuComponent, module: BasicMenuComponentModule },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MENU_EXAMPLES };
+//# sourceMappingURL=daffodil-design-menu-examples.mjs.map

package/fesm2020/daffodil-design-menu-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-menu-examples.mjs","sources":["../../../libs/design/menu/examples/src/basic-menu/menu-content/menu-content.component.ts","../../../libs/design/menu/examples/src/basic-menu/menu-content/menu-content.component.html","../../../libs/design/menu/examples/src/basic-menu/basic-menu.component.ts","../../../libs/design/menu/examples/src/basic-menu/basic-menu.component.html","../../../libs/design/menu/examples/src/basic-menu/basic-menu.module.ts","../../../libs/design/menu/examples/src/public_api.ts","../../../libs/design/menu/examples/src/daffodil-design-menu-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  faEnvelope,\n  faInfo,\n  faUser,\n} from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'menu-content',\n  templateUrl: './menu-content.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuContentComponent {\n  faUser = faUser;\n  faInfo = faInfo;\n  faEnvelope = faEnvelope;\n}\n","<daff-menu>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\"></fa-icon> My Account\n  </a>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\"></fa-icon> Help\n  </a>\n  <button daff-menu-item>\n    <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\"></fa-icon> Contact Us\n  </button>\n</daff-menu>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { MenuContentComponent } from './menu-content/menu-content.component';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-menu',\n  templateUrl: './basic-menu.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicMenuComponent {\n  public menu = MenuContentComponent;\n}\n","<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>","import { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n  DaffButtonModule,\n  DaffMenuModule,\n} from '@daffodil/design';\n\nimport { BasicMenuComponent } from './basic-menu.component';\nimport { MenuContentComponent } from './menu-content/menu-content.component';\n\n@NgModule({\n  declarations: [\n    BasicMenuComponent,\n    MenuContentComponent,\n  ],\n  exports: [\n    BasicMenuComponent,\n  ],\n  imports: [\n    DaffButtonModule,\n    DaffMenuModule,\n    FontAwesomeModule,\n  ],\n})\nexport class BasicMenuComponentModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicMenuComponent } from './basic-menu/basic-menu.component';\nimport { BasicMenuComponentModule } from './basic-menu/basic-menu.module';\n\nexport const MENU_EXAMPLES: ComponentExample[] = [\n  { component: BasicMenuComponent, module: BasicMenuComponentModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/daffodil-design.mjs

@@ -1,22 +1,22 @@
 import * as i0 from '@angular/core';
-import { Input, Directive, HostBinding, NgModule, ContentChild, Component, ViewEncapsulation, ChangeDetectionStrategy, InjectionToken, Injectable, TemplateRef, ViewContainerRef, Inject, ViewChild, EventEmitter, Output, HostListener, Optional, Self, ElementRef, ContentChildren, SkipSelf, APP_INITIALIZER } from '@angular/core';
+import { Input, Directive, HostBinding, NgModule, ContentChild, Component, ViewEncapsulation, ChangeDetectionStrategy, InjectionToken, Injectable, TemplateRef, ViewContainerRef, Inject, ViewChild, EventEmitter, Output, HostListener, Optional, Self, ElementRef, ContentChildren, SkipSelf, Type, APP_INITIALIZER } from '@angular/core';
 import * as i3 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faChevronDown, faChevronUp, faChevronRight, faChevronLeft } from '@fortawesome/free-solid-svg-icons';
 import * as i1$1 from '@angular/platform-browser';
-import { BehaviorSubject, Subject, fromEvent, fromEventPattern, of, merge, EMPTY, combineLatest } from 'rxjs';
-import { takeUntil, filter, startWith, map, catchError, shareReplay } from 'rxjs/operators';
+import { BehaviorSubject, Subject, map, takeUntil as takeUntil$1, fromEvent, filter, fromEventPattern, of, merge, EMPTY, combineLatest } from 'rxjs';
+import { takeUntil, filter as filter$1, startWith, map as map$1, catchError, shareReplay } from 'rxjs/operators';
 import * as i1$2 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
 import { trigger, state, style, transition, animate } from '@angular/animations';
-import * as i1$3 from '@angular/cdk/portal';
-import { CdkPortalOutlet, PortalModule, ComponentPortal } from '@angular/cdk/portal';
-import * as i1$4 from '@angular/cdk/overlay';
+import * as i1$3 from '@angular/cdk/overlay';
 import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
-import * as i2 from '@angular/cdk/a11y';
+import * as i1$5 from '@angular/cdk/portal';
+import { ComponentPortal, TemplatePortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
+import * as i1$4 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 import { DaffServerSafePersistenceServiceToken } from '@daffodil/core';
 
@@ -3312,6 +3312,249 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 }]
         }] });
 
+function daffMenuCreateOverlay(overlay, element, config = {}) {
+    return overlay.create({
+        hasBackdrop: true,
+        backdropClass: 'cdk-overlay-transparent-backdrop',
+        scrollStrategy: overlay.scrollStrategies.block(),
+        disposeOnNavigation: true,
+        positionStrategy: overlay
+            .position()
+            .flexibleConnectedTo(element)
+            .withPositions([
+            {
+                originX: 'start',
+                originY: 'bottom',
+                overlayX: 'start',
+                overlayY: 'top',
+                offsetY: 0,
+            },
+            {
+                originX: 'start',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'bottom',
+            },
+        ]),
+        ...config,
+    });
+}
+;
+
+class DaffMenuService {
+    constructor(overlay) {
+        this.overlay = overlay;
+        this.$_open = new BehaviorSubject(false);
+        this.open$ = this.$_open.asObservable();
+    }
+    async _createOverlay(activatorElement, component) {
+        if (!this._overlay) {
+            this._overlay = daffMenuCreateOverlay(this.overlay, activatorElement.element);
+            if (typeof component === 'object' && component?.import) {
+                component = await component.import();
+            }
+            if (component instanceof Type) {
+                this._overlay.attach(new ComponentPortal(component));
+            }
+            else if (component instanceof TemplateRef) {
+                this._overlay.attach(new TemplatePortal(component, activatorElement));
+            }
+            this._overlay.backdropClick().pipe(map(() => this._destroyOverlay())).subscribe();
+        }
+    }
+    _destroyOverlay() {
+        if (this._overlay) {
+            this._overlay.detach();
+            this._overlay.dispose();
+            this._overlay = null;
+        }
+    }
+    close() {
+        this._destroyOverlay();
+        this.$_open.next(false);
+        this._activator.element.nativeElement.focus();
+    }
+    open(activator, component) {
+        this._createOverlay(activator, component);
+        this._activator = activator;
+        this.$_open.next(true);
+    }
+}
+/** @nocollapse */ DaffMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuService, deps: [{ token: i1$3.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$3.Overlay }]; } });
+
+class DaffMenuActivatorDirective {
+    constructor(service, viewContainerRef, cdRef) {
+        this.service = service;
+        this.viewContainerRef = viewContainerRef;
+        this.cdRef = cdRef;
+        this._destroyed$ = new Subject();
+        this.service.open$.pipe(takeUntil$1(this._destroyed$)).subscribe((val) => {
+            this._open = val;
+            this.cdRef.markForCheck();
+        });
+    }
+    get openClass() {
+        return this._open;
+    }
+    ngOnDestroy() {
+        this._destroyed$.next(true);
+        this._destroyed$.complete();
+    }
+    focus() {
+        this.viewContainerRef.element.nativeElement.focus();
+    }
+    openMenu(event) {
+        event.preventDefault();
+        this.service.open(this.viewContainerRef, this.daffMenuActivator);
+    }
+}
+/** @nocollapse */ DaffMenuActivatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuActivatorDirective, deps: [{ token: DaffMenuService }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffMenuActivatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffMenuActivatorDirective, selector: "[daffMenuActivator]", inputs: { daffMenuActivator: "daffMenuActivator" }, host: { listeners: { "click": "openMenu($event)" }, properties: { "class.open": "this.openClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuActivatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffMenuActivator]',
+                }]
+        }], ctorParameters: function () { return [{ type: DaffMenuService }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { daffMenuActivator: [{
+                type: Input
+            }], openClass: [{
+                type: HostBinding,
+                args: ['class.open']
+            }], openMenu: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class DaffMenuItemComponent {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+        /**
+         * Sets the role of the component to menuitem.
+         *
+         * @docs-private
+         */
+        this.role = 'menuitem';
+    }
+}
+/** @nocollapse */ DaffMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffMenuItemComponent, selector: "a[daff-menu-item],button[daff-menu-item]", host: { properties: { "class.daff-menu-item": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-menu-item__content\">\n  <ng-content></ng-content>\n</div>", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;padding:12px 16px;border:none;border-radius:4px;text-decoration:none}.daff-menu-item__content{display:flex;gap:8px}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[daff-menu-item]' + ',' +
+                        'button[daff-menu-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-menu-item__content\">\n  <ng-content></ng-content>\n</div>", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none;display:block;padding:12px 16px;border:none;border-radius:4px;text-decoration:none}.daff-menu-item__content{display:flex;gap:8px}\n"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-menu-item']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], _prefix: [{
+                type: ContentChild,
+                args: [DaffPrefixDirective]
+            }] } });
+
+const daffFocusableElementsSelector = 'a[href],a[routerlink], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
+
+class DaffMenuComponent {
+    constructor(_focusTrapFactory, _ngZone, _elementRef, menuService) {
+        this._focusTrapFactory = _focusTrapFactory;
+        this._ngZone = _ngZone;
+        this._elementRef = _elementRef;
+        this.menuService = menuService;
+        this.class = true;
+        this.tabindex = 0;
+        this.role = 'menu';
+        /**
+         * Listen to `keydown` events outside the zone so that change detection is not run every
+         * time a key is pressed. Instead we re-enter the zone only if the `ESC` key is pressed.
+         *
+         */
+        this._ngZone.runOutsideAngular(() => {
+            fromEvent(this._elementRef.nativeElement, 'keyup')
+                .pipe(filter((event) => event.key === 'Escape'))
+                .subscribe((event) => this._ngZone.run(() => {
+                this.menuService.close();
+                event.stopPropagation();
+            }));
+        });
+    }
+    ngAfterContentInit() {
+        this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
+    }
+    ngAfterViewInit() {
+        const focusableChild = this._elementRef.nativeElement.querySelector(daffFocusableElementsSelector);
+        if (focusableChild) {
+            focusableChild.focus();
+        }
+        else {
+            // There's a timing condition when computing HostBindings afterContentInit
+            // so to allow the menu to be focused, we manually set the tabindex.
+            this._elementRef.nativeElement.tabIndex = 0;
+            this._elementRef.nativeElement.focus();
+        }
+    }
+}
+/** @nocollapse */ DaffMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: DaffMenuService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffMenuComponent, selector: "daff-menu", host: { properties: { "class.daff-menu": "this.class", "tabindex": "this.tabindex", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content select="[daff-menu-item]"></ng-content>', isInline: true, styles: [":host{display:block;min-width:112px;max-width:320px;border-radius:4px;padding:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-menu', template: '<ng-content select="[daff-menu-item]"></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:112px;max-width:320px;border-radius:4px;padding:8px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$4.ConfigurableFocusTrapFactory }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: DaffMenuService }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-menu']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['tabindex']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+
+class DaffMenuModule {
+}
+/** @nocollapse */ DaffMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuModule, declarations: [DaffMenuActivatorDirective,
+        DaffMenuComponent,
+        DaffMenuItemComponent], imports: [CommonModule,
+        OverlayModule], exports: [DaffMenuActivatorDirective,
+        DaffMenuComponent,
+        DaffMenuItemComponent] });
+/** @nocollapse */ DaffMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuModule, providers: [
+        DaffMenuService,
+    ], imports: [[
+            CommonModule,
+            OverlayModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        OverlayModule,
+                    ],
+                    declarations: [
+                        DaffMenuActivatorDirective,
+                        DaffMenuComponent,
+                        DaffMenuItemComponent,
+                    ],
+                    exports: [
+                        DaffMenuActivatorDirective,
+                        DaffMenuComponent,
+                        DaffMenuItemComponent,
+                    ],
+                    providers: [
+                        DaffMenuService,
+                    ],
+                }]
+        }] });
+
 const daffFadeAnimations = {
     fade: trigger('fade', [
         state('open', style({ opacity: 1 })),
@@ -3375,7 +3618,7 @@ class DaffModalComponent {
     }
 }
 /** @nocollapse */ DaffModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], directives: [{ type: i1$3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], directives: [{ type: i1$5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-modal', animations: [daffFadeAnimations.fade], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"] }]
@@ -3547,14 +3790,14 @@ class DaffModalService {
         modal.modal.instance.closedAnimationCompleted.subscribe((e) => this._removeModal(modal));
     }
 }
-/** @nocollapse */ DaffModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalService, deps: [{ token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DaffModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalService, deps: [{ token: i1$3.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
 /** @nocollapse */ DaffModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalService, providedIn: DaffModalModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: DaffModalModule,
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.Overlay }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.Overlay }]; } });
 
 /**
  * A mixin for giving a component the ability to manage a DaffContainerComponent's layout.
@@ -4021,7 +4264,7 @@ class DaffSidebarComponent {
          *
          */
         this._ngZone.runOutsideAngular(() => {
-            fromEvent(this._elementRef.nativeElement, 'keydown').pipe(filter(event => event.key === 'Escape')).subscribe(event => this._ngZone.run(() => {
+            fromEvent(this._elementRef.nativeElement, 'keydown').pipe(filter$1(event => event.key === 'Escape')).subscribe(event => this._ngZone.run(() => {
                 this.escapePressed.emit();
                 event.stopPropagation();
             }));
@@ -4130,7 +4373,7 @@ class DaffSidebarViewportComponent {
     }
 }
 /** @nocollapse */ DaffSidebarViewportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: { mode: "mode", backdropIsVisible: "backdropIsVisible", opened: "opened" }, outputs: { backdropClicked: "backdropClicked" }, queries: [{ propertyName: "sidebar", first: true, predicate: DaffSidebarComponent, descendants: true }], ngImport: i0, template: "<div class=\"daff-sidebar-viewport {{ mode }}\">\n  <div class=\"daff-sidebar-viewport__sidebar\" [@transformSidebar]=\"_animationState\" [cdkTrapFocus]=\"opened && (mode === 'over' || mode === 'push')\">\n    <ng-content select=\"daff-sidebar\" (escapePressed)=\"onEscape($event)\"></ng-content>\n  </div>\n\n  <daff-backdrop \n  class=\"daff-sidebar-viewport__backdrop\" \n  *ngIf=\"hasBackdrop && _opened\"\n  [transparent]=\"!backdropIsVisible\" \n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n  <div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-sidebar-viewport{display:flex;min-height:100%;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:2}.daff-sidebar-viewport__sidebar{flex-shrink:0;width:250px;will-change:transform,visibility;z-index:4}.daff-sidebar-viewport__backdrop{cursor:pointer;height:100%;position:absolute;width:100%;z-index:3}.daff-sidebar-viewport.push>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(-250px);visibility:hidden}.daff-sidebar-viewport.push>.daff-sidebar-viewport__content{transform:translate(250px)}.daff-sidebar-viewport.over>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(-250px);visibility:hidden}\n"], components: [{ type: DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "fullscreen"], outputs: ["backdropClicked"] }], directives: [{ type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", inputs: { mode: "mode", backdropIsVisible: "backdropIsVisible", opened: "opened" }, outputs: { backdropClicked: "backdropClicked" }, queries: [{ propertyName: "sidebar", first: true, predicate: DaffSidebarComponent, descendants: true }], ngImport: i0, template: "<div class=\"daff-sidebar-viewport {{ mode }}\">\n  <div class=\"daff-sidebar-viewport__sidebar\" [@transformSidebar]=\"_animationState\" [cdkTrapFocus]=\"opened && (mode === 'over' || mode === 'push')\">\n    <ng-content select=\"daff-sidebar\" (escapePressed)=\"onEscape($event)\"></ng-content>\n  </div>\n\n  <daff-backdrop \n  class=\"daff-sidebar-viewport__backdrop\" \n  *ngIf=\"hasBackdrop && _opened\"\n  [transparent]=\"!backdropIsVisible\" \n  (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n  <div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-sidebar-viewport{display:flex;min-height:100%;position:relative;width:100%;z-index:1}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;will-change:transform;z-index:2}.daff-sidebar-viewport__sidebar{flex-shrink:0;width:250px;will-change:transform,visibility;z-index:4}.daff-sidebar-viewport__backdrop{cursor:pointer;height:100%;position:absolute;width:100%;z-index:3}.daff-sidebar-viewport.push>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(-250px);visibility:hidden}.daff-sidebar-viewport.push>.daff-sidebar-viewport__content{transform:translate(250px)}.daff-sidebar-viewport.over>.daff-sidebar-viewport__sidebar{bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(-250px);visibility:hidden}\n"], components: [{ type: DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "fullscreen"], outputs: ["backdropClicked"] }], directives: [{ type: i1$4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         daffSidebarAnimations.transformSidebar,
         daffSidebarAnimations.transformContent,
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -5176,7 +5419,7 @@ class DaffOsThemeService {
         this.doc = _doc;
         this.preference$ = this.doc.defaultView?.matchMedia
             ? fromEventPattern(addHandlerFactory(this.doc.defaultView), removeHandlerFactory(this.doc.defaultView))
-                .pipe(startWith(this.doc.defaultView?.matchMedia(mediaQueryDarkPreference)), map((e) => e.matches), map((prefersDark) => prefersDark ? DaffTheme.Dark : DaffTheme.Light))
+                .pipe(startWith(this.doc.defaultView?.matchMedia(mediaQueryDarkPreference)), map$1((e) => e.matches), map$1((prefersDark) => prefersDark ? DaffTheme.Dark : DaffTheme.Light))
             : of(DaffTheme.None);
     }
     /**
@@ -5219,7 +5462,7 @@ class DaffThemeStorageService {
         this.doc = _doc;
         this.theme$ = merge(this.storage$, this.doc.defaultView
             ? fromEvent(this.doc.defaultView, 'storage').pipe(startWith(storageEventBuilder(this.storage.getItem(THEME_STORAGE_KEY))), catchError((e) => EMPTY))
-            : of(storageEventBuilder(this.storage.getItem(THEME_STORAGE_KEY)))).pipe(filter((e) => e.key === THEME_STORAGE_KEY), map((e) => coerceValue(e.newValue)), shareReplay(1));
+            : of(storageEventBuilder(this.storage.getItem(THEME_STORAGE_KEY)))).pipe(filter$1((e) => e.key === THEME_STORAGE_KEY), map$1((e) => coerceValue(e.newValue)), shareReplay(1));
     }
     /**
      * Given that Safari doesn't respect in-tab storage events, we have to manually
@@ -5268,7 +5511,7 @@ class DaffThemingService {
         this.theme$ = combineLatest([
             this.osTheme.getThemePreference(),
             this.themeStorage.getThemeAsObservable(),
-        ]).pipe(map(([osPreference, storedPreference]) => daffComputeThemeSetting(osPreference, storedPreference)));
+        ]).pipe(map$1(([osPreference, storedPreference]) => daffComputeThemeSetting(osPreference, storedPreference)));
         this.theme$.subscribe((theme) => {
             this.theme = theme;
         });
@@ -5380,5 +5623,5 @@ const DAFF_THEME_INITIALIZER = [
  * Generated bundle index. Do not edit.
  */
 
-export { DAFF_THEME_INITIALIZER, DaffAccordionComponent, DaffAccordionItemComponent, DaffAccordionItemContentDirective, DaffAccordionItemTitleDirective, DaffAccordionModule, DaffArticleComponent, DaffArticleLeadDirective, DaffArticleMetaDirective, DaffArticleModule, DaffArticleTitleDirective, DaffBackdropComponent, DaffBackdropModule, DaffBreakpoints, DaffButtonComponent, DaffButtonModule, DaffButtonSetComponent, DaffButtonSetModule, DaffCalloutBodyDirective, DaffCalloutComponent, DaffCalloutIconDirective, DaffCalloutLayoutEnum, DaffCalloutModule, DaffCalloutSizeEnum, DaffCalloutSubtitleDirective, DaffCalloutTaglineDirective, DaffCalloutTitleDirective, DaffCardActionsDirective, DaffCardComponent, DaffCardContentDirective, DaffCardIconDirective, DaffCardImageDirective, DaffCardModule, DaffCardOrientationEnum, DaffCardTaglineDirective, DaffCardTitleDirective, DaffCheckboxComponent, DaffCheckboxControlValueAccessorDirective, DaffCheckboxModule, DaffCheckboxSetComponent, DaffContainerComponent, DaffContainerModule, DaffErrorMessageComponent, DaffErrorMessageModule, DaffErrorStateMatcher, DaffFeatureComponent, DaffFeatureIconDirective, DaffFeatureModeEnum, DaffFeatureModule, DaffFeatureSubheaderDirective, DaffFeatureSubtitleDirective, DaffFeatureTitleDirective, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldModule, DaffGalleryImageComponent, DaffHeroBodyDirective, DaffHeroComponent, DaffHeroIconDirective, DaffHeroLayoutEnum, DaffHeroModule, DaffHeroSizeEnum, DaffHeroSubtitleDirective, DaffHeroTaglineDirective, DaffHeroTitleDirective, DaffImageComponent, DaffImageGalleryComponent, DaffImageGalleryModule, DaffImageListComponent, DaffImageListModule, DaffImageModule, DaffInputComponent, DaffInputModule, DaffLinkSetComponent, DaffLinkSetHeadingDirective, DaffLinkSetItemComponent, DaffLinkSetModule, DaffLinkSetSubheadingDirective, DaffListComponent, DaffListItemComponent, DaffListModeEnum, DaffListModule, DaffListSubheaderDirective, DaffLoadingIconComponent, DaffLoadingIconModule, DaffMediaGalleryComponent, DaffMediaGalleryModule, DaffModalActionsComponent, DaffModalComponent, DaffModalContentComponent, DaffModalHeaderComponent, DaffModalModule, DaffModalService, DaffModalTitleDirective, DaffNativeSelectComponent, DaffNativeSelectModule, DaffNavAccordionItemComponent, DaffNavbarComponent, DaffNavbarModule, DaffPaginatorComponent, DaffPaginatorModule, DaffPrefixDirective, DaffPrefixSuffixModule, DaffProgressIndicatorComponent, DaffProgressIndicatorModule, DaffQtyDropdownComponent, DaffQtyDropdownModule, DaffQuantityFieldComponent, DaffQuantityFieldModule, DaffQuantityInputComponent, DaffQuantitySelectComponent, DaffRadioComponent, DaffRadioControlValueAccessorDirective, DaffRadioModule, DaffRadioSetComponent, DaffSidebarComponent, DaffSidebarModule, DaffSidebarViewportComponent, DaffStatusEnum, DaffSuffixDirective, DaffTextAlignmentEnum, DaffTheme, DaffThemingService, DaffThumbnailDirective, daffArticleEncapsulatedMixin, daffCompactableMixin, daffManageContainerLayoutMixin, daffPrefixableMixin, daffSuffixableMixin, daffThumbnailCompatToken };
+export { DAFF_THEME_INITIALIZER, DaffAccordionComponent, DaffAccordionItemComponent, DaffAccordionItemContentDirective, DaffAccordionItemTitleDirective, DaffAccordionModule, DaffArticleComponent, DaffArticleLeadDirective, DaffArticleMetaDirective, DaffArticleModule, DaffArticleTitleDirective, DaffBackdropComponent, DaffBackdropModule, DaffBreakpoints, DaffButtonComponent, DaffButtonModule, DaffButtonSetComponent, DaffButtonSetModule, DaffCalloutBodyDirective, DaffCalloutComponent, DaffCalloutIconDirective, DaffCalloutLayoutEnum, DaffCalloutModule, DaffCalloutSizeEnum, DaffCalloutSubtitleDirective, DaffCalloutTaglineDirective, DaffCalloutTitleDirective, DaffCardActionsDirective, DaffCardComponent, DaffCardContentDirective, DaffCardIconDirective, DaffCardImageDirective, DaffCardModule, DaffCardOrientationEnum, DaffCardTaglineDirective, DaffCardTitleDirective, DaffCheckboxComponent, DaffCheckboxControlValueAccessorDirective, DaffCheckboxModule, DaffCheckboxSetComponent, DaffContainerComponent, DaffContainerModule, DaffErrorMessageComponent, DaffErrorMessageModule, DaffErrorStateMatcher, DaffFeatureComponent, DaffFeatureIconDirective, DaffFeatureModeEnum, DaffFeatureModule, DaffFeatureSubheaderDirective, DaffFeatureSubtitleDirective, DaffFeatureTitleDirective, DaffFormFieldComponent, DaffFormFieldControl, DaffFormFieldModule, DaffGalleryImageComponent, DaffHeroBodyDirective, DaffHeroComponent, DaffHeroIconDirective, DaffHeroLayoutEnum, DaffHeroModule, DaffHeroSizeEnum, DaffHeroSubtitleDirective, DaffHeroTaglineDirective, DaffHeroTitleDirective, DaffImageComponent, DaffImageGalleryComponent, DaffImageGalleryModule, DaffImageListComponent, DaffImageListModule, DaffImageModule, DaffInputComponent, DaffInputModule, DaffLinkSetComponent, DaffLinkSetHeadingDirective, DaffLinkSetItemComponent, DaffLinkSetModule, DaffLinkSetSubheadingDirective, DaffListComponent, DaffListItemComponent, DaffListModeEnum, DaffListModule, DaffListSubheaderDirective, DaffLoadingIconComponent, DaffLoadingIconModule, DaffMediaGalleryComponent, DaffMediaGalleryModule, DaffMenuActivatorDirective, DaffMenuComponent, DaffMenuItemComponent, DaffMenuModule, DaffMenuService, DaffModalActionsComponent, DaffModalComponent, DaffModalContentComponent, DaffModalHeaderComponent, DaffModalModule, DaffModalService, DaffModalTitleDirective, DaffNativeSelectComponent, DaffNativeSelectModule, DaffNavAccordionItemComponent, DaffNavbarComponent, DaffNavbarModule, DaffPaginatorComponent, DaffPaginatorModule, DaffPrefixDirective, DaffPrefixSuffixModule, DaffProgressIndicatorComponent, DaffProgressIndicatorModule, DaffQtyDropdownComponent, DaffQtyDropdownModule, DaffQuantityFieldComponent, DaffQuantityFieldModule, DaffQuantityInputComponent, DaffQuantitySelectComponent, DaffRadioComponent, DaffRadioControlValueAccessorDirective, DaffRadioModule, DaffRadioSetComponent, DaffSidebarComponent, DaffSidebarModule, DaffSidebarViewportComponent, DaffStatusEnum, DaffSuffixDirective, DaffTextAlignmentEnum, DaffTheme, DaffThemingService, DaffThumbnailDirective, daffArticleEncapsulatedMixin, daffCompactableMixin, daffFocusableElementsSelector, daffManageContainerLayoutMixin, daffMenuCreateOverlay, daffPrefixableMixin, daffSuffixableMixin, daffThumbnailCompatToken };
 //# sourceMappingURL=daffodil-design.mjs.map