@ethlete/cdk 4.38.0 → 4.38.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ethlete/cdk
 
+## 4.38.1
+
+### Patch Changes
+
+- [#2166](https://github.com/ethlete-io/ethdk/pull/2166) [`e48eb0f`](https://github.com/ethlete-io/ethdk/commit/e48eb0fc82aecbd1360e9da451bde1c6dd89535f) Thanks [@baltruschat](https://github.com/baltruschat)! - Add color input
+
 ## 4.38.0
 
 ### Minor Changes

package/esm2022/lib/components/forms/components/input/components/color-input/color-input.component.mjs

@@ -0,0 +1,24 @@
+import { AsyncPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';
+import { InputDirective } from '../../../../directives/input';
+import { NativeInputRefDirective } from '../../../../directives/native-input-ref';
+import { DecoratedInputBase } from '../../../../utils';
+import { COLOR_INPUT_TOKEN, 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 class ColorInputComponent extends DecoratedInputBase {
+    constructor() {
+        super(...arguments);
+        this.colorInput = inject(COLOR_INPUT_TOKEN);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ColorInputComponent, isStandalone: true, selector: "et-color-input", host: { classAttribute: "et-color-input" }, usesInheritance: true, hostDirectives: [{ directive: i1.ColorInputDirective }, { directive: i2.InputDirective, inputs: ["autocomplete", "autocomplete", "placeholder", "placeholder"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<input\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.placeholder]=\"input.placeholder || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"colorInput._onInputInteraction($event)\"\n  (blur)=\"colorInput._controlTouched()\"\n  class=\"et-input-native-control et-color-input-native-control\"\n  type=\"color\"\n  etNativeInputRef\n/>\n\n<ng-content select=\"[etInputSuffix]\" />\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'et-color-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'et-color-input',
+                    }, imports: [AsyncPipe, NativeInputRefDirective], hostDirectives: [ColorInputDirective, { directive: InputDirective, inputs: ['autocomplete', 'placeholder'] }], template: "<ng-content select=\"[etInputPrefix]\" />\n\n<input\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.placeholder]=\"input.placeholder || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"colorInput._onInputInteraction($event)\"\n  (blur)=\"colorInput._controlTouched()\"\n  class=\"et-input-native-control et-color-input-native-control\"\n  type=\"color\"\n  etNativeInputRef\n/>\n\n<ng-content select=\"[etInputSuffix]\" />\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvaW5wdXQvY29tcG9uZW50cy9jb2xvci1pbnB1dC9jb2xvci1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9pbnB1dC9jb21wb25lbnRzL2NvbG9yLWlucHV0L2NvbG9yLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFldEYsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGtCQUFrQjtJQWIzRDs7UUFjcUIsZUFBVSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0tBQzNEOzhHQUZZLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGdUQ3BCaEMseW5CQWtCQSxxREREWSxTQUFTLDhDQUFFLHVCQUF1Qjs7MkZBR2pDLG1CQUFtQjtrQkFiL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZCxJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osS0FBSyxFQUFFLGdCQUFnQjtxQkFDeEIsV0FDUSxDQUFDLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxrQkFDN0IsQ0FBQyxtQkFBbUIsRUFBRSxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLENBQUMsY0FBYyxFQUFFLGFBQWEsQ0FBQyxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi8uLi9kaXJlY3RpdmVzL2lucHV0JztcbmltcG9ydCB7IE5hdGl2ZUlucHV0UmVmRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcy9uYXRpdmUtaW5wdXQtcmVmJztcbmltcG9ydCB7IERlY29yYXRlZElucHV0QmFzZSB9IGZyb20gJy4uLy4uLy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IENPTE9SX0lOUFVUX1RPS0VOLCBDb2xvcklucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9jb2xvci1pbnB1dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V0LWNvbG9yLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29sb3ItaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2V0LWNvbG9yLWlucHV0JyxcbiAgfSxcbiAgaW1wb3J0czogW0FzeW5jUGlwZSwgTmF0aXZlSW5wdXRSZWZEaXJlY3RpdmVdLFxuICBob3N0RGlyZWN0aXZlczogW0NvbG9ySW5wdXREaXJlY3RpdmUsIHsgZGlyZWN0aXZlOiBJbnB1dERpcmVjdGl2ZSwgaW5wdXRzOiBbJ2F1dG9jb21wbGV0ZScsICdwbGFjZWhvbGRlciddIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xvcklucHV0Q29tcG9uZW50IGV4dGVuZHMgRGVjb3JhdGVkSW5wdXRCYXNlIHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGNvbG9ySW5wdXQgPSBpbmplY3QoQ09MT1JfSU5QVVRfVE9LRU4pO1xufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V0SW5wdXRQcmVmaXhdXCIgLz5cblxuPGlucHV0XG4gIFthdHRyLmlkXT1cImlucHV0LmlkXCJcbiAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImlucHV0LmxhYmVsSWQkIHwgYXN5bmNcIlxuICBbcmVxdWlyZWRdPVwiaW5wdXQucmVxdWlyZWQkIHwgYXN5bmNcIlxuICBbZGlzYWJsZWRdPVwiaW5wdXQuZGlzYWJsZWQkIHwgYXN5bmNcIlxuICBbYXR0ci5hdXRvY29tcGxldGVdPVwiaW5wdXQuYXV0b2NvbXBsZXRlIHx8IG51bGxcIlxuICBbYXR0ci5wbGFjZWhvbGRlcl09XCJpbnB1dC5wbGFjZWhvbGRlciB8fCBudWxsXCJcbiAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCJpbnB1dC5kZXNjcmliZWRCeSQgfCBhc3luY1wiXG4gIChpbnB1dCk9XCJjb2xvcklucHV0Ll9vbklucHV0SW50ZXJhY3Rpb24oJGV2ZW50KVwiXG4gIChibHVyKT1cImNvbG9ySW5wdXQuX2NvbnRyb2xUb3VjaGVkKClcIlxuICBjbGFzcz1cImV0LWlucHV0LW5hdGl2ZS1jb250cm9sIGV0LWNvbG9yLWlucHV0LW5hdGl2ZS1jb250cm9sXCJcbiAgdHlwZT1cImNvbG9yXCJcbiAgZXROYXRpdmVJbnB1dFJlZlxuLz5cblxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V0SW5wdXRTdWZmaXhdXCIgLz5cbiJdfQ==

package/esm2022/lib/components/forms/components/input/components/color-input/index.mjs

@@ -0,0 +1,2 @@
+export * from './color-input.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9pbnB1dC9jb21wb25lbnRzL2NvbG9yLWlucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbG9yLWlucHV0LmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/lib/components/forms/components/input/directives/color-input/color-input.directive.mjs

@@ -0,0 +1,50 @@
+import { Directive, inject, InjectionToken } from '@angular/core';
+import { createDestroy } from '@ethlete/core';
+import { combineLatest, takeUntil, tap } from 'rxjs';
+import { INPUT_TOKEN } from '../../../../directives/input';
+import * as i0 from "@angular/core";
+export const COLOR_INPUT_TOKEN = new InjectionToken('ET_COLOR_INPUT_DIRECTIVE_TOKEN');
+export class ColorInputDirective {
+    constructor() {
+        this._destroy$ = createDestroy();
+        this.input = inject(INPUT_TOKEN);
+    }
+    ngOnInit() {
+        combineLatest([this.input.value$, this.input.nativeInputElement$])
+            .pipe(tap(([value, inputEl]) => {
+            if (!inputEl)
+                return;
+            if (value !== inputEl.value) {
+                inputEl.value = value ?? '';
+            }
+        }), takeUntil(this._destroy$))
+            .subscribe();
+    }
+    _onInputInteraction(event) {
+        event.stopPropagation();
+        const input = event.target;
+        const value = input.value;
+        if (value === '') {
+            this.input._updateValue(null);
+        }
+        else {
+            this.input._updateValue(value);
+        }
+        this.input._markAsTouched();
+    }
+    _controlTouched() {
+        this.input._markAsTouched();
+        this.input._setShouldDisplayError(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ColorInputDirective, isStandalone: true, providers: [{ provide: COLOR_INPUT_TOKEN, useExisting: ColorInputDirective }], exportAs: ["etColorInput"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    exportAs: 'etColorInput',
+                    providers: [{ provide: COLOR_INPUT_TOKEN, useExisting: ColorInputDirective }],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvaW5wdXQvZGlyZWN0aXZlcy9jb2xvci1pbnB1dC9jb2xvci1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQWtCLE1BQU0sOEJBQThCLENBQUM7O0FBRTNFLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLElBQUksY0FBYyxDQUFzQixnQ0FBZ0MsQ0FBQyxDQUFDO0FBTzNHLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFNbUIsY0FBUyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQ3BDLFVBQUssR0FBRyxNQUFNLENBQWdDLFdBQVcsQ0FBQyxDQUFDO0tBb0NyRTtJQWxDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO2FBQy9ELElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsRUFBRSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPO2dCQUFFLE9BQU87WUFFckIsSUFBSSxLQUFLLEtBQUssT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUM1QixPQUFPLENBQUMsS0FBSyxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDOUIsQ0FBQztRQUNILENBQUMsQ0FBQyxFQUNGLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQzFCO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELG1CQUFtQixDQUFDLEtBQVk7UUFDOUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFFMUIsSUFBSSxLQUFLLEtBQUssRUFBRSxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEMsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxDQUFDO1FBRUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQyxDQUFDOzhHQXJDVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixpQ0FGbkIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQzs7MkZBRWxFLG1CQUFtQjtrQkFML0IsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcscUJBQXFCLEVBQUUsQ0FBQztpQkFDOUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIGluamVjdCwgSW5qZWN0aW9uVG9rZW4sIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY3JlYXRlRGVzdHJveSB9IGZyb20gJ0BldGhsZXRlL2NvcmUnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElOUFVUX1RPS0VOLCBJbnB1dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMvaW5wdXQnO1xuXG5leHBvcnQgY29uc3QgQ09MT1JfSU5QVVRfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48Q29sb3JJbnB1dERpcmVjdGl2ZT4oJ0VUX0NPTE9SX0lOUFVUX0RJUkVDVElWRV9UT0tFTicpO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZXhwb3J0QXM6ICdldENvbG9ySW5wdXQnLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IENPTE9SX0lOUFVUX1RPS0VOLCB1c2VFeGlzdGluZzogQ29sb3JJbnB1dERpcmVjdGl2ZSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JJbnB1dERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2Rlc3Ryb3kkID0gY3JlYXRlRGVzdHJveSgpO1xuICByZWFkb25seSBpbnB1dCA9IGluamVjdDxJbnB1dERpcmVjdGl2ZTxzdHJpbmcgfCBudWxsPj4oSU5QVVRfVE9LRU4pO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGNvbWJpbmVMYXRlc3QoW3RoaXMuaW5wdXQudmFsdWUkLCB0aGlzLmlucHV0Lm5hdGl2ZUlucHV0RWxlbWVudCRdKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgoW3ZhbHVlLCBpbnB1dEVsXSkgPT4ge1xuICAgICAgICAgIGlmICghaW5wdXRFbCkgcmV0dXJuO1xuXG4gICAgICAgICAgaWYgKHZhbHVlICE9PSBpbnB1dEVsLnZhbHVlKSB7XG4gICAgICAgICAgICBpbnB1dEVsLnZhbHVlID0gdmFsdWUgPz8gJyc7XG4gICAgICAgICAgfVxuICAgICAgICB9KSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIF9vbklucHV0SW50ZXJhY3Rpb24oZXZlbnQ6IEV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGNvbnN0IHZhbHVlID0gaW5wdXQudmFsdWU7XG5cbiAgICBpZiAodmFsdWUgPT09ICcnKSB7XG4gICAgICB0aGlzLmlucHV0Ll91cGRhdGVWYWx1ZShudWxsKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnB1dC5fdXBkYXRlVmFsdWUodmFsdWUpO1xuICAgIH1cblxuICAgIHRoaXMuaW5wdXQuX21hcmtBc1RvdWNoZWQoKTtcbiAgfVxuXG4gIF9jb250cm9sVG91Y2hlZCgpIHtcbiAgICB0aGlzLmlucHV0Ll9tYXJrQXNUb3VjaGVkKCk7XG4gICAgdGhpcy5pbnB1dC5fc2V0U2hvdWxkRGlzcGxheUVycm9yKHRydWUpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/forms/components/input/directives/color-input/index.mjs

@@ -0,0 +1,2 @@
+export * from './color-input.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9pbnB1dC9kaXJlY3RpdmVzL2NvbG9yLWlucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbG9yLWlucHV0LmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2022/lib/components/forms/components/input/input.imports.mjs

@@ -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';
@@ -41,5 +42,6 @@ export const InputImports = [
     TimeInputComponent,
     IfSupportsShowPickerDirective,
     AutosizeTextareaDirective,
+    ColorInputComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuaW1wb3J0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL2lucHV0L2lucHV0LmltcG9ydHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRTFFLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRztJQUMxQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLG9CQUFvQjtJQUNwQixzQkFBc0I7SUFDdEIsNEJBQTRCO0lBQzVCLGtCQUFrQjtJQUNsQixzQkFBc0I7SUFDdEIsaUJBQWlCO0lBQ2pCLG9CQUFvQjtJQUNwQixvQkFBb0I7SUFDcEIsc0JBQXNCO0lBQ3RCLDBCQUEwQjtJQUMxQixxQkFBcUI7SUFDckIseUJBQXlCO0lBQ3pCLG1CQUFtQjtJQUNuQixjQUFjO0lBQ2Qsa0JBQWtCO0lBQ2xCLHNCQUFzQjtJQUN0QixrQkFBa0I7SUFDbEIsNkJBQTZCO0lBQzdCLHlCQUF5QjtDQUNqQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWZJbnB1dEVtcHR5RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9pZi1pbnB1dC1lbXB0eSc7XG5pbXBvcnQgeyBJZklucHV0RmlsbGVkRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9pZi1pbnB1dC1maWxsZWQnO1xuaW1wb3J0IHsgSW5wdXRQcmVmaXhEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2lucHV0LXByZWZpeCc7XG5pbXBvcnQgeyBJbnB1dFN1ZmZpeERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvaW5wdXQtc3VmZml4JztcbmltcG9ydCB7IExhYmVsQ29tcG9uZW50IH0gZnJvbSAnLi4vbGFiZWwvY29tcG9uZW50cy9sYWJlbCc7XG5pbXBvcnQgeyBEYXRlSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZGF0ZS1pbnB1dCc7XG5pbXBvcnQgeyBEYXRlVGltZUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2RhdGUtdGltZS1pbnB1dCc7XG5pbXBvcnQgeyBFbWFpbElucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2VtYWlsLWlucHV0JztcbmltcG9ydCB7IElucHV0RmllbGRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvaW5wdXQtZmllbGQnO1xuaW1wb3J0IHsgTnVtYmVySW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbnVtYmVyLWlucHV0JztcbmltcG9ydCB7IFBhc3N3b3JkSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcGFzc3dvcmQtaW5wdXQnO1xuaW1wb3J0IHsgU2VhcmNoSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc2VhcmNoLWlucHV0JztcbmltcG9ydCB7IFRlbElucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3RlbC1pbnB1dCc7XG5pbXBvcnQgeyBUZXh0SW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvdGV4dC1pbnB1dCc7XG5pbXBvcnQgeyBUZXh0YXJlYUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3RleHRhcmVhLWlucHV0JztcbmltcG9ydCB7IFRpbWVJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy90aW1lLWlucHV0JztcbmltcG9ydCB7IEF1dG9zaXplVGV4dGFyZWFEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvYXV0b3NpemUtdGV4dGFyZWEnO1xuaW1wb3J0IHsgSWZTdXBwb3J0c1Nob3dQaWNrZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvaWYtc3VwcG9ydHMtc2hvdy1waWNrZXInO1xuaW1wb3J0IHsgU2hvd1BpY2tlclRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvc2hvdy1waWNrZXItdHJpZ2dlcic7XG5pbXBvcnQgeyBQYXNzd29yZElucHV0VG9nZ2xlQ29tcG9uZW50IH0gZnJvbSAnLi9wYXJ0aWFscy9wYXNzd29yZC1pbnB1dC10b2dnbGUnO1xuaW1wb3J0IHsgU2VhcmNoSW5wdXRDbGVhckNvbXBvbmVudCB9IGZyb20gJy4vcGFydGlhbHMvc2VhcmNoLWlucHV0LWNsZWFyJztcblxuZXhwb3J0IGNvbnN0IElucHV0SW1wb3J0cyA9IFtcbiAgSW5wdXRGaWVsZENvbXBvbmVudCxcbiAgTnVtYmVySW5wdXRDb21wb25lbnQsXG4gIFNlYXJjaElucHV0Q29tcG9uZW50LFxuICBQYXNzd29yZElucHV0Q29tcG9uZW50LFxuICBQYXNzd29yZElucHV0VG9nZ2xlQ29tcG9uZW50LFxuICBUZXh0SW5wdXRDb21wb25lbnQsXG4gIFRleHRhcmVhSW5wdXRDb21wb25lbnQsXG4gIFRlbElucHV0Q29tcG9uZW50LFxuICBJbnB1dFByZWZpeERpcmVjdGl2ZSxcbiAgSW5wdXRTdWZmaXhEaXJlY3RpdmUsXG4gIElmSW5wdXRGaWxsZWREaXJlY3RpdmUsXG4gIFNob3dQaWNrZXJUcmlnZ2VyRGlyZWN0aXZlLFxuICBJZklucHV0RW1wdHlEaXJlY3RpdmUsXG4gIFNlYXJjaElucHV0Q2xlYXJDb21wb25lbnQsXG4gIEVtYWlsSW5wdXRDb21wb25lbnQsXG4gIExhYmVsQ29tcG9uZW50LFxuICBEYXRlSW5wdXRDb21wb25lbnQsXG4gIERhdGVUaW1lSW5wdXRDb21wb25lbnQsXG4gIFRpbWVJbnB1dENvbXBvbmVudCxcbiAgSWZTdXBwb3J0c1Nob3dQaWNrZXJEaXJlY3RpdmUsXG4gIEF1dG9zaXplVGV4dGFyZWFEaXJlY3RpdmUsXG5dIGFzIGNvbnN0O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuaW1wb3J0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL2lucHV0L2lucHV0LmltcG9ydHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRTFFLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRztJQUMxQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLG9CQUFvQjtJQUNwQixzQkFBc0I7SUFDdEIsNEJBQTRCO0lBQzVCLGtCQUFrQjtJQUNsQixzQkFBc0I7SUFDdEIsaUJBQWlCO0lBQ2pCLG9CQUFvQjtJQUNwQixvQkFBb0I7SUFDcEIsc0JBQXNCO0lBQ3RCLDBCQUEwQjtJQUMxQixxQkFBcUI7SUFDckIseUJBQXlCO0lBQ3pCLG1CQUFtQjtJQUNuQixjQUFjO0lBQ2Qsa0JBQWtCO0lBQ2xCLHNCQUFzQjtJQUN0QixrQkFBa0I7SUFDbEIsNkJBQTZCO0lBQzdCLHlCQUF5QjtJQUN6QixtQkFBbUI7Q0FDWCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWZJbnB1dEVtcHR5RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9pZi1pbnB1dC1lbXB0eSc7XG5pbXBvcnQgeyBJZklucHV0RmlsbGVkRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9pZi1pbnB1dC1maWxsZWQnO1xuaW1wb3J0IHsgSW5wdXRQcmVmaXhEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2lucHV0LXByZWZpeCc7XG5pbXBvcnQgeyBJbnB1dFN1ZmZpeERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvaW5wdXQtc3VmZml4JztcbmltcG9ydCB7IExhYmVsQ29tcG9uZW50IH0gZnJvbSAnLi4vbGFiZWwvY29tcG9uZW50cy9sYWJlbCc7XG5pbXBvcnQgeyBDb2xvcklucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbG9yLWlucHV0JztcbmltcG9ydCB7IERhdGVJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9kYXRlLWlucHV0JztcbmltcG9ydCB7IERhdGVUaW1lSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZGF0ZS10aW1lLWlucHV0JztcbmltcG9ydCB7IEVtYWlsSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZW1haWwtaW5wdXQnO1xuaW1wb3J0IHsgSW5wdXRGaWVsZENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9pbnB1dC1maWVsZCc7XG5pbXBvcnQgeyBOdW1iZXJJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9udW1iZXItaW5wdXQnO1xuaW1wb3J0IHsgUGFzc3dvcmRJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9wYXNzd29yZC1pbnB1dCc7XG5pbXBvcnQgeyBTZWFyY2hJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zZWFyY2gtaW5wdXQnO1xuaW1wb3J0IHsgVGVsSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvdGVsLWlucHV0JztcbmltcG9ydCB7IFRleHRJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy90ZXh0LWlucHV0JztcbmltcG9ydCB7IFRleHRhcmVhSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvdGV4dGFyZWEtaW5wdXQnO1xuaW1wb3J0IHsgVGltZUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3RpbWUtaW5wdXQnO1xuaW1wb3J0IHsgQXV0b3NpemVUZXh0YXJlYURpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9hdXRvc2l6ZS10ZXh0YXJlYSc7XG5pbXBvcnQgeyBJZlN1cHBvcnRzU2hvd1BpY2tlckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9pZi1zdXBwb3J0cy1zaG93LXBpY2tlcic7XG5pbXBvcnQgeyBTaG93UGlja2VyVHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9zaG93LXBpY2tlci10cmlnZ2VyJztcbmltcG9ydCB7IFBhc3N3b3JkSW5wdXRUb2dnbGVDb21wb25lbnQgfSBmcm9tICcuL3BhcnRpYWxzL3Bhc3N3b3JkLWlucHV0LXRvZ2dsZSc7XG5pbXBvcnQgeyBTZWFyY2hJbnB1dENsZWFyQ29tcG9uZW50IH0gZnJvbSAnLi9wYXJ0aWFscy9zZWFyY2gtaW5wdXQtY2xlYXInO1xuXG5leHBvcnQgY29uc3QgSW5wdXRJbXBvcnRzID0gW1xuICBJbnB1dEZpZWxkQ29tcG9uZW50LFxuICBOdW1iZXJJbnB1dENvbXBvbmVudCxcbiAgU2VhcmNoSW5wdXRDb21wb25lbnQsXG4gIFBhc3N3b3JkSW5wdXRDb21wb25lbnQsXG4gIFBhc3N3b3JkSW5wdXRUb2dnbGVDb21wb25lbnQsXG4gIFRleHRJbnB1dENvbXBvbmVudCxcbiAgVGV4dGFyZWFJbnB1dENvbXBvbmVudCxcbiAgVGVsSW5wdXRDb21wb25lbnQsXG4gIElucHV0UHJlZml4RGlyZWN0aXZlLFxuICBJbnB1dFN1ZmZpeERpcmVjdGl2ZSxcbiAgSWZJbnB1dEZpbGxlZERpcmVjdGl2ZSxcbiAgU2hvd1BpY2tlclRyaWdnZXJEaXJlY3RpdmUsXG4gIElmSW5wdXRFbXB0eURpcmVjdGl2ZSxcbiAgU2VhcmNoSW5wdXRDbGVhckNvbXBvbmVudCxcbiAgRW1haWxJbnB1dENvbXBvbmVudCxcbiAgTGFiZWxDb21wb25lbnQsXG4gIERhdGVJbnB1dENvbXBvbmVudCxcbiAgRGF0ZVRpbWVJbnB1dENvbXBvbmVudCxcbiAgVGltZUlucHV0Q29tcG9uZW50LFxuICBJZlN1cHBvcnRzU2hvd1BpY2tlckRpcmVjdGl2ZSxcbiAgQXV0b3NpemVUZXh0YXJlYURpcmVjdGl2ZSxcbiAgQ29sb3JJbnB1dENvbXBvbmVudCxcbl0gYXMgY29uc3Q7XG4iXX0=

package/fesm2022/ethlete-cdk.mjs

@@ -4074,6 +4074,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                 }]
         }] });
 
+const COLOR_INPUT_TOKEN = new InjectionToken('ET_COLOR_INPUT_DIRECTIVE_TOKEN');
+class ColorInputDirective {
+    constructor() {
+        this._destroy$ = createDestroy();
+        this.input = inject(INPUT_TOKEN);
+    }
+    ngOnInit() {
+        combineLatest([this.input.value$, this.input.nativeInputElement$])
+            .pipe(tap(([value, inputEl]) => {
+            if (!inputEl)
+                return;
+            if (value !== inputEl.value) {
+                inputEl.value = value ?? '';
+            }
+        }), takeUntil(this._destroy$))
+            .subscribe();
+    }
+    _onInputInteraction(event) {
+        event.stopPropagation();
+        const input = event.target;
+        const value = input.value;
+        if (value === '') {
+            this.input._updateValue(null);
+        }
+        else {
+            this.input._updateValue(value);
+        }
+        this.input._markAsTouched();
+    }
+    _controlTouched() {
+        this.input._markAsTouched();
+        this.input._setShouldDisplayError(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ColorInputDirective, isStandalone: true, providers: [{ provide: COLOR_INPUT_TOKEN, useExisting: ColorInputDirective }], exportAs: ["etColorInput"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    exportAs: 'etColorInput',
+                    providers: [{ provide: COLOR_INPUT_TOKEN, useExisting: ColorInputDirective }],
+                }]
+        }] });
+
+class ColorInputComponent extends DecoratedInputBase {
+    constructor() {
+        super(...arguments);
+        this.colorInput = inject(COLOR_INPUT_TOKEN);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ColorInputComponent, isStandalone: true, selector: "et-color-input", host: { classAttribute: "et-color-input" }, usesInheritance: true, hostDirectives: [{ directive: ColorInputDirective }, { directive: InputDirective, inputs: ["autocomplete", "autocomplete", "placeholder", "placeholder"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<input\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.placeholder]=\"input.placeholder || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"colorInput._onInputInteraction($event)\"\n  (blur)=\"colorInput._controlTouched()\"\n  class=\"et-input-native-control et-color-input-native-control\"\n  type=\"color\"\n  etNativeInputRef\n/>\n\n<ng-content select=\"[etInputSuffix]\" />\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'et-color-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'et-color-input',
+                    }, imports: [AsyncPipe, NativeInputRefDirective], hostDirectives: [ColorInputDirective, { directive: InputDirective, inputs: ['autocomplete', 'placeholder'] }], template: "<ng-content select=\"[etInputPrefix]\" />\n\n<input\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.placeholder]=\"input.placeholder || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"colorInput._onInputInteraction($event)\"\n  (blur)=\"colorInput._controlTouched()\"\n  class=\"et-input-native-control et-color-input-native-control\"\n  type=\"color\"\n  etNativeInputRef\n/>\n\n<ng-content select=\"[etInputSuffix]\" />\n" }]
+        }] });
+
 class PasswordInputToggleComponent {
     constructor() {
         this.passwordInput = inject(PASSWORD_INPUT_TOKEN);
@@ -4130,6 +4190,7 @@ const InputImports = [
     TimeInputComponent,
     IfSupportsShowPickerDirective,
     AutosizeTextareaDirective,
+    ColorInputComponent,
 ];
 
 class LabelSuffixDirective {