special-forms 21.0.0 → 21.0.2-SNAPSHOT

package/{types/special-forms.d.ts → index.d.ts}

@@ -1,6 +1,6 @@
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { Observable, Subscription } from 'rxjs';
-import { ValidatorFn, AsyncValidatorFn, AbstractControl, FormControl, FormArray, FormGroup } from '@angular/forms';
+import { ValidatorFn, AsyncValidatorFn, FormControl, FormGroup, FormArray, AbstractControl } from '@angular/forms';
 import { InputmaskOptions } from '@ngneat/input-mask';
 import { ThemePalette, ErrorStateMatcher } from '@angular/material/core';
 import * as i0 from '@angular/core';
@@ -50,14 +50,15 @@ interface IFieldData extends IFieldBasicData {
 }
 
 interface IAutocompleteSettings<T> {
-    getData: (query: string, control?: AbstractControl) => void;
+    getData: (query: string, control?: SpecialFormControl<IAutocompleteField<T>>) => void;
     source: Observable<T[]>;
     fieldId: string;
     icon?: string;
-    iconAction?: (data: T) => void;
-    onSelect?: (data: T) => void;
+    iconAction?: (data: T, control?: SpecialFormControl<IAutocompleteField<T>>) => void;
+    onSelect?: (data: T, control?: SpecialFormControl<IAutocompleteField<T>>) => void;
     fieldName: string | ((a?: T) => string);
     fieldImage?: string | ((a?: T) => string);
+    withFirstLoad?: boolean;
 }
 interface IAutocompleteField<T = any> extends IFieldData {
     settings: IAutocompleteSettings<T>;
@@ -78,8 +79,8 @@ interface IDatePickerField extends IFieldData {
 
 interface IDropdownSettings {
     icon?: string;
-    onSelect?: (data: any) => void;
-    iconAction?: (data: any) => void;
+    onSelect?: (data: any, control?: SpecialFormControl<IDropdownField>) => void;
+    iconAction?: (data: any, control?: SpecialFormControl<IDropdownField>) => void;
     source: Observable<any[]>;
     fieldId: string;
     fieldName: string | ((a?: any) => string);
@@ -124,14 +125,15 @@ interface ICheckboxField extends IFieldData {
 }
 
 type IMultipleAutocompleteSettings<T> = {
-    getData: (query: string, control?: AbstractControl) => void;
+    getData: (query: string, control?: SpecialFormControl<IMultipleAutocompleteField<T>>) => void;
     source: Observable<T[]>;
     fieldId: string;
     icon?: string;
-    iconAction?: (data: T) => void;
-    onSelect?: (data: T) => void;
+    iconAction?: (data: T, control?: SpecialFormControl<IMultipleAutocompleteField<T>>) => void;
+    onSelect?: (data: T, control?: SpecialFormControl<IMultipleAutocompleteField<T>>) => void;
     fieldName: string | ((a?: T) => string);
     fieldImage?: string | ((a?: T) => string);
+    withFirstLoad?: boolean;
 };
 interface IMultipleAutocompleteField<T = any> extends IFieldData {
     settings: IMultipleAutocompleteSettings<T>;
@@ -345,10 +347,14 @@ declare class SpecialFormArray extends FormArray implements IFieldBasicData {
 declare class SpecialAutocompleteComponent {
     control: SpecialFormControl<IAutocompleteField>;
     subs: Subscription;
+    readonly browserAutocompleteName: string;
+    preventBrowserAutocomplete: boolean;
     constructor();
     ngOnInit(): void;
     get settings(): IAutocompleteSettings<any>;
     init(): void;
+    firstLoad(): void;
+    allowInput(): void;
     configValue: (item: any) => any;
     optionSelected(data: MatAutocompleteSelectedEvent): void;
     iconClick(event: Event): void;
@@ -395,10 +401,14 @@ declare class SpecialMultipleAutocompleteComponent {
     control: SpecialFormControl<IMultipleAutocompleteField>;
     subs: Subscription;
     internalControl: FormControl<any>;
+    readonly browserAutocompleteName: string;
+    preventBrowserAutocomplete: boolean;
     constructor();
     ngOnInit(): void;
     get settings(): IMultipleAutocompleteSettings<any>;
     init(): void;
+    firstLoad(): void;
+    allowInput(): void;
     optionSelected(data: MatAutocompleteSelectedEvent): void;
     iconClick(event: Event): void;
     remove(value: any[]): void;

package/lib/styles/final.scss

@@ -1,2 +1,2 @@
-@use "./styles-config.scss";
-@use "./tailwind-final.scss";
+@use "./styles-config.scss";
+@use "./tailwind-final.scss";

package/lib/styles/styles-config.scss

@@ -1,36 +1,36 @@
-@mixin dark-theme-config($back-color, $dark-text, $back-color-over) {
-  .mat-mdc-autocomplete-panel,
-  .mat-mdc-menu-content,
-  .mat-mdc-select-panel,
-  .mat-datepicker-content {
-    background: $back-color-over !important;
-  }
-
-  .mat-mdc-text-field-wrapper,
-  .special-upload__dropzone {
-    background: $back-color !important;
-  }
-
-  .special-upload__dropzone {
-    border-color: $dark-text !important;
-    color: $dark-text !important;
-  }
-
-  .NgxEditor__MenuBar {
-    background: $back-color !important;
-  }
-  .NgxEditor {
-    background: $back-color !important;
-    color: $dark-text !important;
-  }
-  .NgxEditor__MenuItem {
-    &:hover {
-      color: black !important;
-    }
-  }
-  .NgxEditor__Dropdown{
-    &:hover{
-      color: black !important;
-    }
-  }
-}
+@mixin dark-theme-config($back-color, $dark-text, $back-color-over) {
+  .mat-mdc-autocomplete-panel,
+  .mat-mdc-menu-content,
+  .mat-mdc-select-panel,
+  .mat-datepicker-content {
+    background: $back-color-over !important;
+  }
+
+  .mat-mdc-text-field-wrapper,
+  .special-upload__dropzone {
+    background: $back-color !important;
+  }
+
+  .special-upload__dropzone {
+    border-color: $dark-text !important;
+    color: $dark-text !important;
+  }
+
+  .NgxEditor__MenuBar {
+    background: $back-color !important;
+  }
+  .NgxEditor {
+    background: $back-color !important;
+    color: $dark-text !important;
+  }
+  .NgxEditor__MenuItem {
+    &:hover {
+      color: black !important;
+    }
+  }
+  .NgxEditor__Dropdown{
+    &:hover{
+      color: black !important;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "special-forms",
-  "version": "21.0.0",
+  "version": "21.0.2-SNAPSHOT",
   "peerDependencies": {
     "@angular/common": "^21",
     "@angular/cdk": "^21",
@@ -17,15 +17,14 @@
   },
   "sideEffects": false,
   "module": "fesm2022/special-forms.mjs",
-  "typings": "types/special-forms.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./types/special-forms.d.ts",
+      "types": "./index.d.ts",
       "default": "./fesm2022/special-forms.mjs"
     }
-  },
-  "type": "module"
+  }
 }