@acorex/components 6.0.1 → 6.0.2

package/esm2020/collapse/src/collapse-group.component.mjs

@@ -0,0 +1,52 @@
+import { AXBaseComponent } from '@acorex/components/mixin';
+import { ChangeDetectionStrategy, Component, ContentChildren, Input, ViewEncapsulation } from '@angular/core';
+import { AXCollapseComponent } from './collapse.component';
+import * as i0 from "@angular/core";
+export class AXCollapseGroupComponent extends AXBaseComponent {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.cdr = cdr;
+        this.accordion = false;
+        this.nonCollapsedIndex = 0;
+        this._subs = [];
+    }
+    onViewInit() {
+        if (this.accordion) {
+            this._items.forEach(c => c.isCollapsed = true);
+            // TODO:Check ts error
+            //@ts-ignore
+            this._items.get(this.nonCollapsedIndex).isCollapsed = false;
+            console.log(this._items[this.nonCollapsedIndex]);
+            this._items.forEach((c1) => {
+                this._subs.push(c1.isCollapsedChange.subscribe(e => {
+                    if (!e)
+                        this._items.toArray().filter(c2 => c2 != c1).forEach(c => c.isCollapsed = true);
+                }));
+            });
+        }
+    }
+    onDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+        this._subs = [];
+    }
+}
+AXCollapseGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXCollapseGroupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXCollapseGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: { accordion: "accordion", nonCollapsedIndex: "nonCollapsedIndex" }, host: { classAttribute: "ax-collapse-group" }, queries: [{ propertyName: "_items", predicate: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-collapse"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXCollapseGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-collapse-group',
+                    template: `<ng-content select="ax-collapse"></ng-content>`,
+                    host: { class: 'ax-collapse-group' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { accordion: [{
+                type: Input
+            }], nonCollapsedIndex: [{
+                type: Input
+            }], _items: [{
+                type: ContentChildren,
+                args: [AXCollapseComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sbGFwc2Uvc3JjL2NvbGxhcHNlLWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsZUFBZSxFQUFjLEtBQUssRUFBYSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV4SixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFTM0QsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGVBQWU7SUFZekQsWUFBWSxVQUFzQixFQUFVLEdBQXNCO1FBQzlELEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFEaUIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFWekQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVsQixzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFNdkIsVUFBSyxHQUFtQixFQUFFLENBQUM7SUFJbkMsQ0FBQztJQUdELFVBQVU7UUFDTixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxDQUFDO1lBQy9DLHNCQUFzQjtZQUN0QixZQUFZO1lBQ1osSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUM1RCxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztZQUVqRCxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQXVCLEVBQUUsRUFBRTtnQkFDNUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtvQkFDL0MsSUFBSSxDQUFDLENBQUM7d0JBQ0YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsQ0FBQztnQkFDeEYsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNSLENBQUMsQ0FBQyxDQUFBO1NBQ0w7SUFDTCxDQUFDO0lBRUQsU0FBUztRQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQzs7cUhBckNRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDJNQU1oQixtQkFBbUIsb0RBWDFCLGdEQUFnRDsyRkFLakQsd0JBQXdCO2tCQVBwQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRSxnREFBZ0Q7b0JBQzFELElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxtQkFBbUIsRUFBRTtvQkFDcEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN4QztpSUFHWSxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFHRSxNQUFNO3NCQURiLGVBQWU7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL21peGluJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgRWxlbWVudFJlZiwgSW5wdXQsIFF1ZXJ5TGlzdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEFYQ29sbGFwc2VDb21wb25lbnQgfSBmcm9tICcuL2NvbGxhcHNlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtY29sbGFwc2UtZ3JvdXAnLFxyXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb2xsYXBzZVwiPjwvbmctY29udGVudD5gLFxyXG4gICAgaG9zdDogeyBjbGFzczogJ2F4LWNvbGxhcHNlLWdyb3VwJyB9LFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDb2xsYXBzZUdyb3VwQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50IHtcclxuXHJcbiAgICBASW5wdXQoKSBhY2NvcmRpb24gPSBmYWxzZTtcclxuXHJcbiAgICBASW5wdXQoKSBub25Db2xsYXBzZWRJbmRleCA9IDA7XHJcblxyXG4gICAgQENvbnRlbnRDaGlsZHJlbihBWENvbGxhcHNlQ29tcG9uZW50KVxyXG4gICAgcHJpdmF0ZSBfaXRlbXM6IFF1ZXJ5TGlzdDxBWENvbGxhcHNlQ29tcG9uZW50PjtcclxuXHJcblxyXG4gICAgcHJpdmF0ZSBfc3ViczogU3Vic2NyaXB0aW9uW10gPSBbXTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgICAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICBvblZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmFjY29yZGlvbikge1xyXG4gICAgICAgICAgICB0aGlzLl9pdGVtcy5mb3JFYWNoKGMgPT4gYy5pc0NvbGxhcHNlZCA9IHRydWUpO1xyXG4gICAgICAgICAgICAvLyBUT0RPOkNoZWNrIHRzIGVycm9yXHJcbiAgICAgICAgICAgIC8vQHRzLWlnbm9yZVxyXG4gICAgICAgICAgICB0aGlzLl9pdGVtcy5nZXQodGhpcy5ub25Db2xsYXBzZWRJbmRleCkuaXNDb2xsYXBzZWQgPSBmYWxzZTtcclxuICAgICAgICAgICAgY29uc29sZS5sb2codGhpcy5faXRlbXNbdGhpcy5ub25Db2xsYXBzZWRJbmRleF0pO1xyXG5cclxuICAgICAgICAgICAgdGhpcy5faXRlbXMuZm9yRWFjaCgoYzE6IEFYQ29sbGFwc2VDb21wb25lbnQpID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMuX3N1YnMucHVzaChjMS5pc0NvbGxhcHNlZENoYW5nZS5zdWJzY3JpYmUoZSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFlKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLl9pdGVtcy50b0FycmF5KCkuZmlsdGVyKGMyID0+IGMyICE9IGMxKS5mb3JFYWNoKGMgPT4gYy5pc0NvbGxhcHNlZCA9IHRydWUpO1xyXG4gICAgICAgICAgICAgICAgfSkpO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBvbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fc3Vicy5mb3JFYWNoKHMgPT4gcy51bnN1YnNjcmliZSgpKTtcclxuICAgICAgICB0aGlzLl9zdWJzID0gW107XHJcbiAgICB9XHJcblxyXG5cclxufVxyXG4iXX0=

package/esm2020/collapse/src/collapse.component.mjs

@@ -0,0 +1,42 @@
+import { AXBaseComponent } from '@acorex/components/mixin';
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AXCollapseComponent extends AXBaseComponent {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.cdr = cdr;
+        this.isCollapsedChange = new EventEmitter();
+        this._isCollapsed = false;
+        this.caption = '';
+    }
+    get isCollapsed() {
+        return this._isCollapsed;
+    }
+    set isCollapsed(v) {
+        if (v != this._isCollapsed) {
+            this._isCollapsed = v;
+            this.isCollapsedChange.emit(v);
+            this._cdr.detectChanges();
+        }
+    }
+    handleHeaderClick() {
+        this.isCollapsed = !this.isCollapsed;
+    }
+}
+AXCollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXCollapseComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXCollapseComponent, selector: "ax-collapse", inputs: { isCollapsed: "isCollapsed", caption: "caption" }, outputs: { isCollapsedChange: "isCollapsedChange" }, host: { classAttribute: "ax-collapse" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\">\r\n    <ng-container *ngIf=\"headerTemplate;else header\">\r\n        <div class=\"ax-collapse-custom-header-container\" (click)=\"handleHeaderClick()\">\r\n            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: {caption,isCollapsed} }\"></ng-container>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #header>\r\n        <div class=\"ax-collapse-header-container\" (click)=\"handleHeaderClick()\">\r\n            <div>\r\n                <span class=\"ax-ic ax-ic-chevron ax-collapse-arrow ax-transition-all\"\r\n                    [class.ax-rotate-90]=\"isCollapsed\"></span>\r\n                <ng-content select=\"ax-prefix\"></ng-content>\r\n                <span>{{caption}}</span>\r\n            </div>\r\n            <div>\r\n                <ng-content select=\"ax-suffix\"></ng-content>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body ax-transition-all\" *ngIf=\"!isCollapsed\">\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXCollapseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-collapse', host: { class: 'ax-collapse' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\">\r\n    <ng-container *ngIf=\"headerTemplate;else header\">\r\n        <div class=\"ax-collapse-custom-header-container\" (click)=\"handleHeaderClick()\">\r\n            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: {caption,isCollapsed} }\"></ng-container>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #header>\r\n        <div class=\"ax-collapse-header-container\" (click)=\"handleHeaderClick()\">\r\n            <div>\r\n                <span class=\"ax-ic ax-ic-chevron ax-collapse-arrow ax-transition-all\"\r\n                    [class.ax-rotate-90]=\"isCollapsed\"></span>\r\n                <ng-content select=\"ax-prefix\"></ng-content>\r\n                <span>{{caption}}</span>\r\n            </div>\r\n            <div>\r\n                <ng-content select=\"ax-suffix\"></ng-content>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body ax-transition-all\" *ngIf=\"!isCollapsed\">\r\n    <ng-content></ng-content>\r\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isCollapsedChange: [{
+                type: Output
+            }], isCollapsed: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['header', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sbGFwc2Uvc3JjL2NvbGxhcHNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbGxhcHNlL3NyYy9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxlQUFlO0lBQ3RELFlBQVksVUFBc0IsRUFBVSxHQUFzQjtRQUNoRSxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRG1CLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBS2xFLHNCQUFpQixHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXZELGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBY3RDLFlBQU8sR0FBVyxFQUFFLENBQUM7SUFuQnJCLENBQUM7SUFNRCxJQUNXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUFXLFdBQVcsQ0FBQyxDQUFVO1FBQy9CLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7WUFDdEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQVFELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7O2dIQTdCVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix3VkNyQmhDLG1vQ0F3Qk07MkZESE8sbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGFBQWEsUUFFakIsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLG1CQUNiLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7aUlBUXJDLGlCQUFpQjtzQkFEaEIsTUFBTTtnQkFLSSxXQUFXO3NCQURyQixLQUFLO2dCQWFOLE9BQU87c0JBRE4sS0FBSztnQkFJTixjQUFjO3NCQURiLFlBQVk7dUJBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWNvbGxhcHNlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29sbGFwc2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICdheC1jb2xsYXBzZScgfSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDb2xsYXBzZUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgaXNDb2xsYXBzZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIHByaXZhdGUgX2lzQ29sbGFwc2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2lzQ29sbGFwc2VkO1xyXG4gIH1cclxuICBwdWJsaWMgc2V0IGlzQ29sbGFwc2VkKHY6IGJvb2xlYW4pIHtcclxuICAgIGlmICh2ICE9IHRoaXMuX2lzQ29sbGFwc2VkKSB7XHJcbiAgICAgIHRoaXMuX2lzQ29sbGFwc2VkID0gdjtcclxuICAgICAgdGhpcy5pc0NvbGxhcHNlZENoYW5nZS5lbWl0KHYpO1xyXG4gICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBjYXB0aW9uOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgQENvbnRlbnRDaGlsZCgnaGVhZGVyJywgeyBzdGF0aWM6IHRydWUgfSlcclxuICBoZWFkZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgaGFuZGxlSGVhZGVyQ2xpY2soKSB7XHJcbiAgICB0aGlzLmlzQ29sbGFwc2VkID0gIXRoaXMuaXNDb2xsYXBzZWQ7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJheC1jb2xsYXBzZS1oZWFkZXJcIiBbY2xhc3MuYXgtc3RhdGUtY29sbGFwc2VkXT1cImlzQ29sbGFwc2VkXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaGVhZGVyVGVtcGxhdGU7ZWxzZSBoZWFkZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtY29sbGFwc2UtY3VzdG9tLWhlYWRlci1jb250YWluZXJcIiAoY2xpY2spPVwiaGFuZGxlSGVhZGVyQ2xpY2soKVwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRlclRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDoge2NhcHRpb24saXNDb2xsYXBzZWR9IH1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLXRlbXBsYXRlICNoZWFkZXI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbGxhcHNlLWhlYWRlci1jb250YWluZXJcIiAoY2xpY2spPVwiaGFuZGxlSGVhZGVyQ2xpY2soKVwiPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJheC1pYyBheC1pYy1jaGV2cm9uIGF4LWNvbGxhcHNlLWFycm93IGF4LXRyYW5zaXRpb24tYWxsXCJcclxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuYXgtcm90YXRlLTkwXT1cImlzQ29sbGFwc2VkXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3tjYXB0aW9ufX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImF4LWNvbGxhcHNlLWJvZHkgYXgtdHJhbnNpdGlvbi1hbGxcIiAqbmdJZj1cIiFpc0NvbGxhcHNlZFwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=

package/esm2020/collapse/src/collapse.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXCollapseComponent } from './collapse.component';
+import { AXCollapseGroupComponent } from './collapse-group.component';
+import * as i0 from "@angular/core";
+export class AXCollapseModule {
+}
+AXCollapseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXCollapseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXCollapseModule, declarations: [AXCollapseComponent, AXCollapseGroupComponent], imports: [CommonModule], exports: [AXCollapseComponent, AXCollapseGroupComponent] });
+AXCollapseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXCollapseModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXCollapseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXCollapseComponent, AXCollapseGroupComponent],
+                    imports: [CommonModule],
+                    exports: [AXCollapseComponent, AXCollapseGroupComponent],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sbGFwc2Uvc3JjL2NvbGxhcHNlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFRdEUsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQUxWLG1CQUFtQixFQUFDLHdCQUF3QixhQUNoRCxZQUFZLGFBQ2IsbUJBQW1CLEVBQUMsd0JBQXdCOzhHQUc3QyxnQkFBZ0IsWUFKZCxZQUFZOzJGQUlkLGdCQUFnQjtrQkFONUIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBQyx3QkFBd0IsQ0FBQztvQkFDNUQsT0FBTyxFQUFFLENBQUUsWUFBWSxDQUFFO29CQUN6QixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsRUFBQyx3QkFBd0IsQ0FBQztvQkFDdkQsU0FBUyxFQUFFLEVBQUU7aUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQVhDb2xsYXBzZUNvbXBvbmVudCB9IGZyb20gJy4vY29sbGFwc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhDb2xsYXBzZUdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9jb2xsYXBzZS1ncm91cC5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICAgIGRlY2xhcmF0aW9uczogW0FYQ29sbGFwc2VDb21wb25lbnQsQVhDb2xsYXBzZUdyb3VwQ29tcG9uZW50XSxcclxuICAgIGltcG9ydHM6IFsgQ29tbW9uTW9kdWxlIF0sXHJcbiAgICBleHBvcnRzOiBbQVhDb2xsYXBzZUNvbXBvbmVudCxBWENvbGxhcHNlR3JvdXBDb21wb25lbnRdLFxyXG4gICAgcHJvdmlkZXJzOiBbXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYQ29sbGFwc2VNb2R1bGUge30iXX0=

package/esm2020/color-palette/acorex-components-color-palette.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY29sb3ItcGFsZXR0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUvYWNvcmV4LWNvbXBvbmVudHMtY29sb3ItcGFsZXR0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2020/color-palette/public-api.mjs

@@ -0,0 +1,8 @@
+export * from './src/color-palette-input.component';
+export * from './src/color-palette-picker.component';
+export * from './src/color-palette-preview.component';
+export * from './src/color-palette-swatches.component';
+export * from './src/color-palette.class';
+export * from './src/color-palette.component';
+export * from './src/color-palette.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zcmMvY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9jb2xvci1wYWxldHRlLXBpY2tlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9jb2xvci1wYWxldHRlLXByZXZpZXcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvY29sb3ItcGFsZXR0ZS1zd2F0Y2hlcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9jb2xvci1wYWxldHRlLmNsYXNzJztcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvY29sb3ItcGFsZXR0ZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9jb2xvci1wYWxldHRlLm1vZHVsZSc7Il19

package/esm2020/color-palette/src/color-palette-input.component.mjs

@@ -0,0 +1,97 @@
+import { AXColorUtil } from '@acorex/core/utils';
+import { ChangeDetectionStrategy, Component, Inject, Optional, ViewEncapsulation, } from '@angular/core';
+import { distinctUntilChanged } from 'rxjs/operators';
+import { AXColorComponent, AXColorPaletteChildComponent, } from './color-palette.class';
+import { AXBaseComponent } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/textbox";
+import * as i3 from "@acorex/components/button";
+import * as i4 from "@acorex/components/decorators";
+import * as i5 from "@acorex/components/number-box";
+import * as i6 from "./color-palette.class";
+export class AXColorPaletteInputComponent extends AXBaseComponent {
+    constructor(_elementRef, _cdr, _parent) {
+        super(_elementRef, _cdr);
+        this._parent = _parent;
+        this._rgba = {
+            r: 0,
+            g: 0,
+            b: 0,
+            a: 0,
+        };
+        this._hex = '';
+        _parent._onInternalColorChanged$
+            .pipe(distinctUntilChanged())
+            .subscribe((e) => {
+            if (!e.color) {
+                this._hex = '';
+                this._rgba = {
+                    r: null,
+                    g: null,
+                    b: null,
+                    a: null,
+                };
+            }
+            else {
+                if (!AXColorUtil.equal(e.color, this._rgba)) {
+                    this._hex = AXColorUtil.toHexSting(e.color);
+                    Object.assign(this._rgba, AXColorUtil.to(e.color, 'rgba'));
+                }
+            }
+            _cdr.detectChanges();
+        });
+    }
+    _handleChangeInputMode(e) {
+        switch (this._parent.colorMode) {
+            case 'rgba':
+                this._parent.colorMode = 'hex';
+                break;
+            default:
+                this._parent.colorMode = 'rgba';
+                break;
+        }
+    }
+    _handleRGBAValueChanged(e) {
+        if (e.value == null || (e.value == 0 && !e.oldValue))
+            return;
+        const { r, g, b, a } = this._rgba;
+        const _color = `rgba(${r},${g},${b},${a})`;
+        this._parent._setUserInteraction();
+        this._parent._onInternalColorChanged$.next({
+            color: AXColorUtil.toString(_color, 'rgba'),
+            mode: 'rgba',
+        });
+    }
+    _handleHEXAValueChanged(e) {
+        if (e.value != null) {
+            this._parent._setUserInteraction();
+            this._parent._onInternalColorChanged$.next({
+                color: AXColorUtil.toString(e.value, 'hex'),
+                mode: 'hex',
+            });
+        }
+    }
+}
+AXColorPaletteInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXColorPaletteInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AXColorPaletteInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input", host: { classAttribute: "ax-color-palette-input" }, providers: [
+        {
+            provide: AXColorPaletteChildComponent,
+            useExisting: AXColorPaletteInputComponent,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"_parent.colorMode\">\r\n    <div class=\"palette-inputs\">\r\n        <ng-container *ngSwitchCase=\"'hex'\">\r\n            <div>\r\n                <ax-text-box class=\"ax-w-full\" [value]=\"_hex\"  [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"  (onValueChanged)=\"_handleHEXAValueChanged($event)\">\r\n                </ax-text-box>\r\n                <label>HEX</label>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'rgba'\">\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.r\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>R</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.g\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>G</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.b\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>B</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"1\" [(value)]=\"_rgba.a\" [decimals]=\"2\" [step]=\"0.1\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    [showSpinButtons]=\"false\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n    <ax-button color=\"light\" class=\"ax-w-base\" (onClick)=\"_handleChangeInputMode($event)\" [disabled]=\"_parent.disabled\">\r\n        <ax-icon class=\"ax-ic ax-ic-unfold\"></ax-icon>\r\n    </ax-button>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "name", "checked", "placeholder", "maxLength", "debounceTime", "type", "autoComplete"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "placeholder", "maxLength", "allowNull", "debounceTime", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "onValueChanged", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXColorPaletteInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-color-palette-input', host: { class: 'ax-color-palette-input' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXColorPaletteChildComponent,
+                            useExisting: AXColorPaletteInputComponent,
+                        },
+                    ], template: "<ng-container [ngSwitch]=\"_parent.colorMode\">\r\n    <div class=\"palette-inputs\">\r\n        <ng-container *ngSwitchCase=\"'hex'\">\r\n            <div>\r\n                <ax-text-box class=\"ax-w-full\" [value]=\"_hex\"  [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"  (onValueChanged)=\"_handleHEXAValueChanged($event)\">\r\n                </ax-text-box>\r\n                <label>HEX</label>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'rgba'\">\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.r\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>R</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.g\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>G</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.b\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>B</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"1\" [(value)]=\"_rgba.a\" [decimals]=\"2\" [step]=\"0.1\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    [showSpinButtons]=\"false\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n    <ax-button color=\"light\" class=\"ax-w-base\" (onClick)=\"_handleChangeInputMode($event)\" [disabled]=\"_parent.disabled\">\r\n        <ax-icon class=\"ax-ic ax-ic-unfold\"></ax-icon>\r\n    </ax-button>\r\n</ng-container>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i6.AXColorComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [AXColorComponent]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9jb2xvci1wYWxldHRlL3NyYy9jb2xvci1wYWxldHRlLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUvc3JjL2NvbG9yLXBhbGV0dGUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2pELE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULE1BQU0sRUFDTixRQUFRLEVBQ1IsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXRELE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsNEJBQTRCLEdBQzdCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7OztBQWUzRCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsZUFBZTtJQVUvRCxZQUNFLFdBQXVCLEVBQ3ZCLElBQXVCLEVBR2hCLE9BQXlCO1FBRWhDLEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFGbEIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFkbEMsVUFBSyxHQUFRO1lBQ1gsQ0FBQyxFQUFFLENBQUM7WUFDSixDQUFDLEVBQUUsQ0FBQztZQUNKLENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7U0FDTCxDQUFDO1FBRUYsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQVVoQixPQUFPLENBQUMsd0JBQXdCO2FBQzdCLElBQUksQ0FBQyxv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YUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDRCQUE0Qjs0QkFDckMsV0FBVyw4QkFBOEI7eUJBQzFDO3FCQUNGOzswQkFlRSxRQUFROzswQkFDUixNQUFNOzJCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ29sb3JVdGlsIH0gZnJvbSAnQGFjb3JleC9jb3JlL3V0aWxzJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBJbmplY3QsXHJcbiAgT3B0aW9uYWwsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBBWENsaWNrRXZlbnQsIEFYVmFsdWVDaGFuZ2VkRXZlbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBBWENvbG9yQ29tcG9uZW50LFxyXG4gIEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsXHJcbn0gZnJvbSAnLi9jb2xvci1wYWxldHRlLmNsYXNzJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL21peGluJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXgtY29sb3ItcGFsZXR0ZS1pbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBhbGV0dGUtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICdheC1jb2xvci1wYWxldHRlLWlucHV0JyB9LFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBBWENvbG9yUGFsZXR0ZUlucHV0Q29tcG9uZW50LFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDb2xvclBhbGV0dGVJbnB1dENvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCB7XHJcbiAgX3JnYmE6IGFueSA9IHtcclxuICAgIHI6IDAsXHJcbiAgICBnOiAwLFxyXG4gICAgYjogMCxcclxuICAgIGE6IDAsXHJcbiAgfTtcclxuXHJcbiAgX2hleDogc3RyaW5nID0gJyc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIEBPcHRpb25hbCgpXHJcbiAgICBASW5qZWN0KEFYQ29sb3JDb21wb25lbnQpXHJcbiAgICBwdWJsaWMgX3BhcmVudDogQVhDb2xvckNvbXBvbmVudFxyXG4gICkge1xyXG4gICAgc3VwZXIoX2VsZW1lbnRSZWYsIF9jZHIpO1xyXG4gICAgX3BhcmVudC5fb25JbnRlcm5hbENvbG9yQ2hhbmdlZCRcclxuICAgICAgLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcclxuICAgICAgLnN1YnNjcmliZSgoZSkgPT4ge1xyXG4gICAgICAgIGlmICghZS5jb2xvcikge1xyXG4gICAgICAgICAgdGhpcy5faGV4ID0gJyc7XHJcbiAgICAgICAgICB0aGlzLl9yZ2JhID0ge1xyXG4gICAgICAgICAgICByOiBudWxsLFxyXG4gICAgICAgICAgICBnOiBudWxsLFxyXG4gICAgICAgICAgICBiOiBudWxsLFxyXG4gICAgICAgICAgICBhOiBudWxsLFxyXG4gICAgICAgICAgfTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgaWYgKCFBWENvbG9yVXRpbC5lcXVhbChlLmNvbG9yLCB0aGlzLl9yZ2JhKSkge1xyXG4gICAgICAgICAgICB0aGlzLl9oZXggPSBBWENvbG9yVXRpbC50b0hleFN0aW5nKGUuY29sb3IpO1xyXG4gICAgICAgICAgICBPYmplY3QuYXNzaWduKHRoaXMuX3JnYmEsIEFYQ29sb3JVdGlsLnRvKGUuY29sb3IsICdyZ2JhJykpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBfY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlQ2hhbmdlSW5wdXRNb2RlKGU6IEFYQ2xpY2tFdmVudCkge1xyXG4gICAgc3dpdGNoICh0aGlzLl9wYXJlbnQuY29sb3JNb2RlKSB7XHJcbiAgICAgIGNhc2UgJ3JnYmEnOlxyXG4gICAgICAgIHRoaXMuX3BhcmVudC5jb2xvck1vZGUgPSAnaGV4JztcclxuICAgICAgICBicmVhaztcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICB0aGlzLl9wYXJlbnQuY29sb3JNb2RlID0gJ3JnYmEnO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX2hhbmRsZVJHQkFWYWx1ZUNoYW5nZWQoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxudW1iZXI+KSB7XHJcbiAgICBpZiAoZS52YWx1ZSA9PSBudWxsIHx8IChlLnZhbHVlID09IDAgJiYgIWUub2xkVmFsdWUpKSByZXR1cm47XHJcbiAgICBjb25zdCB7IHIsIGcsIGIsIGEgfSA9IHRoaXMuX3JnYmE7XHJcbiAgICBjb25zdCBfY29sb3IgPSBgcmdiYSgke3J9LCR7Z30sJHtifSwke2F9KWA7XHJcbiAgICB0aGlzLl9wYXJlbnQuX3NldFVzZXJJbnRlcmFjdGlvbigpO1xyXG4gICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHtcclxuICAgICAgY29sb3I6IEFYQ29sb3JVdGlsLnRvU3RyaW5nKF9jb2xvciwgJ3JnYmEnKSxcclxuICAgICAgbW9kZTogJ3JnYmEnLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlSEVYQVZhbHVlQ2hhbmdlZChlOiBBWFZhbHVlQ2hhbmdlZEV2ZW50PHN0cmluZz4pIHtcclxuICAgIGlmIChlLnZhbHVlICE9IG51bGwpIHtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9zZXRVc2VySW50ZXJhY3Rpb24oKTtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHtcclxuICAgICAgICBjb2xvcjogQVhDb2xvclV0aWwudG9TdHJpbmcoZS52YWx1ZSwgJ2hleCcpLFxyXG4gICAgICAgIG1vZGU6ICdoZXgnLFxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiX3BhcmVudC5jb2xvck1vZGVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwYWxldHRlLWlucHV0c1wiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidoZXgnXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtdGV4dC1ib3ggY2xhc3M9XCJheC13LWZ1bGxcIiBbdmFsdWVdPVwiX2hleFwiICBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiIFtyZWFkb25seV09XCJfcGFyZW50LnJlYWRvbmx5XCIgIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlSEVYQVZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICA8L2F4LXRleHQtYm94PlxyXG4gICAgICAgICAgICAgICAgPGxhYmVsPkhFWDwvbGFiZWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidyZ2JhJ1wiPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGF4LW51bWJlci1ib3ggW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiMjU1XCIgWyh2YWx1ZSldPVwiX3JnYmEuclwiIFtzaG93U3BpbkJ1dHRvbnNdPVwiZmFsc2VcIiBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiIFtyZWFkb25seV09XCJfcGFyZW50LnJlYWRvbmx5XCJcclxuICAgICAgICAgICAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZVJHQkFWYWx1ZUNoYW5nZWQoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgPC9heC1udW1iZXItYm94PlxyXG4gICAgICAgICAgICAgICAgPGxhYmVsPlI8L2xhYmVsPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxheC1udW1iZXItYm94IFttaW5WYWx1ZV09XCIwXCIgW21heFZhbHVlXT1cIjI1NVwiIFsodmFsdWUpXT1cIl9yZ2JhLmdcIiBbc2hvd1NwaW5CdXR0b25zXT1cImZhbHNlXCIgW2Rpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwiX3BhcmVudC5yZWFkb25seVwiXHJcbiAgICAgICAgICAgICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtbnVtYmVyLWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5HPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtbnVtYmVyLWJveCBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIyNTVcIiBbKHZhbHVlKV09XCJfcmdiYS5iXCIgW3Nob3dTcGluQnV0dG9uc109XCJmYWxzZVwiIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cIl9wYXJlbnQucmVhZG9ubHlcIlxyXG4gICAgICAgICAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlUkdCQVZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICA8L2F4LW51bWJlci1ib3g+XHJcbiAgICAgICAgICAgICAgICA8bGFiZWw+QjwvbGFiZWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGF4LW51bWJlci1ib3ggW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiMVwiIFsodmFsdWUpXT1cIl9yZ2JhLmFcIiBbZGVjaW1hbHNdPVwiMlwiIFtzdGVwXT1cIjAuMVwiIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cIl9wYXJlbnQucmVhZG9ubHlcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtzaG93U3BpbkJ1dHRvbnNdPVwiZmFsc2VcIiAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZVJHQkFWYWx1ZUNoYW5nZWQoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgPC9heC1udW1iZXItYm94PlxyXG4gICAgICAgICAgICAgICAgPGxhYmVsPkE8L2xhYmVsPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGF4LWJ1dHRvbiBjb2xvcj1cImxpZ2h0XCIgY2xhc3M9XCJheC13LWJhc2VcIiAob25DbGljayk9XCJfaGFuZGxlQ2hhbmdlSW5wdXRNb2RlKCRldmVudClcIiBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiPlxyXG4gICAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWMgYXgtaWMtdW5mb2xkXCI+PC9heC1pY29uPlxyXG4gICAgPC9heC1idXR0b24+XHJcbjwvbmctY29udGFpbmVyPiJdfQ==

package/esm2020/color-palette/src/color-palette-picker.component.mjs

@@ -0,0 +1,97 @@
+import { AXColorUtil } from '@acorex/core/utils';
+import { Inject, Optional } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
+import { distinctUntilChanged } from 'rxjs/operators';
+import { AXColorComponent, AXColorPaletteChildComponent, } from './color-palette.class';
+import { AXBaseComponent } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/range-slider";
+import * as i2 from "./color-palette.class";
+export class AXColorPalettePickerComponent extends AXBaseComponent {
+    constructor(_elementRef, _cdr, _parent) {
+        super(_elementRef, _cdr);
+        this._parent = _parent;
+        this._rgba = {
+            r: 0,
+            g: 0,
+            b: 0,
+            a: 0,
+        };
+        this._gradient = 0;
+        this._bgColor = '#F00';
+        this._gradientColors = [
+            { color: 'rgb(255, 0, 0)', pos: 0 },
+            { color: 'rgb(255, 255, 0)', pos: 0.17 },
+            { color: 'rgb(0, 255, 0)', pos: 0.33 },
+            { color: 'rgb(0, 255, 255)', pos: 0.5 },
+            { color: 'rgb(0, 0, 255)', pos: 0.67 },
+            { color: 'rgb(255, 0, 255)', pos: 0.83 },
+            { color: 'rgb(255, 0, 0)', pos: 1 },
+        ];
+        _parent._onInternalColorChanged$
+            .pipe(distinctUntilChanged())
+            .subscribe((e) => {
+            if (!e.color) {
+                this._rgba = {
+                    r: 0,
+                    g: 0,
+                    b: 0,
+                    a: 0,
+                };
+            }
+            else {
+                if (!AXColorUtil.equal(e.color, this._rgba)) {
+                    Object.assign(this._rgba, AXColorUtil.to(e.color, 'rgba'));
+                }
+            }
+            this._bgColor = AXColorUtil.toString(e.color, 'hex');
+            _cdr.detectChanges();
+        });
+    }
+    _handleAlphaChanged(e) {
+        if (e.value != null && e.value != this._rgba.a) {
+            this._parent._setUserInteraction();
+            const { r, g, b } = this._rgba;
+            const _color = `rgba(${r},${g},${b},${e.value})`;
+            this._parent._setUserInteraction();
+            this._parent.colorMode = 'rgba';
+            this._parent._onInternalColorChanged$.next({
+                color: AXColorUtil.toString(_color, 'rgba'),
+                mode: 'rgba',
+            });
+        }
+    }
+    _handleGradientChanged(e) {
+        if (e.value != null && e.value != this._gradient) {
+            const gradient = AXColorUtil.gradient(this._gradientColors);
+            const colors = gradient.rgb(100);
+            let color = colors[e.value].toRgbString();
+            this._parent._onInternalColorChanged$.next({
+                color: AXColorUtil.toString(color, 'rgba'),
+                mode: this._parent.colorMode,
+            });
+        }
+    }
+}
+AXColorPalettePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXColorPalettePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AXColorPalettePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker", host: { classAttribute: "ax-color-palette-picker" }, providers: [
+        {
+            provide: AXColorPaletteChildComponent,
+            useExisting: AXColorPalettePickerComponent,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-color-picker-overlay\" [style.background-color]=\"_bgColor\">\r\n    <div class=\"ax-color-picker-overlay-color\"></div>\r\n    <div class=\"ax-color-picker-overlay-gradient\"></div>\r\n    <div class=\"ax-color-picker-pointer\"></div>\r\n</div>\r\n<ax-range-slider class=\"ax-color-picker-gradient\" [minValue]=\"0\" [maxValue]=\"99\" [step]=\"1\" [value]=\"_gradient\" \r\n    (onValueChanged)=\"_handleGradientChanged($event)\">\r\n</ax-range-slider>\r\n<ax-range-slider class=\"ax-color-picker-transparent\" [minValue]=\"0\" [maxValue]=\"1\" [step]=\"0.01\" [value]=\"_rgba.a\"\r\n    (onValueChanged)=\"_handleAlphaChanged($event)\">\r\n</ax-range-slider>", dependencies: [{ kind: "component", type: i1.AXRangeSliderComponent, selector: "ax-range-slider", inputs: ["readonly", "allowNull", "value", "name", "checked", "minValue", "maxValue", "step", "color"], outputs: ["valueChange", "onValueChanged", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXColorPalettePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-color-palette-picker', host: { class: 'ax-color-palette-picker' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXColorPaletteChildComponent,
+                            useExisting: AXColorPalettePickerComponent,
+                        },
+                    ], template: "<div class=\"ax-color-picker-overlay\" [style.background-color]=\"_bgColor\">\r\n    <div class=\"ax-color-picker-overlay-color\"></div>\r\n    <div class=\"ax-color-picker-overlay-gradient\"></div>\r\n    <div class=\"ax-color-picker-pointer\"></div>\r\n</div>\r\n<ax-range-slider class=\"ax-color-picker-gradient\" [minValue]=\"0\" [maxValue]=\"99\" [step]=\"1\" [value]=\"_gradient\" \r\n    (onValueChanged)=\"_handleGradientChanged($event)\">\r\n</ax-range-slider>\r\n<ax-range-slider class=\"ax-color-picker-transparent\" [minValue]=\"0\" [maxValue]=\"1\" [step]=\"0.01\" [value]=\"_rgba.a\"\r\n    (onValueChanged)=\"_handleAlphaChanged($event)\">\r\n</ax-range-slider>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2.AXColorComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [AXColorComponent]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sb3ItcGFsZXR0ZS9zcmMvY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sb3ItcGFsZXR0ZS9zcmMvY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2pELE9BQU8sRUFBYyxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLDRCQUE0QixHQUM3QixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQWUzRCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsZUFBZTtJQXNCaEUsWUFDRSxXQUF1QixFQUN2QixJQUF1QixFQUdoQixPQUF5QjtRQUVoQyxLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBRmxCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBMUJsQyxVQUFLLEdBQW1EO1lBQ3RELENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7WUFDSixDQUFDLEVBQUUsQ0FBQztZQUNKLENBQUMsRUFBRSxDQUFDO1NBQ0wsQ0FBQztRQUVGLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFFdEIs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WUFDakMsSUFBSSxLQUFLLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUMxQyxJQUFJLENBQUMsT0FBTyxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQztnQkFDekMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQztnQkFDMUMsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUzthQUM3QixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7OzBIQTFFVSw2QkFBNkIsNkVBMEI5QixnQkFBZ0I7OEdBMUJmLDZCQUE2Qix1R0FQN0I7UUFDVDtZQUNFLE9BQU8sRUFBRSw0QkFBNEI7WUFDckMsV0FBVyxFQUFFLDZCQUE2QjtTQUMzQztLQUNGLGlEQzNCSCxzcUJBVWtCOzJGRG1CTCw2QkFBNkI7a0JBYnpDLFNBQVM7K0JBQ0UseUJBQXlCLFFBRTdCLEVBQUUsS0FBSyxFQUFFLHlCQUF5QixFQUFFLGlCQUMzQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSw0QkFBNEI7NEJBQ3JDLFdBQVcsK0JBQStCO3lCQUMzQztxQkFDRjs7MEJBMkJFLFFBQVE7OzBCQUNSLE1BQU07MkJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb2xvclV0aWwgfSBmcm9tICdAYWNvcmV4L2NvcmUvdXRpbHMnO1xyXG5pbXBvcnQgeyBFbGVtZW50UmVmLCBJbmplY3QsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQVhWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIEFYQ29sb3JDb21wb25lbnQsXHJcbiAgQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCxcclxufSBmcm9tICcuL2NvbG9yLXBhbGV0dGUuY2xhc3MnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC1jb2xvci1wYWxldHRlLXBpY2tlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBhbGV0dGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBob3N0OiB7IGNsYXNzOiAnYXgtY29sb3ItcGFsZXR0ZS1waWNrZXInIH0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCxcclxuICAgICAgdXNlRXhpc3Rpbmc6IEFYQ29sb3JQYWxldHRlUGlja2VyQ29tcG9uZW50LFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDb2xvclBhbGV0dGVQaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnQge1xyXG4gIF9yZ2JhOiB7IHI6IG51bWJlcjsgZzogbnVtYmVyOyBiOiBudW1iZXI7IGE6IG51bWJlciB9ID0ge1xyXG4gICAgcjogMCxcclxuICAgIGc6IDAsXHJcbiAgICBiOiAwLFxyXG4gICAgYTogMCxcclxuICB9O1xyXG5cclxuICBfZ3JhZGllbnQ6IG51bWJlciA9IDA7XHJcblxyXG4gIF9iZ0NvbG9yOiBzdHJpbmcgPSAnI0YwMCc7XHJcblxyXG4gIHByaXZhdGUgX2dyYWRpZW50Q29sb3JzOiBhbnlbXSA9IFtcclxuICAgIHsgY29sb3I6ICdyZ2IoMjU1LCAwLCAwKScsIHBvczogMCB9LFxyXG4gICAgeyBjb2xvcjogJ3JnYigyNTUsIDI1NSwgMCknLCBwb3M6IDAuMTcgfSxcclxuICAgIHsgY29sb3I6ICdyZ2IoMCwgMjU1LCAwKScsIHBvczogMC4zMyB9LFxyXG4gICAgeyBjb2xvcjogJ3JnYigwLCAyNTUsIDI1NSknLCBwb3M6IDAuNSB9LFxyXG4gICAgeyBjb2xvcjogJ3JnYigwLCAwLCAyNTUpJywgcG9zOiAwLjY3IH0sXHJcbiAgICB7IGNvbG9yOiAncmdiKDI1NSwgMCwgMjU1KScsIHBvczogMC44MyB9LFxyXG4gICAgeyBjb2xvcjogJ3JnYigyNTUsIDAsIDApJywgcG9zOiAxIH0sXHJcbiAgXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgIF9jZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQE9wdGlvbmFsKClcclxuICAgIEBJbmplY3QoQVhDb2xvckNvbXBvbmVudClcclxuICAgIHB1YmxpYyBfcGFyZW50OiBBWENvbG9yQ29tcG9uZW50XHJcbiAgKSB7XHJcbiAgICBzdXBlcihfZWxlbWVudFJlZiwgX2Nkcik7XHJcbiAgICBfcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJFxyXG4gICAgICAucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKVxyXG4gICAgICAuc3Vic2NyaWJlKChlKSA9PiB7XHJcbiAgICAgICAgaWYgKCFlLmNvbG9yKSB7XHJcbiAgICAgICAgICB0aGlzLl9yZ2JhID0ge1xyXG4gICAgICAgICAgICByOiAwLFxyXG4gICAgICAgICAgICBnOiAwLFxyXG4gICAgICAgICAgICBiOiAwLFxyXG4gICAgICAgICAgICBhOiAwLFxyXG4gICAgICAgICAgfTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgaWYgKCFBWENvbG9yVXRpbC5lcXVhbChlLmNvbG9yLCB0aGlzLl9yZ2JhKSkge1xyXG4gICAgICAgICAgICBPYmplY3QuYXNzaWduKHRoaXMuX3JnYmEsIEFYQ29sb3JVdGlsLnRvKGUuY29sb3IsICdyZ2JhJykpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLl9iZ0NvbG9yID0gQVhDb2xvclV0aWwudG9TdHJpbmcoZS5jb2xvciwgJ2hleCcpO1xyXG4gICAgICAgIF9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIF9oYW5kbGVBbHBoYUNoYW5nZWQoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxudW1iZXI+KSB7XHJcbiAgICBpZiAoZS52YWx1ZSAhPSBudWxsICYmIGUudmFsdWUgIT0gdGhpcy5fcmdiYS5hKSB7XHJcbiAgICAgIHRoaXMuX3BhcmVudC5fc2V0VXNlckludGVyYWN0aW9uKCk7XHJcbiAgICAgIGNvbnN0IHsgciwgZywgYiB9ID0gdGhpcy5fcmdiYTtcclxuICAgICAgY29uc3QgX2NvbG9yID0gYHJnYmEoJHtyfSwke2d9LCR7Yn0sJHtlLnZhbHVlfSlgO1xyXG4gICAgICB0aGlzLl9wYXJlbnQuX3NldFVzZXJJbnRlcmFjdGlvbigpO1xyXG4gICAgICB0aGlzLl9wYXJlbnQuY29sb3JNb2RlID0gJ3JnYmEnO1xyXG4gICAgICB0aGlzLl9wYXJlbnQuX29uSW50ZXJuYWxDb2xvckNoYW5nZWQkLm5leHQoe1xyXG4gICAgICAgIGNvbG9yOiBBWENvbG9yVXRpbC50b1N0cmluZyhfY29sb3IsICdyZ2JhJyksXHJcbiAgICAgICAgbW9kZTogJ3JnYmEnLFxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIF9oYW5kbGVHcmFkaWVudENoYW5nZWQoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxudW1iZXI+KSB7XHJcbiAgICBpZiAoZS52YWx1ZSAhPSBudWxsICYmIGUudmFsdWUgIT0gdGhpcy5fZ3JhZGllbnQpIHtcclxuICAgICAgY29uc3QgZ3JhZGllbnQgPSBBWENvbG9yVXRpbC5ncmFkaWVudCh0aGlzLl9ncmFkaWVudENvbG9ycyk7XHJcbiAgICAgIGNvbnN0IGNvbG9ycyA9IGdyYWRpZW50LnJnYigxMDApO1xyXG4gICAgICBsZXQgY29sb3IgPSBjb2xvcnNbZS52YWx1ZV0udG9SZ2JTdHJpbmcoKTtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHtcclxuICAgICAgICBjb2xvcjogQVhDb2xvclV0aWwudG9TdHJpbmcoY29sb3IsICdyZ2JhJyksXHJcbiAgICAgICAgbW9kZTogdGhpcy5fcGFyZW50LmNvbG9yTW9kZSxcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJheC1jb2xvci1waWNrZXItb3ZlcmxheVwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cIl9iZ0NvbG9yXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtY29sb3ItcGlja2VyLW92ZXJsYXktY29sb3JcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1jb2xvci1waWNrZXItb3ZlcmxheS1ncmFkaWVudFwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImF4LWNvbG9yLXBpY2tlci1wb2ludGVyXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG48YXgtcmFuZ2Utc2xpZGVyIGNsYXNzPVwiYXgtY29sb3ItcGlja2VyLWdyYWRpZW50XCIgW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiOTlcIiBbc3RlcF09XCIxXCIgW3ZhbHVlXT1cIl9ncmFkaWVudFwiIFxyXG4gICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVHcmFkaWVudENoYW5nZWQoJGV2ZW50KVwiPlxyXG48L2F4LXJhbmdlLXNsaWRlcj5cclxuPGF4LXJhbmdlLXNsaWRlciBjbGFzcz1cImF4LWNvbG9yLXBpY2tlci10cmFuc3BhcmVudFwiIFttaW5WYWx1ZV09XCIwXCIgW21heFZhbHVlXT1cIjFcIiBbc3RlcF09XCIwLjAxXCIgW3ZhbHVlXT1cIl9yZ2JhLmFcIlxyXG4gICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVBbHBoYUNoYW5nZWQoJGV2ZW50KVwiPlxyXG48L2F4LXJhbmdlLXNsaWRlcj4iXX0=

package/esm2020/color-palette/src/color-palette-preview.component.mjs

@@ -0,0 +1,62 @@
+import { AXBaseComponent } from '@acorex/components/mixin';
+import { AXColorUtil } from '@acorex/core/utils';
+import { ChangeDetectionStrategy, Component, Inject, Optional, ViewEncapsulation, } from '@angular/core';
+import { distinctUntilChanged } from 'rxjs/operators';
+import { AXColorComponent, AXColorPaletteChildComponent, } from './color-palette.class';
+import * as i0 from "@angular/core";
+import * as i1 from "./color-palette.class";
+export class AXColorPalettePreviewComponent extends AXBaseComponent {
+    constructor(_elementRef, _cdr, _parent, _zone) {
+        super(_elementRef, _cdr);
+        this._parent = _parent;
+        this._zone = _zone;
+        _parent._onInternalColorChanged$
+            .pipe(distinctUntilChanged())
+            .subscribe((e) => {
+            _zone.runOutsideAngular(() => {
+                this._getInnerElement().style.backgroundColor = e.color;
+                this._getInnerElement().innerText = e.color
+                    ? AXColorUtil.toString(e.color, e.mode)
+                    : '';
+                const color = AXColorUtil.toHexSting(e.color);
+                const ratio = AXColorUtil.contrastToWhite(color);
+                this._getHostElement().style.color = !(ratio > 2.0) ? '#000' : '#fff';
+            });
+        });
+    }
+}
+AXColorPalettePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXColorPalettePreviewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+AXColorPalettePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXColorPalettePreviewComponent, selector: "ax-color-palette-preview", host: { classAttribute: "ax-color-palette-preview" }, providers: [
+        {
+            provide: AXColorPaletteChildComponent,
+            useExisting: AXColorPalettePreviewComponent,
+        },
+    ], usesInheritance: true, ngImport: i0, template: `<div
+    class="palette-preview-overlay"
+    [class.ax-state-disabled]="_parent.disabled"
+  ></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXColorPalettePreviewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-color-palette-preview',
+                    template: `<div
+    class="palette-preview-overlay"
+    [class.ax-state-disabled]="_parent.disabled"
+  ></div>`,
+                    host: { class: 'ax-color-palette-preview' },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: AXColorPaletteChildComponent,
+                            useExisting: AXColorPalettePreviewComponent,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXColorComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [AXColorComponent]
+                }] }, { type: i0.NgZone }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUvc3JjL2NvbG9yLXBhbGV0dGUtcHJldmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRCxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxNQUFNLEVBRU4sUUFBUSxFQUNSLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLDRCQUE0QixHQUM3QixNQUFNLHVCQUF1QixDQUFDOzs7QUFrQi9CLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxlQUFlO0lBQ2pFLFlBQ0UsV0FBdUIsRUFDdkIsSUFBdUIsRUFHaEIsT0FBeUIsRUFDeEIsS0FBYTtRQUVyQixLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBSGxCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQ3hCLFVBQUssR0FBTCxLQUFLLENBQVE7UUFHckIsT0FBTyxDQUFDLHdCQUF3QjthQUM3QixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQzthQUM1QixTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNmLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7Z0JBQzNCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLEtBQUssQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztnQkFDeEQsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxLQUFLO29CQUN6QyxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUM7b0JBQ3ZDLENBQUMsQ0FBQyxFQUFFLENBQUM7Z0JBQ1AsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQzlDLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2pELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1lBQ3hFLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzsySEF2QlUsOEJBQThCLDZFQUsvQixnQkFBZ0I7K0dBTGYsOEJBQThCLHlHQVA5QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLDRCQUE0QjtZQUNyQyxXQUFXLEVBQUUsOEJBQThCO1NBQzVDO0tBQ0YsaURBWlM7OztVQUdGOzJGQVdHLDhCQUE4QjtrQkFoQjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsUUFBUSxFQUFFOzs7VUFHRjtvQkFDUixJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsMEJBQTBCLEVBQUU7b0JBQzNDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSw0QkFBNEI7NEJBQ3JDLFdBQVcsZ0NBQWdDO3lCQUM1QztxQkFDRjtpQkFDRjs7MEJBS0ksUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQgeyBBWENvbG9yVXRpbCB9IGZyb20gJ0BhY29yZXgvY29yZS91dGlscyc7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5qZWN0LFxyXG4gIE5nWm9uZSxcclxuICBPcHRpb25hbCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7XHJcbiAgQVhDb2xvckNvbXBvbmVudCxcclxuICBBWENvbG9yUGFsZXR0ZUNoaWxkQ29tcG9uZW50LFxyXG59IGZyb20gJy4vY29sb3ItcGFsZXR0ZS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWNvbG9yLXBhbGV0dGUtcHJldmlldycsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2XHJcbiAgICBjbGFzcz1cInBhbGV0dGUtcHJldmlldy1vdmVybGF5XCJcclxuICAgIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCJcclxuICA+PC9kaXY+YCxcclxuICBob3N0OiB7IGNsYXNzOiAnYXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3JyB9LFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBBWENvbG9yUGFsZXR0ZVByZXZpZXdDb21wb25lbnQsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWENvbG9yUGFsZXR0ZVByZXZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIEBPcHRpb25hbCgpXHJcbiAgICBASW5qZWN0KEFYQ29sb3JDb21wb25lbnQpXHJcbiAgICBwdWJsaWMgX3BhcmVudDogQVhDb2xvckNvbXBvbmVudCxcclxuICAgIHByaXZhdGUgX3pvbmU6IE5nWm9uZVxyXG4gICkge1xyXG4gICAgc3VwZXIoX2VsZW1lbnRSZWYsIF9jZHIpO1xyXG4gICAgX3BhcmVudC5fb25JbnRlcm5hbENvbG9yQ2hhbmdlZCRcclxuICAgICAgLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcclxuICAgICAgLnN1YnNjcmliZSgoZSkgPT4ge1xyXG4gICAgICAgIF96b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcclxuICAgICAgICAgIHRoaXMuX2dldElubmVyRWxlbWVudCgpLnN0eWxlLmJhY2tncm91bmRDb2xvciA9IGUuY29sb3I7XHJcbiAgICAgICAgICB0aGlzLl9nZXRJbm5lckVsZW1lbnQoKS5pbm5lclRleHQgPSBlLmNvbG9yXHJcbiAgICAgICAgICAgID8gQVhDb2xvclV0aWwudG9TdHJpbmcoZS5jb2xvciwgZS5tb2RlKVxyXG4gICAgICAgICAgICA6ICcnO1xyXG4gICAgICAgICAgY29uc3QgY29sb3IgPSBBWENvbG9yVXRpbC50b0hleFN0aW5nKGUuY29sb3IpO1xyXG4gICAgICAgICAgY29uc3QgcmF0aW8gPSBBWENvbG9yVXRpbC5jb250cmFzdFRvV2hpdGUoY29sb3IpO1xyXG4gICAgICAgICAgdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5zdHlsZS5jb2xvciA9ICEocmF0aW8gPiAyLjApID8gJyMwMDAnIDogJyNmZmYnO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9KTtcclxuICB9XHJcbn1cclxuIl19