npm - @fundamental-ngx/core - Versions diffs - 0.47.0-rc.9 → 0.47.0 - Mend

@fundamental-ngx/core 0.47.0-rc.9 → 0.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/esm2022/upload-collection/upload-collection-button-group/upload-collection-button-group.component.mjs CHANGED Viewed

@@ -1,10 +1,8 @@
+import { NgIf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
 import { FdTranslatePipe } from '@fundamental-ngx/i18n';
-import { ButtonModule } from '@fundamental-ngx/core/button';
-import { NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@fundamental-ngx/core/button";
 export class UploadCollectionButtonGroupComponent {
     constructor() {
         /** Event emitted when the user clicks the edit button. */
@@ -55,11 +53,11 @@ export class UploadCollectionButtonGroupComponent {
         this._editMode = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: UploadCollectionButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: UploadCollectionButtonGroupComponent, isStandalone: true, selector: "fd-upload-collection-button-group", inputs: { allowFileNameEdit: "allowFileNameEdit", allowFileDeletion: "allowFileDeletion", disableFileNameEdit: "disableFileNameEdit", disableFileDeletion: "disableFileDeletion" }, outputs: { editClicked: "editClicked", okClicked: "okClicked", deleteClicked: "deleteClicked" }, host: { classAttribute: "fd-upload-collection__button-group" }, viewQueries: [{ propertyName: "_okButton", first: true, predicate: ["okButton"], descendants: true }], ngImport: i0, template: "<button\n    *ngIf=\"!_editMode && allowFileNameEdit\"\n    [disabled]=\"disableFileNameEdit\"\n    (click)=\"_editButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"edit\"\n    [ariaLabel]=\"'coreUploadCollection.menuEditAriaLabel' | fdTranslate\"\n></button>\n<button\n    *ngIf=\"!_editMode && allowFileDeletion\"\n    [disabled]=\"disableFileDeletion\"\n    (click)=\"_deleteButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"decline\"\n    [ariaLabel]=\"'coreUploadCollection.menuDeleteAriaLabel' | fdTranslate\"\n></button>\n<button\n    #okButton\n    [style.display]=\"_editMode ? 'inline-flex' : 'none'\"\n    (click)=\"_okButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    [ariaLabel]=\"'coreUploadCollection.menuOkAriaLabel' | fdTranslate\"\n>\n    {{ 'coreUploadCollection.menuOkText' | fdTranslate }}\n</button>\n<button\n    *ngIf=\"_editMode\"\n    (click)=\"_cancelButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    [ariaLabel]=\"'coreUploadCollection.menuCancelAriaLabel' | fdTranslate\"\n>\n    {{ 'coreUploadCollection.menuCancelText' | fdTranslate }}\n</button>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: UploadCollectionButtonGroupComponent, isStandalone: true, selector: "fd-upload-collection-button-group", inputs: { allowFileNameEdit: "allowFileNameEdit", allowFileDeletion: "allowFileDeletion", disableFileNameEdit: "disableFileNameEdit", disableFileDeletion: "disableFileDeletion" }, outputs: { editClicked: "editClicked", okClicked: "okClicked", deleteClicked: "deleteClicked" }, host: { classAttribute: "fd-upload-collection__button-group" }, viewQueries: [{ propertyName: "_okButton", first: true, predicate: ["okButton"], descendants: true }], ngImport: i0, template: "<button\n    *ngIf=\"!_editMode && allowFileNameEdit\"\n    [disabled]=\"disableFileNameEdit\"\n    (click)=\"_editButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"edit\"\n    [ariaLabel]=\"'coreUploadCollection.menuEditAriaLabel' | fdTranslate\"\n></button>\n<button\n    *ngIf=\"!_editMode && allowFileDeletion\"\n    [disabled]=\"disableFileDeletion\"\n    (click)=\"_deleteButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"decline\"\n    [ariaLabel]=\"'coreUploadCollection.menuDeleteAriaLabel' | fdTranslate\"\n></button>\n<button\n    #okButton\n    [style.display]=\"_editMode ? 'inline-flex' : 'none'\"\n    (click)=\"_okButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    [ariaLabel]=\"'coreUploadCollection.menuOkAriaLabel' | fdTranslate\"\n>\n    {{ 'coreUploadCollection.menuOkText' | fdTranslate }}\n</button>\n<button\n    *ngIf=\"_editMode\"\n    (click)=\"_cancelButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    [ariaLabel]=\"'coreUploadCollection.menuCancelAriaLabel' | fdTranslate\"\n>\n    {{ 'coreUploadCollection.menuCancelText' | fdTranslate }}\n</button>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: UploadCollectionButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-upload-collection-button-group', host: { class: 'fd-upload-collection__button-group' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonModule, FdTranslatePipe], template: "<button\n    *ngIf=\"!_editMode && allowFileNameEdit\"\n    [disabled]=\"disableFileNameEdit\"\n    (click)=\"_editButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"edit\"\n    [ariaLabel]=\"'coreUploadCollection.menuEditAriaLabel' | fdTranslate\"\n></button>\n<button\n    *ngIf=\"!_editMode && allowFileDeletion\"\n    [disabled]=\"disableFileDeletion\"\n    (click)=\"_deleteButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"decline\"\n    [ariaLabel]=\"'coreUploadCollection.menuDeleteAriaLabel' | fdTranslate\"\n></button>\n<button\n    #okButton\n    [style.display]=\"_editMode ? 'inline-flex' : 'none'\"\n    (click)=\"_okButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    [ariaLabel]=\"'coreUploadCollection.menuOkAriaLabel' | fdTranslate\"\n>\n    {{ 'coreUploadCollection.menuOkText' | fdTranslate }}\n</button>\n<button\n    *ngIf=\"_editMode\"\n    (click)=\"_cancelButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    [ariaLabel]=\"'coreUploadCollection.menuCancelAriaLabel' | fdTranslate\"\n>\n    {{ 'coreUploadCollection.menuCancelText' | fdTranslate }}\n</button>\n" }]
+            args: [{ selector: 'fd-upload-collection-button-group', host: { class: 'fd-upload-collection__button-group' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonComponent, FdTranslatePipe], template: "<button\n    *ngIf=\"!_editMode && allowFileNameEdit\"\n    [disabled]=\"disableFileNameEdit\"\n    (click)=\"_editButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"edit\"\n    [ariaLabel]=\"'coreUploadCollection.menuEditAriaLabel' | fdTranslate\"\n></button>\n<button\n    *ngIf=\"!_editMode && allowFileDeletion\"\n    [disabled]=\"disableFileDeletion\"\n    (click)=\"_deleteButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"decline\"\n    [ariaLabel]=\"'coreUploadCollection.menuDeleteAriaLabel' | fdTranslate\"\n></button>\n<button\n    #okButton\n    [style.display]=\"_editMode ? 'inline-flex' : 'none'\"\n    (click)=\"_okButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    [ariaLabel]=\"'coreUploadCollection.menuOkAriaLabel' | fdTranslate\"\n>\n    {{ 'coreUploadCollection.menuOkText' | fdTranslate }}\n</button>\n<button\n    *ngIf=\"_editMode\"\n    (click)=\"_cancelButtonClicked($event)\"\n    fd-button\n    fdType=\"transparent\"\n    [ariaLabel]=\"'coreUploadCollection.menuCancelAriaLabel' | fdTranslate\"\n>\n    {{ 'coreUploadCollection.menuCancelText' | fdTranslate }}\n</button>\n" }]
         }], propDecorators: { editClicked: [{
                 type: Output
             }], okClicked: [{
@@ -78,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                 type: ViewChild,
                 args: ['okButton']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWNvbGxlY3Rpb24tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3VwbG9hZC1jb2xsZWN0aW9uL3VwbG9hZC1jb2xsZWN0aW9uLWJ1dHRvbi1ncm91cC91cGxvYWQtY29sbGVjdGlvbi1idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdXBsb2FkLWNvbGxlY3Rpb24vdXBsb2FkLWNvbGxlY3Rpb24tYnV0dG9uLWdyb3VwL3VwbG9hZC1jb2xsZWN0aW9uLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBV3ZDLE1BQU0sT0FBTyxvQ0FBb0M7SUFUakQ7UUFVSSwwREFBMEQ7UUFFakQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRW5ELHNGQUFzRjtRQUU3RSxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUU3Qyw0REFBNEQ7UUFFbkQsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWpELGtFQUFrRTtRQUVsRSxzQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFFekIsaUVBQWlFO1FBRWpFLHNCQUFpQixHQUFHLElBQUksQ0FBQztRQUV6Qiw2RUFBNkU7UUFFN0Usd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBRTVCLHFFQUFxRTtRQUVyRSx3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFNNUIsY0FBYztRQUNkLGNBQVMsR0FBRyxLQUFLLENBQUM7S0FtQ3JCO0lBakNHLGNBQWM7SUFDZCxrQkFBa0IsQ0FBQyxLQUFrQjtRQUNqQyxJQUFJLEtBQUssRUFBRTtZQUNQLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztTQUMzQjtRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO0lBQ2Qsb0JBQW9CLENBQUMsS0FBa0I7UUFDbkMsSUFBSSxLQUFLLEVBQUU7WUFDUCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDM0I7UUFDRCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxjQUFjO0lBQ2QsZ0JBQWdCLENBQUMsS0FBa0I7UUFDL0IsSUFBSSxLQUFLLEVBQUU7WUFDUCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDM0I7UUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO0lBQ2Qsb0JBQW9CLENBQUMsS0FBa0I7UUFDbkMsSUFBSSxLQUFLLEVBQUU7WUFDUCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDM0I7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDOzhHQXBFUSxvQ0FBb0M7a0dBQXBDLG9DQUFvQyx5aEJDdkJqRCxpcUNBcUNBLDRDRGhCYyxJQUFJLDRGQUFFLFlBQVksb0tBQUUsZUFBZTs7MkZBRXBDLG9DQUFvQztrQkFUaEQsU0FBUzsrQkFDSSxtQ0FBbUMsUUFDdkMsRUFBRSxLQUFLLEVBQUUsb0NBQW9DLEVBQUUsaUJBRXRDLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBS3JDLFdBQVc7c0JBRG5CLE1BQU07Z0JBS0UsU0FBUztzQkFEakIsTUFBTTtnQkFLRSxhQUFhO3NCQURyQixNQUFNO2dCQUtQLGlCQUFpQjtzQkFEaEIsS0FBSztnQkFLTixpQkFBaUI7c0JBRGhCLEtBQUs7Z0JBS04sbUJBQW1CO3NCQURsQixLQUFLO2dCQUtOLG1CQUFtQjtzQkFEbEIsS0FBSztnQkFLTixTQUFTO3NCQURSLFNBQVM7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2J1dHRvbic7XG5pbXBvcnQgeyBGZFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2kxOG4nO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2J1dHRvbic7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC11cGxvYWQtY29sbGVjdGlvbi1idXR0b24tZ3JvdXAnLFxuICAgIGhvc3Q6IHsgY2xhc3M6ICdmZC11cGxvYWQtY29sbGVjdGlvbl9fYnV0dG9uLWdyb3VwJyB9LFxuICAgIHRlbXBsYXRlVXJsOiAnLi91cGxvYWQtY29sbGVjdGlvbi1idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbTmdJZiwgQnV0dG9uTW9kdWxlLCBGZFRyYW5zbGF0ZVBpcGVdXG59KVxuZXhwb3J0IGNsYXNzIFVwbG9hZENvbGxlY3Rpb25CdXR0b25Hcm91cENvbXBvbmVudCB7XG4gICAgLyoqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgdXNlciBjbGlja3MgdGhlIGVkaXQgYnV0dG9uLiAqL1xuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IGVkaXRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgLyoqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgdXNlciBjbGlja3MgdGhlIE9LIGJ1dHRvbiB0byBjb25mb3JtIGEgZmlsZSBuYW1lIGNoYW5nZS4gKi9cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBva0NsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIHVzZXIgY2xpY2tzIHRoZSBkZWxldGUgYnV0dG9uLiAqL1xuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IGRlbGV0ZUNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIC8qKiBXaGV0aGVyIG9yIG5vdCB0byBhbGxvdyBmaWxlIG5hbWUgZWRpdGluZy4gRGVmYXVsdCBpcyB0cnVlLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgYWxsb3dGaWxlTmFtZUVkaXQgPSB0cnVlO1xuXG4gICAgLyoqIFdoZXRoZXIgb3Igbm90IHRvIHNob3cgdGhlIGRlbGV0ZSBidXR0b24uIERlZmF1bHQgaXMgdHJ1ZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGFsbG93RmlsZURlbGV0aW9uID0gdHJ1ZTtcblxuICAgIC8qKiBXaGV0aGVyIG9yIG5vdCB0byBkaXNhYmxlIHRoZSBmaWxlIG5hbWUgZWRpdCBidXR0b24uIERlZmF1bHQgaXMgZmFsc2UuICovXG4gICAgQElucHV0KClcbiAgICBkaXNhYmxlRmlsZU5hbWVFZGl0ID0gZmFsc2U7XG5cbiAgICAvKiogV2hldGhlciBvciBub3QgdG8gZGlzYWJsZSB0aGUgZGVsZXRlIGJ1dHRvbi4gRGVmYXVsdCBpcyBmYWxzZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGRpc2FibGVGaWxlRGVsZXRpb24gPSBmYWxzZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQFZpZXdDaGlsZCgnb2tCdXR0b24nKVxuICAgIF9va0J1dHRvbjogQnV0dG9uQ29tcG9uZW50O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfZWRpdE1vZGUgPSBmYWxzZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2VkaXRCdXR0b25DbGlja2VkKGV2ZW50PzogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAoZXZlbnQpIHtcbiAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuZWRpdENsaWNrZWQuZW1pdCh0cnVlKTtcbiAgICAgICAgdGhpcy5fZWRpdE1vZGUgPSB0cnVlO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2RlbGV0ZUJ1dHRvbkNsaWNrZWQoZXZlbnQ/OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudCkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5kZWxldGVDbGlja2VkLmVtaXQoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9va0J1dHRvbkNsaWNrZWQoZXZlbnQ/OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudCkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5va0NsaWNrZWQuZW1pdCgpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2NhbmNlbEJ1dHRvbkNsaWNrZWQoZXZlbnQ/OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudCkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5lZGl0Q2xpY2tlZC5lbWl0KGZhbHNlKTtcbiAgICAgICAgdGhpcy5fZWRpdE1vZGUgPSBmYWxzZTtcbiAgICB9XG59XG4iLCI8YnV0dG9uXG4gICAgKm5nSWY9XCIhX2VkaXRNb2RlICYmIGFsbG93RmlsZU5hbWVFZGl0XCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZUZpbGVOYW1lRWRpdFwiXG4gICAgKGNsaWNrKT1cIl9lZGl0QnV0dG9uQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICBmZC1idXR0b25cbiAgICBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiXG4gICAgZ2x5cGg9XCJlZGl0XCJcbiAgICBbYXJpYUxhYmVsXT1cIidjb3JlVXBsb2FkQ29sbGVjdGlvbi5tZW51RWRpdEFyaWFMYWJlbCcgfCBmZFRyYW5zbGF0ZVwiXG4+PC9idXR0b24+XG48YnV0dG9uXG4gICAgKm5nSWY9XCIhX2VkaXRNb2RlICYmIGFsbG93RmlsZURlbGV0aW9uXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZUZpbGVEZWxldGlvblwiXG4gICAgKGNsaWNrKT1cIl9kZWxldGVCdXR0b25DbGlja2VkKCRldmVudClcIlxuICAgIGZkLWJ1dHRvblxuICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICBnbHlwaD1cImRlY2xpbmVcIlxuICAgIFthcmlhTGFiZWxdPVwiJ2NvcmVVcGxvYWRDb2xsZWN0aW9uLm1lbnVEZWxldGVBcmlhTGFiZWwnIHwgZmRUcmFuc2xhdGVcIlxuPjwvYnV0dG9uPlxuPGJ1dHRvblxuICAgICNva0J1dHRvblxuICAgIFtzdHlsZS5kaXNwbGF5XT1cIl9lZGl0TW9kZSA/ICdpbmxpbmUtZmxleCcgOiAnbm9uZSdcIlxuICAgIChjbGljayk9XCJfb2tCdXR0b25DbGlja2VkKCRldmVudClcIlxuICAgIGZkLWJ1dHRvblxuICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICBbYXJpYUxhYmVsXT1cIidjb3JlVXBsb2FkQ29sbGVjdGlvbi5tZW51T2tBcmlhTGFiZWwnIHwgZmRUcmFuc2xhdGVcIlxuPlxuICAgIHt7ICdjb3JlVXBsb2FkQ29sbGVjdGlvbi5tZW51T2tUZXh0JyB8IGZkVHJhbnNsYXRlIH19XG48L2J1dHRvbj5cbjxidXR0b25cbiAgICAqbmdJZj1cIl9lZGl0TW9kZVwiXG4gICAgKGNsaWNrKT1cIl9jYW5jZWxCdXR0b25DbGlja2VkKCRldmVudClcIlxuICAgIGZkLWJ1dHRvblxuICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICBbYXJpYUxhYmVsXT1cIidjb3JlVXBsb2FkQ29sbGVjdGlvbi5tZW51Q2FuY2VsQXJpYUxhYmVsJyB8IGZkVHJhbnNsYXRlXCJcbj5cbiAgICB7eyAnY29yZVVwbG9hZENvbGxlY3Rpb24ubWVudUNhbmNlbFRleHQnIHwgZmRUcmFuc2xhdGUgfX1cbjwvYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWNvbGxlY3Rpb24tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3VwbG9hZC1jb2xsZWN0aW9uL3VwbG9hZC1jb2xsZWN0aW9uLWJ1dHRvbi1ncm91cC91cGxvYWQtY29sbGVjdGlvbi1idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdXBsb2FkLWNvbGxlY3Rpb24vdXBsb2FkLWNvbGxlY3Rpb24tYnV0dG9uLWdyb3VwL3VwbG9hZC1jb2xsZWN0aW9uLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQVd4RCxNQUFNLE9BQU8sb0NBQW9DO0lBVGpEO1FBVUksMERBQTBEO1FBRWpELGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUVuRCxzRkFBc0Y7UUFFN0UsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFN0MsNERBQTREO1FBRW5ELGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVqRCxrRUFBa0U7UUFFbEUsc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBRXpCLGlFQUFpRTtRQUVqRSxzQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFFekIsNkVBQTZFO1FBRTdFLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUU1QixxRUFBcUU7UUFFckUsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBTTVCLGNBQWM7UUFDZCxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBbUNyQjtJQWpDRyxjQUFjO0lBQ2Qsa0JBQWtCLENBQUMsS0FBa0I7UUFDakMsSUFBSSxLQUFLLEVBQUU7WUFDUCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDM0I7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDO0lBRUQsY0FBYztJQUNkLG9CQUFvQixDQUFDLEtBQWtCO1FBQ25DLElBQUksS0FBSyxFQUFFO1lBQ1AsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsY0FBYztJQUNkLGdCQUFnQixDQUFDLEtBQWtCO1FBQy9CLElBQUksS0FBSyxFQUFFO1lBQ1AsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsY0FBYztJQUNkLG9CQUFvQixDQUFDLEtBQWtCO1FBQ25DLElBQUksS0FBSyxFQUFFO1lBQ1AsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQzs4R0FwRVEsb0NBQW9DO2tHQUFwQyxvQ0FBb0MseWhCQ3RCakQsaXFDQXFDQSw0Q0RqQmMsSUFBSSw2RkFBRSxlQUFlLG1IQUFFLGVBQWU7OzJGQUV2QyxvQ0FBb0M7a0JBVGhELFNBQVM7K0JBQ0ksbUNBQW1DLFFBQ3ZDLEVBQUUsS0FBSyxFQUFFLG9DQUFvQyxFQUFFLGlCQUV0QyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDOzhCQUt4QyxXQUFXO3NCQURuQixNQUFNO2dCQUtFLFNBQVM7c0JBRGpCLE1BQU07Z0JBS0UsYUFBYTtzQkFEckIsTUFBTTtnQkFLUCxpQkFBaUI7c0JBRGhCLEtBQUs7Z0JBS04saUJBQWlCO3NCQURoQixLQUFLO2dCQUtOLG1CQUFtQjtzQkFEbEIsS0FBSztnQkFLTixtQkFBbUI7c0JBRGxCLEtBQUs7Z0JBS04sU0FBUztzQkFEUixTQUFTO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2J1dHRvbic7XG5pbXBvcnQgeyBGZFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2kxOG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkLXVwbG9hZC1jb2xsZWN0aW9uLWJ1dHRvbi1ncm91cCcsXG4gICAgaG9zdDogeyBjbGFzczogJ2ZkLXVwbG9hZC1jb2xsZWN0aW9uX19idXR0b24tZ3JvdXAnIH0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZC1jb2xsZWN0aW9uLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmLCBCdXR0b25Db21wb25lbnQsIEZkVHJhbnNsYXRlUGlwZV1cbn0pXG5leHBvcnQgY2xhc3MgVXBsb2FkQ29sbGVjdGlvbkJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSB1c2VyIGNsaWNrcyB0aGUgZWRpdCBidXR0b24uICovXG4gICAgQE91dHB1dCgpXG4gICAgcmVhZG9ubHkgZWRpdENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSB1c2VyIGNsaWNrcyB0aGUgT0sgYnV0dG9uIHRvIGNvbmZvcm0gYSBmaWxlIG5hbWUgY2hhbmdlLiAqL1xuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IG9rQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gICAgLyoqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgdXNlciBjbGlja3MgdGhlIGRlbGV0ZSBidXR0b24uICovXG4gICAgQE91dHB1dCgpXG4gICAgcmVhZG9ubHkgZGVsZXRlQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gICAgLyoqIFdoZXRoZXIgb3Igbm90IHRvIGFsbG93IGZpbGUgbmFtZSBlZGl0aW5nLiBEZWZhdWx0IGlzIHRydWUuICovXG4gICAgQElucHV0KClcbiAgICBhbGxvd0ZpbGVOYW1lRWRpdCA9IHRydWU7XG5cbiAgICAvKiogV2hldGhlciBvciBub3QgdG8gc2hvdyB0aGUgZGVsZXRlIGJ1dHRvbi4gRGVmYXVsdCBpcyB0cnVlLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgYWxsb3dGaWxlRGVsZXRpb24gPSB0cnVlO1xuXG4gICAgLyoqIFdoZXRoZXIgb3Igbm90IHRvIGRpc2FibGUgdGhlIGZpbGUgbmFtZSBlZGl0IGJ1dHRvbi4gRGVmYXVsdCBpcyBmYWxzZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGRpc2FibGVGaWxlTmFtZUVkaXQgPSBmYWxzZTtcblxuICAgIC8qKiBXaGV0aGVyIG9yIG5vdCB0byBkaXNhYmxlIHRoZSBkZWxldGUgYnV0dG9uLiBEZWZhdWx0IGlzIGZhbHNlLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgZGlzYWJsZUZpbGVEZWxldGlvbiA9IGZhbHNlO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAVmlld0NoaWxkKCdva0J1dHRvbicpXG4gICAgX29rQnV0dG9uOiBCdXR0b25Db21wb25lbnQ7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9lZGl0TW9kZSA9IGZhbHNlO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfZWRpdEJ1dHRvbkNsaWNrZWQoZXZlbnQ/OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudCkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5lZGl0Q2xpY2tlZC5lbWl0KHRydWUpO1xuICAgICAgICB0aGlzLl9lZGl0TW9kZSA9IHRydWU7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfZGVsZXRlQnV0dG9uQ2xpY2tlZChldmVudD86IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKGV2ZW50KSB7XG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmRlbGV0ZUNsaWNrZWQuZW1pdCgpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29rQnV0dG9uQ2xpY2tlZChldmVudD86IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKGV2ZW50KSB7XG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLm9rQ2xpY2tlZC5lbWl0KCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfY2FuY2VsQnV0dG9uQ2xpY2tlZChldmVudD86IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKGV2ZW50KSB7XG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmVkaXRDbGlja2VkLmVtaXQoZmFsc2UpO1xuICAgICAgICB0aGlzLl9lZGl0TW9kZSA9IGZhbHNlO1xuICAgIH1cbn1cbiIsIjxidXR0b25cbiAgICAqbmdJZj1cIiFfZWRpdE1vZGUgJiYgYWxsb3dGaWxlTmFtZUVkaXRcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlRmlsZU5hbWVFZGl0XCJcbiAgICAoY2xpY2spPVwiX2VkaXRCdXR0b25DbGlja2VkKCRldmVudClcIlxuICAgIGZkLWJ1dHRvblxuICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICBnbHlwaD1cImVkaXRcIlxuICAgIFthcmlhTGFiZWxdPVwiJ2NvcmVVcGxvYWRDb2xsZWN0aW9uLm1lbnVFZGl0QXJpYUxhYmVsJyB8IGZkVHJhbnNsYXRlXCJcbj48L2J1dHRvbj5cbjxidXR0b25cbiAgICAqbmdJZj1cIiFfZWRpdE1vZGUgJiYgYWxsb3dGaWxlRGVsZXRpb25cIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlRmlsZURlbGV0aW9uXCJcbiAgICAoY2xpY2spPVwiX2RlbGV0ZUJ1dHRvbkNsaWNrZWQoJGV2ZW50KVwiXG4gICAgZmQtYnV0dG9uXG4gICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgIGdseXBoPVwiZGVjbGluZVwiXG4gICAgW2FyaWFMYWJlbF09XCInY29yZVVwbG9hZENvbGxlY3Rpb24ubWVudURlbGV0ZUFyaWFMYWJlbCcgfCBmZFRyYW5zbGF0ZVwiXG4+PC9idXR0b24+XG48YnV0dG9uXG4gICAgI29rQnV0dG9uXG4gICAgW3N0eWxlLmRpc3BsYXldPVwiX2VkaXRNb2RlID8gJ2lubGluZS1mbGV4JyA6ICdub25lJ1wiXG4gICAgKGNsaWNrKT1cIl9va0J1dHRvbkNsaWNrZWQoJGV2ZW50KVwiXG4gICAgZmQtYnV0dG9uXG4gICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgIFthcmlhTGFiZWxdPVwiJ2NvcmVVcGxvYWRDb2xsZWN0aW9uLm1lbnVPa0FyaWFMYWJlbCcgfCBmZFRyYW5zbGF0ZVwiXG4+XG4gICAge3sgJ2NvcmVVcGxvYWRDb2xsZWN0aW9uLm1lbnVPa1RleHQnIHwgZmRUcmFuc2xhdGUgfX1cbjwvYnV0dG9uPlxuPGJ1dHRvblxuICAgICpuZ0lmPVwiX2VkaXRNb2RlXCJcbiAgICAoY2xpY2spPVwiX2NhbmNlbEJ1dHRvbkNsaWNrZWQoJGV2ZW50KVwiXG4gICAgZmQtYnV0dG9uXG4gICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgIFthcmlhTGFiZWxdPVwiJ2NvcmVVcGxvYWRDb2xsZWN0aW9uLm1lbnVDYW5jZWxBcmlhTGFiZWwnIHwgZmRUcmFuc2xhdGVcIlxuPlxuICAgIHt7ICdjb3JlVXBsb2FkQ29sbGVjdGlvbi5tZW51Q2FuY2VsVGV4dCcgfCBmZFRyYW5zbGF0ZSB9fVxuPC9idXR0b24+XG4iXX0=

package/esm2022/upload-collection/upload-collection-form-item/upload-collection-form-item.component.mjs CHANGED Viewed

@@ -39,7 +39,7 @@ export class UploadCollectionFormItemComponent {
         this.onTouched = fn;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: UploadCollectionFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: UploadCollectionFormItemComponent, isStandalone: true, selector: "fd-upload-collection-form-item", inputs: { _editMode: "_editMode" }, outputs: { fileNameChanged: "fileNameChanged" }, host: { classAttribute: "fd-upload-collection__form-item" }, ngImport: i0, template: "<input\n    *ngIf=\"_editMode\"\n    fd-form-control\n    required\n    [style.pointer-events]=\"'all'\"\n    class=\"fd-input\"\n    type=\"text\"\n    [attr.placeholder]=\"'coreUploadCollection.formItemPlaceholder' | fdTranslate\"\n    [(ngModel)]=\"fileName\"\n    [state]=\"!fileName ? 'error' : null\"\n    (click)=\"$event.stopPropagation()\"\n/>\n<span *ngIf=\"_editMode\" class=\"fd-upload-collection__extension\">.{{ _extension }}</span>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: UploadCollectionFormItemComponent, isStandalone: true, selector: "fd-upload-collection-form-item", inputs: { _editMode: "_editMode" }, outputs: { fileNameChanged: "fileNameChanged" }, host: { classAttribute: "fd-upload-collection__form-item" }, ngImport: i0, template: "<input\n    *ngIf=\"_editMode\"\n    fd-form-control\n    required\n    [style.pointer-events]=\"'all'\"\n    class=\"fd-input\"\n    type=\"text\"\n    [attr.placeholder]=\"'coreUploadCollection.formItemPlaceholder' | fdTranslate\"\n    [(ngModel)]=\"fileName\"\n    [state]=\"!fileName ? 'error' : null\"\n    (click)=\"$event.stopPropagation()\"\n/>\n<span *ngIf=\"_editMode\" class=\"fd-upload-collection__extension\">.{{ _extension }}</span>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: UploadCollectionFormItemComponent, decorators: [{
             type: Component,
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
             }], fileNameChanged: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWNvbGxlY3Rpb24tZm9ybS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3VwbG9hZC1jb2xsZWN0aW9uL3VwbG9hZC1jb2xsZWN0aW9uLWZvcm0taXRlbS91cGxvYWQtY29sbGVjdGlvbi1mb3JtLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdXBsb2FkLWNvbGxlY3Rpb24vdXBsb2FkLWNvbGxlY3Rpb24tZm9ybS1pdGVtL3VwbG9hZC1jb2xsZWN0aW9uLWZvcm0taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQXdCLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBVXhELE1BQU0sT0FBTyxpQ0FBaUM7SUFSOUM7UUFTSSxjQUFjO1FBRWQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVsQiw4REFBOEQ7UUFFckQsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBbUJ0RCxjQUFjO1FBQ2QsYUFBUSxHQUE0QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFN0MsY0FBYztRQUNkLGNBQVMsR0FBRyxHQUFTLEVBQUUsR0FBRSxDQUFDLENBQUM7S0FnQjlCO0lBL0JHLCtCQUErQjtJQUMvQixJQUFJLFFBQVEsQ0FBQyxLQUFLO1FBQ2QsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUNELElBQUksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBUUQsY0FBYztJQUNkLFVBQVUsQ0FBQyxLQUFhO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO0lBQ2QsZ0JBQWdCLENBQUMsRUFBMkI7UUFDeEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGNBQWM7SUFDZCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBN0NRLGlDQUFpQztrR0FBakMsaUNBQWlDLDRPQ2Q5QyxrY0FhQSw0Q0REYyxJQUFJLDZGQUFFLG9CQUFvQixnSUFBRSxXQUFXLHUwQkFBRSxlQUFlOzsyRkFFekQsaUNBQWlDO2tCQVI3QyxTQUFTOytCQUNJLGdDQUFnQyxRQUNwQyxFQUFFLEtBQUssRUFBRSxpQ0FBaUMsRUFBRSxpQkFFbkMsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLGVBQWUsQ0FBQzs4QkFLbkUsU0FBUztzQkFEUixLQUFLO2dCQUtHLGVBQWU7c0JBRHZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2xDb21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvZm9ybSc7XG5pbXBvcnQgeyBGZFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2kxOG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkLXVwbG9hZC1jb2xsZWN0aW9uLWZvcm0taXRlbScsXG4gICAgaG9zdDogeyBjbGFzczogJ2ZkLXVwbG9hZC1jb2xsZWN0aW9uX19mb3JtLWl0ZW0nIH0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZC1jb2xsZWN0aW9uLWZvcm0taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmLCBGb3JtQ29udHJvbENvbXBvbmVudCwgRm9ybXNNb2R1bGUsIEZkVHJhbnNsYXRlUGlwZV1cbn0pXG5leHBvcnQgY2xhc3MgVXBsb2FkQ29sbGVjdGlvbkZvcm1JdGVtQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQElucHV0KClcbiAgICBfZWRpdE1vZGUgPSBmYWxzZTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIGRyYWdnZWQgZmlsZSBleGl0cyB0aGUgZHJvcHpvbmUuICovXG4gICAgQE91dHB1dCgpXG4gICAgcmVhZG9ubHkgZmlsZU5hbWVDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9maWxlTmFtZVZhbHVlOiBzdHJpbmc7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9leHRlbnNpb246IHN0cmluZztcblxuICAgIC8qKiBWYWx1ZSBvZiB0aGUgdGV4dCBpbnB1dC4gKi9cbiAgICBzZXQgZmlsZU5hbWUodmFsdWUpIHtcbiAgICAgICAgdGhpcy5fZmlsZU5hbWVWYWx1ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICAgICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgICAgICAgdGhpcy5maWxlTmFtZUNoYW5nZWQuZW1pdCh2YWx1ZSk7XG4gICAgfVxuICAgIGdldCBmaWxlTmFtZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fZmlsZU5hbWVWYWx1ZTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCA9ICgpID0+IHt9O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBvblRvdWNoZWQgPSAoKTogdm9pZCA9PiB7fTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZmlsZU5hbWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxufVxuIiwiPGlucHV0XG4gICAgKm5nSWY9XCJfZWRpdE1vZGVcIlxuICAgIGZkLWZvcm0tY29udHJvbFxuICAgIHJlcXVpcmVkXG4gICAgW3N0eWxlLnBvaW50ZXItZXZlbnRzXT1cIidhbGwnXCJcbiAgICBjbGFzcz1cImZkLWlucHV0XCJcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgW2F0dHIucGxhY2Vob2xkZXJdPVwiJ2NvcmVVcGxvYWRDb2xsZWN0aW9uLmZvcm1JdGVtUGxhY2Vob2xkZXInIHwgZmRUcmFuc2xhdGVcIlxuICAgIFsobmdNb2RlbCldPVwiZmlsZU5hbWVcIlxuICAgIFtzdGF0ZV09XCIhZmlsZU5hbWUgPyAnZXJyb3InIDogbnVsbFwiXG4gICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4vPlxuPHNwYW4gKm5nSWY9XCJfZWRpdE1vZGVcIiBjbGFzcz1cImZkLXVwbG9hZC1jb2xsZWN0aW9uX19leHRlbnNpb25cIj4ue3sgX2V4dGVuc2lvbiB9fTwvc3Bhbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWNvbGxlY3Rpb24tZm9ybS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3VwbG9hZC1jb2xsZWN0aW9uL3VwbG9hZC1jb2xsZWN0aW9uLWZvcm0taXRlbS91cGxvYWQtY29sbGVjdGlvbi1mb3JtLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdXBsb2FkLWNvbGxlY3Rpb24vdXBsb2FkLWNvbGxlY3Rpb24tZm9ybS1pdGVtL3VwbG9hZC1jb2xsZWN0aW9uLWZvcm0taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQXdCLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBVXhELE1BQU0sT0FBTyxpQ0FBaUM7SUFSOUM7UUFTSSxjQUFjO1FBRWQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVsQiw4REFBOEQ7UUFFckQsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBbUJ0RCxjQUFjO1FBQ2QsYUFBUSxHQUE0QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFN0MsY0FBYztRQUNkLGNBQVMsR0FBRyxHQUFTLEVBQUUsR0FBRSxDQUFDLENBQUM7S0FnQjlCO0lBL0JHLCtCQUErQjtJQUMvQixJQUFJLFFBQVEsQ0FBQyxLQUFLO1FBQ2QsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUNELElBQUksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBUUQsY0FBYztJQUNkLFVBQVUsQ0FBQyxLQUFhO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO0lBQ2QsZ0JBQWdCLENBQUMsRUFBMkI7UUFDeEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGNBQWM7SUFDZCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBN0NRLGlDQUFpQztrR0FBakMsaUNBQWlDLDRPQ2Q5QyxrY0FhQSw0Q0REYyxJQUFJLDZGQUFFLG9CQUFvQixnS0FBRSxXQUFXLHUwQkFBRSxlQUFlOzsyRkFFekQsaUNBQWlDO2tCQVI3QyxTQUFTOytCQUNJLGdDQUFnQyxRQUNwQyxFQUFFLEtBQUssRUFBRSxpQ0FBaUMsRUFBRSxpQkFFbkMsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLGVBQWUsQ0FBQzs4QkFLbkUsU0FBUztzQkFEUixLQUFLO2dCQUtHLGVBQWU7c0JBRHZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2xDb21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvZm9ybSc7XG5pbXBvcnQgeyBGZFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2kxOG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkLXVwbG9hZC1jb2xsZWN0aW9uLWZvcm0taXRlbScsXG4gICAgaG9zdDogeyBjbGFzczogJ2ZkLXVwbG9hZC1jb2xsZWN0aW9uX19mb3JtLWl0ZW0nIH0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZC1jb2xsZWN0aW9uLWZvcm0taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmLCBGb3JtQ29udHJvbENvbXBvbmVudCwgRm9ybXNNb2R1bGUsIEZkVHJhbnNsYXRlUGlwZV1cbn0pXG5leHBvcnQgY2xhc3MgVXBsb2FkQ29sbGVjdGlvbkZvcm1JdGVtQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQElucHV0KClcbiAgICBfZWRpdE1vZGUgPSBmYWxzZTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIGRyYWdnZWQgZmlsZSBleGl0cyB0aGUgZHJvcHpvbmUuICovXG4gICAgQE91dHB1dCgpXG4gICAgcmVhZG9ubHkgZmlsZU5hbWVDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9maWxlTmFtZVZhbHVlOiBzdHJpbmc7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9leHRlbnNpb246IHN0cmluZztcblxuICAgIC8qKiBWYWx1ZSBvZiB0aGUgdGV4dCBpbnB1dC4gKi9cbiAgICBzZXQgZmlsZU5hbWUodmFsdWUpIHtcbiAgICAgICAgdGhpcy5fZmlsZU5hbWVWYWx1ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICAgICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgICAgICAgdGhpcy5maWxlTmFtZUNoYW5nZWQuZW1pdCh2YWx1ZSk7XG4gICAgfVxuICAgIGdldCBmaWxlTmFtZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fZmlsZU5hbWVWYWx1ZTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCA9ICgpID0+IHt9O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBvblRvdWNoZWQgPSAoKTogdm9pZCA9PiB7fTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZmlsZU5hbWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxufVxuIiwiPGlucHV0XG4gICAgKm5nSWY9XCJfZWRpdE1vZGVcIlxuICAgIGZkLWZvcm0tY29udHJvbFxuICAgIHJlcXVpcmVkXG4gICAgW3N0eWxlLnBvaW50ZXItZXZlbnRzXT1cIidhbGwnXCJcbiAgICBjbGFzcz1cImZkLWlucHV0XCJcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgW2F0dHIucGxhY2Vob2xkZXJdPVwiJ2NvcmVVcGxvYWRDb2xsZWN0aW9uLmZvcm1JdGVtUGxhY2Vob2xkZXInIHwgZmRUcmFuc2xhdGVcIlxuICAgIFsobmdNb2RlbCldPVwiZmlsZU5hbWVcIlxuICAgIFtzdGF0ZV09XCIhZmlsZU5hbWUgPyAnZXJyb3InIDogbnVsbFwiXG4gICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4vPlxuPHNwYW4gKm5nSWY9XCJfZWRpdE1vZGVcIiBjbGFzcz1cImZkLXVwbG9hZC1jb2xsZWN0aW9uX19leHRlbnNpb25cIj4ue3sgX2V4dGVuc2lvbiB9fTwvc3Bhbj5cbiJdfQ==

package/feed-input/directives/feed-input-textarea.directive.d.ts CHANGED Viewed

@@ -1,23 +1,22 @@
-import { ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { HasElementRef } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 /**
  * Applies text area auto resize and set maximum rows to grow
  */
-export declare class FeedInputTextareaDirective implements OnInit {
-    private readonly _elementRef;
-    private _renderer;
+export declare class FeedInputTextareaDirective implements HasElementRef, OnInit {
     /** The maximum rows allowed to grow */
     fdFeedInputTextareaMaxRows: number;
     /** @hidden */
     disabled: boolean;
     /** Event emitted when the textarea value changed */
-    valueChange: EventEmitter<boolean>;
+    valueChange: EventEmitter<string>;
     /** @hidden */
-    onKeyup(event: any): void;
+    elementRef: ElementRef<HTMLTextAreaElement>;
     /** @hidden */
-    constructor(_elementRef: ElementRef<HTMLElement>, _renderer: Renderer2);
+    private _renderer;
     /** @hidden */
-    get elementRef(): ElementRef<HTMLElement>;
+    onKeyup(): void;
     /** @hidden */
     ngOnInit(): void;
     /** @hidden make to grow textarea */

package/fesm2022/fundamental-ngx-core-breadcrumb.mjs CHANGED Viewed

@@ -200,7 +200,7 @@ class BreadcrumbComponent {
                 provide: FD_BREADCRUMB_COMPONENT,
                 useExisting: BreadcrumbComponent
             }
-        ], queries: [{ propertyName: "_contentItems", predicate: FD_BREADCRUMB_ITEM_COMPONENT }], viewQueries: [{ propertyName: "_menuComponent", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_overflowLayout", first: true, predicate: OverflowLayoutComponent, descendants: true }], ngImport: i0, template: "<fd-overflow-layout\n    [reverseHiddenItems]=\"!reverse\"\n    showMorePosition=\"left\"\n    [enableKeyboardNavigation]=\"false\"\n    (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n    (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n    <ng-container *ngFor=\"let breadcrumb of _items\">\n        <div\n            *fdOverflowItemRef=\"breadcrumb; let hidden\"\n            fdOverflowLayoutItem\n            (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n        >\n            <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n        </div>\n    </ng-container>\n    <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items\">\n        <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ | async\">\n            <ng-container *ngFor=\"let breadcrumbItem of breadcrumbs\">\n                <li\n                    fd-menu-item\n                    [disabled]=\"\n                        breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n                    \"\n                >\n                    <a\n                        fd-menu-interactive\n                        (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n                        (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n                        (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n                    >\n                        <ng-container *ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n                            <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n                                <fd-menu-addon\n                                    position=\"before\"\n                                    [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n                                ></fd-menu-addon>\n                            </ng-container>\n                            <span fd-menu-title>\n                                <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n                            </span>\n                            <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n                                <fd-menu-addon\n                                    [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n                                ></fd-menu-addon>\n                            </ng-container>\n                        </ng-container>\n                        <ng-template #portalContent>\n                            <span fd-menu-title>\n                                <ng-container\n                                    [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n                                ></ng-container>\n                            </span>\n                        </ng-template>\n                    </a>\n                </li>\n            </ng-container>\n        </fd-menu>\n        <span class=\"fd-breadcrumb__item\" *ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n            <a\n                fd-link\n                [attr.aria-label]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n                aria-haspopup=\"listbox\"\n                tabindex=\"0\"\n                class=\"fd-breadcrumb__collapsed\"\n                (keydown.enter)=\"_keyDownHandle($event)\"\n                (keydown.space)=\"_keyDownHandle($event)\"\n            >\n                <fd-icon\n                    glyph=\"overflow\"\n                    [title]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n                    [ariaLabel]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n                ></fd-icon>\n                <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n            </a>\n        </span>\n    </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0-rc.7\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-breadcrumb{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-breadcrumb:after,.fd-breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item:after{color:var(--sapContent_LabelColor);content:\"/\";margin-left:.25rem;margin-right:.25rem}.fd-breadcrumb__item:last-child:after{content:none}.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.fd-breadcrumb{display:flex;white-space:nowrap}.fd-breadcrumb .fd-breadcrumb__collapsed{cursor:pointer}.fd-breadcrumb .fd-overflow-layout{justify-content:start}.fd-breadcrumb .fd-breadcrumb__item:last-child:after{content:\"/\"}.fd-breadcrumb .fd-overflow-layout__item--last .fd-breadcrumb__item:after{content:none}\n"], dependencies: [{ kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "reverseHiddenItems", "enableKeyboardNavigation", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: OverflowExpandDirective, selector: "[fdOverflowExpand]", inputs: ["fdOverflowExpandItems"] }, { kind: "component", type: MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: GlyphMenuAddonDirective, selector: "fd-menu-addon[glyph]", inputs: ["glyph"] }, { kind: "component", type: MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_contentItems", predicate: FD_BREADCRUMB_ITEM_COMPONENT }], viewQueries: [{ propertyName: "_menuComponent", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_overflowLayout", first: true, predicate: OverflowLayoutComponent, descendants: true }], ngImport: i0, template: "<fd-overflow-layout\n    [reverseHiddenItems]=\"!reverse\"\n    showMorePosition=\"left\"\n    [enableKeyboardNavigation]=\"false\"\n    (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n    (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n    <ng-container *ngFor=\"let breadcrumb of _items\">\n        <div\n            *fdOverflowItemRef=\"breadcrumb; let hidden\"\n            fdOverflowLayoutItem\n            (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n        >\n            <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n        </div>\n    </ng-container>\n    <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items\">\n        <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ | async\">\n            <ng-container *ngFor=\"let breadcrumbItem of breadcrumbs\">\n                <li\n                    fd-menu-item\n                    [disabled]=\"\n                        breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n                    \"\n                >\n                    <a\n                        fd-menu-interactive\n                        (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n                        (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n                        (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n                    >\n                        <ng-container *ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n                            <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n                                <fd-menu-addon\n                                    position=\"before\"\n                                    [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n                                ></fd-menu-addon>\n                            </ng-container>\n                            <span fd-menu-title>\n                                <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n                            </span>\n                            <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n                                <fd-menu-addon\n                                    [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n                                ></fd-menu-addon>\n                            </ng-container>\n                        </ng-container>\n                        <ng-template #portalContent>\n                            <span fd-menu-title>\n                                <ng-container\n                                    [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n                                ></ng-container>\n                            </span>\n                        </ng-template>\n                    </a>\n                </li>\n            </ng-container>\n        </fd-menu>\n        <span class=\"fd-breadcrumb__item\" *ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n            <a\n                fd-link\n                [attr.aria-label]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n                aria-haspopup=\"listbox\"\n                tabindex=\"0\"\n                class=\"fd-breadcrumb__collapsed\"\n                (keydown.enter)=\"_keyDownHandle($event)\"\n                (keydown.space)=\"_keyDownHandle($event)\"\n            >\n                <fd-icon\n                    glyph=\"overflow\"\n                    [title]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n                    [ariaLabel]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n                ></fd-icon>\n                <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n            </a>\n        </span>\n    </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0-rc.7\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-breadcrumb{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-breadcrumb:after,.fd-breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item:after{color:var(--sapContent_LabelColor);content:\"/\";margin-left:.25rem;margin-right:.25rem}.fd-breadcrumb__item:last-child:after{content:none}.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.fd-breadcrumb{display:flex;white-space:nowrap}.fd-breadcrumb .fd-breadcrumb__collapsed{cursor:pointer}.fd-breadcrumb .fd-overflow-layout{justify-content:start}.fd-breadcrumb .fd-breadcrumb__item:last-child:after{content:\"/\"}.fd-breadcrumb .fd-overflow-layout__item--last .fd-breadcrumb__item:after{content:none}\n"], dependencies: [{ kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "renderShowMoreButton", "reverseHiddenItems", "enableKeyboardNavigation", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount", "hiddenItemsChange"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: OverflowExpandDirective, selector: "[fdOverflowExpand]", inputs: ["fdOverflowExpandItems"] }, { kind: "component", type: MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: GlyphMenuAddonDirective, selector: "fd-menu-addon[glyph]", inputs: ["glyph"] }, { kind: "component", type: MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,

package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fundamental-ngx-core-breadcrumb.mjs","sources":["../../../../libs/core/src/lib/breadcrumb/tokens.ts","../../../../libs/core/src/lib/breadcrumb/breadcrumb-item.component.ts","../../../../libs/core/src/lib/breadcrumb/breadcrumb.component.ts","../../../../libs/core/src/lib/breadcrumb/breadcrumb.component.html","../../../../libs/core/src/lib/breadcrumb/breadcrumb.module.ts","../../../../libs/core/src/lib/breadcrumb/fundamental-ngx-core-breadcrumb.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_BREADCRUMB_ITEM_COMPONENT = new InjectionToken('FdBreadcrumbItemComponent');\nexport const FD_BREADCRUMB_COMPONENT = new InjectionToken('FdBreadcrumbComponent');\n","import { DomPortal } from '@angular/cdk/portal';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n ElementRef,\n ViewEncapsulation\n} from '@angular/core';\nimport { FD_LINK_COMPONENT, LinkComponent } from '@fundamental-ngx/core/link';\nimport { FD_BREADCRUMB_ITEM_COMPONENT } from './tokens';\n\n/*\n Breadcrumb item directive. Must have child breadcrumb link directives.\n \n ```html\n * <fd-breadcrumb-item>\n * <a fd-link [routerLink]=\"'#'\">Breadcrumb Link</a>\n * </fd-breadcrumb-item>\n * ```\n /\n@Component({\n selector: 'fd-breadcrumb-item',\n template: '<ng-content></ng-content>',\n host: {\n class: 'fd-breadcrumb__item'\n },\n providers: [\n {\n provide: FD_BREADCRUMB_ITEM_COMPONENT,\n useExisting: BreadcrumbItemComponent\n }\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class BreadcrumbItemComponent implements AfterViewInit {\n /* @hidden /\n @ContentChild(FD_LINK_COMPONENT)\n breadcrumbLink: LinkComponent;\n\n /* In case there is no link in Item and breadcrumb item is non-interactive, we move whole item content to menu item title /\n breadcrumbItemPortal: DomPortal<Element>;\n\n /* When breadcrumb item has link in it, we are moving link content to menu item title /\n linkContentPortal: DomPortal;\n\n /\n Breadcrumb item dom portal.\n /\n portal: DomPortal;\n\n /* @hidden /\n private _attached = false;\n\n /* @hidden /\n constructor(public readonly elementRef: ElementRef<HTMLElement>) {}\n\n /* @hidden /\n get _needsClickProxy(): boolean {\n return !!this.breadcrumbLink?.elementRef.nativeElement.getAttribute('href') \|\| !!this.breadcrumbLink.routerLink;\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n this._attach();\n }\n\n /\n Sets breadcrumb item dom portal.\n /\n setPortal(): void {\n if (!this.portal) {\n this.portal = new DomPortal(this.elementRef);\n }\n }\n\n /* @hidden /\n _detach(): void {\n if (!this._attached) {\n return;\n }\n\n if (this.linkContentPortal?.isAttached) {\n this.linkContentPortal?.detach();\n }\n\n if (this.breadcrumbItemPortal?.isAttached) {\n this.breadcrumbItemPortal?.detach();\n }\n\n this._attached = false;\n }\n\n /* @hidden /\n _attach(): void {\n if (this._attached) {\n return;\n }\n\n if (this.breadcrumbLink && this.breadcrumbLink.contentSpan) {\n this.linkContentPortal = new DomPortal<HTMLElement>(this.breadcrumbLink.contentSpan.nativeElement);\n }\n\n this.breadcrumbItemPortal = new DomPortal(this.elementRef.nativeElement.firstElementChild as Element);\n this._attached = true;\n }\n}\n","import { PortalModule } from '@angular/cdk/portal';\nimport { AsyncPipe, NgFor, NgIf } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n DestroyRef,\n ElementRef,\n EventEmitter,\n Input,\n OnInit,\n Optional,\n Output,\n QueryList,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { RtlService } from '@fundamental-ngx/cdk/utils';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\nimport { LinkComponent } from '@fundamental-ngx/core/link';\nimport {\n GlyphMenuAddonDirective,\n MenuAddonDirective,\n MenuComponent,\n MenuInteractiveComponent,\n MenuItemComponent,\n MenuTitleDirective,\n MenuTriggerDirective\n} from '@fundamental-ngx/core/menu';\nimport {\n OverflowExpandDirective,\n OverflowItemRefDirective,\n OverflowLayoutComponent,\n OverflowLayoutItemDirective\n} from '@fundamental-ngx/core/overflow-layout';\nimport { Placement } from '@fundamental-ngx/core/shared';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\nimport { BehaviorSubject } from 'rxjs';\nimport { BreadcrumbItemComponent } from './breadcrumb-item.component';\nimport { FD_BREADCRUMB_COMPONENT, FD_BREADCRUMB_ITEM_COMPONENT } from './tokens';\n\n/\n Breadcrumb parent wrapper directive. Must have breadcrumb item child directives.\n \n ```html\n * <fd-breadcrumb>\n * <fd-breadcrumb-item>\n * <a fd-link [routerLink]=\"'#'\">Breadcrumb Link</a>\n * </fd-breadcrumb-item>\n * </fd-breadcrumb>\n * ```\n /\n@Component({\n selector: 'fd-breadcrumb',\n host: {\n class: 'fd-breadcrumb',\n role: 'tree'\n },\n templateUrl: './breadcrumb.component.html',\n styleUrls: ['./breadcrumb.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: FD_BREADCRUMB_COMPONENT,\n useExisting: BreadcrumbComponent\n }\n ],\n standalone: true,\n imports: [\n OverflowLayoutComponent,\n NgFor,\n OverflowItemRefDirective,\n OverflowLayoutItemDirective,\n PortalModule,\n OverflowExpandDirective,\n MenuComponent,\n MenuItemComponent,\n MenuInteractiveComponent,\n NgIf,\n GlyphMenuAddonDirective,\n MenuAddonDirective,\n MenuTitleDirective,\n MenuTriggerDirective,\n LinkComponent,\n IconComponent,\n AsyncPipe,\n FdTranslatePipe\n ]\n})\nexport class BreadcrumbComponent implements OnInit, AfterViewInit {\n /* Whether to append items to the overflow dropdown in reverse order. Default is true. /\n @Input()\n reverse = false;\n\n /* Tabindex of the breadcrumb. /\n @Input()\n tabIndex = '0';\n\n /\n Event emitted when visible items count is changed.\n /\n @Output()\n visibleItemsCount = new EventEmitter<number>();\n\n /\n Event emitted when hidden items count is changed.\n /\n @Output()\n hiddenItemsCount = new EventEmitter<number>();\n\n /* @hidden /\n @ContentChildren(FD_BREADCRUMB_ITEM_COMPONENT)\n private readonly _contentItems: QueryList<BreadcrumbItemComponent>;\n\n /* @hidden /\n @ViewChild(MenuComponent)\n private readonly _menuComponent: MenuComponent;\n\n /* @hidden /\n @ViewChild(OverflowLayoutComponent)\n private readonly _overflowLayout: OverflowLayoutComponent;\n\n /\n @hidden\n * Array of breadcrumb items.\n /\n _items: BreadcrumbItemComponent[] = [];\n\n /* @hidden /\n _placement$ = new BehaviorSubject<Placement>('bottom-start');\n\n /* @hidden /\n constructor(\n public elementRef: ElementRef<HTMLElement>,\n private _destroyRef: DestroyRef,\n @Optional() private _rtlService: RtlService \| null,\n private _cdr: ChangeDetectorRef\n ) {}\n\n /* @hidden /\n ngOnInit(): void {\n this._rtlService?.rtl\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe((value) => this._placement$.next(value ? 'bottom-end' : 'bottom-start'));\n }\n\n /* @hidden /\n onResize(): void {\n this._overflowLayout.triggerRecalculation();\n }\n\n /\n We catch interactions with item, Enter, Space, Mouse click and Touch click,\n * if original element had router link we are proxying click to that element\n * /\n itemClicked(breadcrumbItem: BreadcrumbItemComponent, $event: any): void {\n if (breadcrumbItem._needsClickProxy) {\n $event.preventDefault();\n breadcrumbItem.breadcrumbLink.elementRef.nativeElement.click();\n }\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n this._setItems();\n\n this._contentItems.changes.subscribe(() => this._setItems());\n }\n\n /* @hidden /\n _keyDownHandle(event: Event): void {\n this._menuComponent.toggle();\n event.preventDefault();\n }\n\n /* @hidden /\n _onHiddenChange(isHidden: boolean, breadcrumb: BreadcrumbItemComponent): void {\n if (!isHidden) {\n breadcrumb._detach();\n } else {\n breadcrumb._attach();\n }\n }\n\n /* @hidden /\n _onVisibleItemsCountChange(visibleItemsCount: number): void {\n this.visibleItemsCount.emit(visibleItemsCount);\n }\n\n /* @hidden /\n _onHiddenItemsCountChange(hiddenItemsCount: number): void {\n this.hiddenItemsCount.emit(hiddenItemsCount);\n }\n\n /* @hidden /\n private _setItems(): void {\n this._contentItems.forEach((item) => item.setPortal());\n this._items = this._contentItems.toArray();\n this._cdr.detectChanges();\n }\n}\n","<fd-overflow-layout\n [reverseHiddenItems]=\"!reverse\"\n showMorePosition=\"left\"\n [enableKeyboardNavigation]=\"false\"\n (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n <ng-container ngFor=\"let breadcrumb of _items\">\n <div\n fdOverflowItemRef=\"breadcrumb; let hidden\"\n fdOverflowLayoutItem\n (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n >\n <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n </div>\n </ng-container>\n <ng-container fdOverflowExpand=\"let breadcrumbs; items: _items\">\n <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ \| async\">\n <ng-container ngFor=\"let breadcrumbItem of breadcrumbs\">\n <li\n fd-menu-item\n [disabled]=\"\n breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n \"\n >\n <a\n fd-menu-interactive\n (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n >\n <ng-container ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n <ng-container ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n <fd-menu-addon\n position=\"before\"\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n ></fd-menu-addon>\n </ng-container>\n <span fd-menu-title>\n <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n </span>\n <ng-container ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n <fd-menu-addon\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n ></fd-menu-addon>\n </ng-container>\n </ng-container>\n <ng-template #portalContent>\n <span fd-menu-title>\n <ng-container\n [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n ></ng-container>\n </span>\n </ng-template>\n </a>\n </li>\n </ng-container>\n </fd-menu>\n <span class=\"fd-breadcrumb__item\" ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n <a\n fd-link\n [attr.aria-label]=\"'coreBreadcrumb.overflowTitleMore' \| fdTranslate\"\n aria-haspopup=\"listbox\"\n tabindex=\"0\"\n class=\"fd-breadcrumb__collapsed\"\n (keydown.enter)=\"_keyDownHandle($event)\"\n (keydown.space)=\"_keyDownHandle($event)\"\n >\n <fd-icon\n glyph=\"overflow\"\n [title]=\"'coreBreadcrumb.overflowTitleMore' \| fdTranslate\"\n [ariaLabel]=\"'coreBreadcrumb.overflowTitleMore' \| fdTranslate\"\n ></fd-icon>\n <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n </a>\n </span>\n </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\n\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { LinkModule } from '@fundamental-ngx/core/link';\nimport { BreadcrumbItemComponent } from './breadcrumb-item.component';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\nconst components = [BreadcrumbComponent, BreadcrumbItemComponent, LinkModule, ContentDensityModule];\n\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class BreadcrumbModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAEa,4BAA4B,GAAG,IAAI,cAAc,CAAC,2BAA2B,EAAE;MAC/E,uBAAuB,GAAG,IAAI,cAAc,CAAC,uBAAuB;;ACSjF;;;;;;;;AAQG;MAiBU,uBAAuB,CAAA;;AAoBhC,IAAA,WAAA,CAA4B,UAAmC,EAAA;QAAnC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;;QAHvD,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;KAGyC;;AAGnE,IAAA,IAAI,gBAAgB,GAAA;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC;KACnH;;IAGD,eAAe,GAAA;QACX,IAAI,CAAC,OAAO,EAAE,CAAC;KAClB;AAED;;AAEG;IACH,SAAS,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACd,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,SAAA;KACJ;;IAGD,OAAO,GAAA;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,OAAO;AACV,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE,UAAU,EAAE;AACpC,YAAA,IAAI,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;AACpC,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE,UAAU,EAAE;AACvC,YAAA,IAAI,CAAC,oBAAoB,EAAE,MAAM,EAAE,CAAC;AACvC,SAAA;AAED,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KAC1B;;IAGD,OAAO,GAAA;QACH,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,OAAO;AACV,SAAA;QAED,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE;AACxD,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,SAAS,CAAc,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;AACtG,SAAA;AAED,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,iBAA4B,CAAC,CAAC;AACtG,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KACzB;8GAtEQ,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAVrB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,4BAA4B;AACrC,gBAAA,WAAW,EAAE,uBAAuB;AACvC,aAAA;SACJ,EAOa,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,iBAAiB,gDAhBrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAc5B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAhBnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,qBAAqB;AAC/B,qBAAA;AACD,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,4BAA4B;AACrC,4BAAA,WAAW,EAAyB,uBAAA;AACvC,yBAAA;AACJ,qBAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA,CAAA;iGAIG,cAAc,EAAA,CAAA;sBADb,YAAY;uBAAC,iBAAiB,CAAA;;;ACKnC;;;;;;;;;;AAUG;MAuCU,mBAAmB,CAAA;;AA2C5B,IAAA,WAAA,CACW,UAAmC,EAClC,WAAuB,EACX,WAA8B,EAC1C,IAAuB,EAAA;QAHxB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAClC,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QACX,IAAW,CAAA,WAAA,GAAX,WAAW,CAAmB;QAC1C,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAmB;;QA5CnC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;;QAIhB,IAAQ,CAAA,QAAA,GAAG,GAAG,CAAC;AAEf;;AAEG;AAEH,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAU,CAAC;AAE/C;;AAEG;AAEH,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;AAc9C;;;AAGG;QACH,IAAM,CAAA,MAAA,GAA8B,EAAE,CAAC;;AAGvC,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,eAAe,CAAY,cAAc,CAAC,CAAC;KAQzD;;IAGJ,QAAQ,GAAA;QACJ,IAAI,CAAC,WAAW,EAAE,GAAG;AAChB,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aAC1C,SAAS,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC;KAC3F;;IAGD,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,eAAe,CAAC,oBAAoB,EAAE,CAAC;KAC/C;AAED;;;AAGK;IACL,WAAW,CAAC,cAAuC,EAAE,MAAW,EAAA;QAC5D,IAAI,cAAc,CAAC,gBAAgB,EAAE;YACjC,MAAM,CAAC,cAAc,EAAE,CAAC;YACxB,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;AAClE,SAAA;KACJ;;IAGD,eAAe,GAAA;QACX,IAAI,CAAC,SAAS,EAAE,CAAC;AAEjB,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;KAChE;;AAGD,IAAA,cAAc,CAAC,KAAY,EAAA;AACvB,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;QAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;KAC1B;;IAGD,eAAe,CAAC,QAAiB,EAAE,UAAmC,EAAA;QAClE,IAAI,CAAC,QAAQ,EAAE;YACX,UAAU,CAAC,OAAO,EAAE,CAAC;AACxB,SAAA;AAAM,aAAA;YACH,UAAU,CAAC,OAAO,EAAE,CAAC;AACxB,SAAA;KACJ;;AAGD,IAAA,0BAA0B,CAAC,iBAAyB,EAAA;AAChD,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAClD;;AAGD,IAAA,yBAAyB,CAAC,gBAAwB,EAAA;AAC9C,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;KAChD;;IAGO,SAAS,GAAA;AACb,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;AAC3C,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;KAC7B;8GA9GQ,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EA5BjB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,uBAAuB;AAChC,gBAAA,WAAW,EAAE,mBAAmB;AACnC,aAAA;AACJ,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,SAAA,EA6CgB,4BAA4B,EAIlC,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,aAAa,kFAIb,uBAAuB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3HtC,25HAgFA,EDPQ,MAAA,EAAA,CAAA,6mDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,kQACvB,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACL,wBAAwB,EACxB,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,0HAC3B,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,uBAAuB,EACvB,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAa,EACb,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,IAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,4LACjB,wBAAwB,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACxB,IAAI,EACJ,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,oFACvB,kBAAkB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,kBAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,kBAAkB,EAClB,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,oBAAoB,uFACpB,aAAa,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,aAAa,EACb,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAS,yCACT,eAAe,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAGV,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAtC/B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EACnB,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,eAAe;AACtB,wBAAA,IAAI,EAAE,MAAM;AACf,qBAAA,EAAA,aAAA,EAGc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,uBAAuB;AAChC,4BAAA,WAAW,EAAqB,mBAAA;AACnC,yBAAA;AACJ,qBAAA,EAAA,UAAA,EACW,IAAI,EACP,OAAA,EAAA;wBACL,uBAAuB;wBACvB,KAAK;wBACL,wBAAwB;wBACxB,2BAA2B;wBAC3B,YAAY;wBACZ,uBAAuB;wBACvB,aAAa;wBACb,iBAAiB;wBACjB,wBAAwB;wBACxB,IAAI;wBACJ,uBAAuB;wBACvB,kBAAkB;wBAClB,kBAAkB;wBAClB,oBAAoB;wBACpB,aAAa;wBACb,aAAa;wBACb,SAAS;wBACT,eAAe;AAClB,qBAAA,EAAA,QAAA,EAAA,25HAAA,EAAA,MAAA,EAAA,CAAA,6mDAAA,CAAA,EAAA,CAAA;;0BAgDI,QAAQ;4EA3Cb,OAAO,EAAA,CAAA;sBADN,KAAK;gBAKN,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAON,iBAAiB,EAAA,CAAA;sBADhB,MAAM;gBAOP,gBAAgB,EAAA,CAAA;sBADf,MAAM;gBAKU,aAAa,EAAA,CAAA;sBAD7B,eAAe;uBAAC,4BAA4B,CAAA;gBAK5B,cAAc,EAAA,CAAA;sBAD9B,SAAS;uBAAC,aAAa,CAAA;gBAKP,eAAe,EAAA,CAAA;sBAD/B,SAAS;uBAAC,uBAAuB,CAAA;;;AEpHtC,MAAM,UAAU,GAAG,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,UAAU,EAAE,oBAAoB,CAAC,CAAC;MAMvF,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EANT,OAAA,EAAA,CAAA,mBAAmB,EAAE,uBAAuB,EAAE,UAAU,EAAE,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAA9E,mBAAmB,EAAE,uBAAuB,EAAE,UAAU,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAMrF,gBAAgB,EAAA,OAAA,EAAA,CANT,mBAAmB,EAA2B,UAAU,EAAE,oBAAoB,EAAhC,UAAU,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAMrF,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}
1	+ {"version":3,"file":"fundamental-ngx-core-breadcrumb.mjs","sources":["../../../../libs/core/src/lib/breadcrumb/tokens.ts","../../../../libs/core/src/lib/breadcrumb/breadcrumb-item.component.ts","../../../../libs/core/src/lib/breadcrumb/breadcrumb.component.ts","../../../../libs/core/src/lib/breadcrumb/breadcrumb.component.html","../../../../libs/core/src/lib/breadcrumb/breadcrumb.module.ts","../../../../libs/core/src/lib/breadcrumb/fundamental-ngx-core-breadcrumb.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_BREADCRUMB_ITEM_COMPONENT = new InjectionToken('FdBreadcrumbItemComponent');\nexport const FD_BREADCRUMB_COMPONENT = new InjectionToken('FdBreadcrumbComponent');\n","import { DomPortal } from '@angular/cdk/portal';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n ElementRef,\n ViewEncapsulation\n} from '@angular/core';\nimport { FD_LINK_COMPONENT, LinkComponent } from '@fundamental-ngx/core/link';\nimport { FD_BREADCRUMB_ITEM_COMPONENT } from './tokens';\n\n/*\n Breadcrumb item directive. Must have child breadcrumb link directives.\n \n ```html\n * <fd-breadcrumb-item>\n * <a fd-link [routerLink]=\"'#'\">Breadcrumb Link</a>\n * </fd-breadcrumb-item>\n * ```\n /\n@Component({\n selector: 'fd-breadcrumb-item',\n template: '<ng-content></ng-content>',\n host: {\n class: 'fd-breadcrumb__item'\n },\n providers: [\n {\n provide: FD_BREADCRUMB_ITEM_COMPONENT,\n useExisting: BreadcrumbItemComponent\n }\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class BreadcrumbItemComponent implements AfterViewInit {\n /* @hidden /\n @ContentChild(FD_LINK_COMPONENT)\n breadcrumbLink: LinkComponent;\n\n /* In case there is no link in Item and breadcrumb item is non-interactive, we move whole item content to menu item title /\n breadcrumbItemPortal: DomPortal<Element>;\n\n /* When breadcrumb item has link in it, we are moving link content to menu item title /\n linkContentPortal: DomPortal;\n\n /\n Breadcrumb item dom portal.\n /\n portal: DomPortal;\n\n /* @hidden /\n private _attached = false;\n\n /* @hidden /\n constructor(public readonly elementRef: ElementRef<HTMLElement>) {}\n\n /* @hidden /\n get _needsClickProxy(): boolean {\n return !!this.breadcrumbLink?.elementRef.nativeElement.getAttribute('href') \|\| !!this.breadcrumbLink.routerLink;\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n this._attach();\n }\n\n /\n Sets breadcrumb item dom portal.\n /\n setPortal(): void {\n if (!this.portal) {\n this.portal = new DomPortal(this.elementRef);\n }\n }\n\n /* @hidden /\n _detach(): void {\n if (!this._attached) {\n return;\n }\n\n if (this.linkContentPortal?.isAttached) {\n this.linkContentPortal?.detach();\n }\n\n if (this.breadcrumbItemPortal?.isAttached) {\n this.breadcrumbItemPortal?.detach();\n }\n\n this._attached = false;\n }\n\n /* @hidden /\n _attach(): void {\n if (this._attached) {\n return;\n }\n\n if (this.breadcrumbLink && this.breadcrumbLink.contentSpan) {\n this.linkContentPortal = new DomPortal<HTMLElement>(this.breadcrumbLink.contentSpan.nativeElement);\n }\n\n this.breadcrumbItemPortal = new DomPortal(this.elementRef.nativeElement.firstElementChild as Element);\n this._attached = true;\n }\n}\n","import { PortalModule } from '@angular/cdk/portal';\nimport { AsyncPipe, NgFor, NgIf } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n DestroyRef,\n ElementRef,\n EventEmitter,\n Input,\n OnInit,\n Optional,\n Output,\n QueryList,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { RtlService } from '@fundamental-ngx/cdk/utils';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\nimport { LinkComponent } from '@fundamental-ngx/core/link';\nimport {\n GlyphMenuAddonDirective,\n MenuAddonDirective,\n MenuComponent,\n MenuInteractiveComponent,\n MenuItemComponent,\n MenuTitleDirective,\n MenuTriggerDirective\n} from '@fundamental-ngx/core/menu';\nimport {\n OverflowExpandDirective,\n OverflowItemRefDirective,\n OverflowLayoutComponent,\n OverflowLayoutItemDirective\n} from '@fundamental-ngx/core/overflow-layout';\nimport { Placement } from '@fundamental-ngx/core/shared';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\nimport { BehaviorSubject } from 'rxjs';\nimport { BreadcrumbItemComponent } from './breadcrumb-item.component';\nimport { FD_BREADCRUMB_COMPONENT, FD_BREADCRUMB_ITEM_COMPONENT } from './tokens';\n\n/\n Breadcrumb parent wrapper directive. Must have breadcrumb item child directives.\n \n ```html\n * <fd-breadcrumb>\n * <fd-breadcrumb-item>\n * <a fd-link [routerLink]=\"'#'\">Breadcrumb Link</a>\n * </fd-breadcrumb-item>\n * </fd-breadcrumb>\n * ```\n /\n@Component({\n selector: 'fd-breadcrumb',\n host: {\n class: 'fd-breadcrumb',\n role: 'tree'\n },\n templateUrl: './breadcrumb.component.html',\n styleUrls: ['./breadcrumb.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: FD_BREADCRUMB_COMPONENT,\n useExisting: BreadcrumbComponent\n }\n ],\n standalone: true,\n imports: [\n OverflowLayoutComponent,\n NgFor,\n OverflowItemRefDirective,\n OverflowLayoutItemDirective,\n PortalModule,\n OverflowExpandDirective,\n MenuComponent,\n MenuItemComponent,\n MenuInteractiveComponent,\n NgIf,\n GlyphMenuAddonDirective,\n MenuAddonDirective,\n MenuTitleDirective,\n MenuTriggerDirective,\n LinkComponent,\n IconComponent,\n AsyncPipe,\n FdTranslatePipe\n ]\n})\nexport class BreadcrumbComponent implements OnInit, AfterViewInit {\n /* Whether to append items to the overflow dropdown in reverse order. Default is true. /\n @Input()\n reverse = false;\n\n /* Tabindex of the breadcrumb. /\n @Input()\n tabIndex = '0';\n\n /\n Event emitted when visible items count is changed.\n /\n @Output()\n visibleItemsCount = new EventEmitter<number>();\n\n /\n Event emitted when hidden items count is changed.\n /\n @Output()\n hiddenItemsCount = new EventEmitter<number>();\n\n /* @hidden /\n @ContentChildren(FD_BREADCRUMB_ITEM_COMPONENT)\n private readonly _contentItems: QueryList<BreadcrumbItemComponent>;\n\n /* @hidden /\n @ViewChild(MenuComponent)\n private readonly _menuComponent: MenuComponent;\n\n /* @hidden /\n @ViewChild(OverflowLayoutComponent)\n private readonly _overflowLayout: OverflowLayoutComponent;\n\n /\n @hidden\n * Array of breadcrumb items.\n /\n _items: BreadcrumbItemComponent[] = [];\n\n /* @hidden /\n _placement$ = new BehaviorSubject<Placement>('bottom-start');\n\n /* @hidden /\n constructor(\n public elementRef: ElementRef<HTMLElement>,\n private _destroyRef: DestroyRef,\n @Optional() private _rtlService: RtlService \| null,\n private _cdr: ChangeDetectorRef\n ) {}\n\n /* @hidden /\n ngOnInit(): void {\n this._rtlService?.rtl\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe((value) => this._placement$.next(value ? 'bottom-end' : 'bottom-start'));\n }\n\n /* @hidden /\n onResize(): void {\n this._overflowLayout.triggerRecalculation();\n }\n\n /\n We catch interactions with item, Enter, Space, Mouse click and Touch click,\n * if original element had router link we are proxying click to that element\n * /\n itemClicked(breadcrumbItem: BreadcrumbItemComponent, $event: Event): void {\n if (breadcrumbItem._needsClickProxy) {\n $event.preventDefault();\n breadcrumbItem.breadcrumbLink.elementRef.nativeElement.click();\n }\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n this._setItems();\n\n this._contentItems.changes.subscribe(() => this._setItems());\n }\n\n /* @hidden /\n _keyDownHandle(event: Event): void {\n this._menuComponent.toggle();\n event.preventDefault();\n }\n\n /* @hidden /\n _onHiddenChange(isHidden: boolean, breadcrumb: BreadcrumbItemComponent): void {\n if (!isHidden) {\n breadcrumb._detach();\n } else {\n breadcrumb._attach();\n }\n }\n\n /* @hidden /\n _onVisibleItemsCountChange(visibleItemsCount: number): void {\n this.visibleItemsCount.emit(visibleItemsCount);\n }\n\n /* @hidden /\n _onHiddenItemsCountChange(hiddenItemsCount: number): void {\n this.hiddenItemsCount.emit(hiddenItemsCount);\n }\n\n /* @hidden /\n private _setItems(): void {\n this._contentItems.forEach((item) => item.setPortal());\n this._items = this._contentItems.toArray();\n this._cdr.detectChanges();\n }\n}\n","<fd-overflow-layout\n [reverseHiddenItems]=\"!reverse\"\n showMorePosition=\"left\"\n [enableKeyboardNavigation]=\"false\"\n (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n <ng-container ngFor=\"let breadcrumb of _items\">\n <div\n fdOverflowItemRef=\"breadcrumb; let hidden\"\n fdOverflowLayoutItem\n (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n >\n <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n </div>\n </ng-container>\n <ng-container fdOverflowExpand=\"let breadcrumbs; items: _items\">\n <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ \| async\">\n <ng-container ngFor=\"let breadcrumbItem of breadcrumbs\">\n <li\n fd-menu-item\n [disabled]=\"\n breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n \"\n >\n <a\n fd-menu-interactive\n (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n >\n <ng-container ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n <ng-container ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n <fd-menu-addon\n position=\"before\"\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n ></fd-menu-addon>\n </ng-container>\n <span fd-menu-title>\n <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n </span>\n <ng-container ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n <fd-menu-addon\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n ></fd-menu-addon>\n </ng-container>\n </ng-container>\n <ng-template #portalContent>\n <span fd-menu-title>\n <ng-container\n [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n ></ng-container>\n </span>\n </ng-template>\n </a>\n </li>\n </ng-container>\n </fd-menu>\n <span class=\"fd-breadcrumb__item\" ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n <a\n fd-link\n [attr.aria-label]=\"'coreBreadcrumb.overflowTitleMore' \| fdTranslate\"\n aria-haspopup=\"listbox\"\n tabindex=\"0\"\n class=\"fd-breadcrumb__collapsed\"\n (keydown.enter)=\"_keyDownHandle($event)\"\n (keydown.space)=\"_keyDownHandle($event)\"\n >\n <fd-icon\n glyph=\"overflow\"\n [title]=\"'coreBreadcrumb.overflowTitleMore' \| fdTranslate\"\n [ariaLabel]=\"'coreBreadcrumb.overflowTitleMore' \| fdTranslate\"\n ></fd-icon>\n <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n </a>\n </span>\n </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\n\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { LinkModule } from '@fundamental-ngx/core/link';\nimport { BreadcrumbItemComponent } from './breadcrumb-item.component';\nimport { BreadcrumbComponent } from './breadcrumb.component';\n\nconst components = [BreadcrumbComponent, BreadcrumbItemComponent, LinkModule, ContentDensityModule];\n\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class BreadcrumbModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-calendar.mjs CHANGED Viewed

@@ -5,8 +5,7 @@ import { takeUntil } from 'rxjs/operators';
 import * as i2 from '@fundamental-ngx/core/datetime';
 import { DATE_TIME_FORMATS } from '@fundamental-ngx/core/datetime';
 import { NgIf, NgFor, NgSwitch, NgSwitchCase } from '@angular/common';
-import * as i3 from '@fundamental-ngx/core/button';
-import { ButtonModule } from '@fundamental-ngx/core/button';
+import { ButtonComponent } from '@fundamental-ngx/core/button';
 import { FdTranslatePipe, FD_LANGUAGE_ENGLISH, FD_LANGUAGE, resolveTranslationSignal } from '@fundamental-ngx/i18n';
 import * as i1 from '@fundamental-ngx/cdk/utils';
 import equal from 'fast-deep-equal';
@@ -345,13 +344,13 @@ class CalendarHeaderComponent {
         return this._dateTimeAdapter.getYearName(this._dateTimeAdapter.createDate(year, 1, 1));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CalendarHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CalendarService }, { token: i2.DatetimeAdapter }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CalendarHeaderComponent, isStandalone: true, selector: "fd-calendar-header", inputs: { activeView: "activeView", currentlyDisplayed: "currentlyDisplayed", previousButtonDisabled: "previousButtonDisabled", nextButtonDisabled: "nextButtonDisabled", calendarYearGrid: "calendarYearGrid", id: "id", mobileLandscape: "mobileLandscape" }, outputs: { activeViewChange: "activeViewChange", previousClicked: "previousClicked", nextClicked: "nextClicked" }, host: { properties: { "attr.id": "viewId" } }, viewQueries: [{ propertyName: "_prevButtonComponent", first: true, predicate: ["prevButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<header class=\"fd-calendar__navigation\" [class.fd-calendar__navigation--main]=\"mobileLandscape\">\n    <div class=\"fd-calendar__action fd-calendar__action--arrow-left\">\n        <button\n            #prevButton\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"slim-arrow-left\"\n            [attr.id]=\"_prevButtonId\"\n            [disabled]=\"previousButtonDisabled\"\n            [attr.title]=\"previousAriaLabel | fdTranslate\"\n            [ariaLabel]=\"previousAriaLabel | fdTranslate\"\n            type=\"button\"\n            (click)=\"previousClicked.emit()\"\n        ></button>\n    </div>\n    <ng-container *ngIf=\"isOnDayView || isOnMonthView\">\n        <div class=\"fd-calendar__action\">\n            <!-- Select month button -->\n            <button\n                fd-button\n                type=\"button\"\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_monthButtonLabelId + ' ' + _selectMonthButtonAriaLabelId\"\n                [attr.data-fd-calendar-month]=\"currentlyDisplayed.month\"\n                (click)=\"_processViewChange('month', $event)\"\n            >\n                <span [attr.id]=\"_monthButtonLabelId\">{{ selectMonthLabel }}</span>\n            </button>\n        </div>\n        <div class=\"fd-calendar__action\">\n            <!-- Select year button -->\n            <button\n                fd-button\n                type=\"button\"\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_yearButtonLabelId + ' ' + _selectYearButtonAriaLabelId\"\n                [attr.data-fd-calendar-year]=\"currentlyDisplayed.year\"\n                (click)=\"_processViewChange('year', $event)\"\n            >\n                <span [attr.id]=\"_yearButtonLabelId\">{{ selectYearLabel }}</span>\n            </button>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"isOnAggregatedYearsView || isOnYearView\">\n        <div class=\"fd-calendar__action\" aria-live=\"polite\">\n            <button\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_yearsRangeButtonLabelId + ' ' + _selectYearsRangeButtonAriaLabelId\"\n                (click)=\"_processViewChange('aggregatedYear', $event)\"\n                type=\"button\"\n            >\n                <span [attr.id]=\"_yearsRangeButtonLabelId\">{{ selectAggregatedYearLabel }}</span>\n            </button>\n        </div>\n    </ng-container>\n    <div class=\"fd-calendar__action fd-calendar__action--arrow-right\">\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"slim-arrow-right\"\n            [attr.id]=\"_nextButtonId\"\n            [disabled]=\"nextButtonDisabled\"\n            [attr.title]=\"nextAriaLabel | fdTranslate\"\n            [ariaLabel]=\"nextAriaLabel | fdTranslate\"\n            (click)=\"nextClicked.emit()\"\n            type=\"button\"\n        ></button>\n    </div>\n</header>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_selectMonthButtonAriaLabelId\">{{ selectMonthAriaLabel | fdTranslate }}</div>\n    <div [attr.id]=\"_selectYearButtonAriaLabelId\">{{ 'coreCalendar.yearSelectionLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectYearsRangeButtonAriaLabelId\">{{ selectAggregatedYearAriaLabel | fdTranslate }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CalendarHeaderComponent, isStandalone: true, selector: "fd-calendar-header", inputs: { activeView: "activeView", currentlyDisplayed: "currentlyDisplayed", previousButtonDisabled: "previousButtonDisabled", nextButtonDisabled: "nextButtonDisabled", calendarYearGrid: "calendarYearGrid", id: "id", mobileLandscape: "mobileLandscape" }, outputs: { activeViewChange: "activeViewChange", previousClicked: "previousClicked", nextClicked: "nextClicked" }, host: { properties: { "attr.id": "viewId" } }, viewQueries: [{ propertyName: "_prevButtonComponent", first: true, predicate: ["prevButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<header class=\"fd-calendar__navigation\" [class.fd-calendar__navigation--main]=\"mobileLandscape\">\n    <div class=\"fd-calendar__action fd-calendar__action--arrow-left\">\n        <button\n            #prevButton\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"slim-arrow-left\"\n            [attr.id]=\"_prevButtonId\"\n            [disabled]=\"previousButtonDisabled\"\n            [attr.title]=\"previousAriaLabel | fdTranslate\"\n            [ariaLabel]=\"previousAriaLabel | fdTranslate\"\n            type=\"button\"\n            (click)=\"previousClicked.emit()\"\n        ></button>\n    </div>\n    <ng-container *ngIf=\"isOnDayView || isOnMonthView\">\n        <div class=\"fd-calendar__action\">\n            <!-- Select month button -->\n            <button\n                fd-button\n                type=\"button\"\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_monthButtonLabelId + ' ' + _selectMonthButtonAriaLabelId\"\n                [attr.data-fd-calendar-month]=\"currentlyDisplayed.month\"\n                (click)=\"_processViewChange('month', $event)\"\n            >\n                <span [attr.id]=\"_monthButtonLabelId\">{{ selectMonthLabel }}</span>\n            </button>\n        </div>\n        <div class=\"fd-calendar__action\">\n            <!-- Select year button -->\n            <button\n                fd-button\n                type=\"button\"\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_yearButtonLabelId + ' ' + _selectYearButtonAriaLabelId\"\n                [attr.data-fd-calendar-year]=\"currentlyDisplayed.year\"\n                (click)=\"_processViewChange('year', $event)\"\n            >\n                <span [attr.id]=\"_yearButtonLabelId\">{{ selectYearLabel }}</span>\n            </button>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"isOnAggregatedYearsView || isOnYearView\">\n        <div class=\"fd-calendar__action\" aria-live=\"polite\">\n            <button\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_yearsRangeButtonLabelId + ' ' + _selectYearsRangeButtonAriaLabelId\"\n                (click)=\"_processViewChange('aggregatedYear', $event)\"\n                type=\"button\"\n            >\n                <span [attr.id]=\"_yearsRangeButtonLabelId\">{{ selectAggregatedYearLabel }}</span>\n            </button>\n        </div>\n    </ng-container>\n    <div class=\"fd-calendar__action fd-calendar__action--arrow-right\">\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"slim-arrow-right\"\n            [attr.id]=\"_nextButtonId\"\n            [disabled]=\"nextButtonDisabled\"\n            [attr.title]=\"nextAriaLabel | fdTranslate\"\n            [ariaLabel]=\"nextAriaLabel | fdTranslate\"\n            (click)=\"nextClicked.emit()\"\n            type=\"button\"\n        ></button>\n    </div>\n</header>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_selectMonthButtonAriaLabelId\">{{ selectMonthAriaLabel | fdTranslate }}</div>\n    <div [attr.id]=\"_selectYearButtonAriaLabelId\">{{ 'coreCalendar.yearSelectionLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectYearsRangeButtonAriaLabelId\">{{ selectAggregatedYearAriaLabel | fdTranslate }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-calendar-header', encapsulation: ViewEncapsulation.None, host: {
                         '[attr.id]': 'viewId'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonModule, NgIf, FdTranslatePipe], template: "<header class=\"fd-calendar__navigation\" [class.fd-calendar__navigation--main]=\"mobileLandscape\">\n    <div class=\"fd-calendar__action fd-calendar__action--arrow-left\">\n        <button\n            #prevButton\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"slim-arrow-left\"\n            [attr.id]=\"_prevButtonId\"\n            [disabled]=\"previousButtonDisabled\"\n            [attr.title]=\"previousAriaLabel | fdTranslate\"\n            [ariaLabel]=\"previousAriaLabel | fdTranslate\"\n            type=\"button\"\n            (click)=\"previousClicked.emit()\"\n        ></button>\n    </div>\n    <ng-container *ngIf=\"isOnDayView || isOnMonthView\">\n        <div class=\"fd-calendar__action\">\n            <!-- Select month button -->\n            <button\n                fd-button\n                type=\"button\"\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_monthButtonLabelId + ' ' + _selectMonthButtonAriaLabelId\"\n                [attr.data-fd-calendar-month]=\"currentlyDisplayed.month\"\n                (click)=\"_processViewChange('month', $event)\"\n            >\n                <span [attr.id]=\"_monthButtonLabelId\">{{ selectMonthLabel }}</span>\n            </button>\n        </div>\n        <div class=\"fd-calendar__action\">\n            <!-- Select year button -->\n            <button\n                fd-button\n                type=\"button\"\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_yearButtonLabelId + ' ' + _selectYearButtonAriaLabelId\"\n                [attr.data-fd-calendar-year]=\"currentlyDisplayed.year\"\n                (click)=\"_processViewChange('year', $event)\"\n            >\n                <span [attr.id]=\"_yearButtonLabelId\">{{ selectYearLabel }}</span>\n            </button>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"isOnAggregatedYearsView || isOnYearView\">\n        <div class=\"fd-calendar__action\" aria-live=\"polite\">\n            <button\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_yearsRangeButtonLabelId + ' ' + _selectYearsRangeButtonAriaLabelId\"\n                (click)=\"_processViewChange('aggregatedYear', $event)\"\n                type=\"button\"\n            >\n                <span [attr.id]=\"_yearsRangeButtonLabelId\">{{ selectAggregatedYearLabel }}</span>\n            </button>\n        </div>\n    </ng-container>\n    <div class=\"fd-calendar__action fd-calendar__action--arrow-right\">\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"slim-arrow-right\"\n            [attr.id]=\"_nextButtonId\"\n            [disabled]=\"nextButtonDisabled\"\n            [attr.title]=\"nextAriaLabel | fdTranslate\"\n            [ariaLabel]=\"nextAriaLabel | fdTranslate\"\n            (click)=\"nextClicked.emit()\"\n            type=\"button\"\n        ></button>\n    </div>\n</header>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_selectMonthButtonAriaLabelId\">{{ selectMonthAriaLabel | fdTranslate }}</div>\n    <div [attr.id]=\"_selectYearButtonAriaLabelId\">{{ 'coreCalendar.yearSelectionLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectYearsRangeButtonAriaLabelId\">{{ selectAggregatedYearAriaLabel | fdTranslate }}</div>\n</div>\n" }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, NgIf, FdTranslatePipe], template: "<header class=\"fd-calendar__navigation\" [class.fd-calendar__navigation--main]=\"mobileLandscape\">\n    <div class=\"fd-calendar__action fd-calendar__action--arrow-left\">\n        <button\n            #prevButton\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"slim-arrow-left\"\n            [attr.id]=\"_prevButtonId\"\n            [disabled]=\"previousButtonDisabled\"\n            [attr.title]=\"previousAriaLabel | fdTranslate\"\n            [ariaLabel]=\"previousAriaLabel | fdTranslate\"\n            type=\"button\"\n            (click)=\"previousClicked.emit()\"\n        ></button>\n    </div>\n    <ng-container *ngIf=\"isOnDayView || isOnMonthView\">\n        <div class=\"fd-calendar__action\">\n            <!-- Select month button -->\n            <button\n                fd-button\n                type=\"button\"\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_monthButtonLabelId + ' ' + _selectMonthButtonAriaLabelId\"\n                [attr.data-fd-calendar-month]=\"currentlyDisplayed.month\"\n                (click)=\"_processViewChange('month', $event)\"\n            >\n                <span [attr.id]=\"_monthButtonLabelId\">{{ selectMonthLabel }}</span>\n            </button>\n        </div>\n        <div class=\"fd-calendar__action\">\n            <!-- Select year button -->\n            <button\n                fd-button\n                type=\"button\"\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_yearButtonLabelId + ' ' + _selectYearButtonAriaLabelId\"\n                [attr.data-fd-calendar-year]=\"currentlyDisplayed.year\"\n                (click)=\"_processViewChange('year', $event)\"\n            >\n                <span [attr.id]=\"_yearButtonLabelId\">{{ selectYearLabel }}</span>\n            </button>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"isOnAggregatedYearsView || isOnYearView\">\n        <div class=\"fd-calendar__action\" aria-live=\"polite\">\n            <button\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-labelledby]=\"_yearsRangeButtonLabelId + ' ' + _selectYearsRangeButtonAriaLabelId\"\n                (click)=\"_processViewChange('aggregatedYear', $event)\"\n                type=\"button\"\n            >\n                <span [attr.id]=\"_yearsRangeButtonLabelId\">{{ selectAggregatedYearLabel }}</span>\n            </button>\n        </div>\n    </ng-container>\n    <div class=\"fd-calendar__action fd-calendar__action--arrow-right\">\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"slim-arrow-right\"\n            [attr.id]=\"_nextButtonId\"\n            [disabled]=\"nextButtonDisabled\"\n            [attr.title]=\"nextAriaLabel | fdTranslate\"\n            [ariaLabel]=\"nextAriaLabel | fdTranslate\"\n            (click)=\"nextClicked.emit()\"\n            type=\"button\"\n        ></button>\n    </div>\n</header>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_selectMonthButtonAriaLabelId\">{{ selectMonthAriaLabel | fdTranslate }}</div>\n    <div [attr.id]=\"_selectYearButtonAriaLabelId\">{{ 'coreCalendar.yearSelectionLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectYearsRangeButtonAriaLabelId\">{{ selectAggregatedYearAriaLabel | fdTranslate }}</div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: CalendarService }, { type: i2.DatetimeAdapter }]; }, propDecorators: { activeView: [{
                 type: Input
             }], currentlyDisplayed: [{
@@ -1382,13 +1381,13 @@ class CalendarMonthViewComponent {
         this._focusElementBySelector(`#${this._getId(index)}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CalendarMonthViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: CalendarService }, { token: DATE_TIME_FORMATS }, { token: i2.DatetimeAdapter }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CalendarMonthViewComponent, isStandalone: true, selector: "fd-calendar-month-view", inputs: { id: "id", monthSelected: "monthSelected", focusEscapeFunction: "focusEscapeFunction", year: "year" }, outputs: { monthClicked: "monthClicked" }, host: { properties: { "attr.id": "viewId" } }, usesOnChanges: true, ngImport: i0, template: "<table\n    class=\"fd-calendar__content fd-calendar__content--months\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarMonthViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" role=\"row\" *ngFor=\"let colMonths of _calendarMonthListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let monthCell of colMonths; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"monthCell.current\"\n                [class.is-active]=\"monthCell.selected\"\n                [attr.tabIndex]=\"monthCell.tabIndex\"\n                [attr.id]=\"monthCell.id\"\n                [attr.aria-selected]=\"monthCell.selected\"\n                [attr.aria-disabled]=\"monthCell.disabled\"\n                [attr.data-fd-calendar-month]=\"monthCell.month\"\n                (keydown)=\"_onKeydownMonthHandler($event, monthCell.index)\"\n                (click)=\"selectMonth(monthCell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__my-item-button\"\n                    [class.is-active]=\"monthCell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            monthCell.id +\n                            '-aria-label ' +\n                            (monthCell.current ? _todayLabelId + ' ' : '') +\n                            (monthCell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ monthCell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"monthCell.id + '-aria-label'\">\n                    {{ monthCell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CalendarMonthViewComponent, isStandalone: true, selector: "fd-calendar-month-view", inputs: { id: "id", monthSelected: "monthSelected", focusEscapeFunction: "focusEscapeFunction", year: "year" }, outputs: { monthClicked: "monthClicked" }, host: { properties: { "attr.id": "viewId" } }, usesOnChanges: true, ngImport: i0, template: "<table\n    class=\"fd-calendar__content fd-calendar__content--months\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarMonthViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" role=\"row\" *ngFor=\"let colMonths of _calendarMonthListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let monthCell of colMonths; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"monthCell.current\"\n                [class.is-active]=\"monthCell.selected\"\n                [attr.tabIndex]=\"monthCell.tabIndex\"\n                [attr.id]=\"monthCell.id\"\n                [attr.aria-selected]=\"monthCell.selected\"\n                [attr.aria-disabled]=\"monthCell.disabled\"\n                [attr.data-fd-calendar-month]=\"monthCell.month\"\n                (keydown)=\"_onKeydownMonthHandler($event, monthCell.index)\"\n                (click)=\"selectMonth(monthCell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__my-item-button\"\n                    [class.is-active]=\"monthCell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            monthCell.id +\n                            '-aria-label ' +\n                            (monthCell.current ? _todayLabelId + ' ' : '') +\n                            (monthCell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ monthCell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"monthCell.id + '-aria-label'\">\n                    {{ monthCell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CalendarMonthViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-calendar-month-view', encapsulation: ViewEncapsulation.None, host: {
                         '[attr.id]': 'viewId'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, ButtonModule, FdTranslatePipe], template: "<table\n    class=\"fd-calendar__content fd-calendar__content--months\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarMonthViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" role=\"row\" *ngFor=\"let colMonths of _calendarMonthListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let monthCell of colMonths; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"monthCell.current\"\n                [class.is-active]=\"monthCell.selected\"\n                [attr.tabIndex]=\"monthCell.tabIndex\"\n                [attr.id]=\"monthCell.id\"\n                [attr.aria-selected]=\"monthCell.selected\"\n                [attr.aria-disabled]=\"monthCell.disabled\"\n                [attr.data-fd-calendar-month]=\"monthCell.month\"\n                (keydown)=\"_onKeydownMonthHandler($event, monthCell.index)\"\n                (click)=\"selectMonth(monthCell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__my-item-button\"\n                    [class.is-active]=\"monthCell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            monthCell.id +\n                            '-aria-label ' +\n                            (monthCell.current ? _todayLabelId + ' ' : '') +\n                            (monthCell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ monthCell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"monthCell.id + '-aria-label'\">\n                    {{ monthCell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n" }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, ButtonComponent, FdTranslatePipe], template: "<table\n    class=\"fd-calendar__content fd-calendar__content--months\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarMonthViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" role=\"row\" *ngFor=\"let colMonths of _calendarMonthListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let monthCell of colMonths; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"monthCell.current\"\n                [class.is-active]=\"monthCell.selected\"\n                [attr.tabIndex]=\"monthCell.tabIndex\"\n                [attr.id]=\"monthCell.id\"\n                [attr.aria-selected]=\"monthCell.selected\"\n                [attr.aria-disabled]=\"monthCell.disabled\"\n                [attr.data-fd-calendar-month]=\"monthCell.month\"\n                (keydown)=\"_onKeydownMonthHandler($event, monthCell.index)\"\n                (click)=\"selectMonth(monthCell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__my-item-button\"\n                    [class.is-active]=\"monthCell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            monthCell.id +\n                            '-aria-label ' +\n                            (monthCell.current ? _todayLabelId + ' ' : '') +\n                            (monthCell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ monthCell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"monthCell.id + '-aria-label'\">\n                    {{ monthCell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: CalendarService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DATE_TIME_FORMATS]
@@ -1644,13 +1643,13 @@ class CalendarYearViewComponent {
         this._focusElementBySelector(`#${this._getId(index)}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CalendarYearViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: CalendarService }, { token: i2.DatetimeAdapter }, { token: DATE_TIME_FORMATS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CalendarYearViewComponent, isStandalone: true, selector: "fd-calendar-year-view", inputs: { id: "id", focusEscapeFunction: "focusEscapeFunction", yearSelected: "yearSelected", yearViewGrid: "yearViewGrid" }, outputs: { yearClicked: "yearClicked" }, host: { properties: { "attr.id": "viewId" } }, usesOnChanges: true, ngImport: i0, template: "<table\n    class=\"fd-calendar__content fd-calendar__content--years\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarYearsViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" role=\"row\" *ngFor=\"let colYears of _calendarYearListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let yearCell of colYears; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"yearCell.current\"\n                [class.is-active]=\"yearCell.selected\"\n                [attr.id]=\"yearCell.id\"\n                [attr.tabindex]=\"yearCell.tabIndex\"\n                [attr.aria-selected]=\"yearCell.selected\"\n                [attr.aria-disabled]=\"yearCell.disabled\"\n                [attr.data-fd-calendar-year]=\"yearCell.year\"\n                (keydown)=\"_onKeydownYearHandler($event, yearCell.index)\"\n                (click)=\"selectYear(yearCell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__item-button\"\n                    [class.is-active]=\"yearCell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            yearCell.id +\n                            '-aria-label ' +\n                            (yearCell.current ? _todayLabelId + ' ' : '') +\n                            (yearCell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ yearCell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"yearCell.id + '-aria-label'\">\n                    {{ yearCell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CalendarYearViewComponent, isStandalone: true, selector: "fd-calendar-year-view", inputs: { id: "id", focusEscapeFunction: "focusEscapeFunction", yearSelected: "yearSelected", yearViewGrid: "yearViewGrid" }, outputs: { yearClicked: "yearClicked" }, host: { properties: { "attr.id": "viewId" } }, usesOnChanges: true, ngImport: i0, template: "<table\n    class=\"fd-calendar__content fd-calendar__content--years\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarYearsViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" role=\"row\" *ngFor=\"let colYears of _calendarYearListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let yearCell of colYears; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"yearCell.current\"\n                [class.is-active]=\"yearCell.selected\"\n                [attr.id]=\"yearCell.id\"\n                [attr.tabindex]=\"yearCell.tabIndex\"\n                [attr.aria-selected]=\"yearCell.selected\"\n                [attr.aria-disabled]=\"yearCell.disabled\"\n                [attr.data-fd-calendar-year]=\"yearCell.year\"\n                (keydown)=\"_onKeydownYearHandler($event, yearCell.index)\"\n                (click)=\"selectYear(yearCell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__item-button\"\n                    [class.is-active]=\"yearCell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            yearCell.id +\n                            '-aria-label ' +\n                            (yearCell.current ? _todayLabelId + ' ' : '') +\n                            (yearCell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ yearCell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"yearCell.id + '-aria-label'\">\n                    {{ yearCell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CalendarYearViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-calendar-year-view', encapsulation: ViewEncapsulation.None, host: {
                         '[attr.id]': 'viewId'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, ButtonModule, FdTranslatePipe], template: "<table\n    class=\"fd-calendar__content fd-calendar__content--years\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarYearsViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" role=\"row\" *ngFor=\"let colYears of _calendarYearListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let yearCell of colYears; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"yearCell.current\"\n                [class.is-active]=\"yearCell.selected\"\n                [attr.id]=\"yearCell.id\"\n                [attr.tabindex]=\"yearCell.tabIndex\"\n                [attr.aria-selected]=\"yearCell.selected\"\n                [attr.aria-disabled]=\"yearCell.disabled\"\n                [attr.data-fd-calendar-year]=\"yearCell.year\"\n                (keydown)=\"_onKeydownYearHandler($event, yearCell.index)\"\n                (click)=\"selectYear(yearCell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__item-button\"\n                    [class.is-active]=\"yearCell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            yearCell.id +\n                            '-aria-label ' +\n                            (yearCell.current ? _todayLabelId + ' ' : '') +\n                            (yearCell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ yearCell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"yearCell.id + '-aria-label'\">\n                    {{ yearCell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n" }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, ButtonComponent, FdTranslatePipe], template: "<table\n    class=\"fd-calendar__content fd-calendar__content--years\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarYearsViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" role=\"row\" *ngFor=\"let colYears of _calendarYearListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let yearCell of colYears; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"yearCell.current\"\n                [class.is-active]=\"yearCell.selected\"\n                [attr.id]=\"yearCell.id\"\n                [attr.tabindex]=\"yearCell.tabIndex\"\n                [attr.aria-selected]=\"yearCell.selected\"\n                [attr.aria-disabled]=\"yearCell.disabled\"\n                [attr.data-fd-calendar-year]=\"yearCell.year\"\n                (keydown)=\"_onKeydownYearHandler($event, yearCell.index)\"\n                (click)=\"selectYear(yearCell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__item-button\"\n                    [class.is-active]=\"yearCell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            yearCell.id +\n                            '-aria-label ' +\n                            (yearCell.current ? _todayLabelId + ' ' : '') +\n                            (yearCell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ yearCell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"yearCell.id + '-aria-label'\">\n                    {{ yearCell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: CalendarService }, { type: i2.DatetimeAdapter }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DATE_TIME_FORMATS]
@@ -1943,13 +1942,13 @@ class CalendarAggregatedYearViewComponent {
         this._focusElementBySelector(`#${this._getId(index)}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CalendarAggregatedYearViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: CalendarService }, { token: i2.DatetimeAdapter }, { token: DATE_TIME_FORMATS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CalendarAggregatedYearViewComponent, isStandalone: true, selector: "fd-calendar-aggregated-year-view", inputs: { id: "id", focusEscapeFunction: "focusEscapeFunction", yearSelected: "yearSelected", aggregatedYearsViewGrid: "aggregatedYearsViewGrid", yearViewGrid: "yearViewGrid" }, outputs: { yearsClicked: "yearsClicked" }, host: { properties: { "attr.id": "viewId" } }, usesOnChanges: true, ngImport: i0, template: "<table\n    class=\"fd-calendar__content fd-calendar__content--years\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarYearsRangeViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" *ngFor=\"let colYears of _calendarYearListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let cell of colYears; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"cell.current\"\n                [class.is-active]=\"cell.selected\"\n                [attr.id]=\"cell.id\"\n                [attr.tabindex]=\"cell.tabIndex\"\n                [attr.data-fd-calendar-years]=\"cell.years.startYear + '-' + cell.years.endYear\"\n                (keydown)=\"_onKeydownYearHandler($event, cell.index)\"\n                (click)=\"selectYear(cell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__my-item-button\"\n                    [class.is-active]=\"cell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            cell.id +\n                            '-aria-label ' +\n                            (cell.current ? _todayLabelId + ' ' : '') +\n                            (cell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ cell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"cell.id + '-aria-label'\">\n                    {{ cell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CalendarAggregatedYearViewComponent, isStandalone: true, selector: "fd-calendar-aggregated-year-view", inputs: { id: "id", focusEscapeFunction: "focusEscapeFunction", yearSelected: "yearSelected", aggregatedYearsViewGrid: "aggregatedYearsViewGrid", yearViewGrid: "yearViewGrid" }, outputs: { yearsClicked: "yearsClicked" }, host: { properties: { "attr.id": "viewId" } }, usesOnChanges: true, ngImport: i0, template: "<table\n    class=\"fd-calendar__content fd-calendar__content--years\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarYearsRangeViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" *ngFor=\"let colYears of _calendarYearListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let cell of colYears; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"cell.current\"\n                [class.is-active]=\"cell.selected\"\n                [attr.id]=\"cell.id\"\n                [attr.tabindex]=\"cell.tabIndex\"\n                [attr.data-fd-calendar-years]=\"cell.years.startYear + '-' + cell.years.endYear\"\n                (keydown)=\"_onKeydownYearHandler($event, cell.index)\"\n                (click)=\"selectYear(cell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__my-item-button\"\n                    [class.is-active]=\"cell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            cell.id +\n                            '-aria-label ' +\n                            (cell.current ? _todayLabelId + ' ' : '') +\n                            (cell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ cell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"cell.id + '-aria-label'\">\n                    {{ cell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CalendarAggregatedYearViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-calendar-aggregated-year-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.id]': 'viewId'
-                    }, standalone: true, imports: [NgFor, ButtonModule, FdTranslatePipe], template: "<table\n    class=\"fd-calendar__content fd-calendar__content--years\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarYearsRangeViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" *ngFor=\"let colYears of _calendarYearListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let cell of colYears; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"cell.current\"\n                [class.is-active]=\"cell.selected\"\n                [attr.id]=\"cell.id\"\n                [attr.tabindex]=\"cell.tabIndex\"\n                [attr.data-fd-calendar-years]=\"cell.years.startYear + '-' + cell.years.endYear\"\n                (keydown)=\"_onKeydownYearHandler($event, cell.index)\"\n                (click)=\"selectYear(cell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__my-item-button\"\n                    [class.is-active]=\"cell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            cell.id +\n                            '-aria-label ' +\n                            (cell.current ? _todayLabelId + ' ' : '') +\n                            (cell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ cell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"cell.id + '-aria-label'\">\n                    {{ cell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n" }]
+                    }, standalone: true, imports: [NgFor, ButtonComponent, FdTranslatePipe], template: "<table\n    class=\"fd-calendar__content fd-calendar__content--years\"\n    role=\"grid\"\n    [attr.aria-roledescription]=\"'coreCalendar.calendarYearsRangeViewDescription' | fdTranslate\"\n>\n    <tbody class=\"fd-calendar__group\" role=\"rowgroup\">\n        <tr class=\"fd-calendar__row\" *ngFor=\"let colYears of _calendarYearListGrid; let rowIndex = index\">\n            <td\n                class=\"fd-calendar__my-item\"\n                role=\"gridcell\"\n                *ngFor=\"let cell of colYears; let colIndex = index\"\n                [class.fd-calendar__my-item--current]=\"cell.current\"\n                [class.is-active]=\"cell.selected\"\n                [attr.id]=\"cell.id\"\n                [attr.tabindex]=\"cell.tabIndex\"\n                [attr.data-fd-calendar-years]=\"cell.years.startYear + '-' + cell.years.endYear\"\n                (keydown)=\"_onKeydownYearHandler($event, cell.index)\"\n                (click)=\"selectYear(cell, $event)\"\n            >\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"fd-calendar__my-item-button\"\n                    [class.is-active]=\"cell.current\"\n                    tabindex=\"-1\"\n                >\n                    <span\n                        class=\"fd-calendar__text\"\n                        [attr.aria-labelledby]=\"\n                            cell.id +\n                            '-aria-label ' +\n                            (cell.current ? _todayLabelId + ' ' : '') +\n                            (cell.selected ? _selectedDateLabelId : '')\n                        \"\n                    >\n                        {{ cell.label }}\n                    </span>\n                </button>\n\n                <span hidden aria-hidden=\"true\" [attr.id]=\"cell.id + '-aria-label'\">\n                    {{ cell.ariaLabel }}\n                </span>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n<!-- Hidden elements for aria purposes -->\n<div hidden aria-hidden=\"true\">\n    <div [attr.id]=\"_todayLabelId\">{{ 'coreCalendar.todayLabel' | fdTranslate }}</div>\n    <div [attr.id]=\"_selectedDateLabelId\">{{ 'coreCalendar.dateSelectedLabel' | fdTranslate }}</div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: CalendarService }, { type: i2.DatetimeAdapter }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DATE_TIME_FORMATS]