@pepperi-addons/ngx-lib 0.4.1-cards-list-scroll.32 → 0.4.1

package/checkbox/checkbox.component.d.ts

@@ -1,50 +1,50 @@
-import { OnInit, EventEmitter, OnDestroy, Renderer2, ElementRef, OnChanges } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { MatCheckboxChange } from '@angular/material/checkbox';
-import { TranslateService } from '@ngx-translate/core';
-import { PepCustomizationService, PepLayoutType, PepHorizontalAlignment, PepCheckboxFieldType } from '@pepperi-addons/ngx-lib';
-import * as i0 from "@angular/core";
-export declare class PepCheckboxComponent implements OnInit, OnChanges, OnDestroy {
-    private renderer;
-    private customizationService;
-    private element;
-    private translate;
-    key: string;
-    value: boolean;
-    label: string;
-    private _type;
-    set type(value: PepCheckboxFieldType);
-    get type(): PepCheckboxFieldType;
-    mandatory: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    xAlignment: PepHorizontalAlignment;
-    rowSpan: number;
-    private _additionalValue;
-    set additionalValue(value: any);
-    get additionalValue(): any;
-    controlType: string;
-    form: FormGroup;
-    isActive: boolean;
-    showTitle: boolean;
-    renderTitle: boolean;
-    layoutType: PepLayoutType;
-    private _visible;
-    set visible(visible: boolean);
-    get visible(): boolean;
-    valueChange: EventEmitter<boolean>;
-    standAlone: boolean;
-    additionalValueObject: any;
-    jsonLib: JSON;
-    constructor(renderer: Renderer2, customizationService: PepCustomizationService, element: ElementRef, translate: TranslateService);
-    private setAdditionalValueObject;
-    private setDefaultForm;
-    ngOnInit(): void;
-    ngOnChanges(changes: any): void;
-    ngOnDestroy(): void;
-    onMaterialChange(e: MatCheckboxChange): void;
-    toggleChecked(event: Event): void;
-    changeValue(value: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepCheckboxComponent, "pep-checkbox", never, { "key": "key"; "value": "value"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "additionalValue": "additionalValue"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "visible": "visible"; }, { "valueChange": "valueChange"; }, never, never, false>;
-}
+import { OnInit, EventEmitter, OnDestroy, Renderer2, ElementRef, OnChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { TranslateService } from '@ngx-translate/core';
+import { PepCustomizationService, PepLayoutType, PepHorizontalAlignment, PepCheckboxFieldType } from '@pepperi-addons/ngx-lib';
+import * as i0 from "@angular/core";
+export declare class PepCheckboxComponent implements OnInit, OnChanges, OnDestroy {
+    private renderer;
+    private customizationService;
+    private element;
+    private translate;
+    key: string;
+    value: boolean;
+    label: string;
+    private _type;
+    set type(value: PepCheckboxFieldType);
+    get type(): PepCheckboxFieldType;
+    mandatory: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    xAlignment: PepHorizontalAlignment;
+    rowSpan: number;
+    private _additionalValue;
+    set additionalValue(value: any);
+    get additionalValue(): any;
+    controlType: string;
+    form: FormGroup;
+    isActive: boolean;
+    showTitle: boolean;
+    renderTitle: boolean;
+    layoutType: PepLayoutType;
+    private _visible;
+    set visible(visible: boolean);
+    get visible(): boolean;
+    valueChange: EventEmitter<boolean>;
+    standAlone: boolean;
+    additionalValueObject: any;
+    jsonLib: JSON;
+    constructor(renderer: Renderer2, customizationService: PepCustomizationService, element: ElementRef, translate: TranslateService);
+    private setAdditionalValueObject;
+    private setDefaultForm;
+    ngOnInit(): void;
+    ngOnChanges(changes: any): void;
+    ngOnDestroy(): void;
+    onMaterialChange(e: MatCheckboxChange): void;
+    toggleChecked(event: Event): void;
+    changeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepCheckboxComponent, "pep-checkbox", never, { "key": "key"; "value": "value"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "additionalValue": "additionalValue"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "visible": "visible"; }, { "valueChange": "valueChange"; }, never, never, false>;
+}

package/checkbox/checkbox.module.d.ts

@@ -1,19 +1,19 @@
-import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
-import * as i0 from "@angular/core";
-import * as i1 from "./checkbox.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/material/core";
-import * as i5 from "@angular/material/form-field";
-import * as i6 from "@angular/material/checkbox";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@pepperi-addons/ngx-lib";
-import * as i9 from "@pepperi-addons/ngx-lib/icon";
-import * as i10 from "@pepperi-addons/ngx-lib/field-title";
-export declare class PepCheckboxModule {
-    private pepIconRegistry;
-    constructor(pepIconRegistry: PepIconRegistry);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepCheckboxModule, [typeof i1.PepCheckboxComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatCommonModule, typeof i5.MatFormFieldModule, typeof i6.MatCheckboxModule, typeof i7.MatIconModule, typeof i8.PepNgxLibModule, typeof i9.PepIconModule, typeof i10.PepFieldTitleModule], [typeof i1.PepCheckboxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PepCheckboxModule>;
-}
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/checkbox";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@pepperi-addons/ngx-lib";
+import * as i9 from "@pepperi-addons/ngx-lib/icon";
+import * as i10 from "@pepperi-addons/ngx-lib/field-title";
+export declare class PepCheckboxModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepCheckboxModule, [typeof i1.PepCheckboxComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatCommonModule, typeof i5.MatFormFieldModule, typeof i6.MatCheckboxModule, typeof i7.MatIconModule, typeof i8.PepNgxLibModule, typeof i9.PepIconModule, typeof i10.PepFieldTitleModule], [typeof i1.PepCheckboxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepCheckboxModule>;
+}

package/checkbox/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@pepperi-addons/ngx-lib/checkbox" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-lib/checkbox" />
+export * from './public-api';

package/checkbox/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './checkbox.module';
-export * from './checkbox.component';
+export * from './checkbox.module';
+export * from './checkbox.component';

package/chips/chips.component.d.ts

@@ -1,93 +1,104 @@
-import { OnInit, EventEmitter, OnDestroy } from '@angular/core';
-import { MatChipInputEvent } from '@angular/material/chips';
-import { TranslateService } from '@ngx-translate/core';
-import { PepStyleType } from '@pepperi-addons/ngx-lib';
-import { IPepChip, PepChipsOrientationType, PepChipsInputType, IPepChipSelection } from './chips.model';
-import { PepChipsService } from './chips.service';
-import * as i0 from "@angular/core";
-export declare class PepChipsComponent implements OnInit, OnDestroy {
-    chipsService: PepChipsService;
-    private _translate;
-    /**
-    * The chips within the chip list.
-    *
-    * @memberof PepChipsComponent
-    */
-    set chips(chips: IPepChip[]);
-    get chips(): IPepChip[];
-    /**
-    * The add chip emitter type.
-    *
-    * @type {PepChipsInputType}
-    * @memberof PepChipsComponent
-    */
-    type: PepChipsInputType;
-    /**
-    * The chip layput direction type.
-    *
-    * @type {PepChipsOrientationType}
-    * @memberof PepChipsComponent
-    */
-    orientation: PepChipsOrientationType;
-    /**
-    * The style of the button.
-    *
-    * @type {PepStyleType}
-    * @memberof PepButtonComponent
-    */
-    styleType: PepStyleType;
-    /**
-    * Whether chip multi select allowed.
-    *
-    * @memberof PepChipsComponent
-    */
-    multiSelect: boolean;
-    /**
-    * Add new chip placeholder.
-    *
-    * @memberof PepChipsComponent
-    */
-    placeholder: string;
-    /**
-     * Add new chip(s) event.
-     *
-     * @type {EventEmitter<void>}
-     * @memberof PepButtonComponent
-     */
-    fieldClick: EventEmitter<void>;
-    selectionChange: EventEmitter<IPepChipSelection>;
-    /**
-     * Selected chip(s)
-     */
-    get selected(): string | string[];
-    constructor(chipsService: PepChipsService, _translate: TranslateService);
-    ngOnInit(): void;
-    /**
-     * Adding chip(s) to current chips list
-     * @param chips Chip(s) to add
-     */
-    addChipsToList(chips: IPepChip[]): void;
-    /**
-     * On new chip added
-     * @param event Chip addition event
-     */
-    onChipAdded(event: MatChipInputEvent): void;
-    /**
-     * On chip removed
-     * @param chip Removed chip item
-     */
-    onChipRemoved(chip: IPepChip): void;
-    /**
-     * On chip selection status changed
-     * @param isSelected Whether the chip is selected
-     * @param chip Selected chip item
-     */
-    onSelectionChanged(isSelected: boolean, chip: IPepChip): void;
-    /**
-     * On Add new chip(s) clicked
-     */
-    onChipsSelectClicked(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepChipsComponent, "pep-chips", never, { "chips": "chips"; "type": "type"; "orientation": "orientation"; "styleType": "styleType"; "multiSelect": "multiSelect"; "placeholder": "placeholder"; }, { "fieldClick": "fieldClick"; "selectionChange": "selectionChange"; }, never, never, false>;
-}
+import { OnInit, EventEmitter, OnDestroy } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { MatChipInputEvent } from '@angular/material/chips';
+import { TranslateService } from '@ngx-translate/core';
+import { PepHorizontalAlignment, PepLayoutType, PepStyleType } from '@pepperi-addons/ngx-lib';
+import { IPepChip, PepChipsOrientationType, PepChipsInputType, IPepChipSelection } from './chips.model';
+import { PepChipsService } from './chips.service';
+import * as i0 from "@angular/core";
+export declare class PepChipsComponent implements OnInit, OnDestroy {
+    chipsService: PepChipsService;
+    private _translate;
+    /**
+    * The chips within the chip list.
+    *
+    * @memberof PepChipsComponent
+    */
+    form: FormGroup;
+    layoutType: PepLayoutType;
+    inline: boolean;
+    xAlignment: PepHorizontalAlignment;
+    renderTitle: boolean;
+    showTitle: boolean;
+    label: string;
+    mandatory: boolean;
+    disabled: boolean;
+    classNames: string;
+    set chips(chips: IPepChip[]);
+    get chips(): IPepChip[];
+    /**
+    * The add chip emitter type.
+    *
+    * @type {PepChipsInputType}
+    * @memberof PepChipsComponent
+    */
+    type: PepChipsInputType;
+    /**
+    * The chip layput direction type.
+    *
+    * @type {PepChipsOrientationType}
+    * @memberof PepChipsComponent
+    */
+    orientation: PepChipsOrientationType;
+    /**
+    * The style of the button.
+    *
+    * @type {PepStyleType}
+    * @memberof PepButtonComponent
+    */
+    styleType: PepStyleType;
+    /**
+    * Whether chip multi select allowed.
+    *
+    * @memberof PepChipsComponent
+    */
+    multiSelect: boolean;
+    /**
+    * Add new chip placeholder.
+    *
+    * @memberof PepChipsComponent
+    */
+    placeholder: string;
+    /**
+     * Add new chip(s) event.
+     *
+     * @type {EventEmitter<void>}
+     * @memberof PepButtonComponent
+     */
+    fieldClick: EventEmitter<void>;
+    selectionChange: EventEmitter<IPepChipSelection>;
+    /**
+     * Selected chip(s)
+     */
+    get selected(): string | string[];
+    constructor(chipsService: PepChipsService, _translate: TranslateService);
+    ngOnInit(): void;
+    /**
+     * Adding chip(s) to current chips list
+     * @param chips Chip(s) to add
+     */
+    addChipsToList(chips: IPepChip[]): void;
+    /**
+     * On new chip added
+     * @param event Chip addition event
+     */
+    onChipAdded(event: MatChipInputEvent): void;
+    /**
+     * On chip removed
+     * @param chip Removed chip item
+     */
+    onChipRemoved(chip: IPepChip): void;
+    /**
+     * On chip selection status changed
+     * @param isSelected Whether the chip is selected
+     * @param chip Selected chip item
+     */
+    onSelectionChanged(isSelected: boolean, chip: IPepChip): void;
+    /**
+     * On Add new chip(s) clicked
+     */
+    onChipsSelectClicked(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepChipsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepChipsComponent, "pep-chips", never, { "form": "form"; "layoutType": "layoutType"; "inline": "inline"; "xAlignment": "xAlignment"; "renderTitle": "renderTitle"; "showTitle": "showTitle"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "classNames": "classNames"; "chips": "chips"; "type": "type"; "orientation": "orientation"; "styleType": "styleType"; "multiSelect": "multiSelect"; "placeholder": "placeholder"; }, { "fieldClick": "fieldClick"; "selectionChange": "selectionChange"; }, never, never, false>;
+}

package/chips/chips.component.theme.scss

@@ -1,5 +1,6 @@
 @use '../src/core/style/abstracts/mixins';
 @use '../src/core/style/abstracts/functions';
+@use '../src/core/style/abstracts/variables';
 
 @mixin pep-chips-states ($style: regular){       
     @include mixins.pep-state-default($style, null, true);
@@ -7,12 +8,12 @@
     &:hover {
         @include mixins.pep-state-hover($style, null, true);
     }     
-    &.mat-chip-selected {                   
-        @include mixins.pep-state-active($style, null, true);
-        @if $style != strong {
-            color:functions.get-pep-color(color-text, color-main) !important;   
-        } 
-    }
+    // &.mat-chip-selected {                   
+    //     @include mixins.pep-state-active($style, null, true);
+    //     @if $style != strong {
+    //         color:functions.get-pep-color(color-text, color-main) !important;   
+    //     } 
+    // }
     &:focus {                
         @include mixins.pep-state-focus($style, null, true);
        
@@ -27,6 +28,14 @@
 }
 
 .pep-chips-container {   
+    @include mixins.state-weak-default();
+
+    &.input-type-state{
+        &:hover {
+            @include mixins.state-weak-hover();
+        }
+    }
+
     ::ng-deep.mat-chip-list {
 
         &:focus-visible {
@@ -60,4 +69,4 @@
             }
         }
     }
-}
+}

package/chips/chips.model.d.ts

@@ -1,14 +1,14 @@
-export declare type PepChipsOrientationType = 'horizontal' | 'vertical';
-export declare type PepChipsInputType = 'input' | 'select';
-export interface IPepChip {
-    key?: string;
-    value: string;
-    disabled?: boolean;
-    selected?: boolean;
-    removable?: boolean;
-    selectable?: boolean;
-}
-export interface IPepChipSelection {
-    value: string;
-    isSelected: boolean;
-}
+export declare type PepChipsOrientationType = 'horizontal' | 'vertical';
+export declare type PepChipsInputType = 'input' | 'select';
+export interface IPepChip {
+    key?: string;
+    value: string;
+    disabled?: boolean;
+    selected?: boolean;
+    removable?: boolean;
+    selectable?: boolean;
+}
+export interface IPepChipSelection {
+    value: string;
+    isSelected: boolean;
+}

package/chips/chips.module.d.ts

@@ -1,20 +1,20 @@
-import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
-import * as i0 from "@angular/core";
-import * as i1 from "./chips.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/material/core";
-import * as i5 from "@angular/material/form-field";
-import * as i6 from "@angular/material/chips";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@pepperi-addons/ngx-lib";
-import * as i9 from "@pepperi-addons/ngx-lib/icon";
-import * as i10 from "@pepperi-addons/ngx-lib/field-title";
-import * as i11 from "@pepperi-addons/ngx-lib/button";
-export declare class PepChipsModule {
-    private pepIconRegistry;
-    constructor(pepIconRegistry: PepIconRegistry);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepChipsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepChipsModule, [typeof i1.PepChipsComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatCommonModule, typeof i5.MatFormFieldModule, typeof i6.MatChipsModule, typeof i7.MatIconModule, typeof i8.PepNgxLibModule, typeof i9.PepIconModule, typeof i10.PepFieldTitleModule, typeof i11.PepButtonModule], [typeof i1.PepChipsComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PepChipsModule>;
-}
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "./chips.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/chips";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@pepperi-addons/ngx-lib";
+import * as i9 from "@pepperi-addons/ngx-lib/icon";
+import * as i10 from "@pepperi-addons/ngx-lib/field-title";
+import * as i11 from "@pepperi-addons/ngx-lib/button";
+export declare class PepChipsModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepChipsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepChipsModule, [typeof i1.PepChipsComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatCommonModule, typeof i5.MatFormFieldModule, typeof i6.MatChipsModule, typeof i7.MatIconModule, typeof i8.PepNgxLibModule, typeof i9.PepIconModule, typeof i10.PepFieldTitleModule, typeof i11.PepButtonModule], [typeof i1.PepChipsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepChipsModule>;
+}

package/chips/chips.service.d.ts

@@ -1,15 +1,15 @@
-import { IPepChip } from './chips.model';
-import * as i0 from "@angular/core";
-export declare class PepChipsService {
-    private readonly _destroyer;
-    private _chips;
-    constructor();
-    get chips(): IPepChip[];
-    get selected(): string[];
-    initData(chips: IPepChip[]): void;
-    addChip(chip: IPepChip): void;
-    destroy(): void;
-    get destroyer(): import("rxjs").MonoTypeOperatorFunction<unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepChipsService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PepChipsService>;
-}
+import { IPepChip } from './chips.model';
+import * as i0 from "@angular/core";
+export declare class PepChipsService {
+    private readonly _destroyer;
+    private _chips;
+    constructor();
+    get chips(): IPepChip[];
+    get selected(): string[];
+    initData(chips: IPepChip[]): void;
+    addChip(chip: IPepChip): void;
+    destroy(): void;
+    get destroyer(): import("rxjs").MonoTypeOperatorFunction<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepChipsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PepChipsService>;
+}

package/chips/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@pepperi-addons/ngx-lib/chips" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-lib/chips" />
+export * from './public-api';

package/chips/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './chips.module';
-export * from './chips.component';
-export * from './chips.model';
+export * from './chips.module';
+export * from './chips.component';
+export * from './chips.model';

package/color/color-picker.component.d.ts

@@ -1,57 +1,57 @@
-import { OnInit } from '@angular/core';
-import { MatDialogRef } from '@angular/material/dialog';
-import { PepColorService, IPepHslColor } from '@pepperi-addons/ngx-lib';
-import { PepColorType } from './color.model';
-import * as i0 from "@angular/core";
-declare enum PepContrastRatioType {
-    AA = 4.5,
-    AAA = 7
-}
-interface IPepColorPickerDialogData {
-    value: string;
-    type: PepColorType;
-    showAAComplient: boolean;
-    checkAAComplient: boolean;
-    textColor: string;
-    contrastRatio: PepContrastRatioType;
-}
-export declare class PepColorPickerComponent implements OnInit {
-    private colorService;
-    private dialogRef;
-    data: IPepColorPickerDialogData;
-    static CURRENT_HUE: string;
-    private readonly defaultColor;
-    checkAAComplient: boolean;
-    constructor(colorService: PepColorService, dialogRef: MatDialogRef<PepColorPickerComponent>, data: IPepColorPickerDialogData);
-    private defaultHueBackground;
-    currentHue: number;
-    currentHueMin: number;
-    currentHueMax: number;
-    currentHueBackground: string;
-    private defaultSaturationBackground;
-    currentSaturation: number;
-    currentSaturationMin: number;
-    currentSaturationMax: number;
-    currentSaturationBackground: string;
-    private defaultLightnessBackground;
-    currentLightness: number;
-    currentLightnessMin: number;
-    currentLightnessMax: number;
-    currentLightnessBackground: string;
-    complientColor: string;
-    isUserChooseAAComplientColor: boolean;
-    ngOnInit(): void;
-    initVars(): void;
-    setCurrentHueInCss(): void;
-    convertValueStringToColor(color: any): void;
-    convertColorToValueString(hslColor: IPepHslColor): void;
-    onHueChange(value: any): void;
-    onSaturationChange(value: any): void;
-    onLightnessChange(value: any): void;
-    onColorValueChange(color: any): void;
-    onSave(event: any): void;
-    closeDialog(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepColorPickerComponent, "ng-component", never, {}, {}, never, never, false>;
-}
-export {};
+import { OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { PepColorService, IPepHslColor } from '@pepperi-addons/ngx-lib';
+import { PepColorType } from './color.model';
+import * as i0 from "@angular/core";
+declare enum PepContrastRatioType {
+    AA = 4.5,
+    AAA = 7
+}
+interface IPepColorPickerDialogData {
+    value: string;
+    type: PepColorType;
+    showAAComplient: boolean;
+    checkAAComplient: boolean;
+    textColor: string;
+    contrastRatio: PepContrastRatioType;
+}
+export declare class PepColorPickerComponent implements OnInit {
+    private colorService;
+    private dialogRef;
+    data: IPepColorPickerDialogData;
+    static CURRENT_HUE: string;
+    private readonly defaultColor;
+    checkAAComplient: boolean;
+    constructor(colorService: PepColorService, dialogRef: MatDialogRef<PepColorPickerComponent>, data: IPepColorPickerDialogData);
+    private defaultHueBackground;
+    currentHue: number;
+    currentHueMin: number;
+    currentHueMax: number;
+    currentHueBackground: string;
+    private defaultSaturationBackground;
+    currentSaturation: number;
+    currentSaturationMin: number;
+    currentSaturationMax: number;
+    currentSaturationBackground: string;
+    private defaultLightnessBackground;
+    currentLightness: number;
+    currentLightnessMin: number;
+    currentLightnessMax: number;
+    currentLightnessBackground: string;
+    complientColor: string;
+    isUserChooseAAComplientColor: boolean;
+    ngOnInit(): void;
+    initVars(): void;
+    setCurrentHueInCss(): void;
+    convertValueStringToColor(color: any): void;
+    convertColorToValueString(hslColor: IPepHslColor): void;
+    onHueChange(value: any): void;
+    onSaturationChange(value: any): void;
+    onLightnessChange(value: any): void;
+    onColorValueChange(color: any): void;
+    onSave(event: any): void;
+    closeDialog(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepColorPickerComponent, "ng-component", never, {}, {}, never, never, false>;
+}
+export {};