@3kles/kles-material-dynamicforms 21.7.4 → 21.7.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3kles/kles-material-dynamicforms",
-  "version": "21.7.4",
+  "version": "21.7.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/3kles-lab/klesmaterialdynamicforms"

package/types/3kles-kles-material-dynamicforms.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, Type, PipeTransform, ViewContainerRef, Provider, StaticProvider, Signal, OnChanges, EventEmitter, ChangeDetectorRef, SimpleChanges, ComponentRef, Injector, AfterViewInit, ElementRef, InjectionToken } from '@angular/core';
+import { OnInit, OnDestroy, Type, PipeTransform, ViewContainerRef, Provider, StaticProvider, Signal, OnChanges, EventEmitter, ChangeDetectorRef, SimpleChanges, ComponentRef, Injector, ApplicationRef, AfterViewInit, ElementRef, InjectionToken } from '@angular/core';
 import * as i2$1 from '@angular/forms';
 import { UntypedFormGroup, ValidatorFn, AsyncValidatorFn, ɵGetProperty as _GetProperty, ɵTypedOrUntyped as _TypedOrUntyped, UntypedFormBuilder, FormGroup, ControlValueAccessor, Validators, AsyncValidator, UntypedFormArray, FormControl, UntypedFormControl, FormGroupDirective, NgForm, AbstractControl } from '@angular/forms';
 import { Subject, Observable } from 'rxjs';
@@ -30,7 +30,7 @@ import * as i12 from '@angular/material/select';
 import * as i13 from '@angular/material/radio';
 import * as i14 from '@angular/material/datepicker';
 import * as i15 from '@angular/material/chips';
-import { MatChipInputEvent } from '@angular/material/chips';
+import { MatChipInputEvent, MatChipInput } from '@angular/material/chips';
 import * as i17 from '@angular/material/table';
 import * as i18 from '@angular/material/paginator';
 import * as i19 from '@angular/material/card';
@@ -351,6 +351,7 @@ declare class KlesComponentDirective implements OnInit, OnChanges {
 declare class KlesDynamicFieldDirective<T extends IKlesFieldConfig = IKlesFieldConfig> implements OnInit, OnChanges, OnDestroy {
     protected container: ViewContainerRef;
     protected injector: Injector;
+    private applicationRef;
     field: T;
     group: UntypedFormGroup;
     ui: GroupUiState;
@@ -358,7 +359,8 @@ declare class KlesDynamicFieldDirective<T extends IKlesFieldConfig = IKlesFieldC
     context: Signal<unknown | null> | null;
     componentRef: ComponentRef<any> | undefined;
     subComponents: ComponentRef<any>[];
-    constructor(container: ViewContainerRef, injector: Injector);
+    private subComponentViews;
+    constructor(container: ViewContainerRef, injector: Injector, applicationRef: ApplicationRef);
     ngOnDestroy(): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -366,6 +368,7 @@ declare class KlesDynamicFieldDirective<T extends IKlesFieldConfig = IKlesFieldC
     protected createComponentRef(injector: Injector): ComponentRef<any> | undefined;
     protected findComponent(): Type<any> | undefined;
     private createSubComponent;
+    private destroyComponents;
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesDynamicFieldDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KlesDynamicFieldDirective<any>, "[klesDynamicField]", never, { "field": { "alias": "field"; "required": false; }; "group": { "alias": "group"; "required": false; }; "ui": { "alias": "ui"; "required": false; }; "siblingFields": { "alias": "siblingFields"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -1143,29 +1146,29 @@ declare class KlesFormStatusComponent<TContext = unknown> extends KlesFieldAbstr
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormStatusComponent<any>, "kles-form-status", never, {}, {}, never, never, true, never>;
 }
 
-declare class KlesFormChipGridComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
+interface ChipOptionsState {
+    loading: boolean;
     options: any[];
-    private readonly control;
-    intl: KlesDynamicFormIntl;
-    filteredOption$: Observable<{
-        loading: boolean;
-        options: any[];
-    }>;
-    options$: Observable<{
-        loading: boolean;
-        options: any[];
-    }>;
+}
+declare class KlesFormChipGridComponent extends KlesFieldAbstract implements OnInit {
+    readonly control: i2$1.AbstractControl<any, any, any>;
+    readonly intl: KlesDynamicFormIntl;
     readonly separatorKeysCodes: number[];
-    private isFocused;
-    searchControl: FormControl<string>;
+    readonly searchControl: FormControl<any>;
+    filteredOption$: Observable<ChipOptionsState>;
+    private options$;
+    private readonly loadOptions$;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     onFocus(): void;
     onTokenEnd(event: MatChipInputEvent): void;
-    addChip(rawValue: string): void;
-    removeChip(value: string): void;
-    selected(event: MatAutocompleteSelectedEvent): void;
+    addChip(value: unknown): void;
+    removeChip(value: unknown): void;
+    selected(event: MatAutocompleteSelectedEvent, chipInput: MatChipInput): void;
+    displayValue(value: any): any;
+    private createOptionsStream;
+    private resolveOptions;
     private filterData;
+    private isSameOption;
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormChipGridComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormChipGridComponent, "kles-form-chip-grid", never, {}, {}, never, never, true, never>;
 }