@ethlete/cdk 4.37.2 → 4.38.1

package/lib/components/forms/components/input/components/color-input/color-input.component.d.ts

@@ -0,0 +1,10 @@
+import { DecoratedInputBase } from '../../../../utils';
+import { ColorInputDirective } from '../../directives/color-input';
+import * as i0 from "@angular/core";
+import * as i1 from "../../directives/color-input/color-input.directive";
+import * as i2 from "../../../../directives/input/input.directive";
+export declare class ColorInputComponent extends DecoratedInputBase {
+    protected readonly colorInput: ColorInputDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorInputComponent, "et-color-input", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]"], true, [{ directive: typeof i1.ColorInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "autocomplete": "autocomplete"; "placeholder": "placeholder"; }; outputs: {}; }]>;
+}

package/lib/components/forms/components/input/components/color-input/index.d.ts

@@ -0,0 +1 @@
+export * from './color-input.component';

package/lib/components/forms/components/input/directives/color-input/color-input.directive.d.ts

@@ -0,0 +1,13 @@
+import { InjectionToken, OnInit } from '@angular/core';
+import { InputDirective } from '../../../../directives/input';
+import * as i0 from "@angular/core";
+export declare const COLOR_INPUT_TOKEN: InjectionToken<ColorInputDirective>;
+export declare class ColorInputDirective implements OnInit {
+    private readonly _destroy$;
+    readonly input: InputDirective<string | null, HTMLElement>;
+    ngOnInit(): void;
+    _onInputInteraction(event: Event): void;
+    _controlTouched(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColorInputDirective, never, ["etColorInput"], {}, {}, never, never, true, never>;
+}

package/lib/components/forms/components/input/directives/color-input/index.d.ts

@@ -0,0 +1 @@
+export * from './color-input.directive';

package/lib/components/forms/components/input/input.imports.d.ts

@@ -3,6 +3,7 @@ import { IfInputFilledDirective } from '../../directives/if-input-filled';
 import { InputPrefixDirective } from '../../directives/input-prefix';
 import { InputSuffixDirective } from '../../directives/input-suffix';
 import { LabelComponent } from '../label/components/label';
+import { ColorInputComponent } from './components/color-input';
 import { DateInputComponent } from './components/date-input';
 import { DateTimeInputComponent } from './components/date-time-input';
 import { EmailInputComponent } from './components/email-input';
@@ -19,4 +20,4 @@ import { IfSupportsShowPickerDirective } from './directives/if-supports-show-pic
 import { ShowPickerTriggerDirective } from './directives/show-picker-trigger';
 import { PasswordInputToggleComponent } from './partials/password-input-toggle';
 import { SearchInputClearComponent } from './partials/search-input-clear';
-export declare const InputImports: readonly [typeof InputFieldComponent, typeof NumberInputComponent, typeof SearchInputComponent, typeof PasswordInputComponent, typeof PasswordInputToggleComponent, typeof TextInputComponent, typeof TextareaInputComponent, typeof TelInputComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof IfInputFilledDirective, typeof ShowPickerTriggerDirective, typeof IfInputEmptyDirective, typeof SearchInputClearComponent, typeof EmailInputComponent, typeof LabelComponent, typeof DateInputComponent, typeof DateTimeInputComponent, typeof TimeInputComponent, typeof IfSupportsShowPickerDirective, typeof AutosizeTextareaDirective];
+export declare const InputImports: readonly [typeof InputFieldComponent, typeof NumberInputComponent, typeof SearchInputComponent, typeof PasswordInputComponent, typeof PasswordInputToggleComponent, typeof TextInputComponent, typeof TextareaInputComponent, typeof TelInputComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof IfInputFilledDirective, typeof ShowPickerTriggerDirective, typeof IfInputEmptyDirective, typeof SearchInputClearComponent, typeof EmailInputComponent, typeof LabelComponent, typeof DateInputComponent, typeof DateTimeInputComponent, typeof TimeInputComponent, typeof IfSupportsShowPickerDirective, typeof AutosizeTextareaDirective, typeof ColorInputComponent];

package/lib/components/forms/utils/form-changes-tracker.util.d.ts

@@ -0,0 +1,47 @@
+import { Signal } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+export interface FormChangesTrackerRef<T> {
+    /**
+     * Set the default form value to the current form value.
+     * Useful when the form value changes.
+     *
+     * (e.g. when a http request was needed to fill the remaining form fields to their default values)
+     */
+    refreshDefaultFormValue: () => void;
+    /**
+     * Restore the default form value to the form.
+     */
+    restoreDefaultFormValue: () => void;
+    /**
+     * Checks if the form has changes compared to the default form value.
+     * @returns `true` if the form has changes.
+     */
+    hasChanges: Signal<boolean>;
+    /**
+     * The default form value to compare the current form value to
+     */
+    defaultFormValue: Signal<T>;
+}
+export type CreateFormChangesTrackerConfig<T extends AbstractControl> = {
+    /**
+     * The form to check for changes
+     */
+    form: T;
+    /**
+     * The default value to compare the current form value to
+     *
+     * @default form.getRawValue()
+     */
+    defaultValue?: ReturnType<T['getRawValue']>;
+    /**
+     * A custom compare function to compare the current form value to the default value.
+     * By default, a deep comparison will be used.
+     *
+     * @default (currentValue, defaultValue) => equal(currentValue, defaultValue)
+     */
+    compareFn?: (currentValue: ReturnType<T['getRawValue']>, defaultValue: ReturnType<T['getRawValue']>) => boolean;
+};
+/**
+ * A utility function to enhance form usage by providing methods to manage form state and detect changes.
+ */
+export declare const createFormChangesTracker: <T extends AbstractControl>(config: CreateFormChangesTrackerConfig<T>) => FormChangesTrackerRef<ReturnType<T["getRawValue"]>>;

package/lib/components/forms/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './decorated-form-field.base';
 export * from './decorated-input.base';
+export * from './form-changes-tracker.util';
 export * from './input.base';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "4.37.2",
+  "version": "4.38.1",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",