@fundamental-ngx/platform 0.48.0-rc.8 → 0.48.0

package/fesm2022/fundamental-ngx-platform-shared.mjs

@@ -1,11 +1,12 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, Injectable, InjectionToken, isDevMode, inject, ElementRef, Optional, Self, SkipSelf, Host, Inject, ViewChild, Pipe, NgModule } from '@angular/core';
-import { Subscription, BehaviorSubject, Subject, isObservable, of, takeUntil as takeUntil$1, filter } from 'rxjs';
+import { ChangeDetectorRef, inject, Directive, Input, Injectable, InjectionToken, isDevMode, ElementRef, DestroyRef, booleanAttribute, ViewChild, Pipe, NgModule } from '@angular/core';
+import { Subscription, BehaviorSubject, Subject, isObservable, of, filter } from 'rxjs';
 import { takeUntil, map } from 'rxjs/operators';
-import { coerceArray, coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i1 from '@angular/forms';
-import { FormField, isValidControlState, FD_FORM_FIELD, FD_FORM_FIELD_CONTROL } from '@fundamental-ngx/cdk/forms';
-import * as i1$1 from '@angular/cdk/layout';
+import { coerceArray } from '@angular/cdk/coercion';
+import { NgControl, ControlContainer, NgForm } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { isValidControlState, FD_FORM_FIELD, FD_FORM_FIELD_CONTROL, FormField } from '@fundamental-ngx/cdk/forms';
+import * as i1 from '@angular/cdk/layout';
 
 let randomId$1 = 0;
 /**
@@ -14,16 +15,7 @@ let randomId$1 = 0;
  * @hidden for form related Base , see BaseInput.
  */
 class BaseComponent {
-    /** disabled status of the element */
-    set disabled(disabled) {
-        this._disabled = disabled;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    /** @hidden */
-    constructor(_cd) {
-        this._cd = _cd;
+    constructor() {
         /** @hidden */
         this.defaultId = `fdp-id-${randomId$1++}`;
         /** @hidden */
@@ -32,6 +24,25 @@ class BaseComponent {
         this.id = this.defaultId;
         /** @hidden */
         this._subscriptions = new Subscription();
+        /**
+         * @hidden
+         * Change detector ref.
+         */
+        this._cdr = inject(ChangeDetectorRef);
+    }
+    /**
+     * @deprecated
+     * Use `ariaLabelledBy` instead.
+     */
+    set ariaLabelledby(value) {
+        this.ariaDescribedBy = value;
+    }
+    /** disabled status of the element */
+    set disabled(disabled) {
+        this._disabled = disabled;
+    }
+    get disabled() {
+        return this._disabled;
     }
     /** @hidden */
     ngOnDestroy() {
@@ -46,7 +57,7 @@ class BaseComponent {
      *
      */
     markForCheck() {
-        this._cd.markForCheck();
+        this._cdr.markForCheck();
     }
     /**
      * @hidden
@@ -57,17 +68,19 @@ class BaseComponent {
      *
      */
     detectChanges() {
-        this._cd.detectChanges();
+        this._cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: BaseComponent, inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", id: "id", name: "name", width: "width", disabled: "disabled" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: BaseComponent, inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaLabelledby: "ariaLabelledby", ariaDescribedBy: "ariaDescribedBy", id: "id", name: "name", width: "width", disabled: "disabled" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: BaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { ariaLabel: [{
+        }], propDecorators: { ariaLabel: [{
                 type: Input
             }], ariaLabelledBy: [{
                 type: Input
+            }], ariaLabelledby: [{
+                type: Input
             }], ariaDescribedBy: [{
                 type: Input
             }], id: [{
@@ -94,10 +107,10 @@ class PlatformConfig {
     static getInjector() {
         return PlatformConfig.injector;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformConfig, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformConfig, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformConfig, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -594,28 +607,8 @@ class ObservableMultiInputDataSource extends MultiInputDataSource {
     }
 }
 
-/**
- * FormField base class.
- *
- * This class is used to create form field components.
- *
- */
-class PlatformFormField extends FormField {
-}
-class FormFieldGroup {
-}
-class PlatformFormFieldControl {
-}
-/**
- * FormGroup base class.
- *
- * This class is used to create form group components.
- *
- */
-class FormGroupContainer {
-}
-
 const FDP_DO_CHECK = new InjectionToken('FdpInputDoCheckTrigger');
+const FDP_FORM_SUBMIT = new InjectionToken('FdpFormSubmitTrigger');
 let randomId = 0;
 /**
  * All form components share the same information (value, name, placeholder,.. ) as well as
@@ -666,12 +659,12 @@ class BaseInput extends BaseComponent {
      * Tell the component if we are in editing mode.
      */
     set editable(value) {
-        const newVal = coerceBooleanProperty(value);
-        if (this._editable !== newVal) {
-            this._editable = newVal;
-            this._cd.markForCheck();
-            this.stateChanges.next('editable');
+        if (this._editable === value) {
+            return;
         }
+        this._editable = value;
+        this.markForCheck();
+        this.stateChanges.next('editable');
     }
     get editable() {
         return this._editable;
@@ -681,18 +674,14 @@ class BaseInput extends BaseComponent {
         return this._controlInvalid;
     }
     /** @hidden */
-    constructor(cd, elementRef, ngControl, controlContainer, ngForm, formField, formControl) {
+    constructor() {
         /**
          * We do not use Injector.get() approach here because there is a bug
          * with this signature https://github.com/angular/angular/issues/31776
          * where "get()" method doesn't take into account "flag" option"
          *
          */
-        super(cd);
-        this.elementRef = elementRef;
-        this.ngControl = ngControl;
-        this.controlContainer = controlContainer;
-        this.ngForm = ngForm;
+        super();
         /**
          * To allow user to determine what event he wants to trigger the messages to show
          * Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp).
@@ -709,6 +698,8 @@ class BaseInput extends BaseComponent {
                 closeAction: true
             }
         ];
+        /** Form control validation event strategy. */
+        this.validationStrategy = ['touched', 'dirty', 'submitted'];
         /**
          * See @FormFieldControl
          */
@@ -721,12 +712,33 @@ class BaseInput extends BaseComponent {
         this.formField = null;
         /** @hidden */
         this._doCheck$ = inject(FDP_DO_CHECK, { optional: true });
+        /** Element reference. */
+        this.elementRef = inject(ElementRef);
+        /** NgControl reference. */
+        this.ngControl = inject(NgControl, {
+            optional: true,
+            self: true
+        });
+        /** Control container reference. */
+        this.controlContainer = inject(ControlContainer, {
+            optional: true,
+            skipSelf: true
+        });
+        /** Form reference. */
+        this.ngForm = inject(NgForm, {
+            optional: true,
+            skipSelf: true
+        });
+        /** @hidden */
+        this._externalSubmit = inject(FDP_FORM_SUBMIT, { optional: true });
+        /** @hidden */
+        this._externalFormSubmitted = false;
         /** @hidden */
         this.defaultId = `fdp-input-id-${randomId++}`;
         /** @hidden */
         this._editable = true;
         /** @hidden */
-        this._destroyed = new Subject();
+        this._destroyed = inject(DestroyRef);
         /**
          * @hidden
          */
@@ -738,11 +750,24 @@ class BaseInput extends BaseComponent {
         if (this.ngControl) {
             this.ngControl.valueAccessor = this;
         }
+        const formField = inject(FD_FORM_FIELD, {
+            optional: true,
+            skipSelf: true,
+            host: true
+        });
+        const formControl = inject(FD_FORM_FIELD_CONTROL, {
+            optional: true,
+            skipSelf: true,
+            host: true
+        });
         // We have to ignore "formField" if there is "formControl" wrapper
         this.formField = formField && !formControl ? formField : null;
-        this._doCheck$?.pipe(takeUntil$1(this._destroyed)).subscribe(() => {
+        this._doCheck$?.pipe(takeUntilDestroyed(this._destroyed)).subscribe(() => {
             this.ngDoCheck();
         });
+        this._externalSubmit?.pipe(takeUntilDestroyed(this._destroyed)).subscribe(() => {
+            this._externalFormSubmitted = true;
+        });
     }
     /** @hidden */
     ngOnInit() {
@@ -779,15 +804,15 @@ class BaseInput extends BaseComponent {
         }
         this.innerErrorsTemplate = this.formField?.innerErrorRenderers;
         this.stateChanges
-            .pipe(filter(() => !!this.formField), takeUntil$1(this._destroyed))
+            .pipe(filter(() => !!this.formField), takeUntilDestroyed(this._destroyed))
             .subscribe(() => {
             this.advancedStateMessage = {
                 template: this.formField.innerErrorRenderers,
                 hasErrors: this.formField.hasErrors()
             };
-            this._cd.detectChanges();
+            this.detectChanges();
         });
-        this._cd.detectChanges();
+        this.detectChanges();
     }
     /** @hidden */
     registerOnChange(fn) {
@@ -801,16 +826,14 @@ class BaseInput extends BaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
         this.stateChanges.complete();
-        this._destroyed.next();
-        this._destroyed.complete();
         if (this.formField) {
             this.formField.unregisterFormFieldControl(this);
         }
     }
     /** @hidden */
     setDisabledState(isDisabled) {
-        const newState = coerceBooleanProperty(isDisabled);
-        this._cd.markForCheck();
+        const newState = booleanAttribute(isDisabled);
+        this.markForCheck();
         if (newState !== this._disabled) {
             this._disabled = newState;
             this.stateChanges.next('setDisabledState');
@@ -822,7 +845,7 @@ class BaseInput extends BaseComponent {
     writeValue(value) {
         this._value = value;
         this.stateChanges.next('writeValue');
-        this._cd.markForCheck();
+        this.markForCheck();
     }
     /**
      *
@@ -869,11 +892,15 @@ class BaseInput extends BaseComponent {
         const parentControlContainer = this.controlContainer;
         const control = this.ngControl ? this.ngControl.control : null;
         const newStatusIsError = !!(control?.invalid &&
-            (control.dirty || control.touched || parent?.submitted || parentControlContainer?.submitted));
+            ((this.validationStrategy.includes('dirty') && control.dirty) ||
+                (this.validationStrategy.includes('touched') && control.touched) ||
+                (this.validationStrategy.includes('submitted') && parent?.submitted) ||
+                parentControlContainer?.submitted ||
+                this._externalFormSubmitted));
         if (newStatusIsError !== this.controlInvalid) {
             this._controlInvalid = newStatusIsError;
             this.stateChanges.next('updateErrorState');
-            this._cd.markForCheck();
+            this.markForCheck();
         }
     }
     /**
@@ -888,49 +915,19 @@ class BaseInput extends BaseComponent {
             if (emitOnChange) {
                 this.onChange(value);
             }
-            this._cd.markForCheck();
+            this.markForCheck();
         }
     }
     /** @hidden */
     getValue() {
         return this._value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseInput, 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.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: BaseInput, inputs: { placeholder: "placeholder", triggers: "triggers", state: "state", stateMessage: "stateMessage", stateMessageConfig: "stateMessageConfig", disabled: "disabled", readonly: "readonly", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", editable: "editable" }, viewQueries: [{ propertyName: "_elementRef", first: true, predicate: ["inputElementRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: BaseInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.8", type: BaseInput, inputs: { placeholder: "placeholder", triggers: "triggers", state: "state", stateMessage: "stateMessage", stateMessageConfig: "stateMessageConfig", disabled: "disabled", readonly: "readonly", editable: ["editable", "editable", booleanAttribute], validationStrategy: "validationStrategy" }, viewQueries: [{ propertyName: "_elementRef", first: true, predicate: ["inputElementRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: BaseInput, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i1.ControlContainer, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: i1.NgForm, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: PlatformFormField, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Inject,
-                    args: [FD_FORM_FIELD]
-                }] }, { type: PlatformFormFieldControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Inject,
-                    args: [FD_FORM_FIELD_CONTROL]
-                }] }], propDecorators: { placeholder: [{
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{
                 type: Input
             }], triggers: [{
                 type: Input
@@ -944,11 +941,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                 type: Input
             }], readonly: [{
                 type: Input
-            }], ariaLabelledBy: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
             }], editable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], validationStrategy: [{
                 type: Input
             }], _elementRef: [{
                 type: ViewChild,
@@ -977,16 +973,9 @@ class CollectionBaseInput extends BaseInput {
         return this._list;
     }
     /** @hidden */
-    constructor(cd, elementRef, ngControl, controlContainer, ngForm, formField, formControl) {
-        super(cd, elementRef, ngControl, controlContainer, ngForm, formField, formControl);
-        this.ngControl = ngControl;
-        this.controlContainer = controlContainer;
-        this.ngForm = ngForm;
-    }
-    /** @hidden */
     lookupValue(item) {
         if (isSelectItem(item)) {
-            return this.lookupKey && item ? item.value[this.lookupKey] : item.value;
+            return this.lookupKey && item && item.value ? item.value[this.lookupKey] : item.value;
         }
         else {
             return this.lookupKey && item ? item[this.lookupKey] : item;
@@ -1020,42 +1009,12 @@ class CollectionBaseInput extends BaseInput {
             return this.objectGet(obj[is[0]], is.slice(1));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: CollectionBaseInput, 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.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: CollectionBaseInput, inputs: { list: "list", lookupKey: "lookupKey", displayKey: "displayKey" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CollectionBaseInput, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: CollectionBaseInput, inputs: { list: "list", lookupKey: "lookupKey", displayKey: "displayKey" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: CollectionBaseInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CollectionBaseInput, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i1.ControlContainer, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: i1.NgForm, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: PlatformFormField, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Inject,
-                    args: [FD_FORM_FIELD]
-                }] }, { type: PlatformFormFieldControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Inject,
-                    args: [FD_FORM_FIELD_CONTROL]
-                }] }], propDecorators: { list: [{
+        }], propDecorators: { list: [{
                 type: Input
             }], lookupKey: [{
                 type: Input
@@ -1063,6 +1022,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                 type: Input
             }] } });
 
+/**
+ * FormField base class.
+ *
+ * This class is used to create form field components.
+ *
+ */
+class PlatformFormField extends FormField {
+}
+class FormFieldGroup {
+}
+class PlatformFormFieldControl {
+}
+/**
+ * FormGroup base class.
+ *
+ * This class is used to create form group components.
+ *
+ */
+class FormGroupContainer {
+}
+
 var ColumnLayoutGridClass;
 (function (ColumnLayoutGridClass) {
     ColumnLayoutGridClass["XL"] = "xl";
@@ -1087,10 +1067,10 @@ class ResponsiveBreakPointConfig {
         /** Small screen */
         this.S = RESPONSIVE_BREAKPOINTS['S'];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ResponsiveBreakPointConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ResponsiveBreakPointConfig }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResponsiveBreakPointConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResponsiveBreakPointConfig }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ResponsiveBreakPointConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResponsiveBreakPointConfig, decorators: [{
             type: Injectable
         }] });
 class ResponsiveBreakpointsService {
@@ -1160,16 +1140,29 @@ class ResponsiveBreakpointsService {
     _getBreakpointName(breakpointValue) {
         return this.breakpoints[breakpointValue];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ResponsiveBreakpointsService, deps: [{ token: i1$1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ResponsiveBreakpointsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResponsiveBreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResponsiveBreakpointsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ResponsiveBreakpointsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResponsiveBreakpointsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.BreakpointObserver }] });
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }] });
 class InLineLayoutCollectionBaseInput extends CollectionBaseInput {
+    constructor() {
+        super(...arguments);
+        /** @hidden */
+        this._inlineCurrentValue$ = new BehaviorSubject(false);
+        /** @hidden */
+        this._responsiveBreakpointsService = inject(ResponsiveBreakpointsService);
+        /** @hidden */
+        this._responsiveBreakPointConfig = inject(RESPONSIVE_BREAKPOINTS_CONFIG, {
+            optional: true
+        }) || new ResponsiveBreakPointConfig();
+        /** @hidden */
+        this._isInLineLayoutEnabled = false;
+    }
     /** object to change isInline property based on screen size */
     set inlineLayout(layout) {
         if (layout) {
@@ -1182,20 +1175,6 @@ class InLineLayoutCollectionBaseInput extends CollectionBaseInput {
         return this._inlineLayout;
     }
     /** @hidden */
-    constructor(cd, elementRef, _responsiveBreakpointsService, ngControl, controlContainer, ngForm, formField, formControl, _defaultResponsiveBreakPointConfig) {
-        super(cd, elementRef, ngControl, controlContainer, ngForm, formField, formControl);
-        this._responsiveBreakpointsService = _responsiveBreakpointsService;
-        this.ngControl = ngControl;
-        this.controlContainer = controlContainer;
-        this.ngForm = ngForm;
-        this._defaultResponsiveBreakPointConfig = _defaultResponsiveBreakPointConfig;
-        /** @hidden */
-        this._inlineCurrentValue$ = new BehaviorSubject(false);
-        /** @hidden */
-        this._isInLineLayoutEnabled = false;
-        this._responsiveBreakPointConfig = _defaultResponsiveBreakPointConfig || new ResponsiveBreakPointConfig();
-    }
-    /** @hidden */
     ngOnInit() {
         super.ngOnInit();
         if (this._isInLineLayoutEnabled) {
@@ -1243,47 +1222,12 @@ class InLineLayoutCollectionBaseInput extends CollectionBaseInput {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: InLineLayoutCollectionBaseInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: ResponsiveBreakpointsService }, { 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: RESPONSIVE_BREAKPOINTS_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: InLineLayoutCollectionBaseInput, inputs: { inlineLayout: "inlineLayout" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: InLineLayoutCollectionBaseInput, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: InLineLayoutCollectionBaseInput, inputs: { inlineLayout: "inlineLayout" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: InLineLayoutCollectionBaseInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: InLineLayoutCollectionBaseInput, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: ResponsiveBreakpointsService }, { type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i1.ControlContainer, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: i1.NgForm, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: PlatformFormField, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Inject,
-                    args: [FD_FORM_FIELD]
-                }] }, { type: PlatformFormFieldControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Inject,
-                    args: [FD_FORM_FIELD_CONTROL]
-                }] }, { type: ResponsiveBreakPointConfig, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [RESPONSIVE_BREAKPOINTS_CONFIG]
-                }] }], propDecorators: { inlineLayout: [{
+        }], propDecorators: { inlineLayout: [{
                 type: Input
             }] } });
 
@@ -1310,10 +1254,10 @@ class ConvertBytesPipe {
         const i = Math.floor(Math.log(bytes) / Math.log(k));
         return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + this._sizes[i];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ConvertBytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: ConvertBytesPipe, isStandalone: true, name: "convertBytes" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConvertBytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: ConvertBytesPipe, isStandalone: true, name: "convertBytes" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ConvertBytesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConvertBytesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'convertBytes',
@@ -1322,11 +1266,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
         }] });
 
 class PlatformPipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: PlatformPipeModule, imports: [ConvertBytesPipe], exports: [ConvertBytesPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformPipeModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: PlatformPipeModule, imports: [ConvertBytesPipe], exports: [ConvertBytesPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformPipeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformPipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformPipeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ConvertBytesPipe],
@@ -1443,5 +1387,5 @@ const FDP_PRESET_MANAGED_COMPONENT = new InjectionToken('FdpPresetManagedCompone
  * Generated bundle index. Do not edit.
  */
 
-export { ApprovalFlowTeamDataSource, ApprovalFlowUserDataSource, ArrayComboBoxDataSource, ArrayListDataSource, ArrayMultiComboBoxDataSource, ArrayMultiInputDataSource, BaseComponent, BaseDataProvider, BaseInput, CollectionBaseInput, ColumnLayoutGridClass, ComboBoxDataSource, ConvertBytesPipe, DATA_PROVIDERS, DataProvider, FDP_DO_CHECK, FDP_PRESET_MANAGED_COMPONENT, FormFieldGroup, FormGroupContainer, InLineLayoutCollectionBaseInput, ListDataSource, MatchingStrategy, MultiComboBoxDataSource, MultiInputDataSource, ObservableComboBoxDataSource, ObservableListDataSource, ObservableMultiComboBoxDataSource, ObservableMultiInputDataSource, PlatformConfig, PlatformFormField, PlatformFormFieldControl, PlatformPipeModule, RESPONSIVE_BREAKPOINTS, RESPONSIVE_BREAKPOINTS_CONFIG, ResponsiveBreakPointConfig, ResponsiveBreakpointsService, SearchFieldDataSource, coerceArraySafe, createFakeEvent, createKeyboardEvent, createMouseEvent, createTouchEvent, getMatchingStrategyStartsWithPerTermReqexp, isBlank, isBoolean, isDataSource, isFunction, isJsObject, isNumber, isObject, isOptionItem, isPresent, isPromise, isSelectItem, isSelectableItem, isSelectableOptionItem, isString, isStringMap, isSubscribable, isType, objectToName, objectValues };
+export { ApprovalFlowTeamDataSource, ApprovalFlowUserDataSource, ArrayComboBoxDataSource, ArrayListDataSource, ArrayMultiComboBoxDataSource, ArrayMultiInputDataSource, BaseComponent, BaseDataProvider, BaseInput, CollectionBaseInput, ColumnLayoutGridClass, ComboBoxDataSource, ConvertBytesPipe, DATA_PROVIDERS, DataProvider, FDP_DO_CHECK, FDP_FORM_SUBMIT, FDP_PRESET_MANAGED_COMPONENT, FormFieldGroup, FormGroupContainer, InLineLayoutCollectionBaseInput, ListDataSource, MatchingStrategy, MultiComboBoxDataSource, MultiInputDataSource, ObservableComboBoxDataSource, ObservableListDataSource, ObservableMultiComboBoxDataSource, ObservableMultiInputDataSource, PlatformConfig, PlatformFormField, PlatformFormFieldControl, PlatformPipeModule, RESPONSIVE_BREAKPOINTS, RESPONSIVE_BREAKPOINTS_CONFIG, ResponsiveBreakPointConfig, ResponsiveBreakpointsService, SearchFieldDataSource, coerceArraySafe, createFakeEvent, createKeyboardEvent, createMouseEvent, createTouchEvent, getMatchingStrategyStartsWithPerTermReqexp, isBlank, isBoolean, isDataSource, isFunction, isJsObject, isNumber, isObject, isOptionItem, isPresent, isPromise, isSelectItem, isSelectableItem, isSelectableOptionItem, isString, isStringMap, isSubscribable, isType, objectToName, objectValues };
 //# sourceMappingURL=fundamental-ngx-platform-shared.mjs.map