@acorex/components 6.1.11 → 7.0.0

package/fesm2015/acorex-components-color-picker.mjs

@@ -3,22 +3,20 @@ import { AXColorUtil } from '@acorex/core/utils';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
 import { AXClosbaleComponent, AXCommonModule } from '@acorex/components/common';
-import * as i4 from '@acorex/components/popover';
+import * as i3 from '@acorex/components/popover';
 import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
 import { _InteractiveComponenetMixin, _DropdownComponenetMixin, _ValueComponenetMixin, _TextboxComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';
 import * as i1 from '@acorex/core/platform';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i5 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i6 from '@angular/cdk/a11y';
+import * as i4 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
-import * as i7 from '@acorex/components/color-palette';
+import * as i5 from '@acorex/components/color-palette';
 import { AXColorPaletteModule } from '@acorex/components/color-palette';
 import { FormsModule } from '@angular/forms';
 import { AXTranslationModule } from '@acorex/core/translation';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXTextBoxModule } from '@acorex/components/textbox';
 import { AXLoadingModule } from '@acorex/components/loading';
 
@@ -46,7 +44,7 @@ class AXColorPickerComponent extends AXBaseColorPickerMixin {
         });
     }
     _handleArrowClickEvent(e) {
-        e.nativeEvent.stopPropagation();
+        e.stopPropagation();
         this.toggle();
     }
     _handleInputClickEvent(e) {
@@ -83,11 +81,11 @@ class AXColorPickerComponent extends AXBaseColorPickerMixin {
         this.focus();
     }
 }
-AXColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXColorPickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
-AXColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXColorPickerComponent, selector: "ax-color-picker", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", type: "type", autoComplete: "autoComplete" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { classAttribute: "ax-editor-container ax-drop-down" }, providers: [
+AXColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXColorPickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
+AXColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AXColorPickerComponent, selector: "ax-color-picker", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", type: "type", autoComplete: "autoComplete" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { classAttribute: "ax-editor-container ax-drop-down" }, providers: [
         { provide: AXClosbaleComponent, useExisting: AXColorPickerComponent },
-    ], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\r\n    <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{'background-color': value}\"></div>\r\n    <div class=\"ax-uppercase\">{{_colorCode}}</div>\r\n</div>\r\n<ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleClearClickEvent()\" [tabIndex]=\"-1\" *ngIf=\"value &&  !(disabled || readonly)\">\r\n    <ax-icon icon=\"ax-ic ax-ic-close\"></ax-icon>\r\n</ax-button>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\" (onClick)=\"_handleArrowClickEvent($event)\">\r\n    <ax-icon #icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\r\n    [adaptivityEnabled]=\"true\"  (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\r\n        [class.ax-overlay-actionsheet]=\"_isMobile\">\r\n        <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\" [(colorMode)]=\"_mode\">\r\n        </ax-color-palette>\r\n    </div>\r\n</ax-popover>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i7.AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "name", "checked", "colorMode"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "colorModeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXColorPickerComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\r\n    <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{'background-color': value}\"></div>\r\n    <div class=\"ax-uppercase\">{{_colorCode}}</div>\r\n</div>\r\n\r\n<button class=\"ax-general-button ax-button-icon\" *ngIf=\"value &&  !(disabled || readonly)\" [tabIndex]=\"-1\"\r\n    [disabled]=\"disabled\" (click)=\"_handleClearClickEvent()\">\r\n    <span class=\"ax-icon ax-icon-close\"></span>\r\n</button>\r\n<button class=\"ax-editor-control\" [tabIndex]=\"-1\" [disabled]=\"disabled\"\r\n    (click)=\"_handleArrowClickEvent($event)\">\r\n    <span class=\"ax-icon ax-icon-color-palette\"></span>\r\n</button>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\r\n    [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\r\n        [class.ax-overlay-actionsheet]=\"_isMobile\">\r\n        <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\" [(colorMode)]=\"_mode\">\r\n        </ax-color-palette>\r\n    </div>\r\n</ax-popover>", styles: ["ax-color-picker .ax-dropdown-content{margin:0 .5rem;display:flex;align-items:center}ax-color-picker .ax-dropdown-content .color-badge{display:block;border-radius:var(--ax-rounded-border-default);width:1.5rem;height:1.5rem;margin-inline-end:.5rem;border:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-overlay-pane ax-color-palette{border:none}@media (max-width: 599px){.ax-overlay-pane ax-color-palette{width:100%}.ax-overlay-pane ax-color-palette .palette-items{max-height:30vh}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: i4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i5.AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "name", "checked", "colorMode"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "colorModeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXColorPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-color-picker', inputs: [
                         'isOpen', 'fitParent', 'dropdownWidth', 'position',
@@ -101,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                         'valueChange', 'onValueChanged',
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: AXClosbaleComponent, useExisting: AXColorPickerComponent },
-                    ], host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\r\n    <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{'background-color': value}\"></div>\r\n    <div class=\"ax-uppercase\">{{_colorCode}}</div>\r\n</div>\r\n<ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleClearClickEvent()\" [tabIndex]=\"-1\" *ngIf=\"value &&  !(disabled || readonly)\">\r\n    <ax-icon icon=\"ax-ic ax-ic-close\"></ax-icon>\r\n</ax-button>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\" (onClick)=\"_handleArrowClickEvent($event)\">\r\n    <ax-icon #icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\r\n    [adaptivityEnabled]=\"true\"  (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\r\n        [class.ax-overlay-actionsheet]=\"_isMobile\">\r\n        <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\" [(colorMode)]=\"_mode\">\r\n        </ax-color-palette>\r\n    </div>\r\n</ax-popover>" }]
+                    ], host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\r\n    <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{'background-color': value}\"></div>\r\n    <div class=\"ax-uppercase\">{{_colorCode}}</div>\r\n</div>\r\n\r\n<button class=\"ax-general-button ax-button-icon\" *ngIf=\"value &&  !(disabled || readonly)\" [tabIndex]=\"-1\"\r\n    [disabled]=\"disabled\" (click)=\"_handleClearClickEvent()\">\r\n    <span class=\"ax-icon ax-icon-close\"></span>\r\n</button>\r\n<button class=\"ax-editor-control\" [tabIndex]=\"-1\" [disabled]=\"disabled\"\r\n    (click)=\"_handleArrowClickEvent($event)\">\r\n    <span class=\"ax-icon ax-icon-color-palette\"></span>\r\n</button>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\r\n    [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\r\n        [class.ax-overlay-actionsheet]=\"_isMobile\">\r\n        <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\" [(colorMode)]=\"_mode\">\r\n        </ax-color-palette>\r\n    </div>\r\n</ax-popover>", styles: ["ax-color-picker .ax-dropdown-content{margin:0 .5rem;display:flex;align-items:center}ax-color-picker .ax-dropdown-content .color-badge{display:block;border-radius:var(--ax-rounded-border-default);width:1.5rem;height:1.5rem;margin-inline-end:.5rem;border:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-overlay-pane ax-color-palette{border:none}@media (max-width: 599px){.ax-overlay-pane ax-color-palette{width:100%}.ax-overlay-pane ax-color-palette .palette-items{max-height:30vh}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.AXPlatform }]; }, propDecorators: { popover: [{
                 type: ViewChild,
                 args: [AXPopoverComponent, { static: true }]
@@ -109,8 +107,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 
 class AXColorPickerModule {
 }
-AXColorPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXColorPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXColorPickerModule, declarations: [AXColorPickerComponent], imports: [CommonModule,
+AXColorPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXColorPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: AXColorPickerModule, declarations: [AXColorPickerComponent], imports: [CommonModule,
         AXCommonModule,
         FormsModule,
         AXDecoratorModule,
@@ -121,7 +119,7 @@ AXColorPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
         AXTranslationModule,
         AXTextBoxModule,
         AXColorPaletteModule], exports: [AXColorPickerComponent] });
-AXColorPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXColorPickerModule, imports: [CommonModule,
+AXColorPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXColorPickerModule, imports: [CommonModule,
         AXCommonModule,
         FormsModule,
         AXDecoratorModule,
@@ -132,7 +130,7 @@ AXColorPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
         AXTranslationModule,
         AXTextBoxModule,
         AXColorPaletteModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXColorPickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXColorPickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2015/acorex-components-color-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-color-picker.mjs","sources":["../../../../projects/acorex/components/color-picker/src/color-picker.component.ts","../../../../projects/acorex/components/color-picker/src/color-picker.component.html","../../../../projects/acorex/components/color-picker/src/color-picker.module.ts","../../../../projects/acorex/components/color-picker/acorex-components-color-picker.ts"],"sourcesContent":["import { AXColorMode, AXColorUtil } from '@acorex/core/utils';\r\nimport { AXPlatform } from '@acorex/core/platform';\r\n\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  NgZone,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  AXClickEvent,\r\n  AXClosbaleComponent,\r\n  AXValueChangedEvent,\r\n} from '@acorex/components/common';\r\nimport { AXPopoverComponent } from '@acorex/components/popover';\r\nimport { _InteractiveComponenetMixin, _DropdownComponenetMixin, _ValueComponenetMixin, _TextboxComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n\r\nexport const AXBaseColorPickerMixin = _InteractiveComponenetMixin(\r\n  _DropdownComponenetMixin(\r\n    _ValueComponenetMixin(_TextboxComponenetMixin(AXBaseComponent))\r\n  )\r\n);\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-color-picker',\r\n  templateUrl: 'color-picker.component.html',\r\n  inputs: [\r\n    'isOpen','fitParent', 'dropdownWidth','position',\r\n    'disabled', 'tabIndex',\r\n    'readonly','allowNull','value','name', 'checked',\r\n    'placeholder', 'maxLength', 'allowNull',  'type', 'autoComplete', 'readonly','allowNull','value','name', 'checked',\r\n  ],\r\n  outputs: [\r\n    'onOpened', 'onClosed',\r\n    'onBlur', 'onFocus',\r\n    'valueChange', 'onValueChanged',\r\n    'valueChange', 'onValueChanged',\r\n  ],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    { provide: AXClosbaleComponent, useExisting: AXColorPickerComponent },\r\n  ],\r\n  host: { class: 'ax-editor-container ax-drop-down' },\r\n})\r\nexport class AXColorPickerComponent extends AXBaseColorPickerMixin {\r\n  @ViewChild(AXPopoverComponent, { static: true })\r\n  popover: AXPopoverComponent;\r\n\r\n  _target: HTMLDivElement;\r\n  _popoverTitle: string;\r\n  _popoverWidth: number;\r\n  _colorCode: string;\r\n  _mode: AXColorMode = 'hex';\r\n\r\n  _isMobile: boolean = false;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    protected _elementRef: ElementRef<HTMLDivElement>,\r\n    _cdr: ChangeDetectorRef,\r\n    private _zone: NgZone,\r\n    private _platform: AXPlatform\r\n  ) {\r\n    super(_elementRef, _cdr);\r\n    this._isMobile = this._platform.is('Mobile');\r\n    this._platform.resize.subscribe(() => {\r\n      this._isMobile = this._platform.is('Mobile');\r\n      this.popover.dispose();\r\n    });\r\n  }\r\n\r\n  _handleArrowClickEvent(e: AXClickEvent) {\r\n    e.nativeEvent!.stopPropagation();\r\n    this.toggle();\r\n  }\r\n\r\n  _handleInputClickEvent(e: MouseEvent) {\r\n    e.stopPropagation();\r\n    this.toggle();\r\n  }\r\n\r\n  _handleClearClickEvent() {\r\n    this._setUserInteraction();\r\n    this.clear();\r\n  }\r\n\r\n  onInit() {\r\n    super.onInit();\r\n    this._target = this._elementRef.nativeElement;\r\n  }\r\n\r\n  onViewInit() {\r\n    super.onViewInit();\r\n  }\r\n\r\n  _onValueChanged(oldValue: any, newValue: any) {\r\n    super._onValueChanged(oldValue, newValue);\r\n    if (newValue != null)\r\n      this._colorCode = AXColorUtil.toString(newValue, this._mode);\r\n    else this._colorCode = '';\r\n  }\r\n\r\n  _handleValueChangedEvent(e: AXValueChangedEvent<any>) {\r\n    if (e.isUserInteraction) this._setUserInteraction();\r\n    this.value = e.value;\r\n  }\r\n\r\n  async _handlePopupOnOpened(e) {}\r\n\r\n  _handlePopupOnClosed(e) {\r\n    this.focus();\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\r\n    <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{'background-color': value}\"></div>\r\n    <div class=\"ax-uppercase\">{{_colorCode}}</div>\r\n</div>\r\n<ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleClearClickEvent()\" [tabIndex]=\"-1\" *ngIf=\"value &&  !(disabled || readonly)\">\r\n    <ax-icon icon=\"ax-ic ax-ic-close\"></ax-icon>\r\n</ax-button>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\" (onClick)=\"_handleArrowClickEvent($event)\">\r\n    <ax-icon #icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\r\n    [adaptivityEnabled]=\"true\"  (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\r\n        [class.ax-overlay-actionsheet]=\"_isMobile\">\r\n        <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\" [(colorMode)]=\"_mode\">\r\n        </ax-color-palette>\r\n    </div>\r\n</ax-popover>","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { AXTranslationModule } from '@acorex/core/translation';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXPopoverModule } from '@acorex/components/popover';\r\nimport { AXCommonModule } from '@acorex/components/common';\r\nimport { AXTextBoxModule } from '@acorex/components/textbox';\r\nimport { AXLoadingModule } from '@acorex/components/loading';\r\nimport { AXColorPaletteModule } from '@acorex/components/color-palette';\r\n\r\nimport { AXColorPickerComponent } from './color-picker.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        AXCommonModule,\r\n        FormsModule,\r\n        AXDecoratorModule,\r\n        AXPopoverModule,\r\n        AXButtonModule,\r\n        A11yModule,\r\n        AXLoadingModule,\r\n        AXTranslationModule,\r\n        AXTextBoxModule,\r\n        AXColorPaletteModule\r\n    ],\r\n    exports: [AXColorPickerComponent],\r\n    declarations: [AXColorPickerComponent],\r\n    providers: [],\r\n})\r\nexport class AXColorPickerModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-color-picker.mjs","sources":["../../../../projects/acorex/components/color-picker/src/color-picker.component.ts","../../../../projects/acorex/components/color-picker/src/color-picker.component.html","../../../../projects/acorex/components/color-picker/src/color-picker.module.ts","../../../../projects/acorex/components/color-picker/acorex-components-color-picker.ts"],"sourcesContent":["import { AXColorMode, AXColorUtil } from '@acorex/core/utils';\r\nimport { AXPlatform } from '@acorex/core/platform';\r\n\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  NgZone,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  AXClosbaleComponent,\r\n  AXValueChangedEvent,\r\n} from '@acorex/components/common';\r\nimport { AXPopoverComponent } from '@acorex/components/popover';\r\nimport { _InteractiveComponenetMixin, _DropdownComponenetMixin, _ValueComponenetMixin, _TextboxComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n\r\nexport const AXBaseColorPickerMixin = _InteractiveComponenetMixin(\r\n  _DropdownComponenetMixin(\r\n    _ValueComponenetMixin(_TextboxComponenetMixin(AXBaseComponent))\r\n  )\r\n);\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-color-picker',\r\n  templateUrl: './color-picker.component.html',\r\n  styleUrls: ['./color-picker.component.scss'],\r\n  inputs: [\r\n    'isOpen','fitParent', 'dropdownWidth','position',\r\n    'disabled', 'tabIndex',\r\n    'readonly','allowNull','value','name', 'checked',\r\n    'placeholder', 'maxLength', 'allowNull',  'type', 'autoComplete', 'readonly','allowNull','value','name', 'checked',\r\n  ],\r\n  outputs: [\r\n    'onOpened', 'onClosed',\r\n    'onBlur', 'onFocus',\r\n    'valueChange', 'onValueChanged',\r\n    'valueChange', 'onValueChanged',\r\n  ],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    { provide: AXClosbaleComponent, useExisting: AXColorPickerComponent },\r\n  ],\r\n  host: { class: 'ax-editor-container ax-drop-down' },\r\n})\r\nexport class AXColorPickerComponent extends AXBaseColorPickerMixin {\r\n  @ViewChild(AXPopoverComponent, { static: true })\r\n  popover: AXPopoverComponent;\r\n\r\n  _target: HTMLDivElement;\r\n  _popoverTitle: string;\r\n  _popoverWidth: number;\r\n  _colorCode: string;\r\n  _mode: AXColorMode = 'hex';\r\n\r\n  _isMobile: boolean = false;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    protected _elementRef: ElementRef<HTMLDivElement>,\r\n    _cdr: ChangeDetectorRef,\r\n    private _zone: NgZone,\r\n    private _platform: AXPlatform\r\n  ) {\r\n    super(_elementRef, _cdr);\r\n    this._isMobile = this._platform.is('Mobile');\r\n    this._platform.resize.subscribe(() => {\r\n      this._isMobile = this._platform.is('Mobile');\r\n      this.popover.dispose();\r\n    });\r\n  }\r\n\r\n  _handleArrowClickEvent(e: MouseEvent) {\r\n    e.stopPropagation();\r\n    this.toggle();\r\n  }\r\n\r\n  _handleInputClickEvent(e: MouseEvent) {\r\n    e.stopPropagation();\r\n    this.toggle();\r\n  }\r\n\r\n  _handleClearClickEvent() {\r\n    this._setUserInteraction();\r\n    this.clear();\r\n  }\r\n\r\n  onInit() {\r\n    super.onInit();\r\n    this._target = this._elementRef.nativeElement;\r\n  }\r\n\r\n  onViewInit() {\r\n    super.onViewInit();\r\n  }\r\n\r\n  _onValueChanged(oldValue: any, newValue: any) {\r\n    super._onValueChanged(oldValue, newValue);\r\n    if (newValue != null)\r\n      this._colorCode = AXColorUtil.toString(newValue, this._mode);\r\n    else this._colorCode = '';\r\n  }\r\n\r\n  _handleValueChangedEvent(e: AXValueChangedEvent<any>) {\r\n    if (e.isUserInteraction) this._setUserInteraction();\r\n    this.value = e.value;\r\n  }\r\n\r\n  async _handlePopupOnOpened(e) {}\r\n\r\n  _handlePopupOnClosed(e) {\r\n    this.focus();\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\r\n    <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{'background-color': value}\"></div>\r\n    <div class=\"ax-uppercase\">{{_colorCode}}</div>\r\n</div>\r\n\r\n<button class=\"ax-general-button ax-button-icon\" *ngIf=\"value &&  !(disabled || readonly)\" [tabIndex]=\"-1\"\r\n    [disabled]=\"disabled\" (click)=\"_handleClearClickEvent()\">\r\n    <span class=\"ax-icon ax-icon-close\"></span>\r\n</button>\r\n<button class=\"ax-editor-control\" [tabIndex]=\"-1\" [disabled]=\"disabled\"\r\n    (click)=\"_handleArrowClickEvent($event)\">\r\n    <span class=\"ax-icon ax-icon-color-palette\"></span>\r\n</button>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\r\n    [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\r\n        [class.ax-overlay-actionsheet]=\"_isMobile\">\r\n        <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\" [(colorMode)]=\"_mode\">\r\n        </ax-color-palette>\r\n    </div>\r\n</ax-popover>","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { AXTranslationModule } from '@acorex/core/translation';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXPopoverModule } from '@acorex/components/popover';\r\nimport { AXCommonModule } from '@acorex/components/common';\r\nimport { AXTextBoxModule } from '@acorex/components/textbox';\r\nimport { AXLoadingModule } from '@acorex/components/loading';\r\nimport { AXColorPaletteModule } from '@acorex/components/color-palette';\r\n\r\nimport { AXColorPickerComponent } from './color-picker.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        AXCommonModule,\r\n        FormsModule,\r\n        AXDecoratorModule,\r\n        AXPopoverModule,\r\n        AXButtonModule,\r\n        A11yModule,\r\n        AXLoadingModule,\r\n        AXTranslationModule,\r\n        AXTextBoxModule,\r\n        AXColorPaletteModule\r\n    ],\r\n    exports: [AXColorPickerComponent],\r\n    declarations: [AXColorPickerComponent],\r\n    providers: [],\r\n})\r\nexport class AXColorPickerModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/acorex-components-common.mjs

@@ -14,44 +14,44 @@ import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
 
 class AXComponent {
 }
-AXComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AXComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXComponent, decorators: [{
+AXComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AXComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXComponent, decorators: [{
             type: Injectable
         }] });
 class AXClosbaleComponent extends AXComponent {
 }
-AXClosbaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXClosbaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXClosbaleComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXClosbaleComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXClosbaleComponent, decorators: [{
+AXClosbaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXClosbaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AXClosbaleComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXClosbaleComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXClosbaleComponent, decorators: [{
             type: Injectable
         }] });
 class AXSearchableComponent extends AXComponent {
 }
-AXSearchableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXSearchableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXSearchableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXSearchableComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXSearchableComponent, decorators: [{
+AXSearchableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXSearchableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AXSearchableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXSearchableComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXSearchableComponent, decorators: [{
             type: Injectable
         }] });
 class AXValuableComponent extends AXComponent {
 }
-AXValuableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXValuableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXValuableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXValuableComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXValuableComponent, decorators: [{
+AXValuableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXValuableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AXValuableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXValuableComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXValuableComponent, decorators: [{
             type: Injectable
         }] });
 class AXFocusableComponent extends AXComponent {
 }
-AXFocusableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXFocusableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXFocusableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXFocusableComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXFocusableComponent, decorators: [{
+AXFocusableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXFocusableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AXFocusableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXFocusableComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXFocusableComponent, decorators: [{
             type: Injectable
         }] });
 class AXPagedComponent extends AXComponent {
 }
-AXPagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXPagedComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXPagedComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXPagedComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXPagedComponent, decorators: [{
+AXPagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXPagedComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AXPagedComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXPagedComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXPagedComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -86,9 +86,9 @@ class AXAutoFocusDirective {
         }
     }
 }
-AXAutoFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAutoFocusDirective, deps: [{ token: i0.ElementRef }, { token: AXFocusableComponent, host: true, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-AXAutoFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: { autoFocus: ["axAutoFocus", "autoFocus"], time: ["focus-time", "time"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAutoFocusDirective, decorators: [{
+AXAutoFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXAutoFocusDirective, deps: [{ token: i0.ElementRef }, { token: AXFocusableComponent, host: true, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+AXAutoFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: { autoFocus: ["axAutoFocus", "autoFocus"], time: ["focus-time", "time"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXAutoFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axAutoFocus]',
@@ -138,9 +138,9 @@ class AXNgModelChangeDebouncedDirective {
         distinctUntilChanged(), debounceTime(this.ngModelChangeDebounceTime)).subscribe((value) => this.ngModelChangeDebounced.emit(value));
     }
 }
-AXNgModelChangeDebouncedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXNgModelChangeDebouncedDirective, deps: [{ token: i1.NgModel }], target: i0.ɵɵFactoryTarget.Directive });
-AXNgModelChangeDebouncedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXNgModelChangeDebouncedDirective, selector: "[ngModelChangeDebounced]", inputs: { ngModelChangeDebounceTime: "ngModelChangeDebounceTime" }, outputs: { ngModelChangeDebounced: "ngModelChangeDebounced", ngModelChangeDebounceTimeChange: "ngModelChangeDebounceTimeChange" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXNgModelChangeDebouncedDirective, decorators: [{
+AXNgModelChangeDebouncedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXNgModelChangeDebouncedDirective, deps: [{ token: i1.NgModel }], target: i0.ɵɵFactoryTarget.Directive });
+AXNgModelChangeDebouncedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: AXNgModelChangeDebouncedDirective, selector: "[ngModelChangeDebounced]", inputs: { ngModelChangeDebounceTime: "ngModelChangeDebounceTime" }, outputs: { ngModelChangeDebounced: "ngModelChangeDebounced", ngModelChangeDebounceTimeChange: "ngModelChangeDebounceTimeChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXNgModelChangeDebouncedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngModelChangeDebounced]',
@@ -176,9 +176,9 @@ class AXHotkeysService {
         });
     }
 }
-AXHotkeysService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXHotkeysService, deps: [{ token: i1$1.EventManager }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-AXHotkeysService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXHotkeysService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXHotkeysService, decorators: [{
+AXHotkeysService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXHotkeysService, deps: [{ token: i1$1.EventManager }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+AXHotkeysService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXHotkeysService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXHotkeysService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () {
@@ -245,9 +245,9 @@ class AXHotkeyDirective {
         });
     }
 }
-AXHotkeyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXHotkeyDirective, deps: [{ token: i0.ElementRef }, { token: AXComponent, host: true, optional: true, self: true }, { token: AXHotkeysService }], target: i0.ɵɵFactoryTarget.Directive });
-AXHotkeyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXHotkeyDirective, selector: "[hotkey]", inputs: { hotkey: "hotkey" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXHotkeyDirective, decorators: [{
+AXHotkeyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXHotkeyDirective, deps: [{ token: i0.ElementRef }, { token: AXComponent, host: true, optional: true, self: true }, { token: AXHotkeysService }], target: i0.ɵɵFactoryTarget.Directive });
+AXHotkeyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: AXHotkeyDirective, selector: "[hotkey]", inputs: { hotkey: "hotkey" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXHotkeyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hotkey]',
@@ -309,9 +309,9 @@ class AXInfiniteScrollerDirective {
         //.subscribe((data) => { console.log(data) }, (err) => console.log(err));
     }
 }
-AXInfiniteScrollerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXInfiniteScrollerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AXInfiniteScrollerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXInfiniteScrollerDirective, selector: "[axInfiniteScroller]", inputs: { scrollCallback: "scrollCallback", immediateCallback: "immediateCallback", scrollPercent: "scrollPercent" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXInfiniteScrollerDirective, decorators: [{
+AXInfiniteScrollerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXInfiniteScrollerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AXInfiniteScrollerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: AXInfiniteScrollerDirective, selector: "[axInfiniteScroller]", inputs: { scrollCallback: "scrollCallback", immediateCallback: "immediateCallback", scrollPercent: "scrollPercent" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXInfiniteScrollerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axInfiniteScroller]'
@@ -349,17 +349,17 @@ class AXResponsiveDirective {
         this._observer.unobserve(this._elementRef.nativeElement);
     }
 }
-AXResponsiveDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXResponsiveDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AXResponsiveDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXResponsiveDirective, selector: "[ax-responsive]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXResponsiveDirective, decorators: [{
+AXResponsiveDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXResponsiveDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AXResponsiveDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: AXResponsiveDirective, selector: "[ax-responsive]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXResponsiveDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ax-responsive]' }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
 class AXCommonModule {
 }
-AXCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXCommonModule, declarations: [AXResponsiveDirective,
+AXCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: AXCommonModule, declarations: [AXResponsiveDirective,
         AXInfiniteScrollerDirective,
         AXNgModelChangeDebouncedDirective,
         AXAutoFocusDirective,
@@ -368,8 +368,8 @@ AXCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         AXAutoFocusDirective,
         AXNgModelChangeDebouncedDirective,
         AXHotkeyDirective] });
-AXCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXCommonModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXCommonModule, decorators: [{
+AXCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXCommonModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXCommonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -396,9 +396,9 @@ class DynamicOverlayContainer extends OverlayContainer {
         this._containerElement = containerElement;
     }
 }
-DynamicOverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-DynamicOverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicOverlayContainer, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
+DynamicOverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+DynamicOverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DynamicOverlayContainer, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -419,9 +419,9 @@ class DynamicOverlay extends Overlay {
         return super.create(config);
     }
 }
-DynamicOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicOverlay, deps: [{ token: i1$2.ScrollStrategyOptions }, { token: DynamicOverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i1$2.OverlayPositionBuilder }, { token: i1$2.OverlayKeyboardDispatcher }, { token: i0.Injector }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i2.Directionality }, { token: i0.RendererFactory2 }, { token: i3.Location }, { token: i1$2.OverlayOutsideClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
-DynamicOverlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicOverlay, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicOverlay, decorators: [{
+DynamicOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DynamicOverlay, deps: [{ token: i1$2.ScrollStrategyOptions }, { token: DynamicOverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i1$2.OverlayPositionBuilder }, { token: i1$2.OverlayKeyboardDispatcher }, { token: i0.Injector }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i2.Directionality }, { token: i0.RendererFactory2 }, { token: i3.Location }, { token: i1$2.OverlayOutsideClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
+DynamicOverlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DynamicOverlay, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DynamicOverlay, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -569,9 +569,9 @@ class AXOverlayService {
         };
     }
 }
-AXOverlayService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXOverlayService, deps: [{ token: DynamicOverlay }, { token: i1$2.Overlay }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
-AXOverlayService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXOverlayService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXOverlayService, decorators: [{
+AXOverlayService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXOverlayService, deps: [{ token: DynamicOverlay }, { token: i1$2.Overlay }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
+AXOverlayService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXOverlayService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXOverlayService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: DynamicOverlay }, { type: i1$2.Overlay }, { type: i0.ApplicationRef }]; } });