@daffodil/design 0.66.1 → 0.67.0

package/fesm2022/daffodil-design-modal.mjs

@@ -0,0 +1,270 @@
+import * as i1 from '@angular/cdk/a11y';
+import * as i2 from '@angular/cdk/portal';
+import { CdkPortalOutlet, PortalModule, ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild, HostListener, ViewEncapsulation, Directive, NgModule, Injectable } from '@angular/core';
+import { daffFocusableElementsSelector } from '@daffodil/design';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i1$1 from '@angular/cdk/overlay';
+import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
+import { CommonModule } from '@angular/common';
+
+const daffFadeAnimations = {
+    fade: trigger('fade', [
+        state('open', style({ opacity: 1 })),
+        state('closed', style({ opacity: 0 })),
+        transition('open <=> closed', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
+    ]),
+};
+
+const getAnimationState = (open) => open ? 'open' : 'closed';
+
+class DaffModalComponent {
+    constructor(_focusTrapFactory, _elementRef) {
+        this._focusTrapFactory = _focusTrapFactory;
+        this._elementRef = _elementRef;
+        /**
+         * HostBinding to set the default modal class on the host element.
+         */
+        this.modalClass = true;
+        /**
+         * Dictates whether or not a modal is open or closed.
+         */
+        this.open = false;
+        /**
+         * Event fired when the close animation is completed.
+         */
+        this.animationCompleted = new EventEmitter();
+        /**
+         * Event fired when the close animation is completed.
+         */
+        this.closedAnimationCompleted = new EventEmitter();
+        /**
+         * Event fired when the backdrop is clicked. This is often used to close the modal.
+         */
+        this.hide = new EventEmitter();
+    }
+    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();
+        }
+    }
+    /**
+     * Helper method to attach portable content to modal.
+     */
+    attachContent(portal) {
+        this._portalOutlet.attachComponentPortal(portal);
+    }
+    /** Animation hook that controls the entrance and exit animations of the modal. */
+    get fadeState() {
+        return getAnimationState(this.open);
+    }
+    /**
+     * Animation event that can used to hook into when
+     * animations are fully completed. We use this in the DaffModalService
+     * to determine when to actually remove the dynamically rendered element from the DOM
+     * so that the animation does not clip as the element is removed.
+     */
+    animationDone(e) {
+        this.animationCompleted.emit(e);
+        if (e.toState === 'closed') {
+            this.closedAnimationCompleted.emit(e);
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalComponent, deps: [{ token: i1.ConfigurableFocusTrapFactory }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", 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"], dependencies: [{ kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", 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"] }]
+        }], ctorParameters: () => [{ type: i1.ConfigurableFocusTrapFactory }, { type: i0.ElementRef }], propDecorators: { modalClass: [{
+                type: HostBinding,
+                args: ['class.daff-modal']
+            }], open: [{
+                type: Input
+            }], _portalOutlet: [{
+                type: ViewChild,
+                args: [CdkPortalOutlet, { static: true }]
+            }], fadeState: [{
+                type: HostBinding,
+                args: ['@fade']
+            }], animationDone: [{
+                type: HostListener,
+                args: ['@fade.done', ['$event']]
+            }] } });
+
+class DaffModalActionsComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffModalActionsComponent, selector: "daff-modal-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;padding-top:24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-modal-actions', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;padding-top:24px}\n"] }]
+        }] });
+
+class DaffModalContentComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffModalContentComponent, selector: "daff-modal-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;margin:0 -24px;max-height:60vh;overflow:auto;padding:0 24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-modal-content', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;margin:0 -24px;max-height:60vh;overflow:auto;padding:0 24px}\n"] }]
+        }] });
+
+class DaffModalHeaderComponent {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffModalHeaderComponent, selector: "daff-modal-header", host: { properties: { "class.daff-modal-header": "this.class" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.daff-modal-header .daff-modal-title{font-weight:700;font-size:1.25rem;margin:0;padding:0}@media (min-width: 480px){.daff-modal-header .daff-modal-title{font-size:1.5rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-modal-header', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.daff-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.daff-modal-header .daff-modal-title{font-weight:700;font-size:1.25rem;margin:0;padding:0}@media (min-width: 480px){.daff-modal-header .daff-modal-title{font-size:1.5rem}}\n"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-modal-header']
+            }] } });
+
+class DaffModalTitleDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffModalTitleDirective, selector: "[daffModalTitle]", host: { properties: { "class.daff-modal-title": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffModalTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-modal-title']
+            }] } });
+
+class DaffModalModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffModalModule, declarations: [DaffModalComponent,
+            DaffModalHeaderComponent,
+            DaffModalTitleDirective,
+            DaffModalContentComponent,
+            DaffModalActionsComponent], imports: [CommonModule,
+            PortalModule,
+            OverlayModule], exports: [DaffModalHeaderComponent,
+            DaffModalTitleDirective,
+            DaffModalContentComponent,
+            DaffModalActionsComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalModule, imports: [CommonModule,
+            PortalModule,
+            OverlayModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PortalModule,
+                        OverlayModule,
+                    ],
+                    exports: [
+                        DaffModalHeaderComponent,
+                        DaffModalTitleDirective,
+                        DaffModalContentComponent,
+                        DaffModalActionsComponent,
+                    ],
+                    declarations: [
+                        DaffModalComponent,
+                        DaffModalHeaderComponent,
+                        DaffModalTitleDirective,
+                        DaffModalContentComponent,
+                        DaffModalActionsComponent,
+                    ],
+                }]
+        }] });
+
+class DaffModalService {
+    constructor(overlay) {
+        this.overlay = overlay;
+        this._modals = [];
+        this.defaultConfiguration = {};
+    }
+    _attachModal(overlayRef) {
+        const modal = overlayRef.attach(new ComponentPortal(DaffModalComponent));
+        modal.instance.open = true;
+        return modal;
+    }
+    _attachModalContent(component, modal) {
+        modal.instance.attachContent(new ComponentPortal(component));
+    }
+    _createOverlayRef() {
+        return this.overlay.create({
+            hasBackdrop: true,
+            positionStrategy: new GlobalPositionStrategy()
+                .centerHorizontally()
+                .centerVertically(),
+            scrollStrategy: this.overlay.scrollStrategies.block(),
+        });
+    }
+    _removeModal(modal) {
+        const index = this._modals.indexOf(modal);
+        if (index === -1) {
+            throw new Error('The Modal that you are trying to remove does not exist.');
+        }
+        modal.overlay.dispose();
+        this._modals = this._modals.filter(m => m !== modal);
+    }
+    open(component, configuration) {
+        const config = { ...this.defaultConfiguration, ...configuration };
+        const _ref = this._createOverlayRef();
+        const _modal = this._attachModal(_ref);
+        const _attachedModal = this._attachModalContent(component, _modal);
+        const modal = {
+            modal: _modal,
+            overlay: _ref,
+        };
+        this._modals.push(modal);
+        _ref
+            .backdropClick()
+            .subscribe(() => config.onBackdropClicked
+            ? config.onBackdropClicked()
+            : this.close(modal));
+        return modal;
+    }
+    close(modal) {
+        modal.modal.instance.open = false;
+        modal.overlay.detachBackdrop();
+        modal.modal.instance.closedAnimationCompleted.subscribe((e) => this._removeModal(modal));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalService, deps: [{ token: i1$1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalService, providedIn: DaffModalModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: DaffModalModule,
+                }]
+        }], ctorParameters: () => [{ type: i1$1.Overlay }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DaffModalActionsComponent, DaffModalComponent, DaffModalContentComponent, DaffModalHeaderComponent, DaffModalModule, DaffModalService, DaffModalTitleDirective };
+//# sourceMappingURL=daffodil-design-modal.mjs.map

package/fesm2022/daffodil-design-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-modal.mjs","sources":["../../../libs/design/modal/src/animations/modal-animation.ts","../../../libs/design/modal/src/animations/modal-animation-state.ts","../../../libs/design/modal/src/modal/modal.component.ts","../../../libs/design/modal/src/modal/modal.component.html","../../../libs/design/modal/src/modal-actions/modal-actions.component.ts","../../../libs/design/modal/src/modal-content/modal-content.component.ts","../../../libs/design/modal/src/modal-header/modal-header.component.ts","../../../libs/design/modal/src/modal-title/modal-title.directive.ts","../../../libs/design/modal/src/modal.module.ts","../../../libs/design/modal/src/service/modal.service.ts","../../../libs/design/modal/src/daffodil-design-modal.ts"],"sourcesContent":["import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffFadeAnimations: {\n  readonly fade: AnimationTriggerMetadata;\n} = {\n  fade: trigger('fade', [\n    state('open', style({ opacity: 1 })),\n    state('closed', style({ opacity: 0 })),\n    transition('open <=> closed', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),\n  ]),\n};\n","export const getAnimationState = (open: boolean) => open ? 'open' : 'closed';\n","import { AnimationEvent } from '@angular/animations';\nimport {\n  ConfigurableFocusTrap,\n  ConfigurableFocusTrapFactory,\n} from '@angular/cdk/a11y';\nimport {\n  CdkPortalOutlet,\n  ComponentPortal,\n} from '@angular/cdk/portal';\nimport {\n  Component,\n  EventEmitter,\n  Input,\n  HostBinding,\n  ChangeDetectionStrategy,\n  ViewChild,\n  HostListener,\n  ElementRef,\n  AfterContentInit,\n  AfterViewInit,\n} from '@angular/core';\n\nimport { daffFocusableElementsSelector } from '@daffodil/design';\n\nimport { daffFadeAnimations } from '../animations/modal-animation';\nimport { getAnimationState } from '../animations/modal-animation-state';\n\n@Component({\n  selector: 'daff-modal',\n  templateUrl: './modal.component.html',\n  styleUrls: ['./modal.component.scss'],\n  animations: [daffFadeAnimations.fade],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalComponent implements AfterContentInit, AfterViewInit {\n  /**\n   * HostBinding to set the default modal class on the host element.\n   */\n  @HostBinding('class.daff-modal') modalClass = true;\n\n  /**\n   * Dictates whether or not a modal is open or closed.\n   */\n  @Input() open = false;\n\n  /**\n   * The CDK Portal outlet used to portal content into the modal.\n   */\n  @ViewChild(CdkPortalOutlet, { static: true }) private _portalOutlet: CdkPortalOutlet;\n\n  /**\n   * Event fired when the close animation is completed.\n   */\n  animationCompleted: EventEmitter<any> = new EventEmitter<any>();\n\n  /**\n   * Event fired when the close animation is completed.\n   */\n  closedAnimationCompleted: EventEmitter<any> = new EventEmitter<\n  any\n  >();\n\n  /**\n   * Event fired when the backdrop is clicked. This is often used to close the modal.\n   */\n  hide: EventEmitter<void> = new EventEmitter<void>();\n\n  private _focusTrap: ConfigurableFocusTrap;\n\n  constructor(\n    private _focusTrapFactory: ConfigurableFocusTrapFactory,\n    private _elementRef: ElementRef<HTMLElement>,\n  ) {\n  }\n\n  ngAfterContentInit() {\n    this._focusTrap = this._focusTrapFactory.create(\n\t    this._elementRef.nativeElement,\n\t  );\n  }\n\n  ngAfterViewInit() {\n    const focusableChild = (<HTMLElement>this._elementRef.nativeElement.querySelector(\n      daffFocusableElementsSelector)\n    );\n\n    if(focusableChild) {\n      focusableChild.focus();\n    } else {\n      // There's a timing condition when computing HostBindings afterContentInit\n      // so to allow the menu to be focused, we manually set the tabindex.\n      this._elementRef.nativeElement.tabIndex = 0;\n      (<HTMLElement>this._elementRef.nativeElement).focus();\n    }\n  }\n\n  /**\n   * Helper method to attach portable content to modal.\n   */\n  attachContent(portal: ComponentPortal<any>): any {\n\t  this._portalOutlet.attachComponentPortal(portal);\n  }\n\n  /** Animation hook that controls the entrance and exit animations of the modal. */\n  @HostBinding('@fade') get fadeState(): string {\n\t  return getAnimationState(this.open);\n  }\n\n  /**\n   * Animation event that can used to hook into when\n   * animations are fully completed. We use this in the DaffModalService\n   * to determine when to actually remove the dynamically rendered element from the DOM\n   * so that the animation does not clip as the element is removed.\n   */\n  @HostListener('@fade.done', ['$event'])\n  animationDone(e: AnimationEvent) {\n\t  this.animationCompleted.emit(e);\n\t  if (e.toState === 'closed') {\n\t    this.closedAnimationCompleted.emit(e);\n\t  }\n  }\n}\n","<ng-template cdkPortalOutlet></ng-template>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-modal-actions',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./modal-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalActionsComponent { }\n","import {\n  Component,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-modal-content',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./modal-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalContentComponent {}\n","import {\n  Component,\n  ViewEncapsulation,\n  HostBinding,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-modal-header',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./modal-header.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffModalHeaderComponent {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-modal-header') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffModalTitle]',\n})\nexport class DaffModalTitleDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-modal-title') class = true;\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffModalComponent } from './modal/modal.component';\nimport { DaffModalActionsComponent } from './modal-actions/modal-actions.component';\nimport { DaffModalContentComponent } from './modal-content/modal-content.component';\nimport { DaffModalHeaderComponent } from './modal-header/modal-header.component';\nimport { DaffModalTitleDirective } from './modal-title/modal-title.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    PortalModule,\n    OverlayModule,\n  ],\n  exports: [\n    DaffModalHeaderComponent,\n    DaffModalTitleDirective,\n    DaffModalContentComponent,\n    DaffModalActionsComponent,\n  ],\n  declarations: [\n    DaffModalComponent,\n    DaffModalHeaderComponent,\n    DaffModalTitleDirective,\n    DaffModalContentComponent,\n    DaffModalActionsComponent,\n  ],\n})\nexport class DaffModalModule { }\n","import { AnimationEvent } from '@angular/animations';\nimport {\n  OverlayRef,\n  Overlay,\n  GlobalPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  Injectable,\n  Type,\n  ComponentRef,\n} from '@angular/core';\n\nimport { DaffModal } from '../modal/modal';\nimport { DaffModalConfiguration } from '../modal/modal-config';\nimport { DaffModalComponent } from '../modal/modal.component';\nimport { DaffModalModule } from '../modal.module';\n\n@Injectable({\n  providedIn: DaffModalModule,\n})\nexport class DaffModalService {\n  private _modals: DaffModal[] = [];\n\n  constructor(private overlay: Overlay) {}\n\n  private defaultConfiguration: DaffModalConfiguration = {};\n\n  private _attachModal(\n\t  overlayRef: OverlayRef,\n  ): ComponentRef<DaffModalComponent> {\n\t  const modal = overlayRef.attach(new ComponentPortal(DaffModalComponent));\n\t  modal.instance.open = true;\n\t  return modal;\n  }\n\n  private _attachModalContent(\n\t  component: Type<any>,\n\t  modal: ComponentRef<DaffModalComponent>,\n  ): void {\n\t  modal.instance.attachContent(new ComponentPortal(component));\n  }\n\n  private _createOverlayRef(): OverlayRef {\n\t  return this.overlay.create({\n\t    hasBackdrop: true,\n\t    positionStrategy: new GlobalPositionStrategy()\n\t      .centerHorizontally()\n\t      .centerVertically(),\n\t    scrollStrategy: this.overlay.scrollStrategies.block(),\n\t  });\n  }\n\n  private _removeModal(modal: DaffModal) {\n\t  const index = this._modals.indexOf(modal);\n\t  if (index === -1) {\n\t    throw new Error(\n\t      'The Modal that you are trying to remove does not exist.',\n\t    );\n\t  }\n\n\t  modal.overlay.dispose();\n\n\t  this._modals = this._modals.filter(m => m !== modal);\n  }\n\n  open(\n\t  component: Type<any>,\n\t  configuration?: Partial<DaffModalConfiguration>,\n  ): DaffModal {\n\t  const config = { ...this.defaultConfiguration, ...configuration };\n\t  const _ref = this._createOverlayRef();\n\t  const _modal = this._attachModal(_ref);\n\t  const _attachedModal = this._attachModalContent(component, _modal);\n\n\t  const modal: DaffModal = {\n\t    modal: _modal,\n\t    overlay: _ref,\n\t  };\n\n\t  this._modals.push(modal);\n\n\t  _ref\n\t    .backdropClick()\n\t    .subscribe(() =>\n\t      config.onBackdropClicked\n\t        ? config.onBackdropClicked()\n\t        : this.close(modal),\n\t    );\n\t  return modal;\n  }\n\n  close(modal: DaffModal): void {\n\t  modal.modal.instance.open = false;\n\t  modal.overlay.detachBackdrop();\n\t  modal.modal.instance.closedAnimationCompleted.subscribe(\n\t    (e: AnimationEvent) => this._removeModal(modal),\n\t  );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/daffodil-design-navbar-examples.mjs

@@ -0,0 +1,176 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@daffodil/design/navbar';
+import { DaffNavbarModule } from '@daffodil/design/navbar';
+import * as i2 from '@daffodil/design/button';
+import { DaffButtonModule } from '@daffodil/design/button';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@daffodil/design/container';
+import { DaffContainerModule } from '@daffodil/design/container';
+import * as i2$1 from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
+
+class BasicNavbarComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicNavbarComponent, selector: "basic-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+        }] });
+
+class BasicNavbarModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: BasicNavbarModule, declarations: [BasicNavbarComponent], imports: [CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+            DaffContainerModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicNavbarModule, imports: [CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+            DaffContainerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                        DaffContainerModule,
+                    ],
+                }]
+        }] });
+
+class ContainedNavbarComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ContainedNavbarComponent, selector: "contained-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "component", type: i3.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainedNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'contained-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+        }] });
+
+class ContainedNavbarModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainedNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ContainedNavbarModule, declarations: [ContainedNavbarComponent], imports: [CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+            DaffContainerModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainedNavbarModule, imports: [CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule,
+            DaffContainerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainedNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ContainedNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                        DaffContainerModule,
+                    ],
+                }]
+        }] });
+
+class NavbarThemingComponent {
+    constructor() {
+        this.colorControl = new UntypedFormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'white', label: 'White' },
+            { value: 'black', label: 'Black' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NavbarThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NavbarThemingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'navbar-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+        }] });
+
+class NavbarThemingModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NavbarThemingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: NavbarThemingModule, declarations: [NavbarThemingComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffNavbarModule,
+            DaffButtonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NavbarThemingModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffNavbarModule,
+            DaffButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NavbarThemingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NavbarThemingComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                    ],
+                }]
+        }] });
+
+class RaisedNavbarComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'raised-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
+        }] });
+
+class RaisedNavbarModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: RaisedNavbarModule, declarations: [RaisedNavbarComponent], imports: [CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedNavbarModule, imports: [CommonModule,
+            DaffNavbarModule,
+            DaffButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: RaisedNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        RaisedNavbarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffNavbarModule,
+                        DaffButtonModule,
+                    ],
+                }]
+        }] });
+
+const NAVBAR_EXAMPLES = [
+    BasicNavbarComponent,
+    ContainedNavbarComponent,
+    NavbarThemingComponent,
+    RaisedNavbarComponent,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BasicNavbarComponent, BasicNavbarModule, ContainedNavbarComponent, ContainedNavbarModule, NAVBAR_EXAMPLES, NavbarThemingComponent, NavbarThemingModule, RaisedNavbarComponent, RaisedNavbarModule };
+//# sourceMappingURL=daffodil-design-navbar-examples.mjs.map

package/fesm2022/daffodil-design-navbar-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-navbar-examples.mjs","sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.html","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.module.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.html","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.module.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.html","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.module.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.html","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.module.ts","../../../libs/design/navbar/examples/src/examples.ts","../../../libs/design/navbar/examples/src/daffodil-design-navbar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-navbar',\n  templateUrl: './basic-navbar.component.html',\n  styleUrls: ['./basic-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicNavbarComponent {}\n","<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffContainerModule } from '@daffodil/design/container';\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\n\nimport { BasicNavbarComponent } from './basic-navbar.component';\n\n@NgModule({\n  declarations: [\n    BasicNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffContainerModule,\n  ],\n})\nexport class BasicNavbarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'contained-navbar',\n  templateUrl: './contained-navbar.component.html',\n  styleUrls: ['./contained-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainedNavbarComponent {}\n","<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffContainerModule } from '@daffodil/design/container';\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\n\nimport { ContainedNavbarComponent } from './contained-navbar.component';\n\n@NgModule({\n  declarations: [\n    ContainedNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n    DaffContainerModule,\n  ],\n})\nexport class ContainedNavbarModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'navbar-theming',\n  templateUrl: './navbar-theming.component.html',\n  styleUrls: ['./navbar-theming.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarThemingComponent {\n  colorControl: UntypedFormControl = new UntypedFormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'white', label: 'White' },\n    { value: 'black', label: 'Black' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n  ];\n}\n","<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\n\nimport { NavbarThemingComponent } from './navbar-theming.component';\n\n@NgModule({\n  declarations: [\n    NavbarThemingComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    DaffNavbarModule,\n    DaffButtonModule,\n  ],\n})\nexport class NavbarThemingModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'raised-navbar',\n  templateUrl: './raised-navbar.component.html',\n  styleUrls: ['./raised-navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedNavbarComponent {}\n","<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNavbarModule } from '@daffodil/design/navbar';\n\nimport { RaisedNavbarComponent } from './raised-navbar.component';\n\n@NgModule({\n  declarations: [\n    RaisedNavbarComponent,\n  ],\n  imports: [\n    CommonModule,\n\n    DaffNavbarModule,\n    DaffButtonModule,\n  ],\n})\nexport class RaisedNavbarModule { }\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n  BasicNavbarComponent,\n  ContainedNavbarComponent,\n  NavbarThemingComponent,\n  RaisedNavbarComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3","i4"],"mappings":"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"}

package/fesm2022/daffodil-design-navbar.mjs

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import { daffManageContainerLayoutMixin, daffColorMixin } from '@daffodil/design';
+
+/**
+ * An _elementRef is needed for the Colorable mixin
+ */
+class DaffNavbarBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffNavbarBase = daffManageContainerLayoutMixin(daffColorMixin(DaffNavbarBase));
+/**
+ * @inheritdoc
+ */
+class DaffNavbarComponent extends _daffNavbarBase {
+    /**
+     * @docs-private
+     */
+    get raisedClass() {
+        return this.raised;
+    }
+    ;
+    constructor(elementRef, renderer) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.raised = false;
+        /**
+         * @docs-private
+         */
+        this.hostClass = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffNavbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: { color: "color", raised: "raised" }, host: { properties: { "class.daff-navbar--raised": "this.raisedClass", "class.daff-navbar": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nav[daff-navbar]', template: '<ng-content></ng-content>', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { raised: [{
+                type: Input
+            }], raisedClass: [{
+                type: HostBinding,
+                args: ['class.daff-navbar--raised']
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.daff-navbar']
+            }] } });
+
+class DaffNavbarModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffNavbarModule, declarations: [DaffNavbarComponent], exports: [DaffNavbarComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffNavbarModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DaffNavbarComponent,
+                    ],
+                    exports: [
+                        DaffNavbarComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DaffNavbarComponent, DaffNavbarModule };
+//# sourceMappingURL=daffodil-design-navbar.mjs.map