@ieeesa-npm/presentation 0.13.4 → 0.13.5

package/esm2022/lib/assets/constants.json

@@ -244,5 +244,13 @@
     "defaultWelcomeBgColor": "#C0DCED",
     "timePicker": {
         "defaultTimeFormat": 12
+    },
+    "colorPicker": {
+        "selectLabel": "Select",
+        "cancelLabel": "Cancel",
+        "defaultColor": "#F4F3F3",
+        "ariaLabel": "Color Picker",
+        "ariaDescription": "Choose background color.",
+        "ariaDescribedById": "ariaColorPicker"
     }
 }

package/esm2022/lib/components/color-picker/color-picker.component.mjs

@@ -0,0 +1,157 @@
+import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgxColorsModule, NgxColorsTriggerDirective } from 'ngx-colors';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { FormErrorComponent } from '../form-error/form-error.component';
+import { FormControlType } from '../../models/form-control-types.model';
+import { ColorFormat, ColorsAnimation } from '../../models/color-format.model';
+import { FormSupportTextComponent } from '../form-support-text/form-support-text.component';
+import * as constants from '../../assets/constants.json';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/form-utility.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "ngx-colors";
+export class ColorPickerComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    formUtilityService // eslint-disable-next-line no-empty-function
+    ) {
+        this.formUtilityService = formUtilityService;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.colorPickerTexts = constants;
+        this.colorPickerChange = new EventEmitter();
+        this.colorPickerSliderChange = new EventEmitter();
+        this.canShowPalette = false;
+        this.overlayClassName = 'ieeesa-color-picker__overlay';
+        this.colorFormat = ColorFormat.hex;
+        this.colorAnimation = ColorsAnimation.popup;
+        this.formControlName = 'colorPicker';
+        this.paletteSelectLabel = this.colorPickerTexts?.colorPicker?.selectLabel;
+        this.paletteCancelLabel = this.colorPickerTexts?.colorPicker?.cancelLabel;
+        this.isColorCodeLabelNeeded = true;
+        this.isArrowIconNeeded = true;
+        this.canHideTextInput = false;
+        this.canHideColorPicker = false;
+    }
+    ngOnInit() {
+        this.group =
+            this.group ?? this.formUtilityService.getFormGroup(this.formControlName);
+        this.config =
+            this.config ??
+                this.formUtilityService.getFormFieldConfig(this.formControlName, FormControlType.COLOR_PICKER);
+        if (this.config) {
+            this.colorPickerLabel = this.config?.label ?? this.colorPickerLabel;
+            this.palette = this.config?.palette ?? this.palette;
+            this.defaultColor = this.config?.defaultColor ?? this.defaultColor;
+            this.colorFormat = this.config?.colorFormat ?? this.colorFormat;
+            this.overlayClassName =
+                this.config?.overlayClassName ?? this.overlayClassName;
+            this.isColorCodeLabelNeeded =
+                this.config?.isColorCodeLabelNeeded ?? this.isColorCodeLabelNeeded;
+            this.isArrowIconNeeded =
+                this.config?.isArrowIconNeeded ?? this.isArrowIconNeeded;
+            this.canHideTextInput =
+                this.config?.canHideTextInput ?? this.canHideTextInput;
+            this.canHideColorPicker =
+                this.config?.canHideColorPicker ?? this.canHideColorPicker;
+        }
+        this.group.get(this.config.controlName)?.setValue(this.defaultColor);
+    }
+    /**
+     * Sets the color to form group control.
+     * @memberof ColorPickerComponent
+     * @param {string} color
+     * @returns {void}
+     */
+    inputChange(color) {
+        this.defaultColor = color;
+        this.group?.get(this.config?.controlName)?.setValue(color);
+        this.colorPickerChange.emit(color);
+    }
+    /**
+     * Sets canShowPalette to true when the palette is opened.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    onOpenPalette() {
+        this.canShowPalette = true;
+    }
+    /**
+     * Sets canShowPalette to false when the palette is closed.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    onClosePalette() {
+        this.canShowPalette = false;
+    }
+    /**
+     * Gets triggered when the the alpha, hue or Lightness sliders are changed
+     * @param {string} color
+     */
+    onSliderChange(color) {
+        this.colorPickerSliderChange.emit(color);
+    }
+    /**
+     * Toggles the palette panel.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    togglePalette() {
+        this.canShowPalette = !this.canShowPalette;
+        if (this.canShowPalette)
+            this.colorPickerDirective?.openPanel();
+        else
+            this.colorPickerDirective?.closePanel();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorPickerComponent, deps: [{ token: i1.FormUtilityService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColorPickerComponent, isStandalone: true, selector: "ieeesa-color-picker", inputs: { defaultColor: "defaultColor", palette: "palette", overlayClassName: "overlayClassName", colorFormat: "colorFormat", colorAnimation: "colorAnimation", formControlName: "formControlName", paletteSelectLabel: "paletteSelectLabel", paletteCancelLabel: "paletteCancelLabel", colorPickerLabel: "colorPickerLabel", isColorCodeLabelNeeded: "isColorCodeLabelNeeded", isArrowIconNeeded: "isArrowIconNeeded", canHideTextInput: "canHideTextInput", canHideColorPicker: "canHideColorPicker" }, outputs: { colorPickerChange: "colorPickerChange", colorPickerSliderChange: "colorPickerSliderChange" }, viewQueries: [{ propertyName: "colorPickerDirective", first: true, predicate: NgxColorsTriggerDirective, descendants: true, static: true }], ngImport: i0, template: "<div\r\n  [formGroup]=\"group\"\r\n  [ngClass]=\"\r\n    config?.isLabelAlignedLeft\r\n      ? 'ieeesa-color-picker__label-left'\r\n      : 'ieeesa-color-picker__label-top'\r\n  \"\r\n>\r\n  <mat-label\r\n    class=\"ieeesa-body-sm-14 ieeesa-color-picker__label\"\r\n    *ngIf=\"colorPickerLabel\"\r\n    >{{ colorPickerLabel }}</mat-label\r\n  >\r\n  <div class=\"d-flex\">\r\n    <ngx-colors\r\n      class=\"ieeesa-color-picker\"\r\n      ngx-colors-trigger\r\n      [acceptLabel]=\"paletteSelectLabel\"\r\n      [cancelLabel]=\"paletteCancelLabel\"\r\n      [palette]=\"palette\"\r\n      (input)=\"inputChange($event)\"\r\n      (open)=\"onOpenPalette()\"\r\n      (close)=\"onClosePalette()\"\r\n      (slider)=\"onSliderChange($event)\"\r\n      [overlayClassName]=\"overlayClassName\"\r\n      [formControlName]=\"config.controlName\"\r\n      [format]=\"colorFormat\"\r\n      [hideTextInput]=\"canHideTextInput\"\r\n      [colorsAnimation]=\"colorAnimation\"\r\n      [hideColorPicker]=\"canHideColorPicker\"\r\n      [ariaLabel]=\"colorPickerTexts?.colorPicker?.ariaLabel\"\r\n      [ariaDescription]=\"colorPickerTexts?.colorPicker?.ariaDescription\"\r\n    >\r\n    </ngx-colors>\r\n    <button\r\n      class=\"ieeesa-color-picker__toggle-icon\"\r\n      *ngIf=\"isArrowIconNeeded\"\r\n      type=\"button\"\r\n      (click)=\"togglePalette()\"\r\n      [attr.aria-label]=\"colorPickerTexts?.colorPicker?.ariaLabel\"\r\n      [attr.aria-describedby]=\"colorPickerTexts?.colorPicker?.ariaDescribedById\"\r\n    >\r\n      <i\r\n        class=\"fa-solid\"\r\n        [ngClass]=\"canShowPalette ? 'fa-caret-up' : 'fa-caret-down'\"\r\n      ></i>\r\n    </button>\r\n    <span\r\n      class=\"ieeesa-color-picker--selected ieeesa-body-md-14\"\r\n      *ngIf=\"isColorCodeLabelNeeded && defaultColor\"\r\n      >{{ defaultColor }}</span\r\n    >\r\n  </div>\r\n  <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </ieeesa-form-error>\r\n  <ieeesa-form-support-text\r\n    [formGroup]=\"group\"\r\n    [config]=\"config\"\r\n  ></ieeesa-form-support-text>\r\n</div>\r\n", styles: [".ieeesa-color-picker .preview{border-radius:0!important;box-shadow:none!important;padding:0!important}.ieeesa-color-picker .preview .preview-background{background-image:none!important}.ieeesa-color-picker .preview .circle{border-radius:0!important;height:30px!important;width:30px!important}.ieeesa-color-picker .preview .circle.colornull{background:linear-gradient(135deg,#ecececb3 0% 45%,#f4f3f3 50%,#ecececb3 55% 100%)}.ieeesa-color-picker__label-left{display:flex}.ieeesa-color-picker__label-top{display:block}.ieeesa-color-picker--selected{border:1px solid #000000;padding:6px 8px 6px 12px;border-radius:2px}.ieeesa-color-picker__toggle-icon{border:none;background:#fff}.ieeesa-color-picker__overlay .opened .colors .circle,.ieeesa-color-picker__overlay .opened .colors .circle .selected{border-radius:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: NgxColorsModule }, { kind: "component", type: i5.NgxColorsComponent, selector: "ngx-colors" }, { kind: "directive", type: i5.NgxColorsTriggerDirective, selector: "[ngx-colors-trigger]", inputs: ["colorsAnimation", "palette", "format", "position", "hideTextInput", "hideColorPicker", "attachTo", "overlayClassName", "colorPickerControls", "acceptLabel", "cancelLabel"], outputs: ["change", "input", "slider", "close", "open"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormErrorComponent, selector: "ieeesa-form-error", inputs: ["formGroup", "config", "submitResponse"] }, { kind: "component", type: FormSupportTextComponent, selector: "ieeesa-form-support-text", inputs: ["formGroup", "config"], outputs: ["supportTextLinkClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-color-picker', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        NgxColorsModule,
+                        ReactiveFormsModule,
+                        FormErrorComponent,
+                        FormSupportTextComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  [formGroup]=\"group\"\r\n  [ngClass]=\"\r\n    config?.isLabelAlignedLeft\r\n      ? 'ieeesa-color-picker__label-left'\r\n      : 'ieeesa-color-picker__label-top'\r\n  \"\r\n>\r\n  <mat-label\r\n    class=\"ieeesa-body-sm-14 ieeesa-color-picker__label\"\r\n    *ngIf=\"colorPickerLabel\"\r\n    >{{ colorPickerLabel }}</mat-label\r\n  >\r\n  <div class=\"d-flex\">\r\n    <ngx-colors\r\n      class=\"ieeesa-color-picker\"\r\n      ngx-colors-trigger\r\n      [acceptLabel]=\"paletteSelectLabel\"\r\n      [cancelLabel]=\"paletteCancelLabel\"\r\n      [palette]=\"palette\"\r\n      (input)=\"inputChange($event)\"\r\n      (open)=\"onOpenPalette()\"\r\n      (close)=\"onClosePalette()\"\r\n      (slider)=\"onSliderChange($event)\"\r\n      [overlayClassName]=\"overlayClassName\"\r\n      [formControlName]=\"config.controlName\"\r\n      [format]=\"colorFormat\"\r\n      [hideTextInput]=\"canHideTextInput\"\r\n      [colorsAnimation]=\"colorAnimation\"\r\n      [hideColorPicker]=\"canHideColorPicker\"\r\n      [ariaLabel]=\"colorPickerTexts?.colorPicker?.ariaLabel\"\r\n      [ariaDescription]=\"colorPickerTexts?.colorPicker?.ariaDescription\"\r\n    >\r\n    </ngx-colors>\r\n    <button\r\n      class=\"ieeesa-color-picker__toggle-icon\"\r\n      *ngIf=\"isArrowIconNeeded\"\r\n      type=\"button\"\r\n      (click)=\"togglePalette()\"\r\n      [attr.aria-label]=\"colorPickerTexts?.colorPicker?.ariaLabel\"\r\n      [attr.aria-describedby]=\"colorPickerTexts?.colorPicker?.ariaDescribedById\"\r\n    >\r\n      <i\r\n        class=\"fa-solid\"\r\n        [ngClass]=\"canShowPalette ? 'fa-caret-up' : 'fa-caret-down'\"\r\n      ></i>\r\n    </button>\r\n    <span\r\n      class=\"ieeesa-color-picker--selected ieeesa-body-md-14\"\r\n      *ngIf=\"isColorCodeLabelNeeded && defaultColor\"\r\n      >{{ defaultColor }}</span\r\n    >\r\n  </div>\r\n  <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </ieeesa-form-error>\r\n  <ieeesa-form-support-text\r\n    [formGroup]=\"group\"\r\n    [config]=\"config\"\r\n  ></ieeesa-form-support-text>\r\n</div>\r\n", styles: [".ieeesa-color-picker .preview{border-radius:0!important;box-shadow:none!important;padding:0!important}.ieeesa-color-picker .preview .preview-background{background-image:none!important}.ieeesa-color-picker .preview .circle{border-radius:0!important;height:30px!important;width:30px!important}.ieeesa-color-picker .preview .circle.colornull{background:linear-gradient(135deg,#ecececb3 0% 45%,#f4f3f3 50%,#ecececb3 55% 100%)}.ieeesa-color-picker__label-left{display:flex}.ieeesa-color-picker__label-top{display:block}.ieeesa-color-picker--selected{border:1px solid #000000;padding:6px 8px 6px 12px;border-radius:2px}.ieeesa-color-picker__toggle-icon{border:none;background:#fff}.ieeesa-color-picker__overlay .opened .colors .circle,.ieeesa-color-picker__overlay .opened .colors .circle .selected{border-radius:0!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormUtilityService }]; }, propDecorators: { colorPickerDirective: [{
+                type: ViewChild,
+                args: [NgxColorsTriggerDirective, { static: true }]
+            }], colorPickerChange: [{
+                type: Output
+            }], colorPickerSliderChange: [{
+                type: Output
+            }], defaultColor: [{
+                type: Input
+            }], palette: [{
+                type: Input
+            }], overlayClassName: [{
+                type: Input
+            }], colorFormat: [{
+                type: Input
+            }], colorAnimation: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], paletteSelectLabel: [{
+                type: Input
+            }], paletteCancelLabel: [{
+                type: Input
+            }], colorPickerLabel: [{
+                type: Input
+            }], isColorCodeLabelNeeded: [{
+                type: Input
+            }], isArrowIconNeeded: [{
+                type: Input
+            }], canHideTextInput: [{
+                type: Input
+            }], canHideColorPicker: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvbGliL2NvbXBvbmVudHMvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLHlCQUF5QixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3hFLE9BQU8sRUFBYSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUc1RixPQUFPLEtBQUssU0FBUyxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7O0FBaUJ6RCxNQUFNLE9BQU8sb0JBQW9CO0lBdUIvQjtJQUNFLDBDQUEwQztJQUNsQyxrQkFBc0MsQ0FBQyw2Q0FBNkM7O1FBQXBGLHVCQUFr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LElBQUksRUFBRTtnQkFNNUMsaUJBQWlCO3NCQUExQixNQUFNO2dCQUNHLHVCQUF1QjtzQkFBaEMsTUFBTTtnQkFDRSxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOZ3hDb2xvcnNNb2R1bGUsIE5neENvbG9yc1RyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICduZ3gtY29sb3JzJztcclxuaW1wb3J0IHsgRm9ybUdyb3VwLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IEZvcm1FcnJvckNvbXBvbmVudCB9IGZyb20gJy4uL2Zvcm0tZXJyb3IvZm9ybS1lcnJvci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbFR5cGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS1jb250cm9sLXR5cGVzLm1vZGVsJztcclxuaW1wb3J0IHsgQ29sb3JGb3JtYXQsIENvbG9yc0FuaW1hdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscy9jb2xvci1mb3JtYXQubW9kZWwnO1xyXG5pbXBvcnQgeyBGb3JtU3VwcG9ydFRleHRDb21wb25lbnQgfSBmcm9tICcuLi9mb3JtLXN1cHBvcnQtdGV4dC9mb3JtLXN1cHBvcnQtdGV4dC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGaWVsZENvbmZpZyB9IGZyb20gJy4uLy4uL21vZGVscy9maWVsZC1jb25maWcubW9kZWwnO1xyXG5pbXBvcnQgeyBGb3JtVXRpbGl0eVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9mb3JtLXV0aWxpdHkuc2VydmljZSc7XHJcbmltcG9ydCAqIGFzIGNvbnN0YW50cyBmcm9tICcuLi8uLi9hc3NldHMvY29uc3RhbnRzLmpzb24nO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2llZWVzYS1jb2xvci1waWNrZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXHJcbiAgICBOZ3hDb2xvcnNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgRm9ybUVycm9yQ29tcG9uZW50LFxyXG4gICAgRm9ybVN1cHBvcnRUZXh0Q29tcG9uZW50LFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbG9yUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBAVmlld0NoaWxkKE5neENvbG9yc1RyaWdnZXJEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgY29sb3JQaWNrZXJEaXJlY3RpdmUhOiBOZ3hDb2xvcnNUcmlnZ2VyRGlyZWN0aXZlO1xyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XHJcbiAgY29sb3JQaWNrZXJUZXh0czogYW55ID0gY29uc3RhbnRzO1xyXG4gIGdyb3VwITogRm9ybUdyb3VwO1xyXG4gIGNvbmZpZyE6IEZpZWxkQ29uZmlnO1xyXG4gIEBPdXRwdXQoKSBjb2xvclBpY2tlckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBPdXRwdXQoKSBjb2xvclBpY2tlclNsaWRlckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBJbnB1dCgpIGRlZmF1bHRDb2xvciE6IHN0cmluZztcclxuICBjYW5TaG93UGFsZXR0ZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHBhbGV0dGUhOiBzdHJpbmdbXTtcclxuICBASW5wdXQoKSBvdmVybGF5Q2xhc3NOYW1lID0gJ2llZWVzYS1jb2xvci1waWNrZXJfX292ZXJsYXknO1xyXG4gIEBJbnB1dCgpIGNvbG9yRm9ybWF0ID0gQ29sb3JGb3JtYXQuaGV4O1xyXG4gIEBJbnB1dCgpIGNvbG9yQW5pbWF0aW9uID0gQ29sb3JzQW5pbWF0aW9uLnBvcHVwO1xyXG4gIEBJbnB1dCgpIGZvcm1Db250cm9sTmFtZSA9ICdjb2xvclBpY2tlcic7XHJcbiAgQElucHV0KCkgcGFsZXR0ZVNlbGVjdExhYmVsID0gdGhpcy5jb2xvclBpY2tlclRleHRzPy5jb2xvclBpY2tlcj8uc2VsZWN0TGFiZWw7XHJcbiAgQElucHV0KCkgcGFsZXR0ZUNhbmNlbExhYmVsID0gdGhpcy5jb2xvclBpY2tlclRleHRzPy5jb2xvclBpY2tlcj8uY2FuY2VsTGFiZWw7XHJcbiAgQElucHV0KCkgY29sb3JQaWNrZXJMYWJlbCE6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0NvbG9yQ29kZUxhYmVsTmVlZGVkID0gdHJ1ZTtcclxuICBASW5wdXQoKSBpc0Fycm93SWNvbk5lZWRlZCA9IHRydWU7XHJcbiAgQElucHV0KCkgY2FuSGlkZVRleHRJbnB1dCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGNhbkhpZGVDb2xvclBpY2tlciA9IGZhbHNlO1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVudXNlZC12YXJzXHJcbiAgICBwcml2YXRlIGZvcm1VdGlsaXR5U2VydmljZTogRm9ybVV0aWxpdHlTZXJ2aWNlIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1lbXB0eS1mdW5jdGlvblxyXG4gICkge31cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuZ3JvdXAgPVxyXG4gICAgICB0aGlzLmdyb3VwID8/IHRoaXMuZm9ybVV0aWxpdHlTZXJ2aWNlLmdldEZvcm1Hcm91cCh0aGlzLmZvcm1Db250cm9sTmFtZSk7XHJcbiAgICB0aGlzLmNvbmZpZyA9XHJcbiAgICAgIHRoaXMuY29uZmlnID8/XHJcbiAgICAgIHRoaXMuZm9ybVV0aWxpdHlTZXJ2aWNlLmdldEZvcm1GaWVsZENvbmZpZyhcclxuICAgICAgICB0aGlzLmZvcm1Db250cm9sTmFtZSxcclxuICAgICAgICBGb3JtQ29udHJvbFR5cGUuQ09MT1JfUElDS0VSXHJcbiAgICAgICk7XHJcbiAgICBpZiAodGhpcy5jb25maWcpIHtcclxuICAgICAgdGhpcy5jb2xvclBpY2tlckxhYmVsID0gdGhpcy5jb25maWc/LmxhYmVsID8/IHRoaXMuY29sb3JQaWNrZXJMYWJlbDtcclxuICAgICAgdGhpcy5wYWxldHRlID0gdGhpcy5jb25maWc/LnBhbGV0dGUgPz8gdGhpcy5wYWxldHRlO1xyXG4gICAgICB0aGlzLmRlZmF1bHRDb2xvciA9IHRoaXMuY29uZmlnPy5kZWZhdWx0Q29sb3IgPz8gdGhpcy5kZWZhdWx0Q29sb3I7XHJcbiAgICAgIHRoaXMuY29sb3JGb3JtYXQgPSB0aGlzLmNvbmZpZz8uY29sb3JGb3JtYXQgPz8gdGhpcy5jb2xvckZvcm1hdDtcclxuICAgICAgdGhpcy5vdmVybGF5Q2xhc3NOYW1lID1cclxuICAgICAgICB0aGlzLmNvbmZpZz8ub3ZlcmxheUNsYXNzTmFtZSA/PyB0aGlzLm92ZXJsYXlDbGFzc05hbWU7XHJcbiAgICAgIHRoaXMuaXNDb2xvckNvZGVMYWJlbE5lZWRlZCA9XHJcbiAgICAgICAgdGhpcy5jb25maWc/LmlzQ29sb3JDb2RlTGFiZWxOZWVkZWQgPz8gdGhpcy5pc0NvbG9yQ29kZUxhYmVsTmVlZGVkO1xyXG4gICAgICB0aGlzLmlzQXJyb3dJY29uTmVlZGVkID1cclxuICAgICAgICB0aGlzLmNvbmZpZz8uaXNBcnJvd0ljb25OZWVkZWQgPz8gdGhpcy5pc0Fycm93SWNvbk5lZWRlZDtcclxuICAgICAgdGhpcy5jYW5IaWRlVGV4dElucHV0ID1cclxuICAgICAgICB0aGlzLmNvbmZpZz8uY2FuSGlkZVRleHRJbnB1dCA/PyB0aGlzLmNhbkhpZGVUZXh0SW5wdXQ7XHJcbiAgICAgIHRoaXMuY2FuSGlkZUNvbG9yUGlja2VyID1cclxuICAgICAgICB0aGlzLmNvbmZpZz8uY2FuSGlkZUNvbG9yUGlja2VyID8/IHRoaXMuY2FuSGlkZUNvbG9yUGlja2VyO1xyXG4gICAgfVxyXG4gICAgdGhpcy5ncm91cC5nZXQodGhpcy5jb25maWcuY29udHJvbE5hbWUpPy5zZXRWYWx1ZSh0aGlzLmRlZmF1bHRDb2xvcik7XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIFNldHMgdGhlIGNvbG9yIHRvIGZvcm0gZ3JvdXAgY29udHJvbC5cclxuICAgKiBAbWVtYmVyb2YgQ29sb3JQaWNrZXJDb21wb25lbnRcclxuICAgKiBAcGFyYW0ge3N0cmluZ30gY29sb3JcclxuICAgKiBAcmV0dXJucyB7dm9pZH1cclxuICAgKi9cclxuICBpbnB1dENoYW5nZShjb2xvcjogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLmRlZmF1bHRDb2xvciA9IGNvbG9yO1xyXG4gICAgdGhpcy5ncm91cD8uZ2V0KHRoaXMuY29uZmlnPy5jb250cm9sTmFtZSk/LnNldFZhbHVlKGNvbG9yKTtcclxuICAgIHRoaXMuY29sb3JQaWNrZXJDaGFuZ2UuZW1pdChjb2xvcik7XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIFNldHMgY2FuU2hvd1BhbGV0dGUgdG8gdHJ1ZSB3aGVuIHRoZSBwYWxldHRlIGlzIG9wZW5lZC5cclxuICAgKiBAbWVtYmVyb2YgQ29sb3JQaWNrZXJDb21wb25lbnRcclxuICAgKiBAcmV0dXJucyB7dm9pZH1cclxuICAgKi9cclxuICBvbk9wZW5QYWxldHRlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jYW5TaG93UGFsZXR0ZSA9IHRydWU7XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIFNldHMgY2FuU2hvd1BhbGV0dGUgdG8gZmFsc2Ugd2hlbiB0aGUgcGFsZXR0ZSBpcyBjbG9zZWQuXHJcbiAgICogQG1lbWJlcm9mIENvbG9yUGlja2VyQ29tcG9uZW50XHJcbiAgICogQHJldHVybnMge3ZvaWR9XHJcbiAgICovXHJcbiAgb25DbG9zZVBhbGV0dGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNhblNob3dQYWxldHRlID0gZmFsc2U7XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIEdldHMgdHJpZ2dlcmVkIHdoZW4gdGhlIHRoZSBhbHBoYSwgaHVlIG9yIExpZ2h0bmVzcyBzbGlkZXJzIGFyZSBjaGFuZ2VkXHJcbiAgICogQHBhcmFtIHtzdHJpbmd9IGNvbG9yXHJcbiAgICovXHJcbiAgb25TbGlkZXJDaGFuZ2UoY29sb3I6IHN0cmluZykge1xyXG4gICAgdGhpcy5jb2xvclBpY2tlclNsaWRlckNoYW5nZS5lbWl0KGNvbG9yKTtcclxuICB9XHJcbiAgLyoqXHJcbiAgICogVG9nZ2xlcyB0aGUgcGFsZXR0ZSBwYW5lbC5cclxuICAgKiBAbWVtYmVyb2YgQ29sb3JQaWNrZXJDb21wb25lbnRcclxuICAgKiBAcmV0dXJucyB7dm9pZH1cclxuICAgKi9cclxuICB0b2dnbGVQYWxldHRlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jYW5TaG93UGFsZXR0ZSA9ICF0aGlzLmNhblNob3dQYWxldHRlO1xyXG4gICAgaWYgKHRoaXMuY2FuU2hvd1BhbGV0dGUpIHRoaXMuY29sb3JQaWNrZXJEaXJlY3RpdmU/Lm9wZW5QYW5lbCgpO1xyXG4gICAgZWxzZSB0aGlzLmNvbG9yUGlja2VyRGlyZWN0aXZlPy5jbG9zZVBhbmVsKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBbZm9ybUdyb3VwXT1cImdyb3VwXCJcclxuICBbbmdDbGFzc109XCJcclxuICAgIGNvbmZpZz8uaXNMYWJlbEFsaWduZWRMZWZ0XHJcbiAgICAgID8gJ2llZWVzYS1jb2xvci1waWNrZXJfX2xhYmVsLWxlZnQnXHJcbiAgICAgIDogJ2llZWVzYS1jb2xvci1waWNrZXJfX2xhYmVsLXRvcCdcclxuICBcIlxyXG4+XHJcbiAgPG1hdC1sYWJlbFxyXG4gICAgY2xhc3M9XCJpZWVlc2EtYm9keS1zbS0xNCBpZWVlc2EtY29sb3ItcGlja2VyX19sYWJlbFwiXHJcbiAgICAqbmdJZj1cImNvbG9yUGlja2VyTGFiZWxcIlxyXG4gICAgPnt7IGNvbG9yUGlja2VyTGFiZWwgfX08L21hdC1sYWJlbFxyXG4gID5cclxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4XCI+XHJcbiAgICA8bmd4LWNvbG9yc1xyXG4gICAgICBjbGFzcz1cImllZWVzYS1jb2xvci1waWNrZXJcIlxyXG4gICAgICBuZ3gtY29sb3JzLXRyaWdnZXJcclxuICAgICAgW2FjY2VwdExhYmVsXT1cInBhbGV0dGVTZWxlY3RMYWJlbFwiXHJcbiAgICAgIFtjYW5jZWxMYWJlbF09XCJwYWxldHRlQ2FuY2VsTGFiZWxcIlxyXG4gICAgICBbcGFsZXR0ZV09XCJwYWxldHRlXCJcclxuICAgICAgKGlucHV0KT1cImlucHV0Q2hhbmdlKCRldmVudClcIlxyXG4gICAgICAob3Blbik9XCJvbk9wZW5QYWxldHRlKClcIlxyXG4gICAgICAoY2xvc2UpPVwib25DbG9zZVBhbGV0dGUoKVwiXHJcbiAgICAgIChzbGlkZXIpPVwib25TbGlkZXJDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgIFtvdmVybGF5Q2xhc3NOYW1lXT1cIm92ZXJsYXlDbGFzc05hbWVcIlxyXG4gICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImNvbmZpZy5jb250cm9sTmFtZVwiXHJcbiAgICAgIFtmb3JtYXRdPVwiY29sb3JGb3JtYXRcIlxyXG4gICAgICBbaGlkZVRleHRJbnB1dF09XCJjYW5IaWRlVGV4dElucHV0XCJcclxuICAgICAgW2NvbG9yc0FuaW1hdGlvbl09XCJjb2xvckFuaW1hdGlvblwiXHJcbiAgICAgIFtoaWRlQ29sb3JQaWNrZXJdPVwiY2FuSGlkZUNvbG9yUGlja2VyXCJcclxuICAgICAgW2FyaWFMYWJlbF09XCJjb2xvclBpY2tlclRleHRzPy5jb2xvclBpY2tlcj8uYXJpYUxhYmVsXCJcclxuICAgICAgW2FyaWFEZXNjcmlwdGlvbl09XCJjb2xvclBpY2tlclRleHRzPy5jb2xvclBpY2tlcj8uYXJpYURlc2NyaXB0aW9uXCJcclxuICAgID5cclxuICAgIDwvbmd4LWNvbG9ycz5cclxuICAgIDxidXR0b25cclxuICAgICAgY2xhc3M9XCJpZWVlc2EtY29sb3ItcGlja2VyX190b2dnbGUtaWNvblwiXHJcbiAgICAgICpuZ0lmPVwiaXNBcnJvd0ljb25OZWVkZWRcIlxyXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgKGNsaWNrKT1cInRvZ2dsZVBhbGV0dGUoKVwiXHJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiY29sb3JQaWNrZXJUZXh0cz8uY29sb3JQaWNrZXI/LmFyaWFMYWJlbFwiXHJcbiAgICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiY29sb3JQaWNrZXJUZXh0cz8uY29sb3JQaWNrZXI/LmFyaWFEZXNjcmliZWRCeUlkXCJcclxuICAgID5cclxuICAgICAgPGlcclxuICAgICAgICBjbGFzcz1cImZhLXNvbGlkXCJcclxuICAgICAgICBbbmdDbGFzc109XCJjYW5TaG93UGFsZXR0ZSA/ICdmYS1jYXJldC11cCcgOiAnZmEtY2FyZXQtZG93bidcIlxyXG4gICAgICA+PC9pPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8c3BhblxyXG4gICAgICBjbGFzcz1cImllZWVzYS1jb2xvci1waWNrZXItLXNlbGVjdGVkIGllZWVzYS1ib2R5LW1kLTE0XCJcclxuICAgICAgKm5nSWY9XCJpc0NvbG9yQ29kZUxhYmVsTmVlZGVkICYmIGRlZmF1bHRDb2xvclwiXHJcbiAgICAgID57eyBkZWZhdWx0Q29sb3IgfX08L3NwYW5cclxuICAgID5cclxuICA8L2Rpdj5cclxuICA8aWVlZXNhLWZvcm0tZXJyb3IgW2Zvcm1Hcm91cF09XCJncm91cFwiIFtjb25maWddPVwiY29uZmlnXCI+IDwvaWVlZXNhLWZvcm0tZXJyb3I+XHJcbiAgPGllZWVzYS1mb3JtLXN1cHBvcnQtdGV4dFxyXG4gICAgW2Zvcm1Hcm91cF09XCJncm91cFwiXHJcbiAgICBbY29uZmlnXT1cImNvbmZpZ1wiXHJcbiAgPjwvaWVlZXNhLWZvcm0tc3VwcG9ydC10ZXh0PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/models/color-format.model.mjs

@@ -0,0 +1,13 @@
+/* eslint-disable no-unused-vars */
+export var ColorFormat;
+(function (ColorFormat) {
+    ColorFormat["hex"] = "hex";
+    ColorFormat["rgba"] = "rgba";
+    ColorFormat["hsla"] = "hsla";
+})(ColorFormat || (ColorFormat = {}));
+export var ColorsAnimation;
+(function (ColorsAnimation) {
+    ColorsAnimation["popup"] = "popup";
+    ColorsAnimation["slidein"] = "slide-in";
+})(ColorsAnimation || (ColorsAnimation = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItZm9ybWF0Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvbW9kZWxzL2NvbG9yLWZvcm1hdC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FBbUM7QUFDbkMsTUFBTSxDQUFOLElBQVksV0FJWDtBQUpELFdBQVksV0FBVztJQUNuQiwwQkFBVyxDQUFBO0lBQ1gsNEJBQWEsQ0FBQTtJQUNiLDRCQUFhLENBQUE7QUFDakIsQ0FBQyxFQUpXLFdBQVcsS0FBWCxXQUFXLFFBSXRCO0FBQ0QsTUFBTSxDQUFOLElBQVksZUFHWDtBQUhELFdBQVksZUFBZTtJQUN2QixrQ0FBZSxDQUFBO0lBQ2YsdUNBQW9CLENBQUE7QUFDeEIsQ0FBQyxFQUhXLGVBQWUsS0FBZixlQUFlLFFBRzFCIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgbm8tdW51c2VkLXZhcnMgKi9cclxuZXhwb3J0IGVudW0gQ29sb3JGb3JtYXQge1xyXG4gICAgaGV4ID0gJ2hleCcsXHJcbiAgICByZ2JhID0gJ3JnYmEnLFxyXG4gICAgaHNsYSA9ICdoc2xhJ1xyXG59XHJcbmV4cG9ydCBlbnVtIENvbG9yc0FuaW1hdGlvbiB7XHJcbiAgICBwb3B1cCA9ICdwb3B1cCcsXHJcbiAgICBzbGlkZWluID0gJ3NsaWRlLWluJ1xyXG59Il19

package/esm2022/lib/models/field-config.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtY29uZmlnLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvbW9kZWxzL2ZpZWxkLWNvbmZpZy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmFsaWRhdG9yRm4gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENoZWNrYm94T3B0aW9uIH0gZnJvbSAnLi4vbW9kZWxzL2NoZWNrYm94LW9wdGlvbi5tb2RlbCc7XHJcbmltcG9ydCB7IERhdGVQaWNrZXIgfSBmcm9tICcuLi9tb2RlbHMvZGF0ZS1waWNrZXIubW9kZWwnO1xyXG5pbXBvcnQgeyBSYWRpb09wdGlvbiB9IGZyb20gJy4uL21vZGVscy9yYWRpby1vcHRpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBTZWFyY2hUeXBlIH0gZnJvbSAnLi4vbW9kZWxzL3NlYXJjaC5tb2RlbCc7XHJcbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4uL21vZGVscy9zZWxlY3Qtb3B0aW9uLm1vZGVsJztcclxuaW1wb3J0IHsgQXV0b0NvbXBsZXRlT3B0aW9uIH0gZnJvbSAnLi4vbW9kZWxzL2F1dG9jb21wbGV0ZS1vcHRpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBMaW5rVHlwZSB9IGZyb20gJy4vbGluay10eXBlLm1vZGVsJztcclxuaW1wb3J0IHsgU2xpZGVUb2dnbGVPcHRpb24gfSBmcm9tICcuL3NsaWRlLXRvZ2dsZS1vcHRpb25zLm1vZGVsJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmllbGRDb25maWcge1xyXG4gIGlzU29ydE5lZWRlZD86IGJvb2xlYW47XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gIGxhYmVsPzogc3RyaW5nO1xyXG4gIGNvbnRyb2xOYW1lOiBzdHJpbmc7XHJcbiAgZHJvcGRvd25PcHRpb25zPzogU2VsZWN0T3B0aW9uW107XHJcbiAgY2hlY2tib3hPcHRpb25zPzogQ2hlY2tib3hPcHRpb25bXTtcclxuICBhdXRvQ29tcGxldGVPcHRpb25zPzogQXV0b0NvbXBsZXRlT3B0aW9uW107XHJcbiAgcmFkaW9PcHRpb25zPzogUmFkaW9PcHRpb25bXTtcclxuICBwbGFjZWhvbGRlcj86IHN0cmluZztcclxuICB0eXBlOiBzdHJpbmc7XHJcbiAgcmVxdWlyZWRFcnJvck1lc3NhZ2U/OiBzdHJpbmc7XHJcbiAgcGF0dGVybkVycm9yTWVzc2FnZT86IHN0cmluZztcclxuICBpbnZhbGlkRW1haWxFcnJvck1lc3NhZ2U/OiBzdHJpbmc7XHJcbiAgbWluRXJyb3JNZXNzYWdlPzogc3RyaW5nO1xyXG4gIG1heEVycm9yTWVzc2FnZT86IHN0cmluZztcclxuICBzdXBwb3J0TWVzc2FnZT86IHN0cmluZztcclxuICB2YWxpZGF0aW9uPzogVmFsaWRhdG9yRm5bXTtcclxuICBpc011bHRpU2VsZWN0PzogYm9vbGVhbjtcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIHZhbHVlPzogYW55O1xyXG4gIGlzTnVtYmVyPzogYm9vbGVhbjtcclxuICBpc0VtYWlsPzogYm9vbGVhbjtcclxuICBtaW4/OiBudW1iZXI7XHJcbiAgbWF4PzogbnVtYmVyO1xyXG4gIG1heExlbmd0aD86IG51bWJlcjtcclxuICBtaW5MZW5ndGg/OiBudW1iZXI7XHJcbiAgaXNJbnRlZ2VyPzogYm9vbGVhbjtcclxuICBpc1Jlc2l6ZT86IGJvb2xlYW47XHJcbiAgaXNSZWFkb25seT86IGJvb2xlYW47XHJcbiAgaXNMYWJlbEFsaWduZWRMZWZ0PzogYm9vbGVhbjtcclxuICBkYXRlUGlja2VyPzogRGF0ZVBpY2tlcjtcclxuICBzZWFyY2hUeXBlPzogU2VhcmNoVHlwZTtcclxuICBkYXRlUmFuZ2VDb250cm9scz86IHsgc3RhcnREYXRlOiBzdHJpbmc7IGVuZERhdGU6IHN0cmluZyB9O1xyXG4gIGNsZWFyPzogYm9vbGVhbjtcclxuICBhcmlhTGFiZWw/OiBzdHJpbmc7XHJcbiAgYXJpYURlc2NyaWJlZEJ5SWQ/OiBzdHJpbmc7XHJcbiAgYXJpYU11bHRpbGluZT86IGJvb2xlYW47XHJcbiAgbWluU2VsZWN0aW9uUmVxdWlyZWQ/OiBudW1iZXI7XHJcbiAgbWF4Q2hhckNvdW50PzogbnVtYmVyO1xyXG4gIHJlbWFpbmluZ0NoYXJzTGVmdE1lc3NhZ2U/OiBzdHJpbmc7XHJcbiAgbmFtZT86IHN0cmluZztcclxuICBtYXhSYW5nZUxpbWl0PzogbnVtYmVyO1xyXG4gIGhvdXIyND86IG51bWJlcjtcclxuICBob3VyMTI/OiBudW1iZXI7XHJcbiAgaXNTZWFyY2g/OiBib29sZWFuO1xyXG4gIGludmFsaWREYXRlVGltZUVycm9yTWVzc2FnZT86IHN0cmluZztcclxuICBpczI0SG91cnNUaW1lRm9ybWF0PzogYm9vbGVhbjtcclxuICBsaW5rVHlwZT86IExpbmtUeXBlO1xyXG4gIHNsaWRlVG9nZ2xlT3B0aW9uPzogU2xpZGVUb2dnbGVPcHRpb247XHJcbiAgaW52YWxpZERhdGVSYW5nZUVycm9yTWVzc2FnZT86IHN0cmluZztcclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtY29uZmlnLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvbW9kZWxzL2ZpZWxkLWNvbmZpZy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmFsaWRhdG9yRm4gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENoZWNrYm94T3B0aW9uIH0gZnJvbSAnLi4vbW9kZWxzL2NoZWNrYm94LW9wdGlvbi5tb2RlbCc7XHJcbmltcG9ydCB7IERhdGVQaWNrZXIgfSBmcm9tICcuLi9tb2RlbHMvZGF0ZS1waWNrZXIubW9kZWwnO1xyXG5pbXBvcnQgeyBSYWRpb09wdGlvbiB9IGZyb20gJy4uL21vZGVscy9yYWRpby1vcHRpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBTZWFyY2hUeXBlIH0gZnJvbSAnLi4vbW9kZWxzL3NlYXJjaC5tb2RlbCc7XHJcbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4uL21vZGVscy9zZWxlY3Qtb3B0aW9uLm1vZGVsJztcclxuaW1wb3J0IHsgQXV0b0NvbXBsZXRlT3B0aW9uIH0gZnJvbSAnLi4vbW9kZWxzL2F1dG9jb21wbGV0ZS1vcHRpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBMaW5rVHlwZSB9IGZyb20gJy4vbGluay10eXBlLm1vZGVsJztcclxuaW1wb3J0IHsgU2xpZGVUb2dnbGVPcHRpb24gfSBmcm9tICcuL3NsaWRlLXRvZ2dsZS1vcHRpb25zLm1vZGVsJztcclxuaW1wb3J0IHsgQ29sb3JGb3JtYXQsIENvbG9yc0FuaW1hdGlvbiB9IGZyb20gJy4vY29sb3ItZm9ybWF0Lm1vZGVsJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmllbGRDb25maWcge1xyXG4gIGlzU29ydE5lZWRlZD86IGJvb2xlYW47XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gIGxhYmVsPzogc3RyaW5nO1xyXG4gIGNvbnRyb2xOYW1lOiBzdHJpbmc7XHJcbiAgZHJvcGRvd25PcHRpb25zPzogU2VsZWN0T3B0aW9uW107XHJcbiAgY2hlY2tib3hPcHRpb25zPzogQ2hlY2tib3hPcHRpb25bXTtcclxuICBhdXRvQ29tcGxldGVPcHRpb25zPzogQXV0b0NvbXBsZXRlT3B0aW9uW107XHJcbiAgcmFkaW9PcHRpb25zPzogUmFkaW9PcHRpb25bXTtcclxuICBwbGFjZWhvbGRlcj86IHN0cmluZztcclxuICB0eXBlOiBzdHJpbmc7XHJcbiAgcmVxdWlyZWRFcnJvck1lc3NhZ2U/OiBzdHJpbmc7XHJcbiAgcGF0dGVybkVycm9yTWVzc2FnZT86IHN0cmluZztcclxuICBpbnZhbGlkRW1haWxFcnJvck1lc3NhZ2U/OiBzdHJpbmc7XHJcbiAgbWluRXJyb3JNZXNzYWdlPzogc3RyaW5nO1xyXG4gIG1heEVycm9yTWVzc2FnZT86IHN0cmluZztcclxuICBzdXBwb3J0TWVzc2FnZT86IHN0cmluZztcclxuICB2YWxpZGF0aW9uPzogVmFsaWRhdG9yRm5bXTtcclxuICBpc011bHRpU2VsZWN0PzogYm9vbGVhbjtcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIHZhbHVlPzogYW55O1xyXG4gIGlzTnVtYmVyPzogYm9vbGVhbjtcclxuICBpc0VtYWlsPzogYm9vbGVhbjtcclxuICBtaW4/OiBudW1iZXI7XHJcbiAgbWF4PzogbnVtYmVyO1xyXG4gIG1heExlbmd0aD86IG51bWJlcjtcclxuICBtaW5MZW5ndGg/OiBudW1iZXI7XHJcbiAgaXNJbnRlZ2VyPzogYm9vbGVhbjtcclxuICBpc1Jlc2l6ZT86IGJvb2xlYW47XHJcbiAgaXNSZWFkb25seT86IGJvb2xlYW47XHJcbiAgaXNMYWJlbEFsaWduZWRMZWZ0PzogYm9vbGVhbjtcclxuICBkYXRlUGlja2VyPzogRGF0ZVBpY2tlcjtcclxuICBzZWFyY2hUeXBlPzogU2VhcmNoVHlwZTtcclxuICBkYXRlUmFuZ2VDb250cm9scz86IHsgc3RhcnREYXRlOiBzdHJpbmc7IGVuZERhdGU6IHN0cmluZyB9O1xyXG4gIGNsZWFyPzogYm9vbGVhbjtcclxuICBhcmlhTGFiZWw/OiBzdHJpbmc7XHJcbiAgYXJpYURlc2NyaWJlZEJ5SWQ/OiBzdHJpbmc7XHJcbiAgYXJpYU11bHRpbGluZT86IGJvb2xlYW47XHJcbiAgbWluU2VsZWN0aW9uUmVxdWlyZWQ/OiBudW1iZXI7XHJcbiAgbWF4Q2hhckNvdW50PzogbnVtYmVyO1xyXG4gIHJlbWFpbmluZ0NoYXJzTGVmdE1lc3NhZ2U/OiBzdHJpbmc7XHJcbiAgbmFtZT86IHN0cmluZztcclxuICBtYXhSYW5nZUxpbWl0PzogbnVtYmVyO1xyXG4gIGhvdXIyND86IG51bWJlcjtcclxuICBob3VyMTI/OiBudW1iZXI7XHJcbiAgaXNTZWFyY2g/OiBib29sZWFuO1xyXG4gIGludmFsaWREYXRlVGltZUVycm9yTWVzc2FnZT86IHN0cmluZztcclxuICBpczI0SG91cnNUaW1lRm9ybWF0PzogYm9vbGVhbjtcclxuICBsaW5rVHlwZT86IExpbmtUeXBlO1xyXG4gIHNsaWRlVG9nZ2xlT3B0aW9uPzogU2xpZGVUb2dnbGVPcHRpb247XHJcbiAgaW52YWxpZERhdGVSYW5nZUVycm9yTWVzc2FnZT86IHN0cmluZztcclxuICBwYWxldHRlPzogc3RyaW5nW10sXHJcbiAgZGVmYXVsdENvbG9yPzogc3RyaW5nO1xyXG4gIGNvbG9yRm9ybWF0PzogQ29sb3JGb3JtYXQ7XHJcbiAgb3ZlcmxheUNsYXNzTmFtZT86IHN0cmluZztcclxuICBjb2xvckFuaW1hdGlvbj86IENvbG9yc0FuaW1hdGlvbjtcclxuICBwYWxldHRlU2VsZWN0TGFiZWw/OiBzdHJpbmc7XHJcbiAgcGFsZXR0ZUNhbmNlbExhYmVsPzogc3RyaW5nO1xyXG4gIGlzQ29sb3JDb2RlTGFiZWxOZWVkZWQ/OiBib29sZWFuO1xyXG4gIGlzQXJyb3dJY29uTmVlZGVkPzogYm9vbGVhbjtcclxuICBjYW5IaWRlQ29sb3JQaWNrZXI/OiBib29sZWFuO1xyXG4gIGNhbkhpZGVUZXh0SW5wdXQ/OiBib29sZWFuO1xyXG59XHJcbiJdfQ==

package/esm2022/lib/models/form-control-types.model.mjs

@@ -13,5 +13,6 @@ export var FormControlType;
     FormControlType["TIME_PICKER"] = "TIME_PICKER";
     // eslint-disable-next-line no-unused-vars
     FormControlType["SLIDE_TOGGLE"] = "SLIDE_TOGGLE";
+    FormControlType["COLOR_PICKER"] = "COLOR_PICKER";
 })(FormControlType || (FormControlType = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb250cm9sLXR5cGVzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvbW9kZWxzL2Zvcm0tY29udHJvbC10eXBlcy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FBbUM7QUFDbkMsTUFBTSxDQUFOLElBQVksZUFhWDtBQWJELFdBQVksZUFBZTtJQUN6QixrQ0FBZSxDQUFBO0lBQ2YsMENBQXVCLENBQUE7SUFDdkIsb0NBQWlCLENBQUE7SUFDakIsb0NBQWlCLENBQUE7SUFDakIsZ0NBQWEsQ0FBQTtJQUNiLHdDQUFxQixDQUFBO0lBQ3JCLGtDQUFlLENBQUE7SUFDZixrREFBK0IsQ0FBQTtJQUMvQixvREFBaUMsQ0FBQTtJQUNqQyw4Q0FBMkIsQ0FBQTtJQUMzQiwwQ0FBMEM7SUFDMUMsZ0RBQTZCLENBQUE7QUFDL0IsQ0FBQyxFQWJXLGVBQWUsS0FBZixlQUFlLFFBYTFCIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgbm8tdW51c2VkLXZhcnMgKi9cclxuZXhwb3J0IGVudW0gRm9ybUNvbnRyb2xUeXBlIHtcclxuICBJTlBVVCA9ICdJTlBVVCcsXHJcbiAgVEVYVF9BUkVBID0gJ1RFWFRfQVJFQScsXHJcbiAgU0VMRUNUID0gJ1NFTEVDVCcsXHJcbiAgU0VBUkNIID0gJ1NFQVJDSCcsXHJcbiAgREFURSA9ICdEQVRFJyxcclxuICBDSEVDS0JPWCA9ICdDSEVDS0JPWCcsXHJcbiAgUkFESU8gPSAnUkFESU8nLFxyXG4gIEFVVE9fQ09NUExFVEUgPSAnQVVUT19DT01QTEVURScsXHJcbiAgQUREX0ZPUk1fR1JPVVAgPSAnQUREX0ZPUk1fR1JPVVAnLFxyXG4gIFRJTUVfUElDS0VSID0gJ1RJTUVfUElDS0VSJyxcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW51c2VkLXZhcnNcclxuICBTTElERV9UT0dHTEUgPSAnU0xJREVfVE9HR0xFJ1xyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb250cm9sLXR5cGVzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvbW9kZWxzL2Zvcm0tY29udHJvbC10eXBlcy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FBbUM7QUFDbkMsTUFBTSxDQUFOLElBQVksZUFjWDtBQWRELFdBQVksZUFBZTtJQUN6QixrQ0FBZSxDQUFBO0lBQ2YsMENBQXVCLENBQUE7SUFDdkIsb0NBQWlCLENBQUE7SUFDakIsb0NBQWlCLENBQUE7SUFDakIsZ0NBQWEsQ0FBQTtJQUNiLHdDQUFxQixDQUFBO0lBQ3JCLGtDQUFlLENBQUE7SUFDZixrREFBK0IsQ0FBQTtJQUMvQixvREFBaUMsQ0FBQTtJQUNqQyw4Q0FBMkIsQ0FBQTtJQUMzQiwwQ0FBMEM7SUFDMUMsZ0RBQTZCLENBQUE7SUFDN0IsZ0RBQTZCLENBQUE7QUFDL0IsQ0FBQyxFQWRXLGVBQWUsS0FBZixlQUFlLFFBYzFCIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgbm8tdW51c2VkLXZhcnMgKi9cclxuZXhwb3J0IGVudW0gRm9ybUNvbnRyb2xUeXBlIHtcclxuICBJTlBVVCA9ICdJTlBVVCcsXHJcbiAgVEVYVF9BUkVBID0gJ1RFWFRfQVJFQScsXHJcbiAgU0VMRUNUID0gJ1NFTEVDVCcsXHJcbiAgU0VBUkNIID0gJ1NFQVJDSCcsXHJcbiAgREFURSA9ICdEQVRFJyxcclxuICBDSEVDS0JPWCA9ICdDSEVDS0JPWCcsXHJcbiAgUkFESU8gPSAnUkFESU8nLFxyXG4gIEFVVE9fQ09NUExFVEUgPSAnQVVUT19DT01QTEVURScsXHJcbiAgQUREX0ZPUk1fR1JPVVAgPSAnQUREX0ZPUk1fR1JPVVAnLFxyXG4gIFRJTUVfUElDS0VSID0gJ1RJTUVfUElDS0VSJyxcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW51c2VkLXZhcnNcclxuICBTTElERV9UT0dHTEUgPSAnU0xJREVfVE9HR0xFJyxcclxuICBDT0xPUl9QSUNLRVIgPSAnQ09MT1JfUElDS0VSJ1xyXG59XHJcbiJdfQ==

package/esm2022/public-api.mjs

@@ -34,6 +34,7 @@ export * from './lib/components/time-picker/time-picker.component';
 export * from './lib/components/tabs/tabs.component';
 export * from './lib/components/slide-toggle/slide-toggle.component';
 export * from './lib/components/card/card.component';
+export * from './lib/components/color-picker/color-picker.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
 export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
 export * from './lib/directives/set-background/set-background.directive';
@@ -78,7 +79,8 @@ export * from './lib/models/slide-toggle-options.model';
 export * from './lib/models/button-type.model';
 export * from './lib/models/card-button.model';
 export * from './lib/models/card-info.model';
+export * from './lib/models/color-format.model';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/presentation.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyxnRUFBZ0UsQ0FBQztBQUMvRSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLHNDQUFzQyxDQUFDO0FBRXJELGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyw4RUFBOEUsQ0FBQztBQUM3RixjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsMERBQTBELENBQUM7QUFFekUsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw4QkFBOEIsQ0FBQztBQUU3QyxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFFcEQsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBwcmVzZW50YXRpb25cclxuICovXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci1oZWFkZXIvZGF0ZS1waWNrZXItaGVhZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtL2R5bmFtaWMtZm9ybS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtLWVycm9yL2Zvcm0tZXJyb3IuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtLXN1cHBvcnQtdGV4dC9mb3JtLXN1cHBvcnQtdGV4dC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2hlYWRlci9oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2lucHV0L2lucHV0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbGVnZW5kL2xlZ2VuZC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL21lbnUvbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbW9kYWwtY29uZmlybWF0aW9uL21vZGFsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24tbWVudS9uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcmFkaW8vcmFkaW8uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3RleHQtYXJlYS90ZXh0LWFyZWEuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90b2dnbGUtYnV0dG9uL3RvZ2dsZS1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy93ZWxjb21lL3dlbGNvbWUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS10YWJsZS9kYXRhLXRhYmxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdGlsZS90aWxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdGltZS1waWNrZXIvdGltZS1waWNrZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90YWJzL3RhYnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zbGlkZS10b2dnbGUvc2xpZGUtdG9nZ2xlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2R5bmFtaWMtZm9ybS1maWVsZC9keW5hbWljLWZvcm0tZmllbGQuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9mb2N1cy1pbnZhbGlkLWZvcm0tZmllbGQvZm9jdXMtaW52YWxpZC1mb3JtLWZpZWxkLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvc2V0LWJhY2tncm91bmQvc2V0LWJhY2tncm91bmQuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy90ZXh0LXRydW5jYXRlZC90ZXh0LXRydW5jYXRlZC5kaXJlY3RpdmUnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FsaWduLXR5cGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYXBwLWNvbmZpZy1pbmZvLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2F1dG9jb21wbGV0ZS1vcHRpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FsZW5kYXIubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2hlY2tib3gtb3B0aW9uLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NvbmZpcm1hdGlvbi1tb2RhbC1kYXRhLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2RhdGUtcGlja2VyLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2V2ZW50LWVtaXQtdHlwZS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9maWVsZC1jb25maWcubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9vdGVyLWNvbmZpZy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mb3JtLWNvbnRyb2wtdHlwZXMubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9ybS1maWVsZC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mb3JtLWdyaWQubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZm9ybS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9oZWFkZXItY29uZmlnLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ljb24tYnV0dG9uLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2xlZ2VuZC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9saW5rLXR5cGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvbWVudS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9uYXZpZ2F0aW9uLW1lbnUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcmFkaW8tb3B0aW9uLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlYXJjaC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWxlY3Qtb3BlbmVkLXN0YXRlLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlbGVjdC1vcHRpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VsZWN0ZWQtZGF0ZS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWxlY3RlZC10aW1lLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3RhYi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy90b2dnbGUtYnV0dG9uLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NoaXAtb3B0aW9uLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2luYXRvci1jb25maWcubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGFibGUtYWN0aW9ucy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy90YWJsZS1zY2hlbWEubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYnJlYWRjcnVtYi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy90aWxlLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ZpbHRlcnMtb3B0aW9ucy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wcm9maWxlLW1lbnUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2xpZGUtdG9nZ2xlLW9wdGlvbnMubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYnV0dG9uLXR5cGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FyZC1idXR0b24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FyZC1pbmZvLm1vZGVsJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2RhdGVwaWNrZXIuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2Zvcm0tdXRpbGl0eS5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByZXNlbnRhdGlvbi5tb2R1bGUnO1xyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyxnRUFBZ0UsQ0FBQztBQUMvRSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsc0RBQXNELENBQUM7QUFFckUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLDhFQUE4RSxDQUFDO0FBQzdGLGNBQWMsMERBQTBELENBQUM7QUFDekUsY0FBYywwREFBMEQsQ0FBQztBQUV6RSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsaUNBQWlDLENBQUM7QUFFaEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFDQUFxQyxDQUFDO0FBRXBELGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgcHJlc2VudGF0aW9uXHJcbiAqL1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0ZS1waWNrZXItaGVhZGVyL2RhdGUtcGlja2VyLWhlYWRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9keW5hbWljLWZvcm0uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS1lcnJvci9mb3JtLWVycm9yLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS1zdXBwb3J0LXRleHQvZm9ybS1zdXBwb3J0LXRleHQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pbnB1dC9pbnB1dC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2xlZ2VuZC9sZWdlbmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9tZW51L21lbnUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL21vZGFsLWNvbmZpcm1hdGlvbi9tb2RhbC1jb25maXJtYXRpb24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uLW1lbnUvbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3JhZGlvL3JhZGlvLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VhcmNoL3NlYXJjaC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90ZXh0LWFyZWEvdGV4dC1hcmVhLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdG9nZ2xlLWJ1dHRvbi90b2dnbGUtYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvd2VsY29tZS93ZWxjb21lLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2hpcHMvY2hpcHMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9maWx0ZXIvZmlsdGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbG9hZGVyL2xvYWRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtdGFibGUvZGF0YS10YWJsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3RpbGUvdGlsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3RpbWUtcGlja2VyL3RpbWUtcGlja2VyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdGFicy90YWJzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2xpZGUtdG9nZ2xlL3NsaWRlLXRvZ2dsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvZHluYW1pYy1mb3JtLWZpZWxkL2R5bmFtaWMtZm9ybS1maWVsZC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2ZvY3VzLWludmFsaWQtZm9ybS1maWVsZC9mb2N1cy1pbnZhbGlkLWZvcm0tZmllbGQuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9zZXQtYmFja2dyb3VuZC9zZXQtYmFja2dyb3VuZC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL3RleHQtdHJ1bmNhdGVkL3RleHQtdHJ1bmNhdGVkLmRpcmVjdGl2ZSc7XHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWxpZ24tdHlwZS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hcHAtY29uZmlnLWluZm8ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYXV0b2NvbXBsZXRlLW9wdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jYWxlbmRhci5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jaGVja2JveC1vcHRpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY29uZmlybWF0aW9uLW1vZGFsLWRhdGEubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZGF0ZS1waWNrZXIubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZXZlbnQtZW1pdC10eXBlLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ZpZWxkLWNvbmZpZy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mb290ZXItY29uZmlnLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Zvcm0tY29udHJvbC10eXBlcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mb3JtLWZpZWxkLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Zvcm0tZ3JpZC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mb3JtLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2hlYWRlci1jb25maWcubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaWNvbi1idXR0b24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvbGVnZW5kLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2xpbmstdHlwZS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9tZW51Lm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL25hdmlnYXRpb24tbWVudS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9yYWRpby1vcHRpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VhcmNoLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlbGVjdC1vcGVuZWQtc3RhdGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VsZWN0LW9wdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWxlY3RlZC1kYXRlLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlbGVjdGVkLXRpbWUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGFiLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3RvZ2dsZS1idXR0b24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2hpcC1vcHRpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnaW5hdG9yLWNvbmZpZy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy90YWJsZS1hY3Rpb25zLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3RhYmxlLXNjaGVtYS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9icmVhZGNydW1iLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3RpbGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZmlsdGVycy1vcHRpb25zLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3Byb2ZpbGUtbWVudS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zbGlkZS10b2dnbGUtb3B0aW9ucy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9idXR0b24tdHlwZS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jYXJkLWJ1dHRvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jYXJkLWluZm8ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY29sb3ItZm9ybWF0Lm1vZGVsJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2RhdGVwaWNrZXIuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2Zvcm0tdXRpbGl0eS5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByZXNlbnRhdGlvbi5tb2R1bGUnO1xyXG4iXX0=

package/fesm2022/ieeesa-npm-presentation.mjs

@@ -72,6 +72,8 @@ import * as i3$8 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import * as i3$9 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
+import * as i5$6 from 'ngx-colors';
+import { NgxColorsTriggerDirective, NgxColorsModule } from 'ngx-colors';
 
 /**
  * Implements and displays form error messages and form submission error response message on submission of form.
@@ -339,6 +341,14 @@ var defaultWelcomeBgColor = "#C0DCED";
 var timePicker = {
 	defaultTimeFormat: 12
 };
+var colorPicker = {
+	selectLabel: "Select",
+	cancelLabel: "Cancel",
+	defaultColor: "#F4F3F3",
+	ariaLabel: "Color Picker",
+	ariaDescription: "Choose background color.",
+	ariaDescribedById: "ariaColorPicker"
+};
 var constants = {
 	ariaLabel: ariaLabel,
 	button: button,
@@ -356,7 +366,8 @@ var constants = {
 	breadcrumb: breadcrumb,
 	loader: loader,
 	defaultWelcomeBgColor: defaultWelcomeBgColor,
-	timePicker: timePicker
+	timePicker: timePicker,
+	colorPicker: colorPicker
 };
 
 var constants$1 = /*#__PURE__*/Object.freeze({
@@ -366,6 +377,7 @@ var constants$1 = /*#__PURE__*/Object.freeze({
     breadcrumb: breadcrumb,
     button: button,
     chips: chips,
+    colorPicker: colorPicker,
     dataTable: dataTable,
     datePicker: datePicker,
     default: constants,
@@ -396,6 +408,7 @@ var FormControlType;
     FormControlType["TIME_PICKER"] = "TIME_PICKER";
     // eslint-disable-next-line no-unused-vars
     FormControlType["SLIDE_TOGGLE"] = "SLIDE_TOGGLE";
+    FormControlType["COLOR_PICKER"] = "COLOR_PICKER";
 })(FormControlType || (FormControlType = {}));
 
 class FormSupportTextComponent {
@@ -5040,6 +5053,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/* eslint-disable no-unused-vars */
+var ColorFormat;
+(function (ColorFormat) {
+    ColorFormat["hex"] = "hex";
+    ColorFormat["rgba"] = "rgba";
+    ColorFormat["hsla"] = "hsla";
+})(ColorFormat || (ColorFormat = {}));
+var ColorsAnimation;
+(function (ColorsAnimation) {
+    ColorsAnimation["popup"] = "popup";
+    ColorsAnimation["slidein"] = "slide-in";
+})(ColorsAnimation || (ColorsAnimation = {}));
+
+class ColorPickerComponent {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    formUtilityService // eslint-disable-next-line no-empty-function
+    ) {
+        this.formUtilityService = formUtilityService;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.colorPickerTexts = constants$1;
+        this.colorPickerChange = new EventEmitter();
+        this.colorPickerSliderChange = new EventEmitter();
+        this.canShowPalette = false;
+        this.overlayClassName = 'ieeesa-color-picker__overlay';
+        this.colorFormat = ColorFormat.hex;
+        this.colorAnimation = ColorsAnimation.popup;
+        this.formControlName = 'colorPicker';
+        this.paletteSelectLabel = this.colorPickerTexts?.colorPicker?.selectLabel;
+        this.paletteCancelLabel = this.colorPickerTexts?.colorPicker?.cancelLabel;
+        this.isColorCodeLabelNeeded = true;
+        this.isArrowIconNeeded = true;
+        this.canHideTextInput = false;
+        this.canHideColorPicker = false;
+    }
+    ngOnInit() {
+        this.group =
+            this.group ?? this.formUtilityService.getFormGroup(this.formControlName);
+        this.config =
+            this.config ??
+                this.formUtilityService.getFormFieldConfig(this.formControlName, FormControlType.COLOR_PICKER);
+        if (this.config) {
+            this.colorPickerLabel = this.config?.label ?? this.colorPickerLabel;
+            this.palette = this.config?.palette ?? this.palette;
+            this.defaultColor = this.config?.defaultColor ?? this.defaultColor;
+            this.colorFormat = this.config?.colorFormat ?? this.colorFormat;
+            this.overlayClassName =
+                this.config?.overlayClassName ?? this.overlayClassName;
+            this.isColorCodeLabelNeeded =
+                this.config?.isColorCodeLabelNeeded ?? this.isColorCodeLabelNeeded;
+            this.isArrowIconNeeded =
+                this.config?.isArrowIconNeeded ?? this.isArrowIconNeeded;
+            this.canHideTextInput =
+                this.config?.canHideTextInput ?? this.canHideTextInput;
+            this.canHideColorPicker =
+                this.config?.canHideColorPicker ?? this.canHideColorPicker;
+        }
+        this.group.get(this.config.controlName)?.setValue(this.defaultColor);
+    }
+    /**
+     * Sets the color to form group control.
+     * @memberof ColorPickerComponent
+     * @param {string} color
+     * @returns {void}
+     */
+    inputChange(color) {
+        this.defaultColor = color;
+        this.group?.get(this.config?.controlName)?.setValue(color);
+        this.colorPickerChange.emit(color);
+    }
+    /**
+     * Sets canShowPalette to true when the palette is opened.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    onOpenPalette() {
+        this.canShowPalette = true;
+    }
+    /**
+     * Sets canShowPalette to false when the palette is closed.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    onClosePalette() {
+        this.canShowPalette = false;
+    }
+    /**
+     * Gets triggered when the the alpha, hue or Lightness sliders are changed
+     * @param {string} color
+     */
+    onSliderChange(color) {
+        this.colorPickerSliderChange.emit(color);
+    }
+    /**
+     * Toggles the palette panel.
+     * @memberof ColorPickerComponent
+     * @returns {void}
+     */
+    togglePalette() {
+        this.canShowPalette = !this.canShowPalette;
+        if (this.canShowPalette)
+            this.colorPickerDirective?.openPanel();
+        else
+            this.colorPickerDirective?.closePanel();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorPickerComponent, deps: [{ token: FormUtilityService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColorPickerComponent, isStandalone: true, selector: "ieeesa-color-picker", inputs: { defaultColor: "defaultColor", palette: "palette", overlayClassName: "overlayClassName", colorFormat: "colorFormat", colorAnimation: "colorAnimation", formControlName: "formControlName", paletteSelectLabel: "paletteSelectLabel", paletteCancelLabel: "paletteCancelLabel", colorPickerLabel: "colorPickerLabel", isColorCodeLabelNeeded: "isColorCodeLabelNeeded", isArrowIconNeeded: "isArrowIconNeeded", canHideTextInput: "canHideTextInput", canHideColorPicker: "canHideColorPicker" }, outputs: { colorPickerChange: "colorPickerChange", colorPickerSliderChange: "colorPickerSliderChange" }, viewQueries: [{ propertyName: "colorPickerDirective", first: true, predicate: NgxColorsTriggerDirective, descendants: true, static: true }], ngImport: i0, template: "<div\r\n  [formGroup]=\"group\"\r\n  [ngClass]=\"\r\n    config?.isLabelAlignedLeft\r\n      ? 'ieeesa-color-picker__label-left'\r\n      : 'ieeesa-color-picker__label-top'\r\n  \"\r\n>\r\n  <mat-label\r\n    class=\"ieeesa-body-sm-14 ieeesa-color-picker__label\"\r\n    *ngIf=\"colorPickerLabel\"\r\n    >{{ colorPickerLabel }}</mat-label\r\n  >\r\n  <div class=\"d-flex\">\r\n    <ngx-colors\r\n      class=\"ieeesa-color-picker\"\r\n      ngx-colors-trigger\r\n      [acceptLabel]=\"paletteSelectLabel\"\r\n      [cancelLabel]=\"paletteCancelLabel\"\r\n      [palette]=\"palette\"\r\n      (input)=\"inputChange($event)\"\r\n      (open)=\"onOpenPalette()\"\r\n      (close)=\"onClosePalette()\"\r\n      (slider)=\"onSliderChange($event)\"\r\n      [overlayClassName]=\"overlayClassName\"\r\n      [formControlName]=\"config.controlName\"\r\n      [format]=\"colorFormat\"\r\n      [hideTextInput]=\"canHideTextInput\"\r\n      [colorsAnimation]=\"colorAnimation\"\r\n      [hideColorPicker]=\"canHideColorPicker\"\r\n      [ariaLabel]=\"colorPickerTexts?.colorPicker?.ariaLabel\"\r\n      [ariaDescription]=\"colorPickerTexts?.colorPicker?.ariaDescription\"\r\n    >\r\n    </ngx-colors>\r\n    <button\r\n      class=\"ieeesa-color-picker__toggle-icon\"\r\n      *ngIf=\"isArrowIconNeeded\"\r\n      type=\"button\"\r\n      (click)=\"togglePalette()\"\r\n      [attr.aria-label]=\"colorPickerTexts?.colorPicker?.ariaLabel\"\r\n      [attr.aria-describedby]=\"colorPickerTexts?.colorPicker?.ariaDescribedById\"\r\n    >\r\n      <i\r\n        class=\"fa-solid\"\r\n        [ngClass]=\"canShowPalette ? 'fa-caret-up' : 'fa-caret-down'\"\r\n      ></i>\r\n    </button>\r\n    <span\r\n      class=\"ieeesa-color-picker--selected ieeesa-body-md-14\"\r\n      *ngIf=\"isColorCodeLabelNeeded && defaultColor\"\r\n      >{{ defaultColor }}</span\r\n    >\r\n  </div>\r\n  <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </ieeesa-form-error>\r\n  <ieeesa-form-support-text\r\n    [formGroup]=\"group\"\r\n    [config]=\"config\"\r\n  ></ieeesa-form-support-text>\r\n</div>\r\n", styles: [".ieeesa-color-picker .preview{border-radius:0!important;box-shadow:none!important;padding:0!important}.ieeesa-color-picker .preview .preview-background{background-image:none!important}.ieeesa-color-picker .preview .circle{border-radius:0!important;height:30px!important;width:30px!important}.ieeesa-color-picker .preview .circle.colornull{background:linear-gradient(135deg,#ecececb3 0% 45%,#f4f3f3 50%,#ecececb3 55% 100%)}.ieeesa-color-picker__label-left{display:flex}.ieeesa-color-picker__label-top{display:block}.ieeesa-color-picker--selected{border:1px solid #000000;padding:6px 8px 6px 12px;border-radius:2px}.ieeesa-color-picker__toggle-icon{border:none;background:#fff}.ieeesa-color-picker__overlay .opened .colors .circle,.ieeesa-color-picker__overlay .opened .colors .circle .selected{border-radius:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: NgxColorsModule }, { kind: "component", type: i5$6.NgxColorsComponent, selector: "ngx-colors" }, { kind: "directive", type: i5$6.NgxColorsTriggerDirective, selector: "[ngx-colors-trigger]", inputs: ["colorsAnimation", "palette", "format", "position", "hideTextInput", "hideColorPicker", "attachTo", "overlayClassName", "colorPickerControls", "acceptLabel", "cancelLabel"], outputs: ["change", "input", "slider", "close", "open"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormErrorComponent, selector: "ieeesa-form-error", inputs: ["formGroup", "config", "submitResponse"] }, { kind: "component", type: FormSupportTextComponent, selector: "ieeesa-form-support-text", inputs: ["formGroup", "config"], outputs: ["supportTextLinkClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-color-picker', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        NgxColorsModule,
+                        ReactiveFormsModule,
+                        FormErrorComponent,
+                        FormSupportTextComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\r\n  [formGroup]=\"group\"\r\n  [ngClass]=\"\r\n    config?.isLabelAlignedLeft\r\n      ? 'ieeesa-color-picker__label-left'\r\n      : 'ieeesa-color-picker__label-top'\r\n  \"\r\n>\r\n  <mat-label\r\n    class=\"ieeesa-body-sm-14 ieeesa-color-picker__label\"\r\n    *ngIf=\"colorPickerLabel\"\r\n    >{{ colorPickerLabel }}</mat-label\r\n  >\r\n  <div class=\"d-flex\">\r\n    <ngx-colors\r\n      class=\"ieeesa-color-picker\"\r\n      ngx-colors-trigger\r\n      [acceptLabel]=\"paletteSelectLabel\"\r\n      [cancelLabel]=\"paletteCancelLabel\"\r\n      [palette]=\"palette\"\r\n      (input)=\"inputChange($event)\"\r\n      (open)=\"onOpenPalette()\"\r\n      (close)=\"onClosePalette()\"\r\n      (slider)=\"onSliderChange($event)\"\r\n      [overlayClassName]=\"overlayClassName\"\r\n      [formControlName]=\"config.controlName\"\r\n      [format]=\"colorFormat\"\r\n      [hideTextInput]=\"canHideTextInput\"\r\n      [colorsAnimation]=\"colorAnimation\"\r\n      [hideColorPicker]=\"canHideColorPicker\"\r\n      [ariaLabel]=\"colorPickerTexts?.colorPicker?.ariaLabel\"\r\n      [ariaDescription]=\"colorPickerTexts?.colorPicker?.ariaDescription\"\r\n    >\r\n    </ngx-colors>\r\n    <button\r\n      class=\"ieeesa-color-picker__toggle-icon\"\r\n      *ngIf=\"isArrowIconNeeded\"\r\n      type=\"button\"\r\n      (click)=\"togglePalette()\"\r\n      [attr.aria-label]=\"colorPickerTexts?.colorPicker?.ariaLabel\"\r\n      [attr.aria-describedby]=\"colorPickerTexts?.colorPicker?.ariaDescribedById\"\r\n    >\r\n      <i\r\n        class=\"fa-solid\"\r\n        [ngClass]=\"canShowPalette ? 'fa-caret-up' : 'fa-caret-down'\"\r\n      ></i>\r\n    </button>\r\n    <span\r\n      class=\"ieeesa-color-picker--selected ieeesa-body-md-14\"\r\n      *ngIf=\"isColorCodeLabelNeeded && defaultColor\"\r\n      >{{ defaultColor }}</span\r\n    >\r\n  </div>\r\n  <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </ieeesa-form-error>\r\n  <ieeesa-form-support-text\r\n    [formGroup]=\"group\"\r\n    [config]=\"config\"\r\n  ></ieeesa-form-support-text>\r\n</div>\r\n", styles: [".ieeesa-color-picker .preview{border-radius:0!important;box-shadow:none!important;padding:0!important}.ieeesa-color-picker .preview .preview-background{background-image:none!important}.ieeesa-color-picker .preview .circle{border-radius:0!important;height:30px!important;width:30px!important}.ieeesa-color-picker .preview .circle.colornull{background:linear-gradient(135deg,#ecececb3 0% 45%,#f4f3f3 50%,#ecececb3 55% 100%)}.ieeesa-color-picker__label-left{display:flex}.ieeesa-color-picker__label-top{display:block}.ieeesa-color-picker--selected{border:1px solid #000000;padding:6px 8px 6px 12px;border-radius:2px}.ieeesa-color-picker__toggle-icon{border:none;background:#fff}.ieeesa-color-picker__overlay .opened .colors .circle,.ieeesa-color-picker__overlay .opened .colors .circle .selected{border-radius:0!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: FormUtilityService }]; }, propDecorators: { colorPickerDirective: [{
+                type: ViewChild,
+                args: [NgxColorsTriggerDirective, { static: true }]
+            }], colorPickerChange: [{
+                type: Output
+            }], colorPickerSliderChange: [{
+                type: Output
+            }], defaultColor: [{
+                type: Input
+            }], palette: [{
+                type: Input
+            }], overlayClassName: [{
+                type: Input
+            }], colorFormat: [{
+                type: Input
+            }], colorAnimation: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], paletteSelectLabel: [{
+                type: Input
+            }], paletteCancelLabel: [{
+                type: Input
+            }], colorPickerLabel: [{
+                type: Input
+            }], isColorCodeLabelNeeded: [{
+                type: Input
+            }], isArrowIconNeeded: [{
+                type: Input
+            }], canHideTextInput: [{
+                type: Input
+            }], canHideColorPicker: [{
+                type: Input
+            }] } });
+
 var LinkType;
 (function (LinkType) {
     // eslint-disable-next-line no-unused-vars
@@ -5069,5 +5236,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AlignType, AutocompleteComponent, BreadcrumbComponent, ButtonType, CalendarType, CardComponent, CheckboxComponent, ChipOrientation, ChipsComponent, ChipsType, CustomDateAdapter, DataTableComponent, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, FilterComponent, FocusInvalidFormFieldDirective, FooterComponent, FormControlType, FormErrorComponent, FormSupportTextComponent, FormUtilityService, HeaderComponent, IconButtonComponent, InputComponent, LegendComponent, LinkType, LoaderComponent, MenuComponent, ModalComponent, ModalConfirmationComponent, NavigationMenuComponent, NotificationComponent, PresentationModule, RadioComponent, SearchComponent, SearchType, SelectComponent, SetBackgroundDirective, SlideToggleComponent, TableColumnSortDirection, TableColumnType, TabsComponent, TextAreaComponent, TextTruncatedDirective, TileComponent, TimePickerComponent, ToggleButtonComponent, UserProfileMenu, WelcomeComponent };
+export { AlignType, AutocompleteComponent, BreadcrumbComponent, ButtonType, CalendarType, CardComponent, CheckboxComponent, ChipOrientation, ChipsComponent, ChipsType, ColorFormat, ColorPickerComponent, ColorsAnimation, CustomDateAdapter, DataTableComponent, DatePickerComponent, DatePickerHeaderComponent, DatepickerService, DynamicFormComponent, DynamicFormFieldDirective, FilterComponent, FocusInvalidFormFieldDirective, FooterComponent, FormControlType, FormErrorComponent, FormSupportTextComponent, FormUtilityService, HeaderComponent, IconButtonComponent, InputComponent, LegendComponent, LinkType, LoaderComponent, MenuComponent, ModalComponent, ModalConfirmationComponent, NavigationMenuComponent, NotificationComponent, PresentationModule, RadioComponent, SearchComponent, SearchType, SelectComponent, SetBackgroundDirective, SlideToggleComponent, TableColumnSortDirection, TableColumnType, TabsComponent, TextAreaComponent, TextTruncatedDirective, TileComponent, TimePickerComponent, ToggleButtonComponent, UserProfileMenu, WelcomeComponent };
 //# sourceMappingURL=ieeesa-npm-presentation.mjs.map