@3kles/kles-material-dynamicforms 21.0.2 → 21.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3kles/kles-material-dynamicforms",
-  "version": "21.0.2",
+  "version": "21.1.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/3kles-lab/klesmaterialdynamicforms"
@@ -16,21 +16,16 @@
   "license": "ISC",
   "peerDependencies": {
     "@3kles/kles-material-datepicker": "^21.0.0",
-    "@angular/animations": "^21.2.19",
     "@angular/cdk": "^21.2.14",
     "@angular/common": "^21.2.19",
     "@angular/core": "^21.2.19",
     "@angular/forms": "^21.2.19",
     "@angular/material": "^21.2.14",
-    "@angular/platform-browser": "^21.2.19",
-    "@angular/router": "^21.2.19",
-    "hammerjs": "^2.0.8",
-    "lodash": "^4.17.19",
-    "ngx-color-picker": "^19.0.0",
-    "ngx-mat-select-search": "^8.0.2",
-    "rxjs": "^7.8.0",
-    "uuid": "^8.3.0",
-    "zone.js": "~0.15.1"
+    "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"
   },
   "dependencies": {
     "tslib": "^2.0.0"

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

@@ -7,6 +7,8 @@ import * as i30 from '@angular/material/core';
 import { DateAdapter, MatDateFormats, MatOption, ErrorStateMatcher } from '@angular/material/core';
 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 i24 from '@angular/material/checkbox';
 import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
 import * as i16 from '@angular/material/tooltip';
@@ -14,7 +16,6 @@ import { MatTooltip } from '@angular/material/tooltip';
 import { Clipboard } from '@angular/cdk/clipboard';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/material/slider';
-import * as i3 from '@angular/material/button';
 import * as i4 from '@angular/material/toolbar';
 import * as i5 from '@angular/material/icon';
 import * as i6 from '@angular/material/sidenav';
@@ -95,13 +96,6 @@ interface IKlesField {
 interface IKlesDirective extends OnInit, OnDestroy {
 }
 
-declare enum EnumButtonAttribute {
-    'mat-button' = "mat-button",
-    'mat-flat-button' = "mat-flat-button",
-    'mat-raised-button' = "mat-raised-button",
-    'mat-stroked-button' = "mat-stroked-button"
-}
-
 interface IKlesFieldUi {
     inputType?: 'text' | 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'time' | 'url' | 'week';
     min?: number | Date;
@@ -118,6 +112,7 @@ interface IKlesFieldUi {
     icon?: string;
     iconSvg?: string;
     appearance?: 'fill' | 'outline';
+    buttonAppearance?: MatButtonAppearance;
     visible?: boolean;
     colorOption?: {
         disable?: boolean;
@@ -185,7 +180,6 @@ interface IKlesFormField {
     clearableComponent?: Type<any>;
     subComponents?: Type<any>[];
     autofocus?: boolean;
-    attribute?: EnumButtonAttribute;
     subscriptSizing?: SubscriptSizing;
     nonNullable?: boolean;
     onFocus?: (field: IKlesFieldConfig, group: UntypedFormGroup) => void;
@@ -308,6 +302,7 @@ declare abstract class KlesFieldAbstract implements IKlesField, OnInit, AfterVie
     color: i0.Signal<any>;
     icon: i0.Signal<any>;
     iconSvg: i0.Signal<any>;
+    buttonAppearance: i0.Signal<any>;
     protected readonly viewRef: ViewContainerRef;
     directive: any;
     protected _onDestroy: Subject<void>;
@@ -331,39 +326,6 @@ declare class KlesFormLabelComponent extends KlesFieldAbstract implements OnInit
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormLabelComponent, "kles-form-label", never, {}, {}, never, never, true, never>;
 }
 
-declare class KlesTransformPipe implements PipeTransform {
-    transform(value: any, pipes: {
-        pipe: PipeTransform;
-        options?: any[];
-    }[]): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesTransformPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<KlesTransformPipe, "klesTransform", true>;
-}
-
-declare class ArrayFormatPipe implements PipeTransform {
-    transform(values: any[], property?: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayFormatPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ArrayFormatPipe, "arrayFormat", true>;
-}
-
-interface IKlesClearControl extends IKlesField {
-    clear(event: any): void;
-}
-
-declare class KlesFormClearComponent implements IKlesClearControl, OnDestroy {
-    readonly field: IKlesFieldConfig;
-    readonly group: FormGroup<any>;
-    readonly siblingFields: IKlesFieldConfig[];
-    private _onDestroy;
-    disabled: Signal<boolean>;
-    constructor();
-    ngOnDestroy(): void;
-    clear(event: any): void;
-    private isPresent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormClearComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormClearComponent, "kles-form-clear", never, {}, {}, never, never, true, never>;
-}
-
 interface IButton {
     event?: any;
     uiButton?: IUIButton;
@@ -377,6 +339,7 @@ interface IUIButton {
     class?: string;
     type?: string;
     accept?: string;
+    buttonAppearance?: MatButtonAppearance;
 }
 declare abstract class KlesButtonBase implements OnInit, ControlValueAccessor {
     name: string;
@@ -390,6 +353,7 @@ declare abstract class KlesButtonBase implements OnInit, ControlValueAccessor {
     classButton: string;
     value: IButton;
     tooltip?: string;
+    buttonAppearance: MatButtonAppearance;
     protected _type: string;
     onChange: any;
     onTouched: any;
@@ -400,12 +364,45 @@ declare abstract class KlesButtonBase implements OnInit, ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonBase, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonBase, "ng-component", never, { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSvg": { "alias": "iconSvg"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "classButton": { "alias": "classButton"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonBase, "ng-component", never, { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSvg": { "alias": "iconSvg"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "classButton": { "alias": "classButton"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "buttonAppearance": { "alias": "buttonAppearance"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class KlesFabComponent extends KlesButtonBase implements OnInit {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFabComponent, "kles-fab", never, {}, {}, never, never, true, never>;
+declare class KlesButtonComponent extends KlesButtonBase implements OnInit {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonComponent, "kles-button", never, {}, {}, never, never, true, never>;
+}
+
+declare class KlesTransformPipe implements PipeTransform {
+    transform(value: any, pipes: {
+        pipe: PipeTransform;
+        options?: any[];
+    }[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesTransformPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KlesTransformPipe, "klesTransform", true>;
+}
+
+declare class ArrayFormatPipe implements PipeTransform {
+    transform(values: any[], property?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ArrayFormatPipe, "arrayFormat", true>;
+}
+
+interface IKlesClearControl extends IKlesField {
+    clear(event: any): void;
+}
+
+declare class KlesFormClearComponent implements IKlesClearControl, OnDestroy {
+    readonly field: IKlesFieldConfig;
+    readonly group: FormGroup<any>;
+    readonly siblingFields: IKlesFieldConfig[];
+    private _onDestroy;
+    disabled: Signal<boolean>;
+    constructor();
+    ngOnDestroy(): void;
+    clear(event: any): void;
+    private isPresent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFormClearComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormClearComponent, "kles-form-clear", never, {}, {}, never, never, true, never>;
 }
 
 declare class MatErrorMessageDirective implements AfterViewInit {
@@ -535,13 +532,6 @@ declare class KlesFormFileComponent extends KlesFieldAbstract {
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormFileComponent, "kles-form-file", never, {}, {}, never, never, true, never>;
 }
 
-declare class KlesButtonComponent extends KlesButtonBase implements OnInit {
-    mdcClasses: i0.WritableSignal<string[]>;
-    set attribute(attribute: EnumButtonAttribute);
-    static ɵfac: i0.ɵɵFactoryDeclaration<KlesButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KlesButtonComponent, "kles-button", never, { "attribute": { "alias": "attribute"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 declare class KlesFormButtonComponent extends KlesFieldAbstract implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -925,6 +915,11 @@ declare class KlesFormFabComponent extends KlesFieldAbstract implements OnInit,
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesFormFabComponent, "kles-form-fab", never, {}, {}, never, never, true, never>;
 }
 
+declare class KlesFabComponent extends KlesButtonBase implements OnInit {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlesFabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KlesFabComponent, "kles-fab", never, {}, {}, never, never, true, never>;
+}
+
 declare class KlesMiniFabComponent extends KlesButtonBase implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<KlesMiniFabComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KlesMiniFabComponent, "kles-mini-fab", never, {}, {}, never, never, true, never>;
@@ -962,7 +957,7 @@ declare class KlesFormSelectionListSearchComponent extends KlesFieldAbstract imp
 }
 
 declare class KlesMaterialDynamicformsModule {
-    static declarations: ((typeof KlesFormClearComponent | typeof KlesDynamicFormComponent | typeof KlesFormLabelComponent | typeof KlesFabComponent | typeof KlesIndeterminateCheckboxComponent | typeof KlesFileControlComponent | typeof KlesFormCopyComponent)[] | (typeof KlesDynamicFieldDirective | typeof MatErrorFormDirective | typeof KlesComponentDirective | typeof MatErrorMessageDirective)[] | (typeof KlesTransformPipe | typeof ArrayFormatPipe)[])[];
+    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 KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective, typeof KlesTransformPipe, typeof ArrayFormatPipe, typeof i56.ColorPickerComponent, typeof i56.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 KlesTransformPipe, typeof ArrayFormatPipe, typeof KlesDynamicFieldDirective, typeof KlesComponentDirective, typeof MatErrorMessageDirective, typeof MatErrorFormDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KlesMaterialDynamicformsModule>;
@@ -1079,5 +1074,5 @@ declare const SIBLING_FIELDS: InjectionToken<IKlesFieldConfig[]>;
 declare const GROUP_UI: InjectionToken<GroupUiState<any>>;
 declare const FIELD: InjectionToken<IKlesFieldConfig>;
 
-export { AbstractUiState, ArrayFormatPipe, ArrayUiState, ControlUiState, EnumButtonAttribute, EnumType, FIELD, FIELD_NAME, FieldMapper, GROUP, GROUP_UI, GroupUiState, KlesAbstractFormControl, KlesAbstractFormUiControl, KlesButtonBase, KlesButtonCheckerComponent, KlesButtonComponent, KlesButtonFileComponent, KlesComponentDirective, KlesDynamicFieldDirective, KlesDynamicFormComponent, KlesDynamicFormIntl, KlesFabComponent, KlesFieldAbstract, KlesFileControlComponent, KlesFormArray, KlesFormArrayComponent, KlesFormBadgeComponent, KlesFormButtonCheckerComponent, KlesFormButtonComponent, KlesFormButtonFileComponent, KlesFormButtonToogleGroupComponent, KlesFormCheckboxComponent, KlesFormCheckboxIndeterminateComponent, KlesFormChipComponent, KlesFormClearComponent, KlesFormColorComponent, KlesFormControl, KlesFormCopyComponent, KlesFormDateComponent, KlesFormDateTimeComponent, KlesFormErrorStateMatcher, KlesFormFabComponent, KlesFormFileComponent, KlesFormGroup, KlesFormGroupComponent, KlesFormIconButtonComponent, KlesFormIconComponent, KlesFormInputClearableComponent, KlesFormInputComponent, KlesFormLabelComponent, KlesFormLineBreakComponent, KlesFormLinkComponent, KlesFormListFieldComponent, KlesFormMiniFabComponent, KlesFormPasswordVisibilityComponent, KlesFormRadioComponent, KlesFormRange, KlesFormRangeComponent, KlesFormSelectComponent, KlesFormSelectLazySearchComponent, KlesFormSelectSearchComponent, KlesFormSelectionListComponent, KlesFormSelectionListSearchComponent, KlesFormSlideToggleComponent, KlesFormTextComponent, KlesFormTextareaComponent, KlesFormUiArray, KlesFormUiControl, KlesFormUiGroup, KlesIconButtonComponent, KlesIndeterminateCheckboxComponent, KlesMaterialDynamicformsModule, KlesMiniFabComponent, KlesSelectionModel, KlesTransformPipe, MatErrorFormDirective, MatErrorMessageDirective, SIBLING_FIELDS, autocompleteObjectValidator, autocompleteStringValidator, componentMapper, isDestroyable, klesFieldControlFactory, klesFieldUiFactory };
+export { AbstractUiState, ArrayFormatPipe, ArrayUiState, ControlUiState, EnumType, FIELD, FIELD_NAME, FieldMapper, GROUP, GROUP_UI, GroupUiState, KlesAbstractFormControl, KlesAbstractFormUiControl, KlesButtonBase, KlesButtonCheckerComponent, KlesButtonComponent, KlesButtonFileComponent, KlesComponentDirective, KlesDynamicFieldDirective, KlesDynamicFormComponent, KlesDynamicFormIntl, KlesFabComponent, KlesFieldAbstract, KlesFileControlComponent, KlesFormArray, KlesFormArrayComponent, KlesFormBadgeComponent, KlesFormButtonCheckerComponent, KlesFormButtonComponent, KlesFormButtonFileComponent, KlesFormButtonToogleGroupComponent, KlesFormCheckboxComponent, KlesFormCheckboxIndeterminateComponent, KlesFormChipComponent, KlesFormClearComponent, KlesFormColorComponent, KlesFormControl, KlesFormCopyComponent, KlesFormDateComponent, KlesFormDateTimeComponent, KlesFormErrorStateMatcher, KlesFormFabComponent, KlesFormFileComponent, KlesFormGroup, KlesFormGroupComponent, KlesFormIconButtonComponent, KlesFormIconComponent, KlesFormInputClearableComponent, KlesFormInputComponent, KlesFormLabelComponent, KlesFormLineBreakComponent, KlesFormLinkComponent, KlesFormListFieldComponent, KlesFormMiniFabComponent, KlesFormPasswordVisibilityComponent, KlesFormRadioComponent, KlesFormRange, KlesFormRangeComponent, KlesFormSelectComponent, KlesFormSelectLazySearchComponent, KlesFormSelectSearchComponent, KlesFormSelectionListComponent, KlesFormSelectionListSearchComponent, KlesFormSlideToggleComponent, KlesFormTextComponent, KlesFormTextareaComponent, KlesFormUiArray, KlesFormUiControl, KlesFormUiGroup, KlesIconButtonComponent, KlesIndeterminateCheckboxComponent, KlesMaterialDynamicformsModule, KlesMiniFabComponent, KlesSelectionModel, KlesTransformPipe, MatErrorFormDirective, MatErrorMessageDirective, SIBLING_FIELDS, autocompleteObjectValidator, autocompleteStringValidator, componentMapper, isDestroyable, klesFieldControlFactory, klesFieldUiFactory };
 export type { Destroyable, IButton, IButtonChecker, IButtonFile, IKlesClearControl, IKlesComponent, IKlesControl, IKlesDirective, IKlesField, IKlesFieldConfig, IKlesFieldUi, IKlesFormField, IKlesUi, IKlesValidator, IUIButton, KlesValidationKey };