@3kles/kles-material-dynamicforms 21.5.1 → 21.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3kles/kles-material-dynamicforms",
-  "version": "21.5.1",
+  "version": "21.6.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/3kles-lab/klesmaterialdynamicforms"
@@ -15,6 +15,7 @@
   "author": "3Kles Lab",
   "license": "ISC",
   "peerDependencies": {
+    "@3kles/kles-material-color-picker": "^21.2.0",
     "@3kles/kles-material-datepicker": "^21.0.0",
     "@angular/cdk": "^21.2.14",
     "@angular/common": "^21.2.19",
@@ -22,7 +23,6 @@
     "@angular/forms": "^21.2.19",
     "@angular/material": "^21.2.14",
     "lodash": "^4.17.21",
-    "ngx-color-picker": "^20.1.1",
     "ngx-mat-select-search": "^9.0.0",
     "rxjs": "^6.5.3 || ^7.4.0",
     "uuid": "^8.3.0"

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

@@ -9,6 +9,8 @@ import * as i10 from '@angular/material/form-field';
 import { SubscriptSizing, MatFormFieldControl } from '@angular/material/form-field';
 import * as i3 from '@angular/material/button';
 import { MatButtonAppearance } from '@angular/material/button';
+import * as _3kles_kles_material_color_picker from '@3kles/kles-material-color-picker';
+import { ColorPickerPosition, ColorOutputFormat, ColorCommitMode } from '@3kles/kles-material-color-picker';
 import * as i24 from '@angular/material/checkbox';
 import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
 import * as i16 from '@angular/material/tooltip';
@@ -51,7 +53,6 @@ import * as i36 from '@angular/cdk/scrolling';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i4$1 from 'ngx-mat-select-search';
 import * as _3kles_kles_material_dynamicforms from '@3kles/kles-material-dynamicforms';
-import * as i61 from 'ngx-color-picker';
 
 type Exclusive<T, U> = (T & {
     [K in keyof U]?: never;
@@ -179,10 +180,15 @@ interface IKlesFieldUi {
     visible?: boolean;
     colorOption?: {
         disable?: boolean;
-        position?: 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-        positionOffset?: string;
-        mode?: 'color' | 'grayscale' | 'presets';
-        format?: 'auto' | 'hex' | 'rgba' | 'hsla';
+        position?: ColorPickerPosition;
+        positionOffset?: number;
+        format?: ColorOutputFormat;
+        commitMode?: ColorCommitMode;
+        alpha?: boolean;
+        eyeDropper?: boolean;
+        saveOnOutside?: boolean;
+        fallbackColor?: string;
+        presets?: readonly string[];
     };
     direction?: 'column' | 'row' | 'grid' | 'inline-grid';
     textareaAutoSize?: {
@@ -731,10 +737,17 @@ declare class KlesFormListFieldComponent extends KlesFieldAbstract implements On
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormListFieldComponent, "kles-form-listfield", never, {}, {}, never, never, true, never>;
 }
 
-declare class KlesFormColorComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
-    ngOnInit(): void;
-    invertColor(hex: any, bw: any): string;
-    ngOnDestroy(): void;
+declare class KlesFormColorComponent extends KlesFieldAbstract {
+    private readonly formControl;
+    private readonly controlValue;
+    private readonly controlStatus;
+    readonly colorOption: i0.Signal<any>;
+    readonly parsedColor: i0.Signal<_3kles_kles_material_color_picker.RgbaColor>;
+    readonly currentColor: i0.Signal<any>;
+    readonly backgroundColor: i0.Signal<string>;
+    readonly foregroundColor: i0.Signal<"#000000" | "#ffffff">;
+    readonly pickerDisabled: i0.Signal<boolean>;
+    setColor(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormColorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormColorComponent, "kles-form-color", never, {}, {}, never, ["*"], true, never>;
 }
@@ -1205,7 +1218,7 @@ declare class KlesFormChipGridComponent extends KlesFieldAbstract implements OnI
 declare class KlesMaterialDynamicformsModule {
     static declarations: ((typeof KlesFormClearComponent | typeof KlesDynamicFormComponent | typeof KlesFormLabelComponent | typeof KlesButtonComponent | typeof KlesIndeterminateCheckboxComponent | typeof KlesFileControlComponent | typeof KlesFormCopyComponent)[] | (typeof KlesDynamicFieldDirective | typeof MatErrorFormDirective | typeof KlesComponentDirective | typeof MatErrorMessageDirective)[] | (typeof KlesTransformPipe | typeof ArrayFormatPipe)[])[];
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesMaterialDynamicformsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KlesMaterialDynamicformsModule, never, [typeof i1.CommonModule, typeof i2$1.ReactiveFormsModule, typeof i2$1.FormsModule, typeof MaterialModule, typeof i4$1.NgxMatSelectSearchModule, typeof KlesDynamicFormComponent, typeof KlesFormLabelComponent, typeof KlesFormInputComponent, typeof KlesFormInputClearableComponent, typeof KlesFormBadgeComponent, typeof KlesFormFileComponent, typeof KlesFileControlComponent, typeof KlesButtonComponent, typeof KlesFormButtonComponent, typeof KlesButtonCheckerComponent, typeof KlesFormButtonCheckerComponent, typeof KlesButtonFileComponent, typeof KlesFormButtonFileComponent, typeof KlesFormSelectComponent, typeof KlesFormDateComponent, typeof KlesFormDateTimeComponent, typeof KlesFormRadioComponent, typeof KlesFormCheckboxComponent, typeof KlesIndeterminateCheckboxComponent, typeof KlesFormCheckboxIndeterminateComponent, typeof KlesFormListFieldComponent, typeof KlesFormColorComponent, typeof KlesFormTextareaComponent, typeof KlesFormTextComponent, typeof KlesFormChipComponent, typeof KlesFormGroupComponent, typeof KlesFormIconComponent, typeof KlesFormSelectSearchComponent, typeof KlesFormLineBreakComponent, typeof KlesFormLinkComponent, typeof KlesFormSlideToggleComponent, typeof KlesFormSelectionListComponent, typeof KlesFormButtonToogleGroupComponent, typeof KlesFormArrayComponent, typeof KlesFormRangeComponent, typeof KlesFormClearComponent, typeof KlesFormSelectLazySearchComponent, typeof KlesFormFabComponent, typeof KlesFabComponent, typeof KlesMiniFabComponent, typeof KlesFormMiniFabComponent, typeof KlesIconButtonComponent, typeof KlesFormIconButtonComponent, typeof KlesFormSelectionListSearchComponent, typeof KlesFormCopyComponent, typeof KlesFormTileComponent, typeof KlesFormActionMenuComponent, typeof KlesFormCurrencyComponent, typeof KlesFormStatusComponent, typeof KlesFormChipGridComponent, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective, typeof KlesTransformPipe, typeof ArrayFormatPipe, typeof i61.ColorPickerComponent, typeof i61.ColorPickerDirective], [typeof KlesDynamicFormComponent, typeof KlesFormLabelComponent, typeof KlesFormInputComponent, typeof KlesFormInputClearableComponent, typeof KlesFormBadgeComponent, typeof KlesFormFileComponent, typeof KlesFileControlComponent, typeof KlesButtonComponent, typeof KlesFormButtonComponent, typeof KlesButtonCheckerComponent, typeof KlesFormButtonCheckerComponent, typeof KlesButtonFileComponent, typeof KlesFormButtonFileComponent, typeof KlesFormSelectComponent, typeof KlesFormDateComponent, typeof KlesFormDateTimeComponent, typeof KlesFormRadioComponent, typeof KlesFormCheckboxComponent, typeof KlesIndeterminateCheckboxComponent, typeof KlesFormCheckboxIndeterminateComponent, typeof KlesFormListFieldComponent, typeof KlesFormColorComponent, typeof KlesFormTextareaComponent, typeof KlesFormTextComponent, typeof KlesFormChipComponent, typeof KlesFormGroupComponent, typeof KlesFormIconComponent, typeof KlesFormSelectSearchComponent, typeof KlesFormLineBreakComponent, typeof KlesFormLinkComponent, typeof KlesFormSlideToggleComponent, typeof KlesFormSelectionListComponent, typeof KlesFormButtonToogleGroupComponent, typeof KlesFormArrayComponent, typeof KlesFormRangeComponent, typeof KlesFormClearComponent, typeof KlesFormSelectLazySearchComponent, typeof KlesFormFabComponent, typeof KlesFabComponent, typeof KlesMiniFabComponent, typeof KlesFormMiniFabComponent, typeof KlesIconButtonComponent, typeof KlesFormIconButtonComponent, typeof KlesFormSelectionListSearchComponent, typeof KlesFormCopyComponent, typeof KlesFormTileComponent, typeof KlesFormActionMenuComponent, typeof KlesFormCurrencyComponent, typeof KlesFormStatusComponent, typeof KlesFormChipGridComponent, typeof KlesTransformPipe, typeof ArrayFormatPipe, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KlesMaterialDynamicformsModule, never, [typeof i1.CommonModule, typeof i2$1.ReactiveFormsModule, typeof i2$1.FormsModule, typeof MaterialModule, typeof i4$1.NgxMatSelectSearchModule, typeof KlesDynamicFormComponent, typeof KlesFormLabelComponent, typeof KlesFormInputComponent, typeof KlesFormInputClearableComponent, typeof KlesFormBadgeComponent, typeof KlesFormFileComponent, typeof KlesFileControlComponent, typeof KlesButtonComponent, typeof KlesFormButtonComponent, typeof KlesButtonCheckerComponent, typeof KlesFormButtonCheckerComponent, typeof KlesButtonFileComponent, typeof KlesFormButtonFileComponent, typeof KlesFormSelectComponent, typeof KlesFormDateComponent, typeof KlesFormDateTimeComponent, typeof KlesFormRadioComponent, typeof KlesFormCheckboxComponent, typeof KlesIndeterminateCheckboxComponent, typeof KlesFormCheckboxIndeterminateComponent, typeof KlesFormListFieldComponent, typeof KlesFormColorComponent, typeof KlesFormTextareaComponent, typeof KlesFormTextComponent, typeof KlesFormChipComponent, typeof KlesFormGroupComponent, typeof KlesFormIconComponent, typeof KlesFormSelectSearchComponent, typeof KlesFormLineBreakComponent, typeof KlesFormLinkComponent, typeof KlesFormSlideToggleComponent, typeof KlesFormSelectionListComponent, typeof KlesFormButtonToogleGroupComponent, typeof KlesFormArrayComponent, typeof KlesFormRangeComponent, typeof KlesFormClearComponent, typeof KlesFormSelectLazySearchComponent, typeof KlesFormFabComponent, typeof KlesFabComponent, typeof KlesMiniFabComponent, typeof KlesFormMiniFabComponent, typeof KlesIconButtonComponent, typeof KlesFormIconButtonComponent, typeof KlesFormSelectionListSearchComponent, typeof KlesFormCopyComponent, typeof KlesFormTileComponent, typeof KlesFormActionMenuComponent, typeof KlesFormCurrencyComponent, typeof KlesFormStatusComponent, typeof KlesFormChipGridComponent, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective, typeof KlesTransformPipe, typeof ArrayFormatPipe], [typeof KlesDynamicFormComponent, typeof KlesFormLabelComponent, typeof KlesFormInputComponent, typeof KlesFormInputClearableComponent, typeof KlesFormBadgeComponent, typeof KlesFormFileComponent, typeof KlesFileControlComponent, typeof KlesButtonComponent, typeof KlesFormButtonComponent, typeof KlesButtonCheckerComponent, typeof KlesFormButtonCheckerComponent, typeof KlesButtonFileComponent, typeof KlesFormButtonFileComponent, typeof KlesFormSelectComponent, typeof KlesFormDateComponent, typeof KlesFormDateTimeComponent, typeof KlesFormRadioComponent, typeof KlesFormCheckboxComponent, typeof KlesIndeterminateCheckboxComponent, typeof KlesFormCheckboxIndeterminateComponent, typeof KlesFormListFieldComponent, typeof KlesFormColorComponent, typeof KlesFormTextareaComponent, typeof KlesFormTextComponent, typeof KlesFormChipComponent, typeof KlesFormGroupComponent, typeof KlesFormIconComponent, typeof KlesFormSelectSearchComponent, typeof KlesFormLineBreakComponent, typeof KlesFormLinkComponent, typeof KlesFormSlideToggleComponent, typeof KlesFormSelectionListComponent, typeof KlesFormButtonToogleGroupComponent, typeof KlesFormArrayComponent, typeof KlesFormRangeComponent, typeof KlesFormClearComponent, typeof KlesFormSelectLazySearchComponent, typeof KlesFormFabComponent, typeof KlesFabComponent, typeof KlesMiniFabComponent, typeof KlesFormMiniFabComponent, typeof KlesIconButtonComponent, typeof KlesFormIconButtonComponent, typeof KlesFormSelectionListSearchComponent, typeof KlesFormCopyComponent, typeof KlesFormTileComponent, typeof KlesFormActionMenuComponent, typeof KlesFormCurrencyComponent, typeof KlesFormStatusComponent, typeof KlesFormChipGridComponent, typeof KlesTransformPipe, typeof ArrayFormatPipe, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KlesMaterialDynamicformsModule>;
 }