@fundamental-ngx/core 0.37.1 → 0.37.2-rc.0

package/fesm2015/fundamental-ngx-core-micro-process-flow.mjs

@@ -47,9 +47,9 @@ class MicroProcessFlowFocusableItemDirective {
         (_a = this._microProcessFlow) === null || _a === void 0 ? void 0 : _a.canItemsReceiveFocus.next(true);
     }
 }
-MicroProcessFlowFocusableItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowFocusableItemDirective, deps: [{ token: i0.ElementRef }, { token: MICRO_PROCESS_FLOW, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-MicroProcessFlowFocusableItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: MicroProcessFlowFocusableItemDirective, selector: "[fdMicroProcessFlowFocusableItem], [fd-micro-process-flow-focusable-item]", host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, classAttribute: "fd-micro-process-flow__focusable-item" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowFocusableItemDirective, decorators: [{
+MicroProcessFlowFocusableItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowFocusableItemDirective, deps: [{ token: i0.ElementRef }, { token: MICRO_PROCESS_FLOW, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MicroProcessFlowFocusableItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: MicroProcessFlowFocusableItemDirective, selector: "[fdMicroProcessFlowFocusableItem], [fd-micro-process-flow-focusable-item]", host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, classAttribute: "fd-micro-process-flow__focusable-item" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowFocusableItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdMicroProcessFlowFocusableItem], [fd-micro-process-flow-focusable-item]',
@@ -94,9 +94,9 @@ class MicroProcessFlowItemComponent {
         }
     }
 }
-MicroProcessFlowItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MicroProcessFlowItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: { state: "state", intermediate: "intermediate" }, host: { properties: { "class.fd-micro-process-flow__item--positive": "state === \"positive\"", "class.fd-micro-process-flow__item--critical": "state === \"critical\"", "class.fd-micro-process-flow__item--negative": "state === \"negative\"", "class.fd-micro-process-flow__item--information": "state === \"information\"" }, classAttribute: "fd-micro-process-flow__item" }, queries: [{ propertyName: "focusableElement", first: true, predicate: MicroProcessFlowFocusableItemDirective, descendants: true }], ngImport: i0, template: "<div class=\"fd-micro-process-flow__content\">\n    <div class=\"fd-micro-process-flow__content-wrapper\">\n        <ng-content></ng-content>\n    </div>\n    <div\n        class=\"fd-micro-process-flow__connector\"\n        *ngIf=\"!_lastItem\"\n        [class.fd-micro-process-flow__connector--intermediate]=\"intermediate\"\n    >\n        <ng-content select=\"[fd-micro-process-flow-intermediary-item]\"></ng-content>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowItemComponent, decorators: [{
+MicroProcessFlowItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+MicroProcessFlowItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: MicroProcessFlowItemComponent, selector: "fd-micro-process-flow-item", inputs: { state: "state", intermediate: "intermediate" }, host: { properties: { "class.fd-micro-process-flow__item--positive": "state === \"positive\"", "class.fd-micro-process-flow__item--critical": "state === \"critical\"", "class.fd-micro-process-flow__item--negative": "state === \"negative\"", "class.fd-micro-process-flow__item--information": "state === \"information\"" }, classAttribute: "fd-micro-process-flow__item" }, queries: [{ propertyName: "focusableElement", first: true, predicate: MicroProcessFlowFocusableItemDirective, descendants: true }], ngImport: i0, template: "<div class=\"fd-micro-process-flow__content\">\n    <div class=\"fd-micro-process-flow__content-wrapper\">\n        <ng-content></ng-content>\n    </div>\n    <div\n        class=\"fd-micro-process-flow__connector\"\n        *ngIf=\"!_lastItem\"\n        [class.fd-micro-process-flow__connector--intermediate]=\"intermediate\"\n    >\n        <ng-content select=\"[fd-micro-process-flow-intermediary-item]\"></ng-content>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-micro-process-flow-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-micro-process-flow__item',
@@ -361,8 +361,8 @@ class MicroProcessFlowComponent {
         return this._focusedElementIndex === -1 ? this.previousItemsCount : this._focusedElementIndex;
     }
 }
-MicroProcessFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.RtlService, optional: true }, { token: i2.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
-MicroProcessFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: { independentSteps: "independentSteps", transitionSpeed: "transitionSpeed", transitionTimingFunction: "transitionTimingFunction" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" }, properties: { "class.fd-micro-process-flow--independent-steps": "independentSteps" }, classAttribute: "fd-micro-process-flow" }, providers: [
+MicroProcessFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.RtlService, optional: true }, { token: i2.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
+MicroProcessFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: MicroProcessFlowComponent, selector: "fd-micro-process-flow", inputs: { independentSteps: "independentSteps", transitionSpeed: "transitionSpeed", transitionTimingFunction: "transitionTimingFunction" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" }, properties: { "class.fd-micro-process-flow--independent-steps": "independentSteps" }, classAttribute: "fd-micro-process-flow" }, providers: [
         {
             provide: MICRO_PROCESS_FLOW,
             useExisting: MicroProcessFlowComponent
@@ -371,7 +371,7 @@ MicroProcessFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             modifiers: { [ContentDensityMode.COMPACT]: 'fd-micro-process-flow--compact' }
         })
     ], queries: [{ propertyName: "items", predicate: MicroProcessFlowItemComponent }, { propertyName: "focusableItems", predicate: MicroProcessFlowFocusableItemDirective, descendants: true }], viewQueries: [{ propertyName: "_wrapperContainer", first: true, predicate: ["wrapperContainer"], descendants: true }, { propertyName: "_container", first: true, predicate: ["container"], descendants: true }, { propertyName: "_goNextButton", first: true, predicate: ["goNextButton"], descendants: true }], ngImport: i0, template: "<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-previous\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goBack()\"\n    (keypress)=\"onKeypressHandler(-1, $event)\"\n    *ngIf=\"showPreviousButton\"\n>\n    {{ previousItemsCount }}\n</a>\n<div class=\"fd-micro-process-flow__overflow-container\" #container>\n    <div\n        class=\"fd-micro-process-flow__wrapper\"\n        #wrapperContainer\n        [style.transition-duration]=\"transitionSpeed + 'ms'\"\n        [style.transition-timing-function]=\"transitionTimingFunction\"\n    >\n        <ng-content select=\"fd-micro-process-flow-item\"></ng-content>\n    </div>\n</div>\n<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-next\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goNext()\"\n    (keypress)=\"onKeypressHandler(1, $event)\"\n    *ngIf=\"showNextButton\"\n    #goNextButton\n>\n    {{ nextItemsCount }}\n</a>\n", styles: [".fd-micro-process-flow{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;max-width:24.8125rem}.fd-micro-process-flow:before,.fd-micro-process-flow:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow--independent-steps .fd-micro-process-flow__connector:before{border-color:transparent}.fd-micro-process-flow__wrapper{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;transition-property:transform}.fd-micro-process-flow__wrapper:before,.fd-micro-process-flow__wrapper:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__overflow-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;width:100%;overflow:hidden}.fd-micro-process-flow__overflow-container:before,.fd-micro-process-flow__overflow-container:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-previous,.fd-micro-process-flow__link-next{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;color:var(--sapGroup_TitleTextColor);text-shadow:var(--sapContent_TextShadow);font-size:var(--sapFontSize);padding:0 .313rem}.fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-next:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-previous:focus,.fd-micro-process-flow__link-previous.is-focus,.fd-micro-process-flow__link-next:focus,.fd-micro-process-flow__link-next.is-focus{outline-offset:-.1875rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-next:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;color:var(--sapButton_TextColor);display:flex;justify-content:center;align-items:center}.fd-micro-process-flow__link-previous:hover:before,.fd-micro-process-flow__link-previous:hover:after,.fd-micro-process-flow__link-previous.is-hover:before,.fd-micro-process-flow__link-previous.is-hover:after,.fd-micro-process-flow__link-next:hover:before,.fd-micro-process-flow__link-next:hover:after,.fd-micro-process-flow__link-next.is-hover:before,.fd-micro-process-flow__link-next.is-hover:after{color:var(--sapButton_Hover_TextColor)}.fd-micro-process-flow__link-previous:before{content:\"\\e067\"}.fd-micro-process-flow__link-previous:before{padding-right:.313rem}[dir=rtl] .fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous[dir=rtl]:before{padding-right:0;padding-left:.313rem}[dir=rtl] .fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous[dir=rtl]:before{content:\"\\e066\"}.fd-micro-process-flow__link-next{justify-content:flex-end}.fd-micro-process-flow__link-next:after{content:\"\\e066\"}.fd-micro-process-flow__link-next:after{padding-left:.313rem}[dir=rtl] .fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next[dir=rtl]:after{padding-right:.313rem;padding-left:0}[dir=rtl] .fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next[dir=rtl]:after{content:\"\\e067\"}.fd-micro-process-flow__item{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:stretch;margin:.1625rem 0;padding-left:.1875rem;justify-content:flex-start;position:relative}.fd-micro-process-flow__item:before,.fd-micro-process-flow__item:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-micro-process-flow__item,.fd-micro-process-flow__item[dir=rtl]{padding-right:.1875rem;padding-left:0}.fd-micro-process-flow__item .fd-status-indicator .fd-status-indicator__svg{width:auto}.fd-micro-process-flow__focusable-item:focus,.fd-micro-process-flow__focusable-item.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-micro-process-flow__icon-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;min-width:1.875rem;min-height:1.875rem;background-color:var(--sapNeutralBackground);border:.0625rem solid var(--sapNeutralBorderColor);border-radius:50%}.fd-micro-process-flow__icon-container:before,.fd-micro-process-flow__icon-container:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapButton_Neutral_Background);font-size:var(--sapFontLargeSize)}.fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__icon-container:active .fd-micro-process-flow__icon,.fd-micro-process-flow__icon-container.is-active .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:flex-start;align-items:center;min-width:1.875rem;min-height:1.875rem;width:100%}.fd-micro-process-flow__content:before,.fd-micro-process-flow__content:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container{background-color:var(--sapPositiveElementColor);border-color:var(--sapPositiveElementColor)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_Background)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container{background-color:var(--sapInformativeElementColor);border-color:var(--sapInformativeElementColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_Background)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container{background-color:var(--sapNegativeElementColor);border-color:var(--sapNegativeElementColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_Background)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container{background-color:var(--sapCriticalElementColor);border-color:var(--sapCriticalElementColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_Background)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__connector{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;min-width:1.125rem;height:100%;margin-left:.1875rem;position:relative;flex-grow:1}.fd-micro-process-flow__connector:before,.fd-micro-process-flow__connector:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-micro-process-flow__connector,.fd-micro-process-flow__connector[dir=rtl]{margin-left:0;margin-right:.1875rem}.fd-micro-process-flow__connector:before{content:\"\";display:block;border-bottom:.0625rem solid var(--sapContent_ForegroundBorderColor);width:100%;position:absolute}.fd-micro-process-flow__connector--intermediate:after{content:\"\";display:block;position:absolute;top:0;left:50%;bottom:0;margin-left:-.125rem;width:.25rem;background:var(--sapNegativeElementColor)}.fd-micro-process-flow__connector .fd-micro-process-flow__intermediary-item{line-height:1}.fd-micro-process-flow--compact{max-width:18.0625rem}.fd-micro-process-flow--compact .fd-micro-process-flow__content,.fd-micro-process-flow--compact .fd-micro-process-flow__icon-container{min-width:1.375rem;min-height:1.375rem}.fd-micro-process-flow--compact .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{font-size:var(--sapFontSmallSize)}.fd-micro-process-flow--compact .fd-micro-process-flow__connector{width:.625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-micro-process-flow', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-micro-process-flow',
@@ -424,9 +424,9 @@ class MicroProcessFlowIconComponent {
         this.font = 'SAP-icons';
     }
 }
-MicroProcessFlowIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MicroProcessFlowIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MicroProcessFlowIconComponent, selector: "fd-micro-process-flow-icon", inputs: { glyph: "glyph", font: "font", class: "class", ariaLabel: "ariaLabel" }, host: { classAttribute: "fd-micro-process-flow__icon-container" }, ngImport: i0, template: "<fd-icon\n    class=\"fd-micro-process-flow__icon\"\n    [ariaLabel]=\"ariaLabel\"\n    [glyph]=\"glyph\"\n    [class]=\"class\"\n    [font]=\"font\"\n></fd-icon>\n", dependencies: [{ kind: "component", type: i1$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowIconComponent, decorators: [{
+MicroProcessFlowIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MicroProcessFlowIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: MicroProcessFlowIconComponent, selector: "fd-micro-process-flow-icon", inputs: { glyph: "glyph", font: "font", class: "class", ariaLabel: "ariaLabel" }, host: { classAttribute: "fd-micro-process-flow__icon-container" }, ngImport: i0, template: "<fd-icon\n    class=\"fd-micro-process-flow__icon\"\n    [ariaLabel]=\"ariaLabel\"\n    [glyph]=\"glyph\"\n    [class]=\"class\"\n    [font]=\"font\"\n></fd-icon>\n", dependencies: [{ kind: "component", type: i1$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-micro-process-flow-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-micro-process-flow__icon-container'
@@ -443,9 +443,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 
 class MicroProcessFlowIntermediaryItemDirective {
 }
-MicroProcessFlowIntermediaryItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowIntermediaryItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-MicroProcessFlowIntermediaryItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: MicroProcessFlowIntermediaryItemDirective, selector: "[fdMicroProcessFlowIntermediaryItem], [fd-micro-process-flow-intermediary-item]", host: { classAttribute: "fd-micro-process-flow__intermediary-item" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowIntermediaryItemDirective, decorators: [{
+MicroProcessFlowIntermediaryItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowIntermediaryItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+MicroProcessFlowIntermediaryItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: MicroProcessFlowIntermediaryItemDirective, selector: "[fdMicroProcessFlowIntermediaryItem], [fd-micro-process-flow-intermediary-item]", host: { classAttribute: "fd-micro-process-flow__intermediary-item" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowIntermediaryItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdMicroProcessFlowIntermediaryItem], [fd-micro-process-flow-intermediary-item]',
@@ -461,14 +461,14 @@ class DeprecatedMicroProcessFlowContentDensityDirective extends DeprecatedCompac
         super('fd-micro-process-flow');
     }
 }
-DeprecatedMicroProcessFlowContentDensityDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DeprecatedMicroProcessFlowContentDensityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DeprecatedMicroProcessFlowContentDensityDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: DeprecatedMicroProcessFlowContentDensityDirective, selector: "fd-micro-process-flow[compact]", providers: [
+DeprecatedMicroProcessFlowContentDensityDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DeprecatedMicroProcessFlowContentDensityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DeprecatedMicroProcessFlowContentDensityDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: DeprecatedMicroProcessFlowContentDensityDirective, selector: "fd-micro-process-flow[compact]", providers: [
         {
             provide: CONTENT_DENSITY_DIRECTIVE,
             useExisting: forwardRef(() => DeprecatedMicroProcessFlowContentDensityDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DeprecatedMicroProcessFlowContentDensityDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DeprecatedMicroProcessFlowContentDensityDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -484,8 +484,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 
 class MicroProcessFlowModule {
 }
-MicroProcessFlowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MicroProcessFlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowModule, declarations: [MicroProcessFlowComponent,
+MicroProcessFlowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MicroProcessFlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowModule, declarations: [MicroProcessFlowComponent,
         MicroProcessFlowItemComponent,
         MicroProcessFlowIconComponent,
         MicroProcessFlowIntermediaryItemDirective,
@@ -497,8 +497,8 @@ MicroProcessFlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         MicroProcessFlowFocusableItemDirective,
         ContentDensityModule,
         DeprecatedMicroProcessFlowContentDensityDirective] });
-MicroProcessFlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowModule, imports: [CommonModule, IconModule, ContentDensityModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MicroProcessFlowModule, decorators: [{
+MicroProcessFlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowModule, imports: [CommonModule, IconModule, ContentDensityModule, ContentDensityModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MicroProcessFlowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2015/fundamental-ngx-core-multi-input.mjs

@@ -100,9 +100,9 @@ class MultiInputMobileComponent extends MobileModeBase {
         this.dialogRef = this._dialogService.open(this.dialogTemplate, Object.assign(Object.assign({ mobile: true, verticalPadding: false }, this.dialogConfig), { backdropClickCloseable: false, escKeyCloseable: false, container: this._elementRef.nativeElement }));
     }
 }
-MultiInputMobileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputMobileComponent, deps: [{ token: i0.ElementRef }, { token: i1.DialogService }, { token: MULTI_INPUT_COMPONENT }, { token: MOBILE_MODE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MultiInputMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MultiInputMobileComponent, selector: "fd-multi-input-mobile", viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 fd-title *ngIf=\"mobileConfig?.title\">{{ mobileConfig?.title }}</h1>\n            <button\n                fd-dialog-close-button\n                [mobile]=\"true\"\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element class=\"custom-multi-input-mobile-control-element\">\n                        <ng-container *ngTemplateOutlet=\"childContent?.controlTemplate || null\"></ng-container>\n                    </fd-bar-element>\n                    <fd-bar-element class=\"custom-multi-input-select-all-bar-element\">\n                        <button\n                            fd-button\n                            glyph=\"multiselect-all\"\n                            [fdType]=\"allItemsSelected ? 'emphasized' : 'transparent'\"\n                            (click)=\"selectAll(allItemsSelected)\"\n                        ></button>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"childContent?.listTemplate || null\"></ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.approveButtonText\"\n                fdType=\"emphasized\"\n                [label]=\"mobileConfig.approveButtonText!\"\n                (click)=\"handleApprove()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.cancelButtonText\"\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".custom-multi-input-select-all-bar-element{min-width:2.25rem}.custom-multi-input-mobile-control-element{width:calc(100% - 2.25rem)}.custom-multi-input-mobile-control-element .fd-multi-input-input-group-custom{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputMobileComponent, decorators: [{
+MultiInputMobileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputMobileComponent, deps: [{ token: i0.ElementRef }, { token: i1.DialogService }, { token: MULTI_INPUT_COMPONENT }, { token: MOBILE_MODE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MultiInputMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: MultiInputMobileComponent, selector: "fd-multi-input-mobile", viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 fd-title *ngIf=\"mobileConfig?.title\">{{ mobileConfig?.title }}</h1>\n            <button\n                fd-dialog-close-button\n                [mobile]=\"true\"\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element class=\"custom-multi-input-mobile-control-element\">\n                        <ng-container *ngTemplateOutlet=\"childContent?.controlTemplate || null\"></ng-container>\n                    </fd-bar-element>\n                    <fd-bar-element class=\"custom-multi-input-select-all-bar-element\">\n                        <button\n                            fd-button\n                            glyph=\"multiselect-all\"\n                            [fdType]=\"allItemsSelected ? 'emphasized' : 'transparent'\"\n                            (click)=\"selectAll(allItemsSelected)\"\n                        ></button>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"childContent?.listTemplate || null\"></ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.approveButtonText\"\n                fdType=\"emphasized\"\n                [label]=\"mobileConfig.approveButtonText!\"\n                (click)=\"handleApprove()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.cancelButtonText\"\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".custom-multi-input-select-all-bar-element{min-width:2.25rem}.custom-multi-input-mobile-control-element{width:calc(100% - 2.25rem)}.custom-multi-input-mobile-control-element .fd-multi-input-input-group-custom{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputMobileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-multi-input-mobile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 fd-title *ngIf=\"mobileConfig?.title\">{{ mobileConfig?.title }}</h1>\n            <button\n                fd-dialog-close-button\n                [mobile]=\"true\"\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element class=\"custom-multi-input-mobile-control-element\">\n                        <ng-container *ngTemplateOutlet=\"childContent?.controlTemplate || null\"></ng-container>\n                    </fd-bar-element>\n                    <fd-bar-element class=\"custom-multi-input-select-all-bar-element\">\n                        <button\n                            fd-button\n                            glyph=\"multiselect-all\"\n                            [fdType]=\"allItemsSelected ? 'emphasized' : 'transparent'\"\n                            (click)=\"selectAll(allItemsSelected)\"\n                        ></button>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"childContent?.listTemplate || null\"></ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.approveButtonText\"\n                fdType=\"emphasized\"\n                [label]=\"mobileConfig.approveButtonText!\"\n                (click)=\"handleApprove()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.cancelButtonText\"\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".custom-multi-input-select-all-bar-element{min-width:2.25rem}.custom-multi-input-mobile-control-element{width:calc(100% - 2.25rem)}.custom-multi-input-mobile-control-element .fd-multi-input-input-group-custom{width:100%}\n"] }]
         }], ctorParameters: function () {
@@ -122,10 +122,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 
 class MultiInputMobileModule {
 }
-MultiInputMobileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputMobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MultiInputMobileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: MultiInputMobileModule, declarations: [MultiInputMobileComponent], imports: [BarModule, DialogModule, ButtonModule, CommonModule], exports: [MultiInputMobileComponent] });
-MultiInputMobileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputMobileModule, imports: [BarModule, DialogModule, ButtonModule, CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputMobileModule, decorators: [{
+MultiInputMobileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputMobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MultiInputMobileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: MultiInputMobileModule, declarations: [MultiInputMobileComponent], imports: [BarModule, DialogModule, ButtonModule, CommonModule], exports: [MultiInputMobileComponent] });
+MultiInputMobileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputMobileModule, imports: [BarModule, DialogModule, ButtonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputMobileModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MultiInputMobileComponent],
@@ -681,8 +681,8 @@ class MultiInputComponent {
         }
     }
 }
-MultiInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputComponent, deps: [{ token: i1$1.ContentDensityObserver }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2$1.DynamicComponentService }, { token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i2$1.RtlService, optional: true }, { token: i2$1.FocusTrapService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MultiInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MultiInputComponent, selector: "fd-multi-input", inputs: { placeholder: "placeholder", disabled: "disabled", required: "required", compactCollapse: "compactCollapse", maxHeight: "maxHeight", glyph: "glyph", dropdownValues: "dropdownValues", searchTerm: "searchTerm", inputId: "inputId", highlight: "highlight", selected: "selected", class: "class", filterFn: "filterFn", valueFn: "valueFn", displayFn: "displayFn", newTokenParseFn: "newTokenParseFn", newTokenValidateFn: "newTokenValidateFn", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", fillControlMode: "fillControlMode", state: "state", buttonFocusable: "buttonFocusable", allowNewTokens: "allowNewTokens", mobile: "mobile", showAllButton: "showAllButton", bodyMaxWidth: "bodyMaxWidth", mobileConfig: "mobileConfig", includes: "includes", itemTemplate: "itemTemplate", title: "title", autoComplete: "autoComplete", open: "open", displayAddonButton: "displayAddonButton" }, outputs: { searchTermChange: "searchTermChange", selectedChange: "selectedChange", openChange: "openChange", allItemsSelectedChange: "allItemsSelectedChange" }, host: { listeners: { "focusout": "_focusOut($event)" } }, providers: [
+MultiInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputComponent, deps: [{ token: i1$1.ContentDensityObserver }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2$1.DynamicComponentService }, { token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i2$1.RtlService, optional: true }, { token: i2$1.FocusTrapService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MultiInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: MultiInputComponent, selector: "fd-multi-input", inputs: { placeholder: "placeholder", disabled: "disabled", required: "required", compactCollapse: "compactCollapse", maxHeight: "maxHeight", glyph: "glyph", dropdownValues: "dropdownValues", searchTerm: "searchTerm", inputId: "inputId", highlight: "highlight", selected: "selected", class: "class", filterFn: "filterFn", valueFn: "valueFn", displayFn: "displayFn", newTokenParseFn: "newTokenParseFn", newTokenValidateFn: "newTokenValidateFn", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", fillControlMode: "fillControlMode", state: "state", buttonFocusable: "buttonFocusable", allowNewTokens: "allowNewTokens", mobile: "mobile", showAllButton: "showAllButton", bodyMaxWidth: "bodyMaxWidth", mobileConfig: "mobileConfig", includes: "includes", itemTemplate: "itemTemplate", title: "title", autoComplete: "autoComplete", open: "open", displayAddonButton: "displayAddonButton" }, outputs: { searchTermChange: "searchTermChange", selectedChange: "selectedChange", openChange: "openChange", allItemsSelectedChange: "allItemsSelectedChange" }, host: { listeners: { "focusout": "_focusOut($event)" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => MultiInputComponent),
@@ -698,7 +698,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], MultiInputComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-multi-input', host: {
                         '(focusout)': '_focusOut($event)'
@@ -818,14 +818,14 @@ class DeprecatedMultiInputCompactDirective extends DeprecatedCompactDirective {
         super('fd-multi-input');
     }
 }
-DeprecatedMultiInputCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DeprecatedMultiInputCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DeprecatedMultiInputCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: DeprecatedMultiInputCompactDirective, selector: "fd-multi-input[compact]", providers: [
+DeprecatedMultiInputCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DeprecatedMultiInputCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DeprecatedMultiInputCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: DeprecatedMultiInputCompactDirective, selector: "fd-multi-input[compact]", providers: [
         {
             provide: CONTENT_DENSITY_DIRECTIVE,
             useExisting: forwardRef(() => DeprecatedMultiInputCompactDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DeprecatedMultiInputCompactDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DeprecatedMultiInputCompactDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -841,8 +841,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 
 class MultiInputModule {
 }
-MultiInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MultiInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: MultiInputModule, declarations: [MultiInputComponent, DeprecatedMultiInputCompactDirective], imports: [CommonModule,
+MultiInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MultiInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: MultiInputModule, declarations: [MultiInputComponent, DeprecatedMultiInputCompactDirective], imports: [CommonModule,
         TokenModule,
         FormsModule,
         ReactiveFormsModule,
@@ -855,7 +855,7 @@ MultiInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         LinkModule,
         AutoCompleteModule,
         ContentDensityModule], exports: [MultiInputComponent, DeprecatedMultiInputCompactDirective, ContentDensityModule] });
-MultiInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputModule, imports: [CommonModule,
+MultiInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputModule, imports: [CommonModule,
         TokenModule,
         FormsModule,
         ReactiveFormsModule,
@@ -868,7 +868,7 @@ MultiInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
         LinkModule,
         AutoCompleteModule,
         ContentDensityModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MultiInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MultiInputComponent, DeprecatedMultiInputCompactDirective],