@acorex/components 5.3.4 → 5.4.0

package/lib/base/components.class.d.ts

@@ -1,3 +1,5 @@
+import { EventEmitter } from "@angular/core";
+import { AXValueChangedEvent } from "./events.class";
 import * as i0 from "@angular/core";
 export declare abstract class AXClosbaleComponent {
     abstract close(): void;
@@ -9,3 +11,9 @@ export declare abstract class AXSearchableComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchableComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXSearchableComponent>;
 }
+export declare abstract class AXValuableComponent {
+    abstract onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
+    abstract value: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValuableComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXValuableComponent>;
+}

package/lib/color-palette/color-palette-input.component.d.ts

@@ -1,13 +1,12 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent, AXClickEvent, AXValueChangedEvent } from '../base';
-import { AXColorPalleteComponent } from './color-palette.component';
+import { AXColorComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export declare class AXColorPaletteInputComponent extends AXBaseComponent {
-    private _parent?;
+    _parent?: AXColorComponent;
     _rgba: any;
     _hex: string;
-    inputMode: 'hex' | 'rgba' | 'hsla' | 'hwba';
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorPalleteComponent);
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
     _handleChangeInputMode(e: AXClickEvent): void;
     _handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
     _handleHEXAValueChanged(e: AXValueChangedEvent<string>): void;

package/lib/color-palette/color-palette-preview.component.d.ts

@@ -1,11 +1,11 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent } from '../base';
-import { AXColorPalleteComponent } from './color-palette.component';
+import { AXColorComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export declare class AXColorPalettePreviewComponent extends AXBaseComponent {
     private _parent?;
-    _hex: string;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorPalleteComponent);
+    _colorCode: string;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePreviewComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePreviewComponent, "ax-color-palette-preview", never, {}, {}, never, never>;

package/lib/color-palette/color-palette-swatches.component.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent } from '../base';
-import { AXColorPalleteComponent } from './color-palette.component';
+import { AXColorComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export declare class AXColorPaletteSwatchesComponent extends AXBaseComponent {
     private _parent?;
@@ -8,7 +8,7 @@ export declare class AXColorPaletteSwatchesComponent extends AXBaseComponent {
     colors: {
         code: string;
     }[];
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorPalleteComponent);
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
     _handleClick(e: MouseEvent, color: any): void;
     private _defaultPalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteSwatchesComponent, [null, null, { optional: true; }]>;

package/lib/color-palette/color-palette.class.d.ts

@@ -0,0 +1,12 @@
+import { Subject } from "rxjs";
+import { AXColorMode } from "@acorex/core";
+import * as i0 from "@angular/core";
+export declare abstract class AXColorComponent {
+    abstract _onInternalColorChanged$: Subject<{
+        color: any;
+        mode: AXColorMode;
+    }>;
+    abstract mode: AXColorMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXColorComponent>;
+}

package/lib/color-palette/color-palette.component.d.ts

@@ -1,9 +1,18 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXColorMode } from '@acorex/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { Subject } from 'rxjs';
 import { AXBaseValueComponentMixin } from '../base';
 import * as i0 from "@angular/core";
 export declare class AXColorPalleteComponent extends AXBaseValueComponentMixin {
+    _onInternalColorChanged$: Subject<any>;
+    modeChange: EventEmitter<AXColorMode>;
+    private _mode;
+    /**
+    *  A character value that specifies the separator character.
+    */
+    get mode(): AXColorMode;
+    set mode(v: AXColorMode);
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-header", "ax-color-palette-preview", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "mode": "mode"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "modeChange": "modeChange"; }, never, ["ax-header", "ax-color-palette-favorite", "ax-footer"]>;
 }

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

@@ -1,4 +1,4 @@
-import { AXPlatform } from '@acorex/core';
+import { AXColorMode, AXPlatform } from '@acorex/core';
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import { AXBaseComponent, AXClickEvent, AXValueChangedEvent } from '../base';
 import { AXPopoverComponent } from '../popover';
@@ -74,6 +74,11 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
         valueChange: import("@angular/core").EventEmitter<any>;
         "__#5@#readonly": boolean;
         readonly: boolean;
+        /**
+         * The Button is a component which detects user interaction and triggers a corresponding event
+         *
+         * @category Components
+         */
         "__#5@#allowNull": boolean;
         allowNull: boolean;
         "__#5@#name": string;
@@ -85,7 +90,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
         "__#5@#value": any;
         value: any;
         "__#5@#state": "error" | "clear" | "success";
-        readonly state: "error" | "clear" | "success";
+        readonly state: "error" | "clear" | "success"; /**
+        *  @ignore
+        */
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;
         _onValueChanging(value: any): any;
@@ -160,6 +167,8 @@ export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
     _target: HTMLDivElement;
     _popoverTitle: string;
     _popoverWidth: number;
+    _colorCode: string;
+    _mode: AXColorMode;
     _isMobile: boolean;
     /**
     *  @ignore

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "5.3.4",
+  "version": "5.4.0",
   "peerDependencies": {
     "@angular/common": "^13.3.7",
     "@angular/core": "^13.3.7",