@daffodil/design 0.87.1 → 0.88.1

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/paginator.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  NgFor,\n  NgIf,\n} from '@angular/common';\nimport {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  HostBinding,\n  ElementRef,\n  OnChanges,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  Params,\n  RouterModule,\n} from '@angular/router';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faChevronRight,\n  faChevronLeft,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DaffPaginatorNumberOfPagesErrorMessage,\n  DaffPaginatorPageOutOfRangeErrorMessage,\n} from '../utils/paginator-errors';\n\nconst visiblePageRange = 2;\n\n@Component({\n  selector: 'daff-paginator',\n  styleUrls: ['./paginator.component.scss'],\n  templateUrl: './paginator.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    FaIconComponent,\n    RouterModule,\n    NgIf,\n    NgFor,\n  ],\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    const ariaLabel = elementRef.nativeElement.attributes['aria-label'];\n    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  /**\n   * @docs-private\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/**\n * @deprecated in favor of {@link DAFF_PAGINATOR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    FontAwesomeModule,\n    DaffPaginatorComponent,\n  ],\n  exports: [\n    DaffPaginatorComponent,\n  ],\n})\nexport class DaffPaginatorModule {}\n","import { DaffPaginatorComponent } from './paginator/paginator.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_PAGINATOR_COMPONENTS = <const> [\n  DaffPaginatorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\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/paginator.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","/* eslint-disable quote-props */\nimport {\n  NgFor,\n  NgIf,\n} from '@angular/common';\nimport {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ElementRef,\n  OnChanges,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  Params,\n  RouterModule,\n} from '@angular/router';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  faChevronRight,\n  faChevronLeft,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DaffPaginatorNumberOfPagesErrorMessage,\n  DaffPaginatorPageOutOfRangeErrorMessage,\n} from '../utils/paginator-errors';\n\nconst visiblePageRange = 2;\n\n@Component({\n  selector: 'daff-paginator',\n  styleUrls: ['./paginator.component.scss'],\n  templateUrl: './paginator.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'daff-paginator',\n    'role': 'navigation',\n  },\n  imports: [\n    FaIconComponent,\n    RouterModule,\n    NgIf,\n    NgFor,\n  ],\n})\nexport class DaffPaginatorComponent implements OnChanges {\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    const ariaLabel = elementRef.nativeElement.attributes['aria-label'];\n    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   */\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   */\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   */\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  /**\n   * @docs-private\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/**\n * @deprecated in favor of {@link DAFF_PAGINATOR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    FontAwesomeModule,\n    DaffPaginatorComponent,\n  ],\n  exports: [\n    DaffPaginatorComponent,\n  ],\n})\nexport class DaffPaginatorModule {}\n","import { DaffPaginatorComponent } from './paginator/paginator.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_PAGINATOR_COMPONENTS = <const> [\n  DaffPaginatorComponent,\n];\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-examples.mjs

@@ -7,24 +7,24 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
 
 class ProgressBarDefaultComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ProgressBarDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: ProgressBarDefaultComponent, isStandalone: true, selector: "progress-bar-default", ngImport: i0, template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: ProgressBarDefaultComponent, isStandalone: true, selector: "progress-bar-default", ngImport: i0, template: "<daff-progress-bar percentage=\"25\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "aria-label", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "daff-progress-bar-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ProgressBarDefaultComponent, decorators: [{
             type: Component,
             args: [{ selector: 'progress-bar-default', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_PROGRESS_BAR_COMPONENTS,
-                    ], template: "<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
+                    ], template: "<daff-progress-bar percentage=\"25\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
         }] });
 
 class ProgressBarIndeterminateComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ProgressBarIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: ProgressBarIndeterminateComponent, isStandalone: true, selector: "progress-bar-indeterminate", ngImport: i0, template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: ProgressBarIndeterminateComponent, isStandalone: true, selector: "progress-bar-indeterminate", ngImport: i0, template: "<daff-progress-bar [indeterminate]=\"true\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "aria-label", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "daff-progress-bar-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ProgressBarIndeterminateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'progress-bar-indeterminate', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_PROGRESS_BAR_COMPONENTS,
-                    ], template: "<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
+                    ], template: "<daff-progress-bar [indeterminate]=\"true\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
         }] });
 
 class ProgressBarThemesComponent {
@@ -33,14 +33,14 @@ class ProgressBarThemesComponent {
         this.colorControl = new FormControl('');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ProgressBarThemesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: ProgressBarThemesComponent, isStandalone: true, selector: "progress-bar-themes", ngImport: i0, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "[daffProgressBarLabel]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: ProgressBarThemesComponent, isStandalone: true, selector: "progress-bar-themes", ngImport: i0, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\" aria-label=\"File upload\"></daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "aria-label", "indeterminate"], outputs: ["finished"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ProgressBarThemesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'progress-bar-themes', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_PROGRESS_BAR_COMPONENTS,
                         ReactiveFormsModule,
-                    ], template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
+                    ], template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\" aria-label=\"File upload\"></daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
         }] });
 
 const PROGRESS_BAR_EXAMPLES = [

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-progress-bar-examples.mjs","sources":["../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.html","../../../libs/design/progress-bar/examples/src/public_api.ts","../../../libs/design/progress-bar/examples/src/daffodil-design-progress-bar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-default',\n  templateUrl: './progress-bar-default.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n  ],\n})\nexport class ProgressBarDefaultComponent {}\n","<daff-progress-bar percentage=\"25\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-indeterminate',\n  templateUrl: './progress-bar-indeterminate.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n  ],\n})\nexport class ProgressBarIndeterminateComponent {}\n","<daff-progress-bar indeterminate>\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-themes',\n  templateUrl: './progress-bar-themes.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 16px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n    ReactiveFormsModule,\n  ],\n})\nexport class ProgressBarThemesComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\">\n\t<label daffProgressBarLabel>Progress bar label</label>\n</daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>","import { ProgressBarDefaultComponent } from './progress-bar-default/progress-bar-default.component';\nimport { ProgressBarIndeterminateComponent } from './progress-bar-indeterminate/progress-bar-indeterminate.component';\nimport { ProgressBarThemesComponent } from './progress-bar-themes/progress-bar-themes.component';\n\nexport const PROGRESS_BAR_EXAMPLES = [\n  ProgressBarDefaultComponent,\n  ProgressBarIndeterminateComponent,\n  ProgressBarThemesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-progress-bar-examples.mjs","sources":["../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.html","../../../libs/design/progress-bar/examples/src/public_api.ts","../../../libs/design/progress-bar/examples/src/daffodil-design-progress-bar-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-default',\n  templateUrl: './progress-bar-default.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n  ],\n})\nexport class ProgressBarDefaultComponent {}\n","<daff-progress-bar percentage=\"25\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-indeterminate',\n  templateUrl: './progress-bar-indeterminate.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n  ],\n})\nexport class ProgressBarIndeterminateComponent {}\n","<daff-progress-bar [indeterminate]=\"true\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'progress-bar-themes',\n  templateUrl: './progress-bar-themes.component.html',\n  styles: [`\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 16px;\n    }`],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_PROGRESS_BAR_COMPONENTS,\n    ReactiveFormsModule,\n  ],\n})\nexport class ProgressBarThemesComponent {\n  color: DaffPalette = 'primary';\n\n  colorControl: FormControl = new FormControl('');\n}\n","<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\" aria-label=\"File upload\"></daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>","import { ProgressBarDefaultComponent } from './progress-bar-default/progress-bar-default.component';\nimport { ProgressBarIndeterminateComponent } from './progress-bar-indeterminate/progress-bar-indeterminate.component';\nimport { ProgressBarThemesComponent } from './progress-bar-themes/progress-bar-themes.component';\n\nexport const PROGRESS_BAR_EXAMPLES = [\n  ProgressBarDefaultComponent,\n  ProgressBarIndeterminateComponent,\n  ProgressBarThemesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAsBa,2BAA2B,CAAA;kIAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,gFCtBxC,iIAGA,EAAA,MAAA,EAAA,CAAA,qDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDmBa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAfvC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAQf,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,4BAA4B;AAC7B,qBAAA,EAAA,QAAA,EAAA,iIAAA,EAAA,MAAA,EAAA,CAAA,qDAAA,CAAA,EAAA;;;MEEU,iCAAiC,CAAA;kIAAjC,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjC,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iCAAiC,sFCtB9C,sIAEoB,EAAA,MAAA,EAAA,CAAA,qDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDoBP,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAf7C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAQrB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,4BAA4B;AAC7B,qBAAA,EAAA,QAAA,EAAA,sIAAA,EAAA,MAAA,EAAA,CAAA,qDAAA,CAAA,EAAA;;;MESU,0BAA0B,CAAA;AAjBvC,IAAA,WAAA,GAAA;QAkBE,IAAK,CAAA,KAAA,GAAgB,SAAS;AAE9B,QAAA,IAAA,CAAA,YAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC;AAChD;kIAJY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7BvC,0hBAWS,EAAA,MAAA,EAAA,CAAA,6EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDeL,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGV,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAjBtC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EASd,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,4BAA4B;wBAC5B,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,0hBAAA,EAAA,MAAA,EAAA,CAAA,6EAAA,CAAA,EAAA;;;AEvBU,MAAA,qBAAqB,GAAG;IACnC,2BAA2B;IAC3B,iCAAiC;IACjC,0BAA0B;;;ACP5B;;AAEG;;;;"}

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

@@ -1,86 +1,66 @@
-import { NgIf, CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { Directive, EventEmitter, booleanAttribute, Output, Input, ContentChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@daffodil/design';
 import { DaffColorableDirective } from '@daffodil/design';
-import { trigger, state, transition, style, animate } from '@angular/animations';
 
+/**
+ * Use label to help users understand what the progress represents.
+ *
+ * @usage
+ * ```html
+ * <daff-progress-bar-label>File upload</daff-progress-bar-label>
+ * ```
+ */
 class DaffProgressBarLabelDirective {
-    constructor() {
-        /**
-         * @docs-private
-         */
-        this.class = true;
-    }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffProgressBarLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffProgressBarLabelDirective, isStandalone: true, selector: "[daffProgressBarLabel]", host: { properties: { "class.daff-progress-bar__label": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: DaffProgressBarLabelDirective, isStandalone: true, selector: "daff-progress-bar-label", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffProgressBarLabelDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[daffProgressBarLabel]',
-                    standalone: true,
+                    /* eslint-disable-next-line @angular-eslint/directive-selector */
+                    selector: 'daff-progress-bar-label',
                 }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-progress-bar__label']
-            }] } });
-
-const daffProgressBarAnimation = {
-    fill: trigger('fill', [
-        state('*', style({ transform: 'scaleX(calc({{ percentage }}/100))' }), { params: { percentage: 0 } }),
-        transition('void <=> *', animate(0)),
-        transition('* <=> *', animate(1000)),
-    ]),
-};
+        }] });
 
-const clamp = (number, min, max) => Math.min(Math.max(number, min), max);
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+let daffProgressBarId = 0;
+/**
+ * A progress bar provides visual feedback about the duration or progress of a task or operation.
+ *
+ * @usage
+ * ```html
+ * <daff-progress-bar>
+ *  <daff-progress-bar-label>File upload</daff-progress-bar-label>
+ * </daff-progress-bar>
+ * ```
+ */
 class DaffProgressBarComponent {
-    /**
-     * @docs-private
-     */
-    get indeterminateClass() {
-        return this._indeterminate;
-    }
-    /**
-     * @docs-private
-     */
-    get role() {
-        return 'progressbar';
-    }
-    /**
-     * @docs-private
-     */
-    get ariaLabel() {
-        return this._indeterminate ? 'loading' : null;
-    }
-    /**
-     * @docs-private
-     */
-    get ariaValueNow() {
-        return this.percentage;
-    }
     constructor(_changeDetectorRef, colorable) {
         this._changeDetectorRef = _changeDetectorRef;
         this.colorable = colorable;
+        this._percentage = 0;
         /**
          * @docs-private
+         *
+         * The unique id of the progress bar.
          */
-        this.class = true;
+        this.id = 'daff-progress-bar-' + ++daffProgressBarId;
         /**
-         * @docs-private
+         * An `aria-label` for the progress bar.
          */
-        this.ariaValueMin = '0';
+        this.ariaLabel = '';
         /**
-         * @docs-private
-         */
-        this.ariaValueMax = '100';
-        this._percentage = 0;
-        this._indeterminate = false;
+         * Property to set the animation of a progress bar to
+         * run for an indefinite amount of time.
+         *
+         * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress
+         **/
+        this.indeterminate = false;
         /**
          * An event that emits each time the progression reaches 100%
-         * and the animation is finished
+         * and the animation is finished.
          */
         this.finished = new EventEmitter();
         this.colorable.defaultColor = 'primary';
@@ -88,7 +68,6 @@ class DaffProgressBarComponent {
     /**
      * Sets the percentage completion of the progression,
      * expressed as a whole number between 0 and 100.
-     *
      */
     get percentage() {
         return this._percentage;
@@ -99,44 +78,39 @@ class DaffProgressBarComponent {
         this._changeDetectorRef.markForCheck();
     }
     /**
-     * Property to set the animation of a progress bar to
-     * run for an indefinite amount of time.
-     *
-     * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress
-     **/
-    get indeterminate() {
-        return this._indeterminate;
+     * @docs-private
+     */
+    get ariaValueNow() {
+        return this.indeterminate ? null : this.percentage;
     }
-    set indeterminate(value) {
-        this._indeterminate = coerceBooleanProperty(value);
+    /**
+     * @docs-private
+     */
+    get ariaLabelledBy() {
+        if (!this.ariaLabel && this.id) {
+            return this.id;
+        }
     }
     /**
-     * Calculates when the progress animation is fully completed
+     * @docs-private
      *
-     * @param event: AnimationEvent
+     * Returns the transform style for the determinate progress bar.
      */
-    onAnimationComplete(event) {
-        // @ts-expect-error: @angular/animations typing error on event.toState as string
-        // See: https://github.com/angular/angular/issues/26507
-        if (event.toState === '100' || event.toState === 100) {
-            this.finished.emit();
-        }
+    _determinateBarTransform() {
+        return `scaleX(${this.percentage / 100})`;
     }
     /**
      * @docs-private
+     *
+     * Handles the CSS transition end event.
      */
-    get fillState() {
-        return {
-            value: this.percentage,
-            params: {
-                percentage: this.percentage,
-            },
-        };
+    onTransitionEnd(event) {
+        if (event.propertyName === 'transform' && this.percentage === 100) {
+            this.finished.emit();
+        }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DaffColorableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffProgressBarComponent, isStandalone: true, selector: "daff-progress-bar", inputs: { percentage: "percentage", indeterminate: "indeterminate" }, outputs: { finished: "finished" }, host: { properties: { "class.daff-progress-bar": "this.class", "class.indeterminate": "this.indeterminateClass", "role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax", "attr.aria-valuenow": "this.ariaValueNow" } }, hostDirectives: [{ directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<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>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
-            daffProgressBarAnimation.fill,
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffProgressBarComponent, isStandalone: true, selector: "daff-progress-bar", inputs: { percentage: "percentage", ariaLabel: ["aria-label", "ariaLabel"], indeterminate: ["indeterminate", "indeterminate", booleanAttribute] }, outputs: { finished: "finished" }, host: { properties: { "class.indeterminate": "indeterminate" }, classAttribute: "daff-progress-bar" }, queries: [{ propertyName: "_label", first: true, predicate: DaffProgressBarLabelDirective, descendants: true }], hostDirectives: [{ directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (_label) {\n\t<div class=\"daff-progress-bar__label\"\n\t\t[attr.id]=\"id\">\n\t\t<ng-content select=\"daff-progress-bar-label\"></ng-content>\n\t</div>\n}\n<div class=\"daff-progress-bar__track\"\n\trole=\"progressbar\"\n\taria-valuemin=\"0\"\n\taria-valuemax=\"100\"\n\t[attr.aria-valuenow]=\"ariaValueNow\"\n\t[attr.aria-labelledby]=\"ariaLabelledBy\">\n\t@if (indeterminate) {\n\t\t<div class=\"daff-progress-bar__fill indeterminate-bar\" aria-hidden=\"true\"></div>\n\t} @else {\n\t\t<div class=\"daff-progress-bar__fill determinate-bar\"\n\t\t\taria-hidden=\"true\"\n\t\t\t[style.transform]=\"_determinateBarTransform()\"\n\t\t\t(transitionend)=\"onTransitionEnd($event)\">\n\t\t</div>\n\t}\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}:host(.daff-progress-bar) .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar) .daff-progress-bar__fill.determinate-bar{transition:transform .1s ease-in-out}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffProgressBarComponent, decorators: [{
             type: Component,
@@ -145,36 +119,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                             directive: DaffColorableDirective,
                             inputs: ['color'],
                         },
-                    ], animations: [
-                        daffProgressBarAnimation.fill,
-                    ], imports: [
-                        NgIf,
-                    ], template: "<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>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.DaffColorableDirective }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-progress-bar']
-            }], indeterminateClass: [{
-                type: HostBinding,
-                args: ['class.indeterminate']
-            }], role: [{
-                type: HostBinding,
-                args: ['role']
-            }], ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }], ariaValueMin: [{
-                type: HostBinding,
-                args: ['attr.aria-valuemin']
-            }], ariaValueMax: [{
-                type: HostBinding,
-                args: ['attr.aria-valuemax']
-            }], ariaValueNow: [{
-                type: HostBinding,
-                args: ['attr.aria-valuenow']
+                    ], host: {
+                        class: 'daff-progress-bar',
+                        '[class.indeterminate]': 'indeterminate',
+                    }, template: "@if (_label) {\n\t<div class=\"daff-progress-bar__label\"\n\t\t[attr.id]=\"id\">\n\t\t<ng-content select=\"daff-progress-bar-label\"></ng-content>\n\t</div>\n}\n<div class=\"daff-progress-bar__track\"\n\trole=\"progressbar\"\n\taria-valuemin=\"0\"\n\taria-valuemax=\"100\"\n\t[attr.aria-valuenow]=\"ariaValueNow\"\n\t[attr.aria-labelledby]=\"ariaLabelledBy\">\n\t@if (indeterminate) {\n\t\t<div class=\"daff-progress-bar__fill indeterminate-bar\" aria-hidden=\"true\"></div>\n\t} @else {\n\t\t<div class=\"daff-progress-bar__fill determinate-bar\"\n\t\t\taria-hidden=\"true\"\n\t\t\t[style.transform]=\"_determinateBarTransform()\"\n\t\t\t(transitionend)=\"onTransitionEnd($event)\">\n\t\t</div>\n\t}\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}:host(.daff-progress-bar) .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar) .daff-progress-bar__fill.determinate-bar{transition:transform .1s ease-in-out}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.DaffColorableDirective }], propDecorators: { _label: [{
+                type: ContentChild,
+                args: [DaffProgressBarLabelDirective]
             }], percentage: [{
                 type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
             }], indeterminate: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], finished: [{
                 type: Output
             }] } });
@@ -217,5 +176,5 @@ const DAFF_PROGRESS_BAR_COMPONENTS = [
  * Generated bundle index. Do not edit.
  */
 
-export { DAFF_PROGRESS_BAR_COMPONENTS, DaffProgressBarComponent, DaffProgressBarLabelDirective, DaffProgressBarModule, clamp };
+export { DAFF_PROGRESS_BAR_COMPONENTS, DaffProgressBarComponent, DaffProgressBarLabelDirective, DaffProgressBarModule };
 //# sourceMappingURL=daffodil-design-progress-bar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-progress-bar.mjs","sources":["../../../libs/design/progress-bar/src/progress-bar-label/progress-bar-label.directive.ts","../../../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/progress-bar.ts","../../../libs/design/progress-bar/src/daffodil-design-progress-bar.ts"],"sourcesContent":["import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffProgressBarLabel]',\n  standalone: true,\n})\nexport class DaffProgressBarLabelDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-progress-bar__label') class = true;\n}\n","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 { NgIf } from '@angular/common';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n  HostBinding,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport { DaffColorableDirective } from '@daffodil/design';\n\nimport { daffProgressBarAnimation } from './animation/progress-bar-animation';\n\nexport const clamp = (number: number, min: number, max: number) => Math.min(Math.max(number, min), max);\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  hostDirectives: [\n    {\n      directive: DaffColorableDirective,\n      inputs: ['color'],\n    },\n  ],\n  animations: [\n    daffProgressBarAnimation.fill,\n  ],\n  imports: [\n    NgIf,\n  ],\n})\nexport class DaffProgressBarComponent {\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  /**\n   * @docs-private\n   */\n  @HostBinding('role') get role() {\n    return 'progressbar';\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-label') get ariaLabel() {\n    return this._indeterminate ? 'loading' : null;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-valuemin') ariaValueMin = '0';\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-valuemax') ariaValueMax = '100';\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-valuenow') get ariaValueNow() {\n    return this.percentage;\n  }\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private colorable: DaffColorableDirective,\n  ) {\n    this.colorable.defaultColor = 'primary';\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    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 { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n/**\n * @deprecated in favor of {@link DAFF_PROGRESS_BAR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffProgressBarComponent,\n    DaffProgressBarLabelDirective,\n  ],\n  exports: [\n    DaffProgressBarComponent,\n    DaffProgressBarLabelDirective,\n  ],\n})\nexport class DaffProgressBarModule { }\n","import { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_PROGRESS_BAR_COMPONENTS = <const> [\n  DaffProgressBarComponent,\n  DaffProgressBarLabelDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-progress-bar.mjs","sources":["../../../libs/design/progress-bar/src/progress-bar-label/progress-bar-label.directive.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/progress-bar.ts","../../../libs/design/progress-bar/src/daffodil-design-progress-bar.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Use label to help users understand what the progress represents.\n *\n * @usage\n * ```html\n * <daff-progress-bar-label>File upload</daff-progress-bar-label>\n * ```\n */\n@Directive({\n  /* eslint-disable-next-line @angular-eslint/directive-selector */\n  selector: 'daff-progress-bar-label',\n})\nexport class DaffProgressBarLabelDirective {}\n","import {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n  ChangeDetectorRef,\n  booleanAttribute,\n  ContentChild,\n} from '@angular/core';\n\nimport { DaffColorableDirective } from '@daffodil/design';\n\nimport { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\n\nexport const clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nlet daffProgressBarId = 0;\n\n/**\n * A progress bar provides visual feedback about the duration or progress of a task or operation.\n *\n * @usage\n * ```html\n * <daff-progress-bar>\n *  <daff-progress-bar-label>File upload</daff-progress-bar-label>\n * </daff-progress-bar>\n * ```\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  hostDirectives: [\n    {\n      directive: DaffColorableDirective,\n      inputs: ['color'],\n    },\n  ],\n  host: {\n    class: 'daff-progress-bar',\n    '[class.indeterminate]': 'indeterminate',\n  },\n})\nexport class DaffProgressBarComponent {\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private colorable: DaffColorableDirective,\n  ) {\n    this.colorable.defaultColor = 'primary';\n  }\n\n  private _percentage = 0;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffProgressBarLabelDirective) _label: DaffProgressBarLabelDirective;\n\n  /**\n   * Sets the percentage completion of the progression,\n   * expressed as a whole number between 0 and 100.\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   * @docs-private\n   */\n  get ariaValueNow() {\n    return this.indeterminate ? null : this.percentage;\n  }\n\n  /**\n   * @docs-private\n   */\n  get ariaLabelledBy() {\n    if(!this.ariaLabel && this.id) {\n      return this.id;\n    }\n  }\n\n  /**\n   * @docs-private\n   *\n   * The unique id of the progress bar.\n   */\n  id = 'daff-progress-bar-' + ++daffProgressBarId;\n\n  /**\n   * An `aria-label` for the progress bar.\n   */\n  @Input('aria-label') ariaLabel = '';\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({ transform: booleanAttribute }) indeterminate = false;\n\n  /**\n   * @docs-private\n   *\n   * Returns the transform style for the determinate progress bar.\n   */\n  _determinateBarTransform(): string {\n    return `scaleX(${this.percentage / 100})`;\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   * @docs-private\n   *\n   * Handles the CSS transition end event.\n   */\n  onTransitionEnd(event: TransitionEvent): void {\n    if (event.propertyName === 'transform' && this.percentage === 100) {\n      this.finished.emit();\n    }\n  }\n}\n","@if (_label) {\n\t<div class=\"daff-progress-bar__label\"\n\t\t[attr.id]=\"id\">\n\t\t<ng-content select=\"daff-progress-bar-label\"></ng-content>\n\t</div>\n}\n<div class=\"daff-progress-bar__track\"\n\trole=\"progressbar\"\n\taria-valuemin=\"0\"\n\taria-valuemax=\"100\"\n\t[attr.aria-valuenow]=\"ariaValueNow\"\n\t[attr.aria-labelledby]=\"ariaLabelledBy\">\n\t@if (indeterminate) {\n\t\t<div class=\"daff-progress-bar__fill indeterminate-bar\" aria-hidden=\"true\"></div>\n\t} @else {\n\t\t<div class=\"daff-progress-bar__fill determinate-bar\"\n\t\t\taria-hidden=\"true\"\n\t\t\t[style.transform]=\"_determinateBarTransform()\"\n\t\t\t(transitionend)=\"onTransitionEnd($event)\">\n\t\t</div>\n\t}\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n/**\n * @deprecated in favor of {@link DAFF_PROGRESS_BAR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffProgressBarComponent,\n    DaffProgressBarLabelDirective,\n  ],\n  exports: [\n    DaffProgressBarComponent,\n    DaffProgressBarLabelDirective,\n  ],\n})\nexport class DaffProgressBarModule { }\n","import { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_PROGRESS_BAR_COMPONENTS = <const> [\n  DaffProgressBarComponent,\n  DaffProgressBarLabelDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEA;;;;;;;AAOG;MAKU,6BAA6B,CAAA;kIAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,yBAAyB;AACpC,iBAAA;;;ACEM,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC;AAErG,IAAI,iBAAiB,GAAG,CAAC;AAEzB;;;;;;;;;AASG;MAiBU,wBAAwB,CAAA;IACnC,WACU,CAAA,kBAAqC,EACrC,SAAiC,EAAA;QADjC,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB;QAClB,IAAS,CAAA,SAAA,GAAT,SAAS;QAKX,IAAW,CAAA,WAAA,GAAG,CAAC;AAmCvB;;;;AAIG;AACH,QAAA,IAAA,CAAA,EAAE,GAAG,oBAAoB,GAAG,EAAE,iBAAiB;AAE/C;;AAEG;QACkB,IAAS,CAAA,SAAA,GAAG,EAAE;AAEnC;;;;;AAKI;QACoC,IAAa,CAAA,aAAA,GAAG,KAAK;AAW7D;;;AAGG;AACO,QAAA,IAAA,CAAA,QAAQ,GAAuB,IAAI,YAAY,EAAE;AAvEzD,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,SAAS;;AAUzC;;;AAGG;AACH,IAAA,IAAa,UAAU,GAAA;QACrB,OAAO,IAAI,CAAC,WAAW;;;IAEzB,IAAI,UAAU,CAAC,GAAW,EAAA;QACxB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;AACrC,QAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;;AAGxC;;AAEG;AACH,IAAA,IAAI,YAAY,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC,UAAU;;AAGpD;;AAEG;AACH,IAAA,IAAI,cAAc,GAAA;QAChB,IAAG,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,EAAE,EAAE;YAC7B,OAAO,IAAI,CAAC,EAAE;;;AAwBlB;;;;AAIG;IACH,wBAAwB,GAAA;AACtB,QAAA,OAAO,UAAU,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG;;AAS3C;;;;AAIG;AACH,IAAA,eAAe,CAAC,KAAsB,EAAA;AACpC,QAAA,IAAI,KAAK,CAAC,YAAY,KAAK,WAAW,IAAI,IAAI,CAAC,UAAU,KAAK,GAAG,EAAE;AACjE,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;kIArFb,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EA6Df,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAAA,gBAAgB,CAhDtB,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,6BAA6B,wIC1D7C,ssBAqBM,EAAA,MAAA,EAAA,CAAA,g3BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDwBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAhBpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;4BACjC,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,yBAAA;qBACF,EACK,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE,mBAAmB;AAC1B,wBAAA,uBAAuB,EAAE,eAAe;AACzC,qBAAA,EAAA,QAAA,EAAA,ssBAAA,EAAA,MAAA,EAAA,CAAA,g3BAAA,CAAA,EAAA;2HAe4C,MAAM,EAAA,CAAA;sBAAlD,YAAY;uBAAC,6BAA6B;gBAM9B,UAAU,EAAA,CAAA;sBAAtB;gBAkCoB,SAAS,EAAA,CAAA;sBAA7B,KAAK;uBAAC,YAAY;gBAQqB,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAe5B,QAAQ,EAAA,CAAA;sBAAjB;;;AEnHH;;AAEG;MAYU,qBAAqB,CAAA;kIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;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,YAT9B,YAAY;YACZ,wBAAwB;AACxB,YAAA,6BAA6B,aAG7B,wBAAwB;YACxB,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAGpB,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;;4FASH,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,wBAAwB;wBACxB,6BAA6B;AAC9B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;wBACxB,6BAA6B;AAC9B,qBAAA;AACF,iBAAA;;;AChBD;;AAEG;AACU,MAAA,4BAA4B,GAAW;IAClD,wBAAwB;IACxB,6BAA6B;;;ACR/B;;AAEG;;;;"}

package/fesm2022/daffodil-design-quantity-field.mjs

@@ -87,7 +87,7 @@ class DaffQuantityInputComponent {
             : this._inputControl.enable();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffQuantityInputComponent, deps: [{ token: i1.NgControl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffQuantityInputComponent, isStandalone: true, selector: "daff-quantity-input", inputs: { min: "min", max: "max" }, viewQueries: [{ propertyName: "input", first: true, predicate: DaffInputComponent, descendants: true }], ngImport: i0, template: "<input daff-input\n  type=\"number\"\n  [attr.max]=\"max\"\n  [attr.min]=\"min\"\n  [attr.step]=\"1\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  (change)=\"onValueChange($event)\"\n  [formControl]=\"_inputControl\"\n>\n", dependencies: [{ kind: "component", type: DaffInputComponent, selector: "input[daff-input]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffQuantityInputComponent, isStandalone: true, selector: "daff-quantity-input", inputs: { min: "min", max: "max" }, viewQueries: [{ propertyName: "input", first: true, predicate: DaffInputComponent, descendants: true }], ngImport: i0, template: "<input daff-input\n  type=\"number\"\n  [attr.max]=\"max\"\n  [attr.min]=\"min\"\n  [attr.step]=\"1\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  (change)=\"onValueChange($event)\"\n  [formControl]=\"_inputControl\"\n>\n", dependencies: [{ kind: "component", type: DaffInputComponent, selector: "input[daff-input]", inputs: ["disabled", "required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffQuantityInputComponent, decorators: [{
             type: Component,
@@ -243,7 +243,17 @@ class DaffQuantityFieldComponent extends DaffFormFieldControl {
          */
         this.selectMax = 10;
         this.id = '';
+        /**
+         * @docs-private
+         *
+         * TODO: Update functionality to match other control during refactor.
+         */
         this.disabled = false;
+        /**
+         * @docs-private
+         * TODO: Update functionality to match other control during refactor.
+         */
+        this.required = false;
         this._quantity = 1;
         this._inputHasBeenShown = false;
         if (this.ngControl != null) {
@@ -287,7 +297,6 @@ class DaffQuantityFieldComponent extends DaffFormFieldControl {
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: DaffQuantityFieldComponent, isStandalone: true, selector: "daff-quantity-field", inputs: { min: "min", max: "max", selectMax: "selectMax", id: "id" }, providers: [
             {
                 provide: DaffFormFieldControl,
-                // eslint-disable-next-line @typescript-eslint/no-use-before-define
                 useExisting: DaffQuantityFieldComponent,
             },
         ], viewQueries: [{ propertyName: "input", first: true, predicate: DaffQuantityInputComponent, descendants: true }, { propertyName: "select", first: true, predicate: DaffQuantitySelectComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (showSelectField) {\n  <daff-quantity-select\n    [min]=\"min\"\n    [max]=\"_maxFloor\"\n    [extendable]=\"max > selectMax\"\n    [id]=\"id\">\n  </daff-quantity-select>\n}\n@if (showInputField) {\n  <daff-quantity-input\n    [min]=\"min\"\n    [max]=\"max\"\n    [id]=\"id\">\n  </daff-quantity-input>\n}\n", dependencies: [{ kind: "component", type: DaffQuantityInputComponent, selector: "daff-quantity-input", inputs: ["min", "max"] }, { kind: "component", type: DaffQuantitySelectComponent, selector: "daff-quantity-select", inputs: ["min", "max", "extendable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -297,7 +306,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
             args: [{ selector: 'daff-quantity-field', providers: [
                         {
                             provide: DaffFormFieldControl,
-                            // eslint-disable-next-line @typescript-eslint/no-use-before-define
                             useExisting: DaffQuantityFieldComponent,
                         },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [