@daffodil/design 0.73.0 → 0.74.0

package/fesm2022/daffodil-design-notification.mjs

@@ -1,12 +1,29 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, Input, Output, ContentChild, Directive, NgModule } from '@angular/core';
+import { Directive, HostBinding, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, Output, NgModule } from '@angular/core';
 import * as i2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { daffArticleEncapsulatedMixin, daffStatusMixin, DaffPrefixDirective, DaffPrefixSuffixModule } from '@daffodil/design';
+import { daffArticleEncapsulatedMixin, daffStatusMixin, DaffStatusEnum, DaffPrefixDirective, DaffPrefixSuffixModule } from '@daffodil/design';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 
+class DaffNotificationActionsDirective {
+    constructor() {
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffNotificationActionsDirective, selector: "[daffNotificationActions]", host: { properties: { "class.daff-notification__actions": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffNotificationActions]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-notification__actions']
+            }] } });
+
 /**
  * An _elementRef is needed for the core mixins
  */
@@ -23,10 +40,18 @@ var DaffNotificationOrientationEnum;
     DaffNotificationOrientationEnum["Vertical"] = "vertical";
 })(DaffNotificationOrientationEnum || (DaffNotificationOrientationEnum = {}));
 /**
- * DaffNotificationComponent provides a way to display and
- * communicate information for user actions or system updates.
+ * DaffNotificationComponent provides a way to display and communicate
+ * information related to user actions within a page's content.
  */
 class DaffNotificationComponent extends _daffNotificationBase {
+    /**
+     * Sets role to alert when `status="warn"` or `status="danger"`.
+     * Sets role to status on all other instances.
+     */
+    get role() {
+        return this.status === DaffStatusEnum.Warn || this.status === DaffStatusEnum.Danger ? 'alert' : 'status';
+    }
+    ;
     get verticalOrientation() {
         return this.orientation === DaffNotificationOrientationEnum.Vertical;
     }
@@ -52,30 +77,38 @@ class DaffNotificationComponent extends _daffNotificationBase {
         this.faTimes = faTimes;
         this.class = true;
         this.tabindex = '0';
-        this.ariaLive = 'polite';
         /** Whether or not a notification is closable */
         this.dismissible = false;
-        this.closeNotification = new EventEmitter();
         this._orientation = DaffNotificationOrientationEnum.Vertical;
+        /**
+         * Output event triggered when the close icon is clicked.
+         */
+        this.closeNotification = new EventEmitter();
     }
     onCloseNotification(event) {
         this.closeNotification.emit();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffNotificationComponent, selector: "daff-notification", inputs: { status: "status", dismissible: "dismissible", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.aria-live": "this.ariaLive", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissible": "this.dismissible" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffNotificationComponent, selector: "daff-notification", inputs: { status: "status", dismissible: "dismissible", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissible": "this.dismissible" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_actions", first: true, predicate: DaffNotificationActionsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-notification', inputs: ['status'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { class: [{
+            args: [{ selector: 'daff-notification', inputs: ['status'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__body{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-size:1rem;font-weight:600;line-height:1.5rem}.daff-notification__subtitle{font-size:1rem;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px}.daff-notification.dismissible.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__body{flex-direction:column;gap:16px}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__subtitle{align-self:center}.daff-notification.horizontal .daff-notification__body{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { _prefix: [{
+                type: ContentChild,
+                args: [DaffPrefixDirective]
+            }], _actions: [{
+                type: ContentChild,
+                args: [DaffNotificationActionsDirective]
+            }], class: [{
                 type: HostBinding,
                 args: ['class.daff-notification']
             }], tabindex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
-            }], ariaLive: [{
+            }], role: [{
                 type: HostBinding,
-                args: ['attr.aria-live']
+                args: ['attr.role']
             }], verticalOrientation: [{
                 type: HostBinding,
                 args: ['class.vertical']
@@ -87,30 +120,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.dismissible']
-            }], closeNotification: [{
-                type: Output
             }], orientation: [{
                 type: Input
-            }], _prefix: [{
-                type: ContentChild,
-                args: [DaffPrefixDirective]
-            }] } });
-
-class DaffNotificationActionsDirective {
-    constructor() {
-        this.class = true;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffNotificationActionsDirective, selector: "[daffNotificationActions]", host: { properties: { "class.daff-notification__actions": "this.class" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffNotificationActionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[daffNotificationActions]',
-                }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-notification__actions']
+            }], closeNotification: [{
+                type: Output
             }] } });
 
 class DaffNotificationMessageDirective {

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-notification.mjs","sources":["../../../libs/design/notification/src/notification/notification.component.ts","../../../libs/design/notification/src/notification/notification.component.html","../../../libs/design/notification/src/notification-actions/notification-actions.directive.ts","../../../libs/design/notification/src/notification-message/notification-message.directive.ts","../../../libs/design/notification/src/notification-subtitle/notification-subtitle.directive.ts","../../../libs/design/notification/src/notification-title/notification-title.directive.ts","../../../libs/design/notification/src/notification.module.ts","../../../libs/design/notification/src/daffodil-design-notification.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  ElementRef,\n  Renderer2,\n  HostBinding,\n  ContentChild,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n} from '@angular/core';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  daffArticleEncapsulatedMixin,\n  DaffPrefixable,\n  DaffPrefixDirective,\n  DaffStatusable,\n  daffStatusMixin,\n} from '@daffodil/design';\n\n/**\n * An _elementRef is needed for the core mixins\n */\nclass DaffNotificationBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffNotificationBase = daffArticleEncapsulatedMixin(daffStatusMixin(DaffNotificationBase));\n\nexport type DaffNotificationOrientation = 'horizontal' | 'vertical';\n\nenum DaffNotificationOrientationEnum {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n\n/**\n * DaffNotificationComponent provides a way to display and\n * communicate information for user actions or system updates.\n */\n@Component({\n  selector: 'daff-notification',\n  templateUrl: './notification.component.html',\n  styleUrls: ['./notification.component.scss'],\n  // todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['status'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffNotificationComponent\n  extends _daffNotificationBase\n  implements DaffPrefixable, DaffStatusable {\n  faTimes = faTimes;\n\n  @HostBinding('class.daff-notification') class = true;\n\n  @HostBinding('attr.tabindex') tabindex = '0';\n  @HostBinding('attr.aria-live') ariaLive = 'polite';\n\n  @HostBinding('class.vertical') get verticalOrientation() {\n\t  return this.orientation === DaffNotificationOrientationEnum.Vertical;\n  }\n\n  @HostBinding('class.horizontal') get horizontalOrientation() {\n\t  return this.orientation === DaffNotificationOrientationEnum.Horizontal;\n  }\n\n  /** Whether or not a notification is closable */\n  @Input() @HostBinding('class.dismissible') dismissible = false;\n\n  @Output() closeNotification: EventEmitter<void> = new EventEmitter();\n\n  private _orientation: DaffNotificationOrientation = DaffNotificationOrientationEnum.Vertical;\n\n  @Input()\n  get orientation() {\n    return this._orientation;\n  }\n\n  set orientation(value: DaffNotificationOrientation) {\n    if(value === null || value === undefined || <unknown>value === '') {\n      this._orientation = DaffNotificationOrientationEnum.Vertical;\n    } else {\n      this._orientation = value;\n    }\n  };\n\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n\t  super(elementRef, renderer);\n  }\n\n  @ContentChild(DaffPrefixDirective)\n    _prefix: DaffPrefixDirective;\n\n  onCloseNotification(event: Event) {\n    this.closeNotification.emit();\n  }\n}\n","<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationActions]',\n})\n\nexport class DaffNotificationActionsDirective {\n\n  @HostBinding('class.daff-notification__actions') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationMessage]',\n})\n\nexport class DaffNotificationMessageDirective {\n\n  @HostBinding('class.daff-notification__message') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationSubtitle]',\n})\n\nexport class DaffNotificationSubtitleDirective {\n\n  @HostBinding('class.daff-notification__subtitle') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationTitle]',\n})\n\nexport class DaffNotificationTitleDirective {\n\n  @HostBinding('class.daff-notification__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffNotificationComponent } from './notification/notification.component';\nimport { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';\nimport { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';\nimport { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';\nimport { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffPrefixSuffixModule,\n    FontAwesomeModule,\n  ],\n  declarations: [\n    DaffNotificationComponent,\n    DaffNotificationActionsDirective,\n    DaffNotificationMessageDirective,\n    DaffNotificationTitleDirective,\n    DaffNotificationSubtitleDirective,\n  ],\n  exports: [\n    DaffNotificationComponent,\n    DaffNotificationActionsDirective,\n    DaffNotificationMessageDirective,\n    DaffNotificationTitleDirective,\n    DaffNotificationSubtitleDirective,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class DaffNotificationModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-notification.mjs","sources":["../../../libs/design/notification/src/notification-actions/notification-actions.directive.ts","../../../libs/design/notification/src/notification/notification.component.ts","../../../libs/design/notification/src/notification/notification.component.html","../../../libs/design/notification/src/notification-message/notification-message.directive.ts","../../../libs/design/notification/src/notification-subtitle/notification-subtitle.directive.ts","../../../libs/design/notification/src/notification-title/notification-title.directive.ts","../../../libs/design/notification/src/notification.module.ts","../../../libs/design/notification/src/daffodil-design-notification.ts"],"sourcesContent":["import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationActions]',\n})\n\nexport class DaffNotificationActionsDirective {\n\n  @HostBinding('class.daff-notification__actions') class = true;\n}\n","import {\n  Component,\n  Input,\n  ElementRef,\n  Renderer2,\n  HostBinding,\n  ContentChild,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n} from '@angular/core';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  daffArticleEncapsulatedMixin,\n  DaffPrefixable,\n  DaffPrefixDirective,\n  DaffStatusable,\n  DaffStatusEnum,\n  daffStatusMixin,\n} from '@daffodil/design';\n\nimport { DaffNotificationActionsDirective } from '../notification-actions/notification-actions.directive';\n\n/**\n * An _elementRef is needed for the core mixins\n */\nclass DaffNotificationBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffNotificationBase = daffArticleEncapsulatedMixin(daffStatusMixin(DaffNotificationBase));\n\nexport type DaffNotificationOrientation = 'horizontal' | 'vertical';\n\nenum DaffNotificationOrientationEnum {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n\n/**\n * DaffNotificationComponent provides a way to display and communicate\n * information related to user actions within a page's content.\n */\n@Component({\n  selector: 'daff-notification',\n  templateUrl: './notification.component.html',\n  styleUrls: ['./notification.component.scss'],\n  // todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['status'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffNotificationComponent\n  extends _daffNotificationBase\n  implements DaffPrefixable, DaffStatusable {\n  faTimes = faTimes;\n\n  @ContentChild(DaffPrefixDirective) _prefix: DaffPrefixDirective;\n\n  @ContentChild(DaffNotificationActionsDirective) _actions: DaffNotificationActionsDirective;\n\n  @HostBinding('class.daff-notification') class = true;\n\n  @HostBinding('attr.tabindex') tabindex = '0';\n\n  /**\n   * Sets role to alert when `status=\"warn\"` or `status=\"danger\"`.\n   * Sets role to status on all other instances.\n   */\n  @HostBinding('attr.role') get role() {\n    return this.status === DaffStatusEnum.Warn || this.status === DaffStatusEnum.Danger ? 'alert' : 'status';\n  };\n\n  @HostBinding('class.vertical') get verticalOrientation() {\n\t  return this.orientation === DaffNotificationOrientationEnum.Vertical;\n  }\n\n  @HostBinding('class.horizontal') get horizontalOrientation() {\n\t  return this.orientation === DaffNotificationOrientationEnum.Horizontal;\n  }\n\n  /** Whether or not a notification is closable */\n  @Input() @HostBinding('class.dismissible') dismissible = false;\n\n  private _orientation: DaffNotificationOrientation = DaffNotificationOrientationEnum.Vertical;\n\n  @Input()\n  get orientation() {\n    return this._orientation;\n  }\n\n  set orientation(value: DaffNotificationOrientation) {\n    if(value === null || value === undefined || <unknown>value === '') {\n      this._orientation = DaffNotificationOrientationEnum.Vertical;\n    } else {\n      this._orientation = value;\n    }\n  };\n\n  constructor(\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n  ) {\n\t  super(elementRef, renderer);\n  }\n\n  /**\n   * Output event triggered when the close icon is clicked.\n   */\n  @Output() closeNotification: EventEmitter<void> = new EventEmitter();\n\n  onCloseNotification(event: Event) {\n    this.closeNotification.emit();\n  }\n}\n","<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__body\">\n  <div class=\"daff-notification__content\">\n    <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n    <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"_actions\">\n    <ng-content select=\"[daffNotificationActions]\"></ng-content>\n  </ng-container>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissible\" (click)=\"onCloseNotification($event)\">\n  <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationMessage]',\n})\n\nexport class DaffNotificationMessageDirective {\n\n  @HostBinding('class.daff-notification__message') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationSubtitle]',\n})\n\nexport class DaffNotificationSubtitleDirective {\n\n  @HostBinding('class.daff-notification__subtitle') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffNotificationTitle]',\n})\n\nexport class DaffNotificationTitleDirective {\n\n  @HostBinding('class.daff-notification__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffNotificationComponent } from './notification/notification.component';\nimport { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';\nimport { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';\nimport { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';\nimport { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffPrefixSuffixModule,\n    FontAwesomeModule,\n  ],\n  declarations: [\n    DaffNotificationComponent,\n    DaffNotificationActionsDirective,\n    DaffNotificationMessageDirective,\n    DaffNotificationTitleDirective,\n    DaffNotificationSubtitleDirective,\n  ],\n  exports: [\n    DaffNotificationComponent,\n    DaffNotificationActionsDirective,\n    DaffNotificationMessageDirective,\n    DaffNotificationTitleDirective,\n    DaffNotificationSubtitleDirective,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class DaffNotificationModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-paginator.mjs","sources":["../../../libs/design/paginator/src/utils/paginator-errors.ts","../../../libs/design/paginator/src/paginator/paginator.component.ts","../../../libs/design/paginator/src/paginator/paginator.component.html","../../../libs/design/paginator/src/paginator.module.ts","../../../libs/design/paginator/src/daffodil-design-paginator.ts"],"sourcesContent":["export const DaffPaginatorNumberOfPagesErrorMessage = 'The numberOfPages in the daff-paginator must not be less than 1';\nexport const DaffPaginatorPageOutOfRangeErrorMessage = 'The numberOfPages in the daff-paginator should not be less than the currentPage';\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  HostBinding,\n  ElementRef,\n  OnChanges,\n  ChangeDetectionStrategy,\n  Renderer2,\n} from '@angular/core';\nimport { Params } from '@angular/router';\nimport {\n  faChevronRight,\n  faChevronLeft,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  daffColorMixin,\n  DaffColorable,\n} from '@daffodil/design';\n\nimport {\n  DaffPaginatorNumberOfPagesErrorMessage,\n  DaffPaginatorPageOutOfRangeErrorMessage,\n} from '../utils/paginator-errors';\n\nconst visiblePageRange = 2;\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-paginator',\n  styleUrls: ['./paginator.component.scss'],\n  templateUrl: './paginator.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffPaginatorComponent implements OnChanges {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-paginator') class = true;\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.role') role = 'navigation';\n\n  /**\n   * @docs-private\n   */\n  faChevronRight = faChevronRight;\n  /**\n   * @docs-private\n   */\n  faChevronLeft = faChevronLeft;\n\n  /**\n   * @docs-private\n   */\n  _paginatorId: string;\n\n  constructor(private elementRef: ElementRef) {\n\t  const ariaLabel = elementRef.nativeElement.attributes['aria-label'];\n\t  this._paginatorId = ariaLabel ? ariaLabel.nodeValue : null;\n  }\n\n  /**\n   * The total number of pages the paginator tracks. This number can change dynamically, but the end user is responsible for keeping numberOfPages\n   * and currentPage in sync. For example, if the numberOfPages is dynamically changed to a value less than the currentPage, the paginator will break.\n   */\n  @Input() numberOfPages: number;\n\n  /**\n   * The currently selected page.\n   */\n  @Input() currentPage: number;\n\n  /**\n   * Replace the paginator buttons with links. `url` is required if using this mode.\n   */\n  @Input() linkMode = false;\n\n  /**\n   * The url to which to navigate if the paginator is in link mode.\n   * This paginator component will set the page query param.\n   */\n  @Input() url?: string;\n\n  /**\n   * The query param to which the paginator component will set the current page value in link mode.\n   */\n  @Input() queryParam = 'page';\n\n  /**\n   * @docs-private\n   */\n  _numberOfPagesArray: number[];\n\n  /**\n   * Emits when the current page changes with the new current page.\n   */\n  @Output() notifyPageChange: EventEmitter<any> = new EventEmitter();\n\n  /**\n   * Determines when ellipsis after the first page number should show.\n   *\n   * @docs-private\n   */\n  get _showFirstEllipsis(): boolean {\n    return this.currentPage >= visiblePageRange+2;\n  }\n\n  /**\n   * Determines when ellipsis before the final page number should show.\n   *\n   * @docs-private\n   */\n  get _showLastEllipsis(): boolean {\n    return this.currentPage < (this.numberOfPages - visiblePageRange);\n  }\n\n  /**\n   * Determines when the Previous button should be disabled.\n   *\n   * @docs-private\n   */\n  get _disablePrev(): boolean {\n    return this.currentPage === 1;\n  }\n\n  /**\n   * Determines when the Next button should be disabled.\n   *\n   * @docs-private\n   */\n  get _disableNext(): boolean {\n    return this.currentPage === this.numberOfPages;\n  }\n\n  /**\n   * @docs-private\n   */\n  ngOnChanges() {\n    if(this.numberOfPages < 1) {\n      throw new Error(DaffPaginatorNumberOfPagesErrorMessage);\n    } else if(this.numberOfPages < this.currentPage) {\n      throw new Error(DaffPaginatorPageOutOfRangeErrorMessage);\n    }\n\n    this._numberOfPagesArray = this.numberOfPages < 2 ? [] : Array(this.numberOfPages-2).fill(this.numberOfPages-2).map((x,i)=>i+2);\n  }\n\n  /**\n   * Emits the previous page number through notifyPageChange Output.\n   *\n   * @docs-private\n   */\n  _onNotifyPrevPageChange() {\n    this.notifyPageChange.emit(this.currentPage - 1);\n  }\n\n  /**\n   * Emits the next page number through notifyPageChange Output.\n   *\n   * @docs-private\n   */\n  _onNotifyNextPageChange() {\n    this.notifyPageChange.emit(this.currentPage + 1);\n  }\n\n  /**\n   * Emits a pageNumber to notifyPageChange Output.\n   *\n   * @docs-private\n   * @param pageNumber a page number\n   */\n  _onNotifyPageChange(pageNumber: number) {\n    this.notifyPageChange.emit(pageNumber);\n  }\n\n  /**\n   * A simple function that determines if the given page number is the current page number.\n   *\n   * @docs-private\n   * @param page a page number\n   */\n  _isSelected(page: number): boolean {\n    return page === this.currentPage;\n  }\n\n  /**\n   * Determines if the given page number should be shown. The two additional 'or' conditionals are needed\n   * so the paginator retains the same total width at the extreme page numbers (1 and numberOfPages).\n   *\n   * @docs-private\n   * @param pageNumber page number to check.\n   */\n  _showNumber(pageNumber: number): boolean {\n    return Math.abs(this.currentPage - pageNumber) < visiblePageRange\n      || (this.currentPage <= visiblePageRange && pageNumber <= 2*visiblePageRange)\n      || (this.currentPage > this.numberOfPages - visiblePageRange && pageNumber > this.numberOfPages - 2*visiblePageRange);\n  }\n\n  _buildPageQueryParams(page: number): Params {\n    return {\n      [this.queryParam]: page,\n    };\n  }\n}\n","<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n  [disabled]=\"_disablePrev\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPrevPageChange()\">\n  <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n  <a class=\"daff-paginator__previous\"\n    *ngIf=\"!_disablePrev\"\n    attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n    [routerLink]=\"url\"\n    queryParamsHandling=\"merge\"\n    [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n    <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n  </a>\n  <span class=\"daff-paginator__previous disabled\"\n    *ngIf=\"_disablePrev\"\n    attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n    [attr.disabled]=\"true\">\n    <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n  </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(1)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(1)\">\n  <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n  [routerLink]=\"url\"\n  [queryParams]=\"_buildPageQueryParams(1)\"\n  queryParamsHandling=\"merge\"\n  [class.selected]=\"_isSelected(1)\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n  <ng-container *ngIf=\"_showNumber(pageNumber)\">\n    <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n      [class.selected]=\"_isSelected(pageNumber)\"\n      [attr.data-page-number]=\"pageNumber\"\n      tabindex=\"0\"\n      attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n      aria-current=\"_isSelected(pageNumber)\"\n      (click)=\"_onNotifyPageChange(pageNumber)\">\n      <span>{{ pageNumber }}</span>\n    </button>\n    <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n      [attr.data-page-number]=\"pageNumber\"\n      [routerLink]=\"url\"\n      [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n      queryParamsHandling=\"merge\"\n      [class.selected]=\"_isSelected(pageNumber)\"\n      attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n    ><span>{{ pageNumber }}</span></a>\n  </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n  <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n    [class.selected]=\"_isSelected(numberOfPages)\"\n    tabindex=\"0\"\n    attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n    (click)=\"_onNotifyPageChange(numberOfPages)\"\n  >\n    <span>{{ numberOfPages }}</span>\n  </button>\n  <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n    [routerLink]=\"url\"\n    [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n    queryParamsHandling=\"merge\"\n    [class.selected]=\"_isSelected(numberOfPages)\"\n    attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n  ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n  [disabled]=\"_disableNext\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyNextPageChange()\">\n  Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n  <a class=\"daff-paginator__next\"\n    *ngIf=\"!_disableNext\"\n    [routerLink]=\"url\"\n    attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n    queryParamsHandling=\"merge\"\n    [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n    <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n  </a>\n  <span class=\"daff-paginator__next disabled\"\n    *ngIf=\"_disableNext\"\n    attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n    [attr.disabled]=\"true\">\n    <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n  </span>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPaginatorComponent } from './paginator/paginator.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    FontAwesomeModule,\n  ],\n  declarations: [\n    DaffPaginatorComponent,\n  ],\n  exports: [\n    DaffPaginatorComponent,\n  ],\n})\nexport class DaffPaginatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-paginator.mjs","sources":["../../../libs/design/paginator/src/utils/paginator-errors.ts","../../../libs/design/paginator/src/paginator/paginator.component.ts","../../../libs/design/paginator/src/paginator/paginator.component.html","../../../libs/design/paginator/src/paginator.module.ts","../../../libs/design/paginator/src/daffodil-design-paginator.ts"],"sourcesContent":["export const DaffPaginatorNumberOfPagesErrorMessage = 'The numberOfPages in the daff-paginator must not be less than 1';\nexport const DaffPaginatorPageOutOfRangeErrorMessage = 'The numberOfPages in the daff-paginator should not be less than the currentPage';\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  HostBinding,\n  ElementRef,\n  OnChanges,\n  ChangeDetectionStrategy,\n  Renderer2,\n} from '@angular/core';\nimport { Params } from '@angular/router';\nimport {\n  faChevronRight,\n  faChevronLeft,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  daffColorMixin,\n  DaffColorable,\n} from '@daffodil/design';\n\nimport {\n  DaffPaginatorNumberOfPagesErrorMessage,\n  DaffPaginatorPageOutOfRangeErrorMessage,\n} from '../utils/paginator-errors';\n\nconst visiblePageRange = 2;\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-paginator',\n  styleUrls: ['./paginator.component.scss'],\n  templateUrl: './paginator.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffPaginatorComponent implements OnChanges {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-paginator') class = true;\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.role') role = 'navigation';\n\n  /**\n   * @docs-private\n   */\n  faChevronRight = faChevronRight;\n  /**\n   * @docs-private\n   */\n  faChevronLeft = faChevronLeft;\n\n  /**\n   * @docs-private\n   */\n  _paginatorId: string;\n\n  constructor(private elementRef: ElementRef) {\n\t  const ariaLabel = elementRef.nativeElement.attributes['aria-label'];\n\t  this._paginatorId = ariaLabel ? ariaLabel.nodeValue : null;\n  }\n\n  /**\n   * The total number of pages the paginator tracks. This number can change dynamically, but the end user is responsible for keeping numberOfPages\n   * and currentPage in sync. For example, if the numberOfPages is dynamically changed to a value less than the currentPage, the paginator will break.\n   */\n  @Input() numberOfPages: number;\n\n  /**\n   * The currently selected page.\n   */\n  @Input() currentPage: number;\n\n  /**\n   * Replace the paginator buttons with links. `url` is required if using this mode.\n   */\n  @Input() linkMode = false;\n\n  /**\n   * The url to which to navigate if the paginator is in link mode.\n   * This paginator component will set the page query param.\n   */\n  @Input() url?: string;\n\n  /**\n   * The query param to which the paginator component will set the current page value in link mode.\n   */\n  @Input() queryParam = 'page';\n\n  /**\n   * @docs-private\n   */\n  _numberOfPagesArray: number[];\n\n  /**\n   * Emits when the current page changes with the new current page.\n   */\n  @Output() notifyPageChange: EventEmitter<any> = new EventEmitter();\n\n  /**\n   * Determines when ellipsis after the first page number should show.\n   *\n   * @docs-private\n   */\n  get _showFirstEllipsis(): boolean {\n    return this.currentPage >= visiblePageRange+2;\n  }\n\n  /**\n   * Determines when ellipsis before the final page number should show.\n   *\n   * @docs-private\n   */\n  get _showLastEllipsis(): boolean {\n    return this.currentPage < (this.numberOfPages - visiblePageRange);\n  }\n\n  /**\n   * Determines when the Previous button should be disabled.\n   *\n   * @docs-private\n   */\n  get _disablePrev(): boolean {\n    return this.currentPage === 1;\n  }\n\n  /**\n   * Determines when the Next button should be disabled.\n   *\n   * @docs-private\n   */\n  get _disableNext(): boolean {\n    return this.currentPage === this.numberOfPages;\n  }\n\n  /**\n   * @docs-private\n   */\n  ngOnChanges() {\n    if(this.numberOfPages < 1) {\n      throw new Error(DaffPaginatorNumberOfPagesErrorMessage);\n    } else if(this.numberOfPages < this.currentPage) {\n      throw new Error(DaffPaginatorPageOutOfRangeErrorMessage);\n    }\n\n    this._numberOfPagesArray = this.numberOfPages < 2 ? [] : Array(this.numberOfPages-2).fill(this.numberOfPages-2).map((x,i)=>i+2);\n  }\n\n  /**\n   * Emits the previous page number through notifyPageChange Output.\n   *\n   * @docs-private\n   */\n  _onNotifyPrevPageChange() {\n    this.notifyPageChange.emit(this.currentPage - 1);\n  }\n\n  /**\n   * Emits the next page number through notifyPageChange Output.\n   *\n   * @docs-private\n   */\n  _onNotifyNextPageChange() {\n    this.notifyPageChange.emit(this.currentPage + 1);\n  }\n\n  /**\n   * Emits a pageNumber to notifyPageChange Output.\n   *\n   * @docs-private\n   * @param pageNumber a page number\n   */\n  _onNotifyPageChange(pageNumber: number) {\n    this.notifyPageChange.emit(pageNumber);\n  }\n\n  /**\n   * A simple function that determines if the given page number is the current page number.\n   *\n   * @docs-private\n   * @param page a page number\n   */\n  _isSelected(page: number): boolean {\n    return page === this.currentPage;\n  }\n\n  /**\n   * Determines if the given page number should be shown. The two additional 'or' conditionals are needed\n   * so the paginator retains the same total width at the extreme page numbers (1 and numberOfPages).\n   *\n   * @docs-private\n   * @param pageNumber page number to check.\n   */\n  _showNumber(pageNumber: number): boolean {\n    return Math.abs(this.currentPage - pageNumber) < visiblePageRange\n      || (this.currentPage <= visiblePageRange && pageNumber <= 2*visiblePageRange)\n      || (this.currentPage > this.numberOfPages - visiblePageRange && pageNumber > this.numberOfPages - 2*visiblePageRange);\n  }\n\n  _buildPageQueryParams(page: number): Params {\n    return {\n      [this.queryParam]: page,\n    };\n  }\n}\n","<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__previous\"\n  [disabled]=\"_disablePrev\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPrevPageChange()\">\n  <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon> Previous\n</button>\n<ng-container *ngIf=\"linkMode\">\n  <a class=\"daff-paginator__previous\"\n    *ngIf=\"!_disablePrev\"\n    attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n    [routerLink]=\"url\"\n    queryParamsHandling=\"merge\"\n    [queryParams]=\"_buildPageQueryParams(currentPage - 1)\">\n    <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n  </a>\n  <span class=\"daff-paginator__previous disabled\"\n    *ngIf=\"_disablePrev\"\n    attr.aria-label=\"Go to Previous Page of {{_paginatorId}} Paginator\"\n    [attr.disabled]=\"true\">\n    <fa-icon [icon]=\"faChevronLeft\" size=\"sm\"></fa-icon><span>Previous</span>\n  </span>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n  [class.selected]=\"_isSelected(1)\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyPageChange(1)\">\n  <span>1</span>\n</button>\n<a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n  [routerLink]=\"url\"\n  [queryParams]=\"_buildPageQueryParams(1)\"\n  queryParamsHandling=\"merge\"\n  [class.selected]=\"_isSelected(1)\"\n  attr.aria-label=\"Go to Page 1 of {{_paginatorId}} Paginator\"\n><span>1</span></a>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showFirstEllipsis\">...</span>\n\n<ng-container *ngFor=\"let pageNumber of _numberOfPagesArray\">\n  <ng-container *ngIf=\"_showNumber(pageNumber)\">\n    <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n      [class.selected]=\"_isSelected(pageNumber)\"\n      [attr.data-page-number]=\"pageNumber\"\n      tabindex=\"0\"\n      attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n      aria-current=\"_isSelected(pageNumber)\"\n      (click)=\"_onNotifyPageChange(pageNumber)\">\n      <span>{{ pageNumber }}</span>\n    </button>\n    <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n      [attr.data-page-number]=\"pageNumber\"\n      [routerLink]=\"url\"\n      [queryParams]=\"_buildPageQueryParams(pageNumber)\"\n      queryParamsHandling=\"merge\"\n      [class.selected]=\"_isSelected(pageNumber)\"\n      attr.aria-label=\"Go to Page {{pageNumber}} of {{_paginatorId}} Paginator\"\n    ><span>{{ pageNumber }}</span></a>\n  </ng-container>\n</ng-container>\n\n<span class=\"daff-paginator__ellipsis\" *ngIf=\"_showLastEllipsis\">...</span>\n\n<ng-container *ngIf=\"!(numberOfPages < 2)\">\n  <button *ngIf=\"!linkMode\" type=\"button\" class=\"daff-paginator__page-link\"\n    [class.selected]=\"_isSelected(numberOfPages)\"\n    tabindex=\"0\"\n    attr.aria-label=\"Go To Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n    (click)=\"_onNotifyPageChange(numberOfPages)\"\n  >\n    <span>{{ numberOfPages }}</span>\n  </button>\n  <a *ngIf=\"linkMode\" class=\"daff-paginator__page-link\"\n    [routerLink]=\"url\"\n    [queryParams]=\"_buildPageQueryParams(numberOfPages)\"\n    queryParamsHandling=\"merge\"\n    [class.selected]=\"_isSelected(numberOfPages)\"\n    attr.aria-label=\"Go to Page {{numberOfPages}} of {{_paginatorId}} Paginator\"\n  ><span>{{ numberOfPages }}</span></a>\n</ng-container>\n\n<button *ngIf=\"!linkMode\" class=\"daff-paginator__next\"\n  [disabled]=\"_disableNext\"\n  tabindex=\"0\"\n  attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n  (click)=\"_onNotifyNextPageChange()\">\n  Next <fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n</button>\n<ng-container *ngIf=\"linkMode\">\n  <a class=\"daff-paginator__next\"\n    *ngIf=\"!_disableNext\"\n    [routerLink]=\"url\"\n    attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n    queryParamsHandling=\"merge\"\n    [queryParams]=\"_buildPageQueryParams(currentPage + 1)\">\n    <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n  </a>\n  <span class=\"daff-paginator__next disabled\"\n    *ngIf=\"_disableNext\"\n    attr.aria-label=\"Go to Next Page of {{_paginatorId}} Paginator\"\n    [attr.disabled]=\"true\">\n    <span>Next</span><fa-icon [icon]=\"faChevronRight\" size=\"sm\"></fa-icon>\n  </span>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPaginatorComponent } from './paginator/paginator.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    FontAwesomeModule,\n  ],\n  declarations: [\n    DaffPaginatorComponent,\n  ],\n  exports: [\n    DaffPaginatorComponent,\n  ],\n})\nexport class DaffPaginatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-progress-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-progress-bar.mjs","sources":["../../../libs/design/progress-bar/src/animation/progress-bar-animation.ts","../../../libs/design/progress-bar/src/progress-bar.component.ts","../../../libs/design/progress-bar/src/progress-bar.component.html","../../../libs/design/progress-bar/src/progress-bar.module.ts","../../../libs/design/progress-bar/src/daffodil-design-progress-bar.ts"],"sourcesContent":["import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffProgressBarAnimation: {\n  readonly fill: AnimationTriggerMetadata;\n} = {\n  fill: trigger('fill', [\n    state('*', style({ transform: 'scaleX(calc({{ percentage }}/100))' }), { params: { percentage: 0 }}),\n    transition('void <=> *', animate(0)),\n    transition('* <=> *', animate(1000)),\n  ]),\n};\n","import { AnimationEvent } from '@angular/animations';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ElementRef,\n  Output,\n  EventEmitter,\n  Renderer2,\n  HostBinding,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport {\n  daffColorMixin,\n  DaffColorable,\n} from '@daffodil/design';\n\nimport { daffProgressBarAnimation } from './animation/progress-bar-animation';\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the Colorable mixin\n */\nclass DaffProgressBarBase{\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffProgressBarBase = daffColorMixin(DaffProgressBarBase, 'primary');\n\nexport const clamp = (number: number, min: number, max: number) => Math.min(Math.max(number, min), max);\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['color'],\n  animations: [\n    daffProgressBarAnimation.fill,\n  ],\n})\nexport class DaffProgressBarComponent extends _daffProgressBarBase implements DaffColorable {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-progress-bar') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.indeterminate') get indeterminateClass() {\n    return this._indeterminate;\n  }\n\n  @HostBinding('role') get role() {\n    return 'progressbar';\n  }\n\n  @HostBinding('attr.aria-label') get ariaLabel() {\n    return this._indeterminate ? 'loading' : null;\n  }\n\n  @HostBinding('attr.aria-valuemin') ariaValueMin = '0';\n  @HostBinding('attr.aria-valuemax') ariaValueMax = '100';\n  @HostBinding('attr.aria-valuenow') get ariaValueNow() {\n    return this.percentage;\n  }\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n  ) {\n    super(elementRef, renderer);\n  }\n\n  private _percentage = 0;\n  private _indeterminate = false;\n\n  /**\n   * Sets the percentage completion of the progression,\n   * expressed as a whole number between 0 and 100.\n   *\n   */\n  @Input() get percentage(): number {\n    return this._percentage;\n  };\n  set percentage(val: number) {\n    this._percentage = clamp(val, 0, 100);\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Property to set the animation of a progress bar to\n   * run for an indefinite amount of time.\n   *\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress\n   **/\n  @Input() get indeterminate() {\n    return this._indeterminate;\n  }\n  set indeterminate(value: any) {\n\t  this._indeterminate = coerceBooleanProperty(value);\n  }\n\n  /**\n   * An event that emits each time the progression reaches 100%\n   * and the animation is finished\n   */\n  @Output() finished: EventEmitter<void> = new EventEmitter();\n\n  /**\n   * Calculates when the progress animation is fully completed\n   *\n   * @param event: AnimationEvent\n   */\n  onAnimationComplete(event: AnimationEvent): void {\n    // @ts-expect-error: @angular/animations typing error on event.toState as string\n    // See: https://github.com/angular/angular/issues/26507\n    if(event.toState === '100' || event.toState === 100) {\n      this.finished.emit();\n    }\n  }\n\n  /**\n   * @docs-private\n   */\n  get fillState(): any {\n    return {\n      value: this.percentage,\n      params: {\n        percentage: this.percentage,\n      },\n    };\n  }\n}\n","<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n  ],\n  declarations: [\n    DaffProgressBarComponent,\n  ],\n  exports: [\n    DaffProgressBarComponent,\n  ],\n})\nexport class DaffProgressBarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-progress-bar.mjs","sources":["../../../libs/design/progress-bar/src/animation/progress-bar-animation.ts","../../../libs/design/progress-bar/src/progress-bar.component.ts","../../../libs/design/progress-bar/src/progress-bar.component.html","../../../libs/design/progress-bar/src/progress-bar.module.ts","../../../libs/design/progress-bar/src/daffodil-design-progress-bar.ts"],"sourcesContent":["import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffProgressBarAnimation: {\n  readonly fill: AnimationTriggerMetadata;\n} = {\n  fill: trigger('fill', [\n    state('*', style({ transform: 'scaleX(calc({{ percentage }}/100))' }), { params: { percentage: 0 }}),\n    transition('void <=> *', animate(0)),\n    transition('* <=> *', animate(1000)),\n  ]),\n};\n","import { AnimationEvent } from '@angular/animations';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ElementRef,\n  Output,\n  EventEmitter,\n  Renderer2,\n  HostBinding,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport {\n  daffColorMixin,\n  DaffColorable,\n} from '@daffodil/design';\n\nimport { daffProgressBarAnimation } from './animation/progress-bar-animation';\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the Colorable mixin\n */\nclass DaffProgressBarBase{\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffProgressBarBase = daffColorMixin(DaffProgressBarBase, 'primary');\n\nexport const clamp = (number: number, min: number, max: number) => Math.min(Math.max(number, min), max);\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['color'],\n  animations: [\n    daffProgressBarAnimation.fill,\n  ],\n})\nexport class DaffProgressBarComponent extends _daffProgressBarBase implements DaffColorable {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-progress-bar') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.indeterminate') get indeterminateClass() {\n    return this._indeterminate;\n  }\n\n  @HostBinding('role') get role() {\n    return 'progressbar';\n  }\n\n  @HostBinding('attr.aria-label') get ariaLabel() {\n    return this._indeterminate ? 'loading' : null;\n  }\n\n  @HostBinding('attr.aria-valuemin') ariaValueMin = '0';\n  @HostBinding('attr.aria-valuemax') ariaValueMax = '100';\n  @HostBinding('attr.aria-valuenow') get ariaValueNow() {\n    return this.percentage;\n  }\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n  ) {\n    super(elementRef, renderer);\n  }\n\n  private _percentage = 0;\n  private _indeterminate = false;\n\n  /**\n   * Sets the percentage completion of the progression,\n   * expressed as a whole number between 0 and 100.\n   *\n   */\n  @Input() get percentage(): number {\n    return this._percentage;\n  };\n  set percentage(val: number) {\n    this._percentage = clamp(val, 0, 100);\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Property to set the animation of a progress bar to\n   * run for an indefinite amount of time.\n   *\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress\n   **/\n  @Input() get indeterminate() {\n    return this._indeterminate;\n  }\n  set indeterminate(value: any) {\n\t  this._indeterminate = coerceBooleanProperty(value);\n  }\n\n  /**\n   * An event that emits each time the progression reaches 100%\n   * and the animation is finished\n   */\n  @Output() finished: EventEmitter<void> = new EventEmitter();\n\n  /**\n   * Calculates when the progress animation is fully completed\n   *\n   * @param event: AnimationEvent\n   */\n  onAnimationComplete(event: AnimationEvent): void {\n    // @ts-expect-error: @angular/animations typing error on event.toState as string\n    // See: https://github.com/angular/angular/issues/26507\n    if(event.toState === '100' || event.toState === 100) {\n      this.finished.emit();\n    }\n  }\n\n  /**\n   * @docs-private\n   */\n  get fillState(): any {\n    return {\n      value: this.percentage,\n      params: {\n        percentage: this.percentage,\n      },\n    };\n  }\n}\n","<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n  ],\n  declarations: [\n    DaffProgressBarComponent,\n  ],\n  exports: [\n    DaffProgressBarComponent,\n  ],\n})\nexport class DaffProgressBarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,wBAAwB,GAEjC;AACF,IAAA,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE;QACpB,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,oCAAoC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,EAAC,CAAC;AACpG,QAAA,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACpC,QAAA,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;KACrC,CAAC;CACH;;ACID;;AAEG;AACH,MAAM,mBAAmB,CAAA;IACvB,WAAmB,CAAA,WAAuB,EAAS,SAAoB,EAAA;QAApD,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QAAS,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;KAAI;AAC5E,CAAA;AAED,MAAM,oBAAoB,GAAG,cAAc,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;AAErE,MAAM,KAAK,GAAG,CAAC,MAAc,EAAE,GAAW,EAAE,GAAW,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE;AAExG;;AAEG;AAaG,MAAO,wBAAyB,SAAQ,oBAAoB,CAAA;AAOhE;;AAEG;AACH,IAAA,IAAwC,kBAAkB,GAAA;QACxD,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;AAED,IAAA,IAAyB,IAAI,GAAA;AAC3B,QAAA,OAAO,aAAa,CAAC;KACtB;AAED,IAAA,IAAoC,SAAS,GAAA;QAC3C,OAAO,IAAI,CAAC,cAAc,GAAG,SAAS,GAAG,IAAI,CAAC;KAC/C;AAID,IAAA,IAAuC,YAAY,GAAA;QACjD,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;AAED,IAAA,WAAA,CACU,kBAAqC,EACrC,UAAsB,EACtB,QAAmB,EAAA;AAE3B,QAAA,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAJpB,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAmB;QACrC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QACtB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AA7B7B;;AAEG;QACqC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;QAiBlB,IAAY,CAAA,YAAA,GAAG,GAAG,CAAC;QACnB,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAahD,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC;QAChB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AA4B/B;;;AAGG;AACO,QAAA,IAAA,CAAA,QAAQ,GAAuB,IAAI,YAAY,EAAE,CAAC;KAnC3D;AAKD;;;;AAIG;AACH,IAAA,IAAa,UAAU,GAAA;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC;KACzB;;IACD,IAAI,UAAU,CAAC,GAAW,EAAA;QACxB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;AACtC,QAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;KACxC;AAED;;;;;AAKI;AACJ,IAAA,IAAa,aAAa,GAAA;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;IACD,IAAI,aAAa,CAAC,KAAU,EAAA;AAC3B,QAAA,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACnD;AAQD;;;;AAIG;AACH,IAAA,mBAAmB,CAAC,KAAqB,EAAA;;;QAGvC,IAAG,KAAK,CAAC,OAAO,KAAK,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,GAAG,EAAE;AACnD,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACtB,SAAA;KACF;AAED;;AAEG;AACH,IAAA,IAAI,SAAS,GAAA;QACX,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,UAAU;AACtB,YAAA,MAAM,EAAE;gBACN,UAAU,EAAE,IAAI,CAAC,UAAU;AAC5B,aAAA;SACF,CAAC;KACH;kIA9FU,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;sHAAxB,wBAAwB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/CrC,4VAIM,EDuCQ,MAAA,EAAA,CAAA,gxBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;AACV,YAAA,wBAAwB,CAAC,IAAI;AAC9B,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAEU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAZpC,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,UAGvC,CAAC,OAAO,CAAC,EACL,UAAA,EAAA;AACV,wBAAA,wBAAwB,CAAC,IAAI;AAC9B,qBAAA,EAAA,QAAA,EAAA,4VAAA,EAAA,MAAA,EAAA,CAAA,gxBAAA,CAAA,EAAA,CAAA;uIAOuC,KAAK,EAAA,CAAA;sBAA5C,WAAW;uBAAC,yBAAyB,CAAA;gBAKE,kBAAkB,EAAA,CAAA;sBAAzD,WAAW;uBAAC,qBAAqB,CAAA;gBAIT,IAAI,EAAA,CAAA;sBAA5B,WAAW;uBAAC,MAAM,CAAA;gBAIiB,SAAS,EAAA,CAAA;sBAA5C,WAAW;uBAAC,iBAAiB,CAAA;gBAIK,YAAY,EAAA,CAAA;sBAA9C,WAAW;uBAAC,oBAAoB,CAAA;gBACE,YAAY,EAAA,CAAA;sBAA9C,WAAW;uBAAC,oBAAoB,CAAA;gBACM,YAAY,EAAA,CAAA;sBAAlD,WAAW;uBAAC,oBAAoB,CAAA;gBAoBpB,UAAU,EAAA,CAAA;sBAAtB,KAAK;gBAcO,aAAa,EAAA,CAAA;sBAAzB,KAAK;gBAWI,QAAQ,EAAA,CAAA;sBAAjB,MAAM;;;MEpGI,qBAAqB,CAAA;kIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAN9B,YAAA,EAAA,CAAA,wBAAwB,CAHxB,EAAA,OAAA,EAAA,CAAA,YAAY,aAMZ,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FASH,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}

package/fesm2022/daffodil-design.mjs

@@ -2006,6 +2006,11 @@ function daffSizeMixin(Base, defaultSize) {
  */
 // Atoms
 
+/**
+ * This is a filler file for making the
+ * demo work in dev mode.
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */