npm - @fundamental-ngx/platform - Versions diffs - 0.43.0-rc.2 → 0.43.0-rc.21 - Mend

@fundamental-ngx/platform 0.43.0-rc.2 → 0.43.0-rc.21

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 (427) hide show

package/esm2020/form/switch/switch/switch.component.mjs CHANGED Viewed

@@ -68,9 +68,9 @@ export class SwitchComponent extends BaseInput {
         this.switchChange.emit(event);
     }
 }
-SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SwitchComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.ControlContainer, optional: true, skipSelf: true }, { token: i1.NgForm, optional: true, skipSelf: true }, { token: FD_FORM_FIELD, host: true, optional: true, skipSelf: true }, { token: FD_FORM_FIELD_CONTROL, host: true, optional: true, skipSelf: true }, { token: i2.SwitchConfig }], target: i0.ɵɵFactoryTarget.Component });
-SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: SwitchComponent, selector: "fdp-switch", inputs: { ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", semantic: "semantic" }, outputs: { switchChange: "switchChange" }, providers: [{ provide: FD_FORM_FIELD_CONTROL, useExisting: SwitchComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<fd-switch\n    [id]=\"id\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [semantic]=\"semantic\"\n    [ariaLabel]=\"ariaLabel\"\n    [ariaLabelledby]=\"ariaLabelledby\"\n    [checked]=\"switchCurrentValue\"\n    (checkedChange)=\"onValueChange($event)\"\n></fd-switch>\n", dependencies: [{ kind: "component", type: i3.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SwitchComponent, decorators: [{
+SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SwitchComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.ControlContainer, optional: true, skipSelf: true }, { token: i1.NgForm, optional: true, skipSelf: true }, { token: FD_FORM_FIELD, host: true, optional: true, skipSelf: true }, { token: FD_FORM_FIELD_CONTROL, host: true, optional: true, skipSelf: true }, { token: i2.SwitchConfig }], target: i0.ɵɵFactoryTarget.Component });
+SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SwitchComponent, selector: "fdp-switch", inputs: { ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", semantic: "semantic" }, outputs: { switchChange: "switchChange" }, providers: [{ provide: FD_FORM_FIELD_CONTROL, useExisting: SwitchComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<fd-switch\n    [id]=\"id\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [semantic]=\"semantic\"\n    [ariaLabel]=\"ariaLabel\"\n    [ariaLabelledby]=\"ariaLabelledby\"\n    [checked]=\"switchCurrentValue\"\n    (checkedChange)=\"onValueChange($event)\"\n></fd-switch>\n", dependencies: [{ kind: "component", type: i3.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-switch', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: FD_FORM_FIELD_CONTROL, useExisting: SwitchComponent, multi: true }], template: "<fd-switch\n    [id]=\"id\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [semantic]=\"semantic\"\n    [ariaLabel]=\"ariaLabel\"\n    [ariaLabelledby]=\"ariaLabelledby\"\n    [checked]=\"switchCurrentValue\"\n    (checkedChange)=\"onValueChange($event)\"\n></fd-switch>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.NgControl, decorators: [{

package/esm2020/form/switch/switch/switch.config.mjs CHANGED Viewed

@@ -12,9 +12,9 @@ export class SwitchConfig {
         return useFactory;
     }
 }
-SwitchConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SwitchConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SwitchConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SwitchConfig, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SwitchConfig, decorators: [{
+SwitchConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SwitchConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SwitchConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SwitchConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SwitchConfig, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/esm2020/form/switch/switch.module.mjs CHANGED Viewed

@@ -9,20 +9,20 @@ import { PlatformContentDensityDeprecationsModule } from '@fundamental-ngx/platf
 import * as i0 from "@angular/core";
 export class PlatformSwitchModule {
 }
-PlatformSwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PlatformSwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PlatformSwitchModule, declarations: [SwitchComponent], imports: [CommonModule,
+PlatformSwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PlatformSwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PlatformSwitchModule, declarations: [SwitchComponent], imports: [CommonModule,
         FormsModule,
         SwitchModule,
         PipeModule,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule], exports: [SwitchComponent, PlatformContentDensityDeprecationsModule, ContentDensityModule] });
-PlatformSwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformSwitchModule, imports: [CommonModule,
+PlatformSwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformSwitchModule, imports: [CommonModule,
         FormsModule,
         SwitchModule,
         PipeModule,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule, PlatformContentDensityDeprecationsModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformSwitchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformSwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SwitchComponent],

package/esm2020/form/text-area/text-area.component.mjs CHANGED Viewed

@@ -286,15 +286,15 @@ export class TextAreaComponent extends BaseInput {
         }
     }
 }
-TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TextAreaComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.ControlContainer, optional: true, skipSelf: true }, { token: i1.NgForm, optional: true, skipSelf: true }, { token: FD_FORM_FIELD, host: true, optional: true, skipSelf: true }, { token: FD_FORM_FIELD_CONTROL, host: true, optional: true, skipSelf: true }, { token: i2.TextAreaConfig }], target: i0.ɵɵFactoryTarget.Component });
-TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TextAreaComponent, selector: "fdp-textarea", inputs: { height: "height", growingMaxLines: "growingMaxLines", cols: "cols", wrapType: "wrapType", readonly: "readonly", maxLength: "maxLength", showExceededText: "showExceededText", growing: "growing", stateType: "stateType", value: "value" }, host: { listeners: { "keyup": "handleBackPress($event)" } }, providers: [
+TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.ControlContainer, optional: true, skipSelf: true }, { token: i1.NgForm, optional: true, skipSelf: true }, { token: FD_FORM_FIELD, host: true, optional: true, skipSelf: true }, { token: FD_FORM_FIELD_CONTROL, host: true, optional: true, skipSelf: true }, { token: i2.TextAreaConfig }], target: i0.ɵɵFactoryTarget.Component });
+TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TextAreaComponent, selector: "fdp-textarea", inputs: { height: "height", growingMaxLines: "growingMaxLines", cols: "cols", wrapType: "wrapType", readonly: "readonly", maxLength: "maxLength", showExceededText: "showExceededText", growing: "growing", stateType: "stateType", value: "value" }, host: { listeners: { "keyup": "handleBackPress($event)" } }, providers: [
         {
             provide: FD_FORM_FIELD_CONTROL,
             useExisting: TextAreaComponent,
             multi: true
         }
     ], viewQueries: [{ propertyName: "_textareaCounter", first: true, predicate: ["counter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<textarea\n    #inputElementRef\n    fd-form-control\n    [attr.id]=\"id\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"id + '-counter'\"\n    [attr.aria-required]=\"required\"\n    [attr.placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [rows]=\"growing ? 2 : height ? 2 : growingMaxLines\"\n    [cols]=\"cols\"\n    [wrap]=\"wrapType\"\n    [maxlength]=\"!showExceededText ? maxLength : null\"\n    [(ngModel)]=\"value\"\n    [state]=\"getUpdatedState()\"\n    (paste)=\"handlePasteInteraction()\"\n    (blur)=\"_onFocusChanged(false)\"\n    (focus)=\"_onFocusChanged(true)\"\n></textarea>\n\n<!-- ICU recommends full text in format -->\n<div\n    class=\"fd-textarea-counter\"\n    *ngIf=\"showExceededText\"\n    aria-live=\"polite\"\n    aria-atomic=\"true\"\n    [attr.id]=\"id + '-counter'\"\n    #counter\n>\n    <!-- render spaces instead of the actual value while translation string is loading in order to avoid content jumps -->\n    <ng-container *ngIf=\"counterExcessOrRemaining === 'excess'; else charactersRemaining\">\n        <span\n            [innerHtml]=\"\n                (exceededCharCount === 1\n                    ? 'platformTextarea.counterMessageCharactersOverTheLimitSingular'\n                    : 'platformTextarea.counterMessageCharactersOverTheLimitPlural'\n                ) | fdTranslate: { count: exceededCharCount }:'&nbsp;&nbsp;'\n            \"\n        ></span>\n    </ng-container>\n    <ng-template #charactersRemaining>\n        <span\n            [innerHtml]=\"\n                (exceededCharCount === 1\n                    ? 'platformTextarea.counterMessageCharactersRemainingSingular'\n                    : 'platformTextarea.counterMessageCharactersRemainingPlural'\n                ) | fdTranslate: { count: exceededCharCount }:'&nbsp;&nbsp;'\n            \"\n        ></span>\n    </ng-template>\n</div>\n", styles: [".fd-textarea-counter{display:inline-block;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i4.TextareaFormControlDirective, selector: "textarea[fd-form-control]" }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-textarea', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {

package/esm2020/form/text-area/text-area.config.mjs CHANGED Viewed

@@ -12,9 +12,9 @@ export class TextAreaConfig {
         return useFactory;
     }
 }
-TextAreaConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TextAreaConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TextAreaConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TextAreaConfig, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TextAreaConfig, decorators: [{
+TextAreaConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TextAreaConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaConfig, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/esm2020/form/text-area/text-area.module.mjs CHANGED Viewed

@@ -10,8 +10,8 @@ import { I18nModule } from '@fundamental-ngx/i18n';
 import * as i0 from "@angular/core";
 export class PlatformTextAreaModule {
 }
-PlatformTextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PlatformTextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PlatformTextAreaModule, declarations: [TextAreaComponent], imports: [CommonModule,
+PlatformTextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PlatformTextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PlatformTextAreaModule, declarations: [TextAreaComponent], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         FormControlModule,
@@ -19,7 +19,7 @@ PlatformTextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule,
         I18nModule], exports: [TextAreaComponent, PlatformContentDensityDeprecationsModule, ContentDensityModule] });
-PlatformTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformTextAreaModule, imports: [CommonModule,
+PlatformTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTextAreaModule, imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         FormControlModule,
@@ -27,7 +27,7 @@ PlatformTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule,
         I18nModule, PlatformContentDensityDeprecationsModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformTextAreaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTextAreaModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/form/time-picker/time-picker.component.mjs CHANGED Viewed

@@ -88,9 +88,9 @@ export class PlatformTimePickerComponent extends BaseInput {
         this.onTouched();
     }
 }
-PlatformTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformTimePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.ControlContainer, optional: true, skipSelf: true }, { token: i1.NgForm, optional: true, skipSelf: true }, { token: FD_FORM_FIELD, host: true, optional: true, skipSelf: true }, { token: FD_FORM_FIELD_CONTROL, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-PlatformTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: PlatformTimePickerComponent, selector: "fdp-time-picker", inputs: { value: "value", time: "time", spinnerButtons: "spinnerButtons", meridian: "meridian", displaySeconds: "displaySeconds", displayMinutes: "displayMinutes", displayHours: "displayHours", placeholder: "placeholder", timePickerInputLabel: "timePickerInputLabel", allowNull: "allowNull", tablet: "tablet", placement: "placement", state: "state", buttonFocusable: "buttonFocusable", useValidation: "useValidation", keepTwoDigitsTime: "keepTwoDigitsTime", displayFormat: "displayFormat", parseFormat: "parseFormat" }, outputs: { isOpenChange: "isOpenChange" }, providers: [{ provide: FD_FORM_FIELD_CONTROL, useExisting: PlatformTimePickerComponent, multi: true }], viewQueries: [{ propertyName: "timePickerComponent", first: true, predicate: TimePickerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-time-picker\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.ariaLabelledBy]=\"ariaLabelledBy\"\n    [attr.ariaDescribedBy]=\"ariaDescribedBy\"\n    [inputId]=\"id\"\n    [required]=\"required\"\n    [time]=\"time\"\n    [meridian]=\"meridian\"\n    [disabled]=\"disabled\"\n    [displayFormat]=\"displayFormat\"\n    [spinnerButtons]=\"spinnerButtons\"\n    [displaySeconds]=\"displaySeconds\"\n    [displayMinutes]=\"displayMinutes\"\n    [displayHours]=\"displayHours\"\n    [placeholder]=\"placeholder\"\n    [timePickerInputLabel]=\"timePickerInputLabel\"\n    [allowNull]=\"allowNull\"\n    [tablet]=\"tablet\"\n    [placement]=\"placement\"\n    [parseFormat]=\"parseFormat\"\n    [state]=\"state\"\n    [buttonFocusable]=\"buttonFocusable\"\n    [useValidation]=\"useValidation\"\n    [keepTwoDigitsTime]=\"keepTwoDigitsTime\"\n    (isOpenChange)=\"handleOpenChange($event)\"\n    (ngModelChange)=\"handleTimeChange($event)\"\n    [(ngModel)]=\"value\"\n>\n    <ng-content></ng-content>\n</fd-time-picker>\n", dependencies: [{ 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: "component", type: i2.TimePickerComponent, selector: "fd-time-picker", inputs: ["time", "inputId", "disabled", "required", "spinnerButtons", "meridian", "displaySeconds", "displayMinutes", "displayHours", "placeholder", "timePickerInputLabel", "timePickerButtonLabel", "ariaLabelledBy", "allowNull", "tablet", "message", "messageType", "messageTriggers", "placement", "useValidation", "state", "buttonFocusable", "keepTwoDigitsTime", "displayFormat", "parseFormat", "valueStateSuccessMessage", "valueStateInformationMessage", "valueStateWarningMessage", "valueStateErrorMessage"], outputs: ["isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformTimePickerComponent, decorators: [{
+PlatformTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTimePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.ControlContainer, optional: true, skipSelf: true }, { token: i1.NgForm, optional: true, skipSelf: true }, { token: FD_FORM_FIELD, host: true, optional: true, skipSelf: true }, { token: FD_FORM_FIELD_CONTROL, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+PlatformTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PlatformTimePickerComponent, selector: "fdp-time-picker", inputs: { value: "value", time: "time", spinnerButtons: "spinnerButtons", meridian: "meridian", displaySeconds: "displaySeconds", displayMinutes: "displayMinutes", displayHours: "displayHours", placeholder: "placeholder", timePickerInputLabel: "timePickerInputLabel", allowNull: "allowNull", tablet: "tablet", placement: "placement", state: "state", buttonFocusable: "buttonFocusable", useValidation: "useValidation", keepTwoDigitsTime: "keepTwoDigitsTime", displayFormat: "displayFormat", parseFormat: "parseFormat" }, outputs: { isOpenChange: "isOpenChange" }, providers: [{ provide: FD_FORM_FIELD_CONTROL, useExisting: PlatformTimePickerComponent, multi: true }], viewQueries: [{ propertyName: "timePickerComponent", first: true, predicate: TimePickerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-time-picker\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.ariaLabelledBy]=\"ariaLabelledBy\"\n    [attr.ariaDescribedBy]=\"ariaDescribedBy\"\n    [inputId]=\"id\"\n    [required]=\"required\"\n    [time]=\"time\"\n    [meridian]=\"meridian\"\n    [disabled]=\"disabled\"\n    [displayFormat]=\"displayFormat\"\n    [spinnerButtons]=\"spinnerButtons\"\n    [displaySeconds]=\"displaySeconds\"\n    [displayMinutes]=\"displayMinutes\"\n    [displayHours]=\"displayHours\"\n    [placeholder]=\"placeholder\"\n    [timePickerInputLabel]=\"timePickerInputLabel\"\n    [allowNull]=\"allowNull\"\n    [tablet]=\"tablet\"\n    [placement]=\"placement\"\n    [parseFormat]=\"parseFormat\"\n    [state]=\"state\"\n    [buttonFocusable]=\"buttonFocusable\"\n    [useValidation]=\"useValidation\"\n    [keepTwoDigitsTime]=\"keepTwoDigitsTime\"\n    (isOpenChange)=\"handleOpenChange($event)\"\n    (ngModelChange)=\"handleTimeChange($event)\"\n    [(ngModel)]=\"value\"\n>\n    <ng-content></ng-content>\n</fd-time-picker>\n", dependencies: [{ 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: "component", type: i2.TimePickerComponent, selector: "fd-time-picker", inputs: ["time", "inputId", "disabled", "required", "spinnerButtons", "meridian", "displaySeconds", "displayMinutes", "displayHours", "placeholder", "timePickerInputLabel", "timePickerButtonLabel", "ariaLabelledBy", "allowNull", "tablet", "message", "messageType", "messageTriggers", "placement", "useValidation", "state", "buttonFocusable", "keepTwoDigitsTime", "displayFormat", "parseFormat", "valueStateSuccessMessage", "valueStateInformationMessage", "valueStateWarningMessage", "valueStateErrorMessage"], outputs: ["isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: FD_FORM_FIELD_CONTROL, useExisting: PlatformTimePickerComponent, multi: true }], template: "<fd-time-picker\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.ariaLabelledBy]=\"ariaLabelledBy\"\n    [attr.ariaDescribedBy]=\"ariaDescribedBy\"\n    [inputId]=\"id\"\n    [required]=\"required\"\n    [time]=\"time\"\n    [meridian]=\"meridian\"\n    [disabled]=\"disabled\"\n    [displayFormat]=\"displayFormat\"\n    [spinnerButtons]=\"spinnerButtons\"\n    [displaySeconds]=\"displaySeconds\"\n    [displayMinutes]=\"displayMinutes\"\n    [displayHours]=\"displayHours\"\n    [placeholder]=\"placeholder\"\n    [timePickerInputLabel]=\"timePickerInputLabel\"\n    [allowNull]=\"allowNull\"\n    [tablet]=\"tablet\"\n    [placement]=\"placement\"\n    [parseFormat]=\"parseFormat\"\n    [state]=\"state\"\n    [buttonFocusable]=\"buttonFocusable\"\n    [useValidation]=\"useValidation\"\n    [keepTwoDigitsTime]=\"keepTwoDigitsTime\"\n    (isOpenChange)=\"handleOpenChange($event)\"\n    (ngModelChange)=\"handleTimeChange($event)\"\n    [(ngModel)]=\"value\"\n>\n    <ng-content></ng-content>\n</fd-time-picker>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.NgControl, decorators: [{

package/esm2020/form/time-picker/time-picker.module.mjs CHANGED Viewed

@@ -9,22 +9,22 @@ import { ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
 export class PlatformTimePickerModule {
 }
-PlatformTimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PlatformTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PlatformTimePickerModule, declarations: [PlatformTimePickerComponent], imports: [CommonModule,
+PlatformTimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PlatformTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PlatformTimePickerModule, declarations: [PlatformTimePickerComponent], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         TimePickerModule,
         PipeModule,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule], exports: [PlatformTimePickerComponent, PlatformContentDensityDeprecationsModule, ContentDensityModule] });
-PlatformTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformTimePickerModule, imports: [CommonModule,
+PlatformTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTimePickerModule, imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         TimePickerModule,
         PipeModule,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule, PlatformContentDensityDeprecationsModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformTimePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTimePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PlatformTimePickerComponent],

package/esm2020/fundamental-ngx.module.mjs CHANGED Viewed

@@ -39,8 +39,8 @@ export class FundamentalNgxPlatformModule {
         PlatformConfig.setInjector(injector);
     }
 }
-FundamentalNgxPlatformModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FundamentalNgxPlatformModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
-FundamentalNgxPlatformModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: FundamentalNgxPlatformModule, imports: [CommonModule, FormsModule], exports: [PlatformPipeModule,
+FundamentalNgxPlatformModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FundamentalNgxPlatformModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
+FundamentalNgxPlatformModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FundamentalNgxPlatformModule, imports: [CommonModule, FormsModule], exports: [PlatformPipeModule,
         PlatformActionBarModule,
         PlatformActionButtonGroupModule,
         PlatformApprovalFlowModule,
@@ -90,7 +90,7 @@ FundamentalNgxPlatformModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
         VariantManagementModule,
         SettingsGeneratorModule,
         TableHelpersModule] });
-FundamentalNgxPlatformModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FundamentalNgxPlatformModule, imports: [CommonModule, FormsModule, PlatformPipeModule,
+FundamentalNgxPlatformModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FundamentalNgxPlatformModule, imports: [CommonModule, FormsModule, PlatformPipeModule,
         PlatformActionBarModule,
         PlatformActionButtonGroupModule,
         PlatformApprovalFlowModule,
@@ -140,7 +140,7 @@ FundamentalNgxPlatformModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.
         VariantManagementModule,
         SettingsGeneratorModule,
         TableHelpersModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FundamentalNgxPlatformModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FundamentalNgxPlatformModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule],

package/esm2020/icon-tab-bar/components/icon-tab-bar-base.class.mjs CHANGED Viewed

@@ -253,9 +253,9 @@ export class IconTabBarBase {
         }
     }
 }
-IconTabBarBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarBase, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-IconTabBarBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: IconTabBarBase, inputs: { tabsConfig: "tabsConfig", isRtl: "isRtl", colorAssociations: "colorAssociations", densityMode: "densityMode" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "overflowDirective", first: true, predicate: OverflowListDirective, descendants: true }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarBase, decorators: [{
+IconTabBarBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarBase, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+IconTabBarBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: IconTabBarBase, inputs: { tabsConfig: "tabsConfig", isRtl: "isRtl", colorAssociations: "colorAssociations", densityMode: "densityMode" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "overflowDirective", first: true, predicate: OverflowListDirective, descendants: true }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { tabsConfig: [{
                 type: Input

package/esm2020/icon-tab-bar/components/icon-tab-bar-filter-type/icon-tab-bar-filter-type.component.mjs CHANGED Viewed

@@ -23,9 +23,9 @@ export class IconTabBarFilterTypeComponent extends IconTabBarBase {
         this._totalTab = this.showTotalTab ? this._tabs[0] : undefined;
     }
 }
-IconTabBarFilterTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarFilterTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-IconTabBarFilterTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IconTabBarFilterTypeComponent, selector: "fdp-icon-tab-bar-filter-type", inputs: { showTotalTab: "showTotalTab" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li *ngIf=\"showTotalTab\" class=\"fd-icon-tab-bar__item\" role=\"presentation\" fdkOverflowListItem>\n        <a\n            (click)=\"_totalTab && _selectItem(_totalTab)\"\n            (keydown)=\"_keyDownHandler($event, _totalTab, 0)\"\n            [attr.aria-selected]=\"_totalTab?.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            tabindex=\"0\"\n            #tabItem\n            role=\"tab\"\n        >\n            <div class=\"fd-icon-tab-bar__container fd-icon-tab-bar__container--filter\">\n                <span *ngIf=\"_totalTab?.counter\" class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label }}</span>\n            </div>\n        </a>\n    </li>\n    <li\n        *ngFor=\"let item of _tabs | slice : 1; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n    >\n        <a\n            (click)=\"_selectItem(item)\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            [attr.tabindex]=\"showTotalTab ? -1 : idx > 0 ? -1 : 0\"\n            (keydown)=\"_keyDownHandler($event, item, idx + (showTotalTab ? 1 : 0))\"\n            role=\"tab\"\n        >\n            <div class=\"fd-icon-tab-bar__container\">\n                <span class=\"fd-icon-tab-bar__icon\">\n                    <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                </span>\n                <span *ngIf=\"item.counter\" class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n            </div>\n            <div class=\"fd-icon-tab-bar__label\">{{ item.label }}</div>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_extraTabs\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i3.OverflowListDirective, selector: "[fdkOverflowList], [fdOverflowList], [fd-overflow-list]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: i3.OverflowListItemDirective, selector: "[fdkOverflowListItem], [fdOverflowListItem], [fd-overflow-list-item]" }, { kind: "component", type: i4.IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarFilterTypeComponent, decorators: [{
+IconTabBarFilterTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarFilterTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+IconTabBarFilterTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IconTabBarFilterTypeComponent, selector: "fdp-icon-tab-bar-filter-type", inputs: { showTotalTab: "showTotalTab" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li *ngIf=\"showTotalTab\" class=\"fd-icon-tab-bar__item\" role=\"presentation\" fdkOverflowListItem>\n        <a\n            (click)=\"_totalTab && _selectItem(_totalTab)\"\n            (keydown)=\"_keyDownHandler($event, _totalTab, 0)\"\n            [attr.aria-selected]=\"_totalTab?.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            tabindex=\"0\"\n            #tabItem\n            role=\"tab\"\n        >\n            <div class=\"fd-icon-tab-bar__container fd-icon-tab-bar__container--filter\">\n                <span *ngIf=\"_totalTab?.counter\" class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label }}</span>\n            </div>\n        </a>\n    </li>\n    <li\n        *ngFor=\"let item of _tabs | slice : 1; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n    >\n        <a\n            (click)=\"_selectItem(item)\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            [attr.tabindex]=\"showTotalTab ? -1 : idx > 0 ? -1 : 0\"\n            (keydown)=\"_keyDownHandler($event, item, idx + (showTotalTab ? 1 : 0))\"\n            role=\"tab\"\n        >\n            <div class=\"fd-icon-tab-bar__container\">\n                <span class=\"fd-icon-tab-bar__icon\">\n                    <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                </span>\n                <span *ngIf=\"item.counter\" class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n            </div>\n            <div class=\"fd-icon-tab-bar__label\">{{ item.label }}</div>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_extraTabs\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i3.OverflowListDirective, selector: "[fdkOverflowList], [fdOverflowList], [fd-overflow-list]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: i3.OverflowListItemDirective, selector: "[fdkOverflowListItem], [fdOverflowListItem], [fd-overflow-list-item]" }, { kind: "component", type: i4.IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarFilterTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-filter-type', template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li *ngIf=\"showTotalTab\" class=\"fd-icon-tab-bar__item\" role=\"presentation\" fdkOverflowListItem>\n        <a\n            (click)=\"_totalTab && _selectItem(_totalTab)\"\n            (keydown)=\"_keyDownHandler($event, _totalTab, 0)\"\n            [attr.aria-selected]=\"_totalTab?.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            tabindex=\"0\"\n            #tabItem\n            role=\"tab\"\n        >\n            <div class=\"fd-icon-tab-bar__container fd-icon-tab-bar__container--filter\">\n                <span *ngIf=\"_totalTab?.counter\" class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label }}</span>\n            </div>\n        </a>\n    </li>\n    <li\n        *ngFor=\"let item of _tabs | slice : 1; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n    >\n        <a\n            (click)=\"_selectItem(item)\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            [attr.tabindex]=\"showTotalTab ? -1 : idx > 0 ? -1 : 0\"\n            (keydown)=\"_keyDownHandler($event, item, idx + (showTotalTab ? 1 : 0))\"\n            role=\"tab\"\n        >\n            <div class=\"fd-icon-tab-bar__container\">\n                <span class=\"fd-icon-tab-bar__icon\">\n                    <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                </span>\n                <span *ngIf=\"item.counter\" class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n            </div>\n            <div class=\"fd-icon-tab-bar__label\">{{ item.label }}</div>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_extraTabs\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n" }]
         }], propDecorators: { _tabUIElements: [{

package/esm2020/icon-tab-bar/components/icon-tab-bar-icon-type/icon-tab-bar-icon-type.component.mjs CHANGED Viewed

@@ -8,9 +8,9 @@ import * as i3 from "@fundamental-ngx/cdk/utils";
 import * as i4 from "../popovers/icon-tab-bar-popover/icon-tab-bar-popover.component";
 export class IconTabBarIconTypeComponent extends IconTabBarBase {
 }
-IconTabBarIconTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarIconTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-IconTabBarIconTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IconTabBarIconTypeComponent, selector: "fdp-icon-tab-bar-icon-type", inputs: { showLabel: "showLabel" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n    >\n        <a\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            role=\"tab\"\n            [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            (click)=\"_selectItem(item)\"\n            (keydown)=\"_keyDownHandler($event, item, idx)\"\n        >\n            <div class=\"fd-icon-tab-bar__container\">\n                <span class=\"fd-icon-tab-bar__icon\">\n                    <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                </span>\n                <span *ngIf=\"item.counter && (!item.label || !showLabel)\" class=\"fd-icon-tab-bar__counter\">{{\n                    item.counter\n                }}</span>\n            </div>\n            <div *ngIf=\"showLabel && item.label\" class=\"fd-icon-tab-bar__details\">\n                <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n            </div>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [showItemLabel]=\"showLabel\"\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_extraTabs\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i3.OverflowListDirective, selector: "[fdkOverflowList], [fdOverflowList], [fd-overflow-list]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: i3.OverflowListItemDirective, selector: "[fdkOverflowListItem], [fdOverflowListItem], [fd-overflow-list-item]" }, { kind: "component", type: i4.IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarIconTypeComponent, decorators: [{
+IconTabBarIconTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarIconTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+IconTabBarIconTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IconTabBarIconTypeComponent, selector: "fdp-icon-tab-bar-icon-type", inputs: { showLabel: "showLabel" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n    >\n        <a\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            role=\"tab\"\n            [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            (click)=\"_selectItem(item)\"\n            (keydown)=\"_keyDownHandler($event, item, idx)\"\n        >\n            <div class=\"fd-icon-tab-bar__container\">\n                <span class=\"fd-icon-tab-bar__icon\">\n                    <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                </span>\n                <span *ngIf=\"item.counter && (!item.label || !showLabel)\" class=\"fd-icon-tab-bar__counter\">{{\n                    item.counter\n                }}</span>\n            </div>\n            <div *ngIf=\"showLabel && item.label\" class=\"fd-icon-tab-bar__details\">\n                <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n            </div>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [showItemLabel]=\"showLabel\"\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_extraTabs\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i3.OverflowListDirective, selector: "[fdkOverflowList], [fdOverflowList], [fd-overflow-list]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: i3.OverflowListItemDirective, selector: "[fdkOverflowListItem], [fdOverflowListItem], [fd-overflow-list-item]" }, { kind: "component", type: i4.IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarIconTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-icon-type', template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n    >\n        <a\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            role=\"tab\"\n            [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            (click)=\"_selectItem(item)\"\n            (keydown)=\"_keyDownHandler($event, item, idx)\"\n        >\n            <div class=\"fd-icon-tab-bar__container\">\n                <span class=\"fd-icon-tab-bar__icon\">\n                    <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                </span>\n                <span *ngIf=\"item.counter && (!item.label || !showLabel)\" class=\"fd-icon-tab-bar__counter\">{{\n                    item.counter\n                }}</span>\n            </div>\n            <div *ngIf=\"showLabel && item.label\" class=\"fd-icon-tab-bar__details\">\n                <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n            </div>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [showItemLabel]=\"showLabel\"\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_extraTabs\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n" }]
         }], propDecorators: { _tabUIElements: [{

package/esm2020/icon-tab-bar/components/icon-tab-bar-process-type/icon-tab-bar-process-type.component.mjs CHANGED Viewed

@@ -178,9 +178,9 @@ export class IconTabBarProcessTypeComponent extends IconTabBarBase {
         this._cd.detectChanges();
     }
 }
-IconTabBarProcessTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarProcessTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-IconTabBarProcessTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IconTabBarProcessTypeComponent, selector: "fdp-icon-tab-bar-process-type", viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    [class.fd-icon-tab-bar__header--left-offset]=\"_showLeftBtn\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"_offsetOverflowDirective\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li\n        *ngIf=\"_showLeftBtn\"\n        role=\"presentation\"\n        class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow fd-icon-tab-bar__item--overflow-left\"\n    >\n        <fdp-icon-tab-bar-popover\n            [extraTabs]=\"_prevSteps\"\n            [label]=\"_prevSteps.length.toString()\"\n            [isSeparators]=\"true\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n    >\n        <a\n            (click)=\"_selectItem(item)\"\n            (keydown)=\"_keyDownHandler($event, item, idx)\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n            role=\"tab\"\n        >\n            <ng-container *ngIf=\"item.icon; else processTextOnly\">\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                </div>\n                <div class=\"fd-icon-tab-bar__details\">\n                    <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                </div>\n            </ng-container>\n            <ng-template #processTextOnly>\n                <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n            </ng-template>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <span *ngIf=\"_lastVisibleTabIndex !== idx\" class=\"fd-icon-tab-bar__separator\">\n            <fd-icon glyph=\"process\"></fd-icon>\n        </span>\n    </li>\n    <li *ngIf=\"_showRightBtn\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_nextSteps\"\n            [isSeparators]=\"true\"\n            [label]=\"_nextSteps.length.toString()\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        >\n        </fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i3.OverflowListDirective, selector: "[fdkOverflowList], [fdOverflowList], [fd-overflow-list]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: i3.OverflowListItemDirective, selector: "[fdkOverflowListItem], [fdOverflowListItem], [fd-overflow-list-item]" }, { kind: "component", type: i4.IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarProcessTypeComponent, decorators: [{
+IconTabBarProcessTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarProcessTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+IconTabBarProcessTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IconTabBarProcessTypeComponent, selector: "fdp-icon-tab-bar-process-type", viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    [class.fd-icon-tab-bar__header--left-offset]=\"_showLeftBtn\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"_offsetOverflowDirective\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li\n        *ngIf=\"_showLeftBtn\"\n        role=\"presentation\"\n        class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow fd-icon-tab-bar__item--overflow-left\"\n    >\n        <fdp-icon-tab-bar-popover\n            [extraTabs]=\"_prevSteps\"\n            [label]=\"_prevSteps.length.toString()\"\n            [isSeparators]=\"true\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n    >\n        <a\n            (click)=\"_selectItem(item)\"\n            (keydown)=\"_keyDownHandler($event, item, idx)\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n            role=\"tab\"\n        >\n            <ng-container *ngIf=\"item.icon; else processTextOnly\">\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                </div>\n                <div class=\"fd-icon-tab-bar__details\">\n                    <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                </div>\n            </ng-container>\n            <ng-template #processTextOnly>\n                <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n            </ng-template>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <span *ngIf=\"_lastVisibleTabIndex !== idx\" class=\"fd-icon-tab-bar__separator\">\n            <fd-icon glyph=\"process\"></fd-icon>\n        </span>\n    </li>\n    <li *ngIf=\"_showRightBtn\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_nextSteps\"\n            [isSeparators]=\"true\"\n            [label]=\"_nextSteps.length.toString()\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        >\n        </fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i3.OverflowListDirective, selector: "[fdkOverflowList], [fdOverflowList], [fd-overflow-list]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: i3.OverflowListItemDirective, selector: "[fdkOverflowListItem], [fdOverflowListItem], [fd-overflow-list-item]" }, { kind: "component", type: i4.IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarProcessTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-process-type', template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    [class.fd-icon-tab-bar__header--left-offset]=\"_showLeftBtn\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"_offsetOverflowDirective\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    <li\n        *ngIf=\"_showLeftBtn\"\n        role=\"presentation\"\n        class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow fd-icon-tab-bar__item--overflow-left\"\n    >\n        <fdp-icon-tab-bar-popover\n            [extraTabs]=\"_prevSteps\"\n            [label]=\"_prevSteps.length.toString()\"\n            [isSeparators]=\"true\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n        ></fdp-icon-tab-bar-popover>\n    </li>\n    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n        [class]=\"item.cssClasses\"\n        class=\"fd-icon-tab-bar__item\"\n        role=\"presentation\"\n        fdkOverflowListItem\n        [attr.aria-hidden]=\"item.hidden\"\n    >\n        <a\n            (click)=\"_selectItem(item)\"\n            (keydown)=\"_keyDownHandler($event, item, idx)\"\n            [attr.aria-selected]=\"item.uId === _selectedUid\"\n            class=\"fd-icon-tab-bar__tab\"\n            #tabItem\n            [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n            role=\"tab\"\n        >\n            <ng-container *ngIf=\"item.icon; else processTextOnly\">\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                </div>\n                <div class=\"fd-icon-tab-bar__details\">\n                    <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                </div>\n            </ng-container>\n            <ng-template #processTextOnly>\n                <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n            </ng-template>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <span *ngIf=\"_lastVisibleTabIndex !== idx\" class=\"fd-icon-tab-bar__separator\">\n            <fd-icon glyph=\"process\"></fd-icon>\n        </span>\n    </li>\n    <li *ngIf=\"_showRightBtn\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n        <fdp-icon-tab-bar-popover\n            [isRtl]=\"isRtl\"\n            [extraTabs]=\"_nextSteps\"\n            [isSeparators]=\"true\"\n            [label]=\"_nextSteps.length.toString()\"\n            [colorAssociations]=\"colorAssociations\"\n            (selectedExtraItem)=\"_selectExtraItem($event)\"\n            (focusFirstVisibleItem)=\"_focusItem(0)\"\n            (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n        >\n        </fdp-icon-tab-bar-popover>\n    </li>\n</ul>\n" }]
         }], propDecorators: { _tabUIElements: [{

package/esm2020/icon-tab-bar/components/icon-tab-bar-text-type/icon-tab-bar-text-type.component.mjs CHANGED Viewed

@@ -167,9 +167,9 @@ export class IconTabBarTextTypeComponent extends IconTabBarBase {
         return tabUIElement._dropdownTrigger.nativeElement;
     }
 }
-IconTabBarTextTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarTextTypeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-IconTabBarTextTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IconTabBarTextTypeComponent, selector: "fdp-icon-tab-bar-text-type", inputs: { enableTabReordering: "enableTabReordering", layoutMode: "layoutMode" }, outputs: { reordered: "reordered" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: ["extraItemsPopover"], descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container fdpIconBarDndContainer [draggable]=\"enableTabReordering\" (dropped)=\"_onDropped($event)\">\n    <ul\n        class=\"fd-icon-tab-bar__header\"\n        role=\"tablist\"\n        fdkOverflowList\n        [isRtl]=\"isRtl\"\n        [overflowOffset]=\"100\"\n        fdpIconBarDndList\n        dndOrientation=\"horizontal\"\n        (overflowChanged)=\"_recalculateVisibleItems($event)\"\n    >\n        <li\n            *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n            [class]=\"item.cssClasses\"\n            fdkOverflowListItem\n            fdpIconBarDndItem\n            [dndSeparatorClass]=\"['fd-icon-tab-bar__item--dnd-separator']\"\n            [dndItemData]=\"item\"\n            class=\"fd-icon-tab-bar__item\"\n            [attr.aria-hidden]=\"item.hidden\"\n            role=\"presentation\"\n        >\n            <a\n                *ngIf=\"!item.subItems?.length; else withPopover\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                role=\"tab\"\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                (click)=\"_selectItem(item, $event)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n            >\n                <span *ngIf=\"layoutMode === 'row'; else columnsMode\" class=\"fd-icon-tab-bar__tag\">\n                    {{ item.label }}\n                    <ng-container *ngIf=\"item.counter\"> ({{ item.counter }})</ng-container>\n                </span>\n                <ng-template #columnsMode>\n                    <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                </ng-template>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n            <ng-template #withPopover>\n                <fdp-text-type-popover\n                    #tabItem\n                    [tabindex]=\"idx === 0 ? 0 : -1\"\n                    [parentTab]=\"item\"\n                    [selectedSubItemUid]=\"_selectedUid\"\n                    [colorAssociations]=\"colorAssociations\"\n                    (selectedSubItem)=\"_selectItem($event)\"\n                    (keydown)=\"_keyDownHandler($event, item, idx)\"\n                >\n                </fdp-text-type-popover>\n            </ng-template>\n        </li>\n        <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-text-type-popover\n                #extraItemsPopover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs\"\n                [isExtraItemsMode]=\"true\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            >\n            </fdp-text-type-popover>\n        </li>\n    </ul>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.OverflowListDirective, selector: "[fdkOverflowList], [fdOverflowList], [fd-overflow-list]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: i2.OverflowListItemDirective, selector: "[fdkOverflowListItem], [fdOverflowListItem], [fd-overflow-list-item]" }, { kind: "component", type: i3.TextTypePopoverComponent, selector: "fdp-text-type-popover", inputs: ["isExtraItemsMode", "parentTab", "selectedSubItemUid", "tabindex"], outputs: ["selectedSubItem"] }, { kind: "directive", type: i4.IconBarDndListDirective, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: ["dndOrientation", "dndAutoScroll"] }, { kind: "directive", type: i5.IconBarDndItemDirective, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: ["dndItemData", "previewClass", "dndHoveredClass", "dndSeparatorClass"] }, { kind: "directive", type: i6.IconBarDndContainerDirective, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: ["draggable"], outputs: ["dropped"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarTextTypeComponent, decorators: [{
+IconTabBarTextTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarTextTypeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+IconTabBarTextTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IconTabBarTextTypeComponent, selector: "fdp-icon-tab-bar-text-type", inputs: { enableTabReordering: "enableTabReordering", layoutMode: "layoutMode" }, outputs: { reordered: "reordered" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: ["extraItemsPopover"], descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container fdpIconBarDndContainer [draggable]=\"enableTabReordering\" (dropped)=\"_onDropped($event)\">\n    <ul\n        class=\"fd-icon-tab-bar__header\"\n        role=\"tablist\"\n        fdkOverflowList\n        [isRtl]=\"isRtl\"\n        [overflowOffset]=\"100\"\n        fdpIconBarDndList\n        dndOrientation=\"horizontal\"\n        (overflowChanged)=\"_recalculateVisibleItems($event)\"\n    >\n        <li\n            *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n            [class]=\"item.cssClasses\"\n            fdkOverflowListItem\n            fdpIconBarDndItem\n            [dndSeparatorClass]=\"['fd-icon-tab-bar__item--dnd-separator']\"\n            [dndItemData]=\"item\"\n            class=\"fd-icon-tab-bar__item\"\n            [attr.aria-hidden]=\"item.hidden\"\n            role=\"presentation\"\n        >\n            <a\n                *ngIf=\"!item.subItems?.length; else withPopover\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                role=\"tab\"\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                (click)=\"_selectItem(item, $event)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n            >\n                <span *ngIf=\"layoutMode === 'row'; else columnsMode\" class=\"fd-icon-tab-bar__tag\">\n                    {{ item.label }}\n                    <ng-container *ngIf=\"item.counter\"> ({{ item.counter }})</ng-container>\n                </span>\n                <ng-template #columnsMode>\n                    <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                </ng-template>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n            <ng-template #withPopover>\n                <fdp-text-type-popover\n                    #tabItem\n                    [tabindex]=\"idx === 0 ? 0 : -1\"\n                    [parentTab]=\"item\"\n                    [selectedSubItemUid]=\"_selectedUid\"\n                    [colorAssociations]=\"colorAssociations\"\n                    (selectedSubItem)=\"_selectItem($event)\"\n                    (keydown)=\"_keyDownHandler($event, item, idx)\"\n                >\n                </fdp-text-type-popover>\n            </ng-template>\n        </li>\n        <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-text-type-popover\n                #extraItemsPopover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs\"\n                [isExtraItemsMode]=\"true\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            >\n            </fdp-text-type-popover>\n        </li>\n    </ul>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.OverflowListDirective, selector: "[fdkOverflowList], [fdOverflowList], [fd-overflow-list]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: i2.OverflowListItemDirective, selector: "[fdkOverflowListItem], [fdOverflowListItem], [fd-overflow-list-item]" }, { kind: "component", type: i3.TextTypePopoverComponent, selector: "fdp-text-type-popover", inputs: ["isExtraItemsMode", "parentTab", "selectedSubItemUid", "tabindex"], outputs: ["selectedSubItem"] }, { kind: "directive", type: i4.IconBarDndListDirective, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: ["dndOrientation", "dndAutoScroll"] }, { kind: "directive", type: i5.IconBarDndItemDirective, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: ["dndItemData", "previewClass", "dndHoveredClass", "dndSeparatorClass"] }, { kind: "directive", type: i6.IconBarDndContainerDirective, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: ["draggable"], outputs: ["dropped"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarTextTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-text-type', template: "<ng-container fdpIconBarDndContainer [draggable]=\"enableTabReordering\" (dropped)=\"_onDropped($event)\">\n    <ul\n        class=\"fd-icon-tab-bar__header\"\n        role=\"tablist\"\n        fdkOverflowList\n        [isRtl]=\"isRtl\"\n        [overflowOffset]=\"100\"\n        fdpIconBarDndList\n        dndOrientation=\"horizontal\"\n        (overflowChanged)=\"_recalculateVisibleItems($event)\"\n    >\n        <li\n            *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\n            [class]=\"item.cssClasses\"\n            fdkOverflowListItem\n            fdpIconBarDndItem\n            [dndSeparatorClass]=\"['fd-icon-tab-bar__item--dnd-separator']\"\n            [dndItemData]=\"item\"\n            class=\"fd-icon-tab-bar__item\"\n            [attr.aria-hidden]=\"item.hidden\"\n            role=\"presentation\"\n        >\n            <a\n                *ngIf=\"!item.subItems?.length; else withPopover\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                role=\"tab\"\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                (click)=\"_selectItem(item, $event)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n            >\n                <span *ngIf=\"layoutMode === 'row'; else columnsMode\" class=\"fd-icon-tab-bar__tag\">\n                    {{ item.label }}\n                    <ng-container *ngIf=\"item.counter\"> ({{ item.counter }})</ng-container>\n                </span>\n                <ng-template #columnsMode>\n                    <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                </ng-template>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n            <ng-template #withPopover>\n                <fdp-text-type-popover\n                    #tabItem\n                    [tabindex]=\"idx === 0 ? 0 : -1\"\n                    [parentTab]=\"item\"\n                    [selectedSubItemUid]=\"_selectedUid\"\n                    [colorAssociations]=\"colorAssociations\"\n                    (selectedSubItem)=\"_selectItem($event)\"\n                    (keydown)=\"_keyDownHandler($event, item, idx)\"\n                >\n                </fdp-text-type-popover>\n            </ng-template>\n        </li>\n        <li *ngIf=\"_extraTabs.length\" role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-text-type-popover\n                #extraItemsPopover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs\"\n                [isExtraItemsMode]=\"true\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            >\n            </fdp-text-type-popover>\n        </li>\n    </ul>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { _tabUIElements: [{

package/esm2020/icon-tab-bar/components/popovers/icon-tab-bar-popover/icon-tab-bar-popover.component.mjs CHANGED Viewed

@@ -17,9 +17,9 @@ export class IconTabBarPopoverComponent extends IconTabBarPopoverBase {
         this.label = 'more';
     }
 }
-IconTabBarPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-IconTabBarPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: { leftSide: "leftSide", label: "label", showItemLabel: "showItemLabel" }, viewQueries: [{ propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n    <fd-popover-control>\n        <button class=\"fd-icon-tab-bar__overflow\">\n            <span class=\"fd-icon-tab-bar__overflow-text\">{{ label }}</span>\n            <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n        </button>\n    </fd-popover-control>\n    <fd-popover-body>\n        <ul class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\" role=\"list\">\n            <ng-container *ngFor=\"let item of extraTabs; let idx = index; trackBy: _trackByTab\">\n                <li *ngIf=\"isSeparators\" tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </li>\n                <li\n                    class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n                    role=\"listitem\"\n                    [class]=\"item.cssClasses\"\n                    tabindex=\"-1\"\n                >\n                    <a\n                        class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                        #tabItem\n                        [attr.data-flatIndex]=\"item.flatIndex\"\n                        tabindex=\"0\"\n                        (click)=\"_selectItem(item)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                    >\n                        <span class=\"fd-icon-tab-bar__list-item-icon-container\">\n                            <span class=\"fd-list__icon fd-icon-tab-bar__list-item-icon\">\n                                <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                            </span>\n                        </span>\n                        <span\n                            *ngIf=\"showItemLabel && item.label\"\n                            class=\"fd-list__title fd-icon-tab-bar__list-item-title\"\n                            >{{ item.label }}</span\n                        >\n                        <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                        <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                            >({{ item.counter }})\n                        </span>\n                        <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                            {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                        </div>\n                    </a>\n                </li>\n            </ng-container>\n        </ul>\n    </fd-popover-body>\n</fd-popover>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarPopoverComponent, decorators: [{
+IconTabBarPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+IconTabBarPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: { leftSide: "leftSide", label: "label", showItemLabel: "showItemLabel" }, viewQueries: [{ propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n    <fd-popover-control>\n        <button class=\"fd-icon-tab-bar__overflow\">\n            <span class=\"fd-icon-tab-bar__overflow-text\">{{ label }}</span>\n            <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n        </button>\n    </fd-popover-control>\n    <fd-popover-body>\n        <ul class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\" role=\"list\">\n            <ng-container *ngFor=\"let item of extraTabs; let idx = index; trackBy: _trackByTab\">\n                <li *ngIf=\"isSeparators\" tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </li>\n                <li\n                    class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n                    role=\"listitem\"\n                    [class]=\"item.cssClasses\"\n                    tabindex=\"-1\"\n                >\n                    <a\n                        class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                        #tabItem\n                        [attr.data-flatIndex]=\"item.flatIndex\"\n                        tabindex=\"0\"\n                        (click)=\"_selectItem(item)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                    >\n                        <span class=\"fd-icon-tab-bar__list-item-icon-container\">\n                            <span class=\"fd-list__icon fd-icon-tab-bar__list-item-icon\">\n                                <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                            </span>\n                        </span>\n                        <span\n                            *ngIf=\"showItemLabel && item.label\"\n                            class=\"fd-list__title fd-icon-tab-bar__list-item-title\"\n                            >{{ item.label }}</span\n                        >\n                        <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                        <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                            >({{ item.counter }})\n                        </span>\n                        <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                            {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                        </div>\n                    </a>\n                </li>\n            </ng-container>\n        </ul>\n    </fd-popover-body>\n</fd-popover>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-popover', template: "<fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n    <fd-popover-control>\n        <button class=\"fd-icon-tab-bar__overflow\">\n            <span class=\"fd-icon-tab-bar__overflow-text\">{{ label }}</span>\n            <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n        </button>\n    </fd-popover-control>\n    <fd-popover-body>\n        <ul class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\" role=\"list\">\n            <ng-container *ngFor=\"let item of extraTabs; let idx = index; trackBy: _trackByTab\">\n                <li *ngIf=\"isSeparators\" tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </li>\n                <li\n                    class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n                    role=\"listitem\"\n                    [class]=\"item.cssClasses\"\n                    tabindex=\"-1\"\n                >\n                    <a\n                        class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                        #tabItem\n                        [attr.data-flatIndex]=\"item.flatIndex\"\n                        tabindex=\"0\"\n                        (click)=\"_selectItem(item)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                    >\n                        <span class=\"fd-icon-tab-bar__list-item-icon-container\">\n                            <span class=\"fd-list__icon fd-icon-tab-bar__list-item-icon\">\n                                <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                            </span>\n                        </span>\n                        <span\n                            *ngIf=\"showItemLabel && item.label\"\n                            class=\"fd-list__title fd-icon-tab-bar__list-item-title\"\n                            >{{ item.label }}</span\n                        >\n                        <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                        <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                            >({{ item.counter }})\n                        </span>\n                        <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                            {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                        </div>\n                    </a>\n                </li>\n            </ng-container>\n        </ul>\n    </fd-popover-body>\n</fd-popover>\n" }]
         }], propDecorators: { _tabExtraUIElements: [{

package/esm2020/icon-tab-bar/components/popovers/icon-tab-bar-popover-base.class.mjs CHANGED Viewed

@@ -118,9 +118,9 @@ export class IconTabBarPopoverBase {
         return tab.uId;
     }
 }
-IconTabBarPopoverBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarPopoverBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-IconTabBarPopoverBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: IconTabBarPopoverBase, inputs: { isRtl: "isRtl", extraTabs: "extraTabs", isSeparators: "isSeparators", colorAssociations: "colorAssociations" }, outputs: { selectedExtraItem: "selectedExtraItem", focusFirstVisibleItem: "focusFirstVisibleItem", focusLastVisibleItem: "focusLastVisibleItem" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconTabBarPopoverBase, decorators: [{
+IconTabBarPopoverBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarPopoverBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+IconTabBarPopoverBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: IconTabBarPopoverBase, inputs: { isRtl: "isRtl", extraTabs: "extraTabs", isSeparators: "isSeparators", colorAssociations: "colorAssociations" }, outputs: { selectedExtraItem: "selectedExtraItem", focusFirstVisibleItem: "focusFirstVisibleItem", focusLastVisibleItem: "focusLastVisibleItem" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconTabBarPopoverBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { isRtl: [{
                 type: Input

package/esm2020/icon-tab-bar/components/popovers/text-type-popover/text-type-popover.component.mjs CHANGED Viewed

@@ -65,9 +65,9 @@ export class TextTypePopoverComponent extends IconTabBarPopoverBase {
         }, []);
     }
 }
-TextTypePopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TextTypePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TextTypePopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TextTypePopoverComponent, selector: "fdp-text-type-popover", inputs: { isExtraItemsMode: "isExtraItemsMode", parentTab: "parentTab", selectedSubItemUid: "selectedSubItemUid", tabindex: "tabindex" }, outputs: { selectedSubItem: "selectedSubItem" }, viewQueries: [{ propertyName: "_dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true }, { propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isExtraItemsMode\">\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <button class=\"fd-icon-tab-bar__overflow\">\n                <span class=\"fd-icon-tab-bar__overflow-text\">More</span>\n                <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n            </button>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-container>\n\n<ng-container *ngIf=\"!isExtraItemsMode && parentTab\">\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <a\n                [attr.aria-selected]=\"_containsSelected\"\n                class=\"fd-icon-tab-bar__tab\"\n                role=\"tab\"\n                [attr.tabindex]=\"tabindex\"\n                #dropdownTrigger\n            >\n                <div class=\"fd-icon-tab-bar__tab-container\">\n                    <span class=\"fd-icon-tab-bar__tag\">{{ parentTab.label }}</span>\n                    <span class=\"fd-icon-tab-bar__arrow\">\n                        <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n                    </span>\n                    <span *ngIf=\"parentTab.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                </div>\n            </a>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container\n                    [ngTemplateOutletContext]=\"{ level: 1, items: parentTab.subItems }\"\n                    [ngTemplateOutlet]=\"subItem\"\n                ></ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-container>\n\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    <ng-container *ngFor=\"let item of items; trackBy: _trackByTab\">\n        <li\n            [attr.aria-level]=\"level\"\n            class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n            [class]=\"item.cssClasses\"\n            fdpIconBarDndItem\n            [dndItemData]=\"item\"\n            role=\"listitem\"\n            tabindex=\"-1\"\n        >\n            <a\n                class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                tabindex=\"0\"\n                #tabItem\n                [attr.data-flatIndex]=\"item.flatIndex\"\n                [attr.aria-selected]=\"item.uId === selectedSubItemUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_textPopoverKeyDownHandler($event, item)\"\n            >\n                <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                    >({{ item.counter }})\n                </span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n        </li>\n        <ng-container *ngIf=\"item.subItems?.length\">\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i3.IconBarDndListDirective, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: ["dndOrientation", "dndAutoScroll"] }, { kind: "directive", type: i4.IconBarDndItemDirective, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: ["dndItemData", "previewClass", "dndHoveredClass", "dndSeparatorClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TextTypePopoverComponent, decorators: [{
+TextTypePopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextTypePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TextTypePopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TextTypePopoverComponent, selector: "fdp-text-type-popover", inputs: { isExtraItemsMode: "isExtraItemsMode", parentTab: "parentTab", selectedSubItemUid: "selectedSubItemUid", tabindex: "tabindex" }, outputs: { selectedSubItem: "selectedSubItem" }, viewQueries: [{ propertyName: "_dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true }, { propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isExtraItemsMode\">\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <button class=\"fd-icon-tab-bar__overflow\">\n                <span class=\"fd-icon-tab-bar__overflow-text\">More</span>\n                <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n            </button>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-container>\n\n<ng-container *ngIf=\"!isExtraItemsMode && parentTab\">\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <a\n                [attr.aria-selected]=\"_containsSelected\"\n                class=\"fd-icon-tab-bar__tab\"\n                role=\"tab\"\n                [attr.tabindex]=\"tabindex\"\n                #dropdownTrigger\n            >\n                <div class=\"fd-icon-tab-bar__tab-container\">\n                    <span class=\"fd-icon-tab-bar__tag\">{{ parentTab.label }}</span>\n                    <span class=\"fd-icon-tab-bar__arrow\">\n                        <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n                    </span>\n                    <span *ngIf=\"parentTab.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                </div>\n            </a>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container\n                    [ngTemplateOutletContext]=\"{ level: 1, items: parentTab.subItems }\"\n                    [ngTemplateOutlet]=\"subItem\"\n                ></ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-container>\n\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    <ng-container *ngFor=\"let item of items; trackBy: _trackByTab\">\n        <li\n            [attr.aria-level]=\"level\"\n            class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n            [class]=\"item.cssClasses\"\n            fdpIconBarDndItem\n            [dndItemData]=\"item\"\n            role=\"listitem\"\n            tabindex=\"-1\"\n        >\n            <a\n                class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                tabindex=\"0\"\n                #tabItem\n                [attr.data-flatIndex]=\"item.flatIndex\"\n                [attr.aria-selected]=\"item.uId === selectedSubItemUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_textPopoverKeyDownHandler($event, item)\"\n            >\n                <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                    >({{ item.counter }})\n                </span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n        </li>\n        <ng-container *ngIf=\"item.subItems?.length\">\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i3.IconBarDndListDirective, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: ["dndOrientation", "dndAutoScroll"] }, { kind: "directive", type: i4.IconBarDndItemDirective, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: ["dndItemData", "previewClass", "dndHoveredClass", "dndSeparatorClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextTypePopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-text-type-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"isExtraItemsMode\">\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <button class=\"fd-icon-tab-bar__overflow\">\n                <span class=\"fd-icon-tab-bar__overflow-text\">More</span>\n                <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n            </button>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-container>\n\n<ng-container *ngIf=\"!isExtraItemsMode && parentTab\">\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <a\n                [attr.aria-selected]=\"_containsSelected\"\n                class=\"fd-icon-tab-bar__tab\"\n                role=\"tab\"\n                [attr.tabindex]=\"tabindex\"\n                #dropdownTrigger\n            >\n                <div class=\"fd-icon-tab-bar__tab-container\">\n                    <span class=\"fd-icon-tab-bar__tag\">{{ parentTab.label }}</span>\n                    <span class=\"fd-icon-tab-bar__arrow\">\n                        <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n                    </span>\n                    <span *ngIf=\"parentTab.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                </div>\n            </a>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container\n                    [ngTemplateOutletContext]=\"{ level: 1, items: parentTab.subItems }\"\n                    [ngTemplateOutlet]=\"subItem\"\n                ></ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-container>\n\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    <ng-container *ngFor=\"let item of items; trackBy: _trackByTab\">\n        <li\n            [attr.aria-level]=\"level\"\n            class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n            [class]=\"item.cssClasses\"\n            fdpIconBarDndItem\n            [dndItemData]=\"item\"\n            role=\"listitem\"\n            tabindex=\"-1\"\n        >\n            <a\n                class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                tabindex=\"0\"\n                #tabItem\n                [attr.data-flatIndex]=\"item.flatIndex\"\n                [attr.aria-selected]=\"item.uId === selectedSubItemUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_textPopoverKeyDownHandler($event, item)\"\n            >\n                <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                    >({{ item.counter }})\n                </span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n        </li>\n        <ng-container *ngIf=\"item.subItems?.length\">\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n" }]
         }], propDecorators: { _dropdownTrigger: [{

package/esm2020/icon-tab-bar/directives/dnd/icon-bar-dnd-container.directive.mjs CHANGED Viewed

@@ -201,9 +201,9 @@ export class IconBarDndContainerDirective {
         return _between(mousePosition.x, startX, endX) && _between(mousePosition.y, startY, endY);
     }
 }
-IconBarDndContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconBarDndContainerDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }], target: i0.ɵɵFactoryTarget.Directive });
-IconBarDndContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: IconBarDndContainerDirective, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: { draggable: "draggable" }, outputs: { dropped: "dropped" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconBarDndContainerDirective, decorators: [{
+IconBarDndContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconBarDndContainerDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }], target: i0.ɵɵFactoryTarget.Directive });
+IconBarDndContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: IconBarDndContainerDirective, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: { draggable: "draggable" }, outputs: { dropped: "dropped" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconBarDndContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]'