@ng-nest/ui 13.0.9 → 13.1.0

package/esm2020/alert/alert.component.mjs

@@ -1,4 +1,4 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild } from '@angular/core';
 import { XAlertPrefix, XAlertProperty } from './alert.property';
 import { XFadeAnimation, XIsEmpty, XIsChange, XClearClass } from '@ng-nest/ui/core';
 import { of, Subject } from 'rxjs';
@@ -9,7 +9,8 @@ import * as i2 from "@ng-nest/ui/icon";
 import * as i3 from "@ng-nest/ui/button";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/cdk/drag-drop";
-import * as i6 from "@ng-nest/ui/outlet";
+import * as i6 from "@ng-nest/ui/resizable";
+import * as i7 from "@ng-nest/ui/outlet";
 export class XAlertComponent extends XAlertProperty {
     constructor(cdr, configService) {
         super();
@@ -62,10 +63,13 @@ export class XAlertComponent extends XAlertProperty {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ XAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAlertComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAlertComponent, selector: "x-alert", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #alert\r\n  class=\"x-alert\"\r\n  cdkDrag\r\n  [cdkDragDisabled]=\"!draggable\"\r\n  [cdkDragBoundary]=\"dragBoundary\"\r\n  [ngClass]=\"classMap\"\r\n  *ngIf=\"!hide\"\r\n  @x-fade-animation\r\n  [@.disabled]=\"disabledAnimation\"\r\n  (@x-fade-animation.done)=\"onCloseAnimationDone()\"\r\n>\r\n  <ng-container *ngIf=\"showIcon\">\r\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-template #iconTpl>\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'warning'\" type=\"adf-exclamation-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'loading'\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n    </ng-container>\r\n  </ng-template>\r\n  <div class=\"x-alert-inner\">\r\n    <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title && content\">\r\n      <ng-container *xOutlet=\"title; context: { $iconTpl: iconTpl }\">{{ title }}</ng-container>\r\n    </span>\r\n    <div class=\"x-alert-content\" *ngIf=\"content\">\r\n      <ng-container *xOutlet=\"content; context: { $iconTpl: iconTpl }\">{{ content }}</ng-container>\r\n    </div>\r\n    <x-button\r\n      *ngIf=\"!hideClose\"\r\n      class=\"x-alert-close\"\r\n      size=\"small\"\r\n      [icon]=\"!closeText ? 'fto-x' : ''\"\r\n      [onlyIcon]=\"!closeText\"\r\n      [type]=\"closeText ? 'text' : 'initial'\"\r\n      (click)=\"onClose()\"\r\n      closable\r\n      >{{ closeText }}</x-button\r\n    >\r\n  </div>\r\n</div>\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0;background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-900);background-color:var(--x-warning);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-900)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }, { type: i3.XButtonComponent, selector: "x-button" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAlertComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAlertComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAlertComponent, selector: "x-alert", viewQueries: [{ propertyName: "alert", first: true, predicate: ["alert"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #alert\r\n  class=\"x-alert\"\r\n  cdkDrag\r\n  (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n  [cdkDragFreeDragPosition]=\"dragFreeDragPosition\"\r\n  [cdkDragDisabled]=\"!draggable\"\r\n  [cdkDragBoundary]=\"dragBoundary\"\r\n  [ngClass]=\"classMap\"\r\n  *ngIf=\"!hide\"\r\n  @x-fade-animation\r\n  [@.disabled]=\"disabledAnimation\"\r\n  (@x-fade-animation.done)=\"onCloseAnimationDone()\"\r\n  [xResizable]=\"resizable!\"\r\n  (resizing)=\"resizing.emit($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"minWidth\"\r\n  [style.minHeight]=\"minHeight\"\r\n>\r\n  <ng-container *ngIf=\"showIcon\">\r\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-template #iconTpl>\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'warning'\" type=\"adf-exclamation-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'loading'\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n    </ng-container>\r\n  </ng-template>\r\n  <div class=\"x-alert-inner\">\r\n    <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title && content\">\r\n      <ng-container *xOutlet=\"title; context: { $iconTpl: iconTpl }\">{{ title }}</ng-container>\r\n    </span>\r\n    <div class=\"x-alert-content\" *ngIf=\"content\">\r\n      <ng-container *xOutlet=\"content; context: { $iconTpl: iconTpl }\">{{ content }}</ng-container>\r\n    </div>\r\n    <div class=\"x-alert-close\">\r\n      <div class=\"x-alert-operation\" *xOutlet=\"operationTpl\">{{ operationTpl }}</div>\r\n      <x-button\r\n        *ngIf=\"!hideClose\"\r\n        size=\"small\"\r\n        [icon]=\"!closeText ? 'fto-x' : ''\"\r\n        [onlyIcon]=\"!closeText\"\r\n        [type]=\"closeText ? 'text' : 'initial'\"\r\n        (click)=\"onClose()\"\r\n        closable\r\n        >{{ closeText }}</x-button\r\n      >\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0;background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-900);background-color:var(--x-warning);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-900)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }, { type: i3.XButtonComponent, selector: "x-button" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.XResizableDirective, selector: "[xResizable]" }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XAlertPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XFadeAnimation], template: "<div\r\n  #alert\r\n  class=\"x-alert\"\r\n  cdkDrag\r\n  [cdkDragDisabled]=\"!draggable\"\r\n  [cdkDragBoundary]=\"dragBoundary\"\r\n  [ngClass]=\"classMap\"\r\n  *ngIf=\"!hide\"\r\n  @x-fade-animation\r\n  [@.disabled]=\"disabledAnimation\"\r\n  (@x-fade-animation.done)=\"onCloseAnimationDone()\"\r\n>\r\n  <ng-container *ngIf=\"showIcon\">\r\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-template #iconTpl>\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'warning'\" type=\"adf-exclamation-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'loading'\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n    </ng-container>\r\n  </ng-template>\r\n  <div class=\"x-alert-inner\">\r\n    <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title && content\">\r\n      <ng-container *xOutlet=\"title; context: { $iconTpl: iconTpl }\">{{ title }}</ng-container>\r\n    </span>\r\n    <div class=\"x-alert-content\" *ngIf=\"content\">\r\n      <ng-container *xOutlet=\"content; context: { $iconTpl: iconTpl }\">{{ content }}</ng-container>\r\n    </div>\r\n    <x-button\r\n      *ngIf=\"!hideClose\"\r\n      class=\"x-alert-close\"\r\n      size=\"small\"\r\n      [icon]=\"!closeText ? 'fto-x' : ''\"\r\n      [onlyIcon]=\"!closeText\"\r\n      [type]=\"closeText ? 'text' : 'initial'\"\r\n      (click)=\"onClose()\"\r\n      closable\r\n      >{{ closeText }}</x-button\r\n    >\r\n  </div>\r\n</div>\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0;background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-900);background-color:var(--x-warning);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-900)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxpQkFBaUIsRUFBcUIsdUJBQXVCLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQzNJLE9BQU8sRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQWtCLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNwRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNuQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7OztBQVVsRCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxjQUFjO0lBR2pELFlBQW1CLEdBQXNCLEVBQVMsYUFBNkI7UUFDN0UsS0FBSyxFQUFFLENBQUM7UUFEUyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFTLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQUZ2RSxlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUl6QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDdEUsU0FBUyxDQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JGLENBQUM7SUFFRCxXQUFXO1FBQ1QsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHO1lBQ2QsQ0FBQyxHQUFHLFlBQVksSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ3RELENBQUMsS0FBSyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQzVDLENBQUMsR0FBRyxZQUFZLGNBQWMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUM3RyxDQUFDLEdBQUcsWUFBWSxZQUFZLENBQUMsRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztTQUN2RCxDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsRUFBRSxDQUFDLElBQUksQ0FBQztpQkFDTCxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2lCQUM5RCxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixDQUFDLENBQUMsQ0FBQztTQUNOO0lBQ0gsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1NBQ3BCO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztZQUNqQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzFCO0lBQ0gsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDYixJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7a0pBdkRVLGVBQWU7c0lBQWYsZUFBZSwyRkNkNUIsdXpEQTRDQSw2bU9EaENjLENBQUMsY0FBYyxDQUFDOzJGQUVqQixlQUFlO2tCQVIzQixTQUFTOytCQUNFLEdBQUcsWUFBWSxFQUFFLGlCQUdaLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdG9yUmVmLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgT25EZXN0cm95LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhBbGVydFByZWZpeCwgWEFsZXJ0UHJvcGVydHkgfSBmcm9tICcuL2FsZXJ0LnByb3BlcnR5JztcclxuaW1wb3J0IHsgWEZhZGVBbmltYXRpb24sIFhJc0VtcHR5LCBYQ29uZmlnU2VydmljZSwgWElzQ2hhbmdlLCBYQ2xlYXJDbGFzcyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBvZiwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBkZWxheSwgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hBbGVydFByZWZpeH1gLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFtYRmFkZUFuaW1hdGlvbl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhBbGVydENvbXBvbmVudCBleHRlbmRzIFhBbGVydFByb3BlcnR5IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHByaXZhdGUgX3VuU3ViamVjdCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwdWJsaWMgY29uZmlnU2VydmljZTogWENvbmZpZ1NlcnZpY2UpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc2V0Q2xhc3NNYXAoKTtcclxuICAgIHRoaXMuc2V0RHVyYXRpb24oKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5fdW5TdWJqZWN0Lm5leHQoKTtcclxuICAgIHRoaXMuX3VuU3ViamVjdC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgY29uc3QgeyB0eXBlLCBlZmZlY3QsIHRpdGxlLCBjb250ZW50LCBzaG93SWNvbiwgZHJhZ2dhYmxlIH0gPSBjaGFuZ2VzO1xyXG4gICAgWElzQ2hhbmdlKHR5cGUsIGVmZmVjdCwgdGl0bGUsIGNvbnRlbnQsIHNob3dJY29uLCBkcmFnZ2FibGUpICYmIHRoaXMuc2V0Q2xhc3NNYXAoKTtcclxuICB9XHJcblxyXG4gIHNldENsYXNzTWFwKCkge1xyXG4gICAgWENsZWFyQ2xhc3ModGhpcy5jbGFzc01hcCk7XHJcbiAgICB0aGlzLmNsYXNzTWFwID0ge1xyXG4gICAgICBbYCR7WEFsZXJ0UHJlZml4fS0ke3RoaXMudHlwZX1gXTogIVhJc0VtcHR5KHRoaXMudHlwZSksXHJcbiAgICAgIFtgeC0ke3RoaXMuZWZmZWN0fWBdOiAhWElzRW1wdHkodGhpcy5lZmZlY3QpLFxyXG4gICAgICBbYCR7WEFsZXJ0UHJlZml4fS1pY29uLW1lZGl1bWBdOiAhWElzRW1wdHkodGhpcy50aXRsZSkgJiYgIVhJc0VtcHR5KHRoaXMuY29udGVudCkgJiYgIVhJc0VtcHR5KHRoaXMuc2hvd0ljb24pLFxyXG4gICAgICBbYCR7WEFsZXJ0UHJlZml4fS1kcmFnZ2FibGVgXTogQm9vbGVhbih0aGlzLmRyYWdnYWJsZSlcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBzZXREdXJhdGlvbigpIHtcclxuICAgIGlmICh0aGlzLmR1cmF0aW9uKSB7XHJcbiAgICAgIG9mKHRydWUpXHJcbiAgICAgICAgLnBpcGUoZGVsYXkoTnVtYmVyKHRoaXMuZHVyYXRpb24pKSwgdGFrZVVudGlsKHRoaXMuX3VuU3ViamVjdCkpXHJcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLm9uQ2xvc2UoKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uQ2xvc2UoKSB7XHJcbiAgICBpZiAodGhpcy5tYW51YWwpIHtcclxuICAgICAgdGhpcy5jbG9zZT8uZW1pdCgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5oaWRlID0gdHJ1ZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25DbG9zZUFuaW1hdGlvbkRvbmUoKSB7XHJcbiAgICBpZiAodGhpcy5oaWRlKSB7XHJcbiAgICAgIHRoaXMuY2xvc2U/LmVtaXQoKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gICNhbGVydFxyXG4gIGNsYXNzPVwieC1hbGVydFwiXHJcbiAgY2RrRHJhZ1xyXG4gIFtjZGtEcmFnRGlzYWJsZWRdPVwiIWRyYWdnYWJsZVwiXHJcbiAgW2Nka0RyYWdCb3VuZGFyeV09XCJkcmFnQm91bmRhcnlcIlxyXG4gIFtuZ0NsYXNzXT1cImNsYXNzTWFwXCJcclxuICAqbmdJZj1cIiFoaWRlXCJcclxuICBAeC1mYWRlLWFuaW1hdGlvblxyXG4gIFtALmRpc2FibGVkXT1cImRpc2FibGVkQW5pbWF0aW9uXCJcclxuICAoQHgtZmFkZS1hbmltYXRpb24uZG9uZSk9XCJvbkNsb3NlQW5pbWF0aW9uRG9uZSgpXCJcclxuPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93SWNvblwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25UcGxcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctdGVtcGxhdGUgI2ljb25UcGw+XHJcbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XHJcbiAgICAgIDx4LWljb24gY2xhc3M9XCJ4LWFsZXJ0LWljb25cIiAqbmdTd2l0Y2hDYXNlPVwiJ3N1Y2Nlc3MnXCIgdHlwZT1cImFkZi1jaGVjay1jaXJjbGVcIj48L3gtaWNvbj5cclxuICAgICAgPHgtaWNvbiBjbGFzcz1cIngtYWxlcnQtaWNvblwiICpuZ1N3aXRjaENhc2U9XCInaW5mbydcIiB0eXBlPVwiYWRmLWluZm8tY2lyY2xlXCI+PC94LWljb24+XHJcbiAgICAgIDx4LWljb24gY2xhc3M9XCJ4LWFsZXJ0LWljb25cIiAqbmdTd2l0Y2hDYXNlPVwiJ3dhcm5pbmcnXCIgdHlwZT1cImFkZi1leGNsYW1hdGlvbi1jaXJjbGVcIj48L3gtaWNvbj5cclxuICAgICAgPHgtaWNvbiBjbGFzcz1cIngtYWxlcnQtaWNvblwiICpuZ1N3aXRjaENhc2U9XCInZXJyb3InXCIgdHlwZT1cImFkZi1jbG9zZS1jaXJjbGVcIj48L3gtaWNvbj5cclxuICAgICAgPHgtaWNvbiBjbGFzcz1cIngtYWxlcnQtaWNvblwiICpuZ1N3aXRjaENhc2U9XCInbG9hZGluZydcIiB0eXBlPVwiZnRvLWxvYWRlclwiIFtzcGluXT1cInRydWVcIj48L3gtaWNvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbiAgPGRpdiBjbGFzcz1cIngtYWxlcnQtaW5uZXJcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwieC1hbGVydC10aXRsZVwiIGNka0RyYWdIYW5kbGUgW2NsYXNzLngtYm9sZF09XCJ0aXRsZSAmJiBjb250ZW50XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJ0aXRsZTsgY29udGV4dDogeyAkaWNvblRwbDogaWNvblRwbCB9XCI+e3sgdGl0bGUgfX08L25nLWNvbnRhaW5lcj5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJ4LWFsZXJ0LWNvbnRlbnRcIiAqbmdJZj1cImNvbnRlbnRcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cImNvbnRlbnQ7IGNvbnRleHQ6IHsgJGljb25UcGw6IGljb25UcGwgfVwiPnt7IGNvbnRlbnQgfX08L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHgtYnV0dG9uXHJcbiAgICAgICpuZ0lmPVwiIWhpZGVDbG9zZVwiXHJcbiAgICAgIGNsYXNzPVwieC1hbGVydC1jbG9zZVwiXHJcbiAgICAgIHNpemU9XCJzbWFsbFwiXHJcbiAgICAgIFtpY29uXT1cIiFjbG9zZVRleHQgPyAnZnRvLXgnIDogJydcIlxyXG4gICAgICBbb25seUljb25dPVwiIWNsb3NlVGV4dFwiXHJcbiAgICAgIFt0eXBlXT1cImNsb3NlVGV4dCA/ICd0ZXh0JyA6ICdpbml0aWFsJ1wiXHJcbiAgICAgIChjbGljayk9XCJvbkNsb3NlKClcIlxyXG4gICAgICBjbG9zYWJsZVxyXG4gICAgICA+e3sgY2xvc2VUZXh0IH19PC94LWJ1dHRvblxyXG4gICAgPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+            args: [{ selector: `${XAlertPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XFadeAnimation], template: "<div\r\n  #alert\r\n  class=\"x-alert\"\r\n  cdkDrag\r\n  (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n  [cdkDragFreeDragPosition]=\"dragFreeDragPosition\"\r\n  [cdkDragDisabled]=\"!draggable\"\r\n  [cdkDragBoundary]=\"dragBoundary\"\r\n  [ngClass]=\"classMap\"\r\n  *ngIf=\"!hide\"\r\n  @x-fade-animation\r\n  [@.disabled]=\"disabledAnimation\"\r\n  (@x-fade-animation.done)=\"onCloseAnimationDone()\"\r\n  [xResizable]=\"resizable!\"\r\n  (resizing)=\"resizing.emit($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"minWidth\"\r\n  [style.minHeight]=\"minHeight\"\r\n>\r\n  <ng-container *ngIf=\"showIcon\">\r\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-template #iconTpl>\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'warning'\" type=\"adf-exclamation-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'loading'\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n    </ng-container>\r\n  </ng-template>\r\n  <div class=\"x-alert-inner\">\r\n    <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title && content\">\r\n      <ng-container *xOutlet=\"title; context: { $iconTpl: iconTpl }\">{{ title }}</ng-container>\r\n    </span>\r\n    <div class=\"x-alert-content\" *ngIf=\"content\">\r\n      <ng-container *xOutlet=\"content; context: { $iconTpl: iconTpl }\">{{ content }}</ng-container>\r\n    </div>\r\n    <div class=\"x-alert-close\">\r\n      <div class=\"x-alert-operation\" *xOutlet=\"operationTpl\">{{ operationTpl }}</div>\r\n      <x-button\r\n        *ngIf=\"!hideClose\"\r\n        size=\"small\"\r\n        [icon]=\"!closeText ? 'fto-x' : ''\"\r\n        [onlyIcon]=\"!closeText\"\r\n        [type]=\"closeText ? 'text' : 'initial'\"\r\n        (click)=\"onClose()\"\r\n        closable\r\n        >{{ closeText }}</x-button\r\n      >\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0;background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-900);background-color:var(--x-warning);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-900)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { alert: [{
+                type: ViewChild,
+                args: ['alert']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxpQkFBaUIsRUFFakIsdUJBQXVCLEVBR3ZCLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFrQixTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEcsT0FBTyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDbkMsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7O0FBV2xELE1BQU0sT0FBTyxlQUFnQixTQUFRLGNBQWM7SUFJakQsWUFBbUIsR0FBc0IsRUFBUyxhQUE2QjtRQUM3RSxLQUFLLEVBQUUsQ0FBQztRQURTLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQVMsa0JBQWEsR0FBYixhQUFhLENBQWdCO1FBRnZFLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBSXpDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUN0RSxTQUFTLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckYsQ0FBQztJQUVELFdBQVc7UUFDVCxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUc7WUFDZCxDQUFDLEdBQUcsWUFBWSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDdEQsQ0FBQyxLQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7WUFDNUMsQ0FBQyxHQUFHLFlBQVksY0FBYyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQzdHLENBQUMsR0FBRyxZQUFZLFlBQVksQ0FBQyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1NBQ3ZELENBQUM7SUFFSixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixFQUFFLENBQUMsSUFBSSxDQUFDO2lCQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7aUJBQzlELFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pCLENBQUMsQ0FBQyxDQUFDO1NBQ047SUFDSCxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7U0FDcEI7YUFBTTtZQUNMLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDOztrSkF6RFUsZUFBZTtzSUFBZixlQUFlLDJMQ3hCNUIsb3ZFQXNEQSx5cU9EaENjLENBQUMsY0FBYyxDQUFDOzJGQUVqQixlQUFlO2tCQVIzQixTQUFTOytCQUNFLEdBQUcsWUFBWSxFQUFFLGlCQUdaLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxjQUFjLENBQUM7cUlBR1IsS0FBSztzQkFBeEIsU0FBUzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIE9uRGVzdHJveSxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIFZpZXdDaGlsZFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYQWxlcnRQcmVmaXgsIFhBbGVydFByb3BlcnR5IH0gZnJvbSAnLi9hbGVydC5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhGYWRlQW5pbWF0aW9uLCBYSXNFbXB0eSwgWENvbmZpZ1NlcnZpY2UsIFhJc0NoYW5nZSwgWENsZWFyQ2xhc3MgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgb2YsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgZGVsYXksIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQ2RrRHJhZyB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hBbGVydFByZWZpeH1gLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFtYRmFkZUFuaW1hdGlvbl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhBbGVydENvbXBvbmVudCBleHRlbmRzIFhBbGVydFByb3BlcnR5IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIEBWaWV3Q2hpbGQoJ2FsZXJ0JykgYWxlcnQhOiBDZGtEcmFnO1xyXG4gIHByaXZhdGUgX3VuU3ViamVjdCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwdWJsaWMgY29uZmlnU2VydmljZTogWENvbmZpZ1NlcnZpY2UpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc2V0Q2xhc3NNYXAoKTtcclxuICAgIHRoaXMuc2V0RHVyYXRpb24oKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5fdW5TdWJqZWN0Lm5leHQoKTtcclxuICAgIHRoaXMuX3VuU3ViamVjdC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgY29uc3QgeyB0eXBlLCBlZmZlY3QsIHRpdGxlLCBjb250ZW50LCBzaG93SWNvbiwgZHJhZ2dhYmxlIH0gPSBjaGFuZ2VzO1xyXG4gICAgWElzQ2hhbmdlKHR5cGUsIGVmZmVjdCwgdGl0bGUsIGNvbnRlbnQsIHNob3dJY29uLCBkcmFnZ2FibGUpICYmIHRoaXMuc2V0Q2xhc3NNYXAoKTsgXHJcbiAgfVxyXG5cclxuICBzZXRDbGFzc01hcCgpIHtcclxuICAgIFhDbGVhckNsYXNzKHRoaXMuY2xhc3NNYXApO1xyXG4gICAgdGhpcy5jbGFzc01hcCA9IHtcclxuICAgICAgW2Ake1hBbGVydFByZWZpeH0tJHt0aGlzLnR5cGV9YF06ICFYSXNFbXB0eSh0aGlzLnR5cGUpLFxyXG4gICAgICBbYHgtJHt0aGlzLmVmZmVjdH1gXTogIVhJc0VtcHR5KHRoaXMuZWZmZWN0KSxcclxuICAgICAgW2Ake1hBbGVydFByZWZpeH0taWNvbi1tZWRpdW1gXTogIVhJc0VtcHR5KHRoaXMudGl0bGUpICYmICFYSXNFbXB0eSh0aGlzLmNvbnRlbnQpICYmICFYSXNFbXB0eSh0aGlzLnNob3dJY29uKSxcclxuICAgICAgW2Ake1hBbGVydFByZWZpeH0tZHJhZ2dhYmxlYF06IEJvb2xlYW4odGhpcy5kcmFnZ2FibGUpXHJcbiAgICB9O1xyXG4gICAgXHJcbiAgfVxyXG5cclxuICBzZXREdXJhdGlvbigpIHtcclxuICAgIGlmICh0aGlzLmR1cmF0aW9uKSB7XHJcbiAgICAgIG9mKHRydWUpXHJcbiAgICAgICAgLnBpcGUoZGVsYXkoTnVtYmVyKHRoaXMuZHVyYXRpb24pKSwgdGFrZVVudGlsKHRoaXMuX3VuU3ViamVjdCkpXHJcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLm9uQ2xvc2UoKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uQ2xvc2UoKSB7XHJcbiAgICBpZiAodGhpcy5tYW51YWwpIHtcclxuICAgICAgdGhpcy5jbG9zZT8uZW1pdCgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5oaWRlID0gdHJ1ZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25DbG9zZUFuaW1hdGlvbkRvbmUoKSB7XHJcbiAgICBpZiAodGhpcy5oaWRlKSB7XHJcbiAgICAgIHRoaXMuY2xvc2U/LmVtaXQoKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gICNhbGVydFxyXG4gIGNsYXNzPVwieC1hbGVydFwiXHJcbiAgY2RrRHJhZ1xyXG4gIChjZGtEcmFnRW5kZWQpPVwiZHJhZ0VuZGVkLmVtaXQoJGV2ZW50KVwiXHJcbiAgW2Nka0RyYWdGcmVlRHJhZ1Bvc2l0aW9uXT1cImRyYWdGcmVlRHJhZ1Bvc2l0aW9uXCJcclxuICBbY2RrRHJhZ0Rpc2FibGVkXT1cIiFkcmFnZ2FibGVcIlxyXG4gIFtjZGtEcmFnQm91bmRhcnldPVwiZHJhZ0JvdW5kYXJ5XCJcclxuICBbbmdDbGFzc109XCJjbGFzc01hcFwiXHJcbiAgKm5nSWY9XCIhaGlkZVwiXHJcbiAgQHgtZmFkZS1hbmltYXRpb25cclxuICBbQC5kaXNhYmxlZF09XCJkaXNhYmxlZEFuaW1hdGlvblwiXHJcbiAgKEB4LWZhZGUtYW5pbWF0aW9uLmRvbmUpPVwib25DbG9zZUFuaW1hdGlvbkRvbmUoKVwiXHJcbiAgW3hSZXNpemFibGVdPVwicmVzaXphYmxlIVwiXHJcbiAgKHJlc2l6aW5nKT1cInJlc2l6aW5nLmVtaXQoJGV2ZW50KVwiXHJcbiAgW29mZnNldExlZnRdPVwib2Zmc2V0TGVmdFwiXHJcbiAgW29mZnNldFRvcF09XCJvZmZzZXRUb3BcIlxyXG4gIFtzdHlsZS5taW5XaWR0aF09XCJtaW5XaWR0aFwiXHJcbiAgW3N0eWxlLm1pbkhlaWdodF09XCJtaW5IZWlnaHRcIlxyXG4+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dJY29uXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblRwbFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy10ZW1wbGF0ZSAjaWNvblRwbD5cclxuICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cclxuICAgICAgPHgtaWNvbiBjbGFzcz1cIngtYWxlcnQtaWNvblwiICpuZ1N3aXRjaENhc2U9XCInc3VjY2VzcydcIiB0eXBlPVwiYWRmLWNoZWNrLWNpcmNsZVwiPjwveC1pY29uPlxyXG4gICAgICA8eC1pY29uIGNsYXNzPVwieC1hbGVydC1pY29uXCIgKm5nU3dpdGNoQ2FzZT1cIidpbmZvJ1wiIHR5cGU9XCJhZGYtaW5mby1jaXJjbGVcIj48L3gtaWNvbj5cclxuICAgICAgPHgtaWNvbiBjbGFzcz1cIngtYWxlcnQtaWNvblwiICpuZ1N3aXRjaENhc2U9XCInd2FybmluZydcIiB0eXBlPVwiYWRmLWV4Y2xhbWF0aW9uLWNpcmNsZVwiPjwveC1pY29uPlxyXG4gICAgICA8eC1pY29uIGNsYXNzPVwieC1hbGVydC1pY29uXCIgKm5nU3dpdGNoQ2FzZT1cIidlcnJvcidcIiB0eXBlPVwiYWRmLWNsb3NlLWNpcmNsZVwiPjwveC1pY29uPlxyXG4gICAgICA8eC1pY29uIGNsYXNzPVwieC1hbGVydC1pY29uXCIgKm5nU3dpdGNoQ2FzZT1cIidsb2FkaW5nJ1wiIHR5cGU9XCJmdG8tbG9hZGVyXCIgW3NwaW5dPVwidHJ1ZVwiPjwveC1pY29uPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICA8ZGl2IGNsYXNzPVwieC1hbGVydC1pbm5lclwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ4LWFsZXJ0LXRpdGxlXCIgY2RrRHJhZ0hhbmRsZSBbY2xhc3MueC1ib2xkXT1cInRpdGxlICYmIGNvbnRlbnRcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cInRpdGxlOyBjb250ZXh0OiB7ICRpY29uVHBsOiBpY29uVHBsIH1cIj57eyB0aXRsZSB9fTwvbmctY29udGFpbmVyPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPGRpdiBjbGFzcz1cIngtYWxlcnQtY29udGVudFwiICpuZ0lmPVwiY29udGVudFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICp4T3V0bGV0PVwiY29udGVudDsgY29udGV4dDogeyAkaWNvblRwbDogaWNvblRwbCB9XCI+e3sgY29udGVudCB9fTwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwieC1hbGVydC1jbG9zZVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwieC1hbGVydC1vcGVyYXRpb25cIiAqeE91dGxldD1cIm9wZXJhdGlvblRwbFwiPnt7IG9wZXJhdGlvblRwbCB9fTwvZGl2PlxyXG4gICAgICA8eC1idXR0b25cclxuICAgICAgICAqbmdJZj1cIiFoaWRlQ2xvc2VcIlxyXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXHJcbiAgICAgICAgW2ljb25dPVwiIWNsb3NlVGV4dCA/ICdmdG8teCcgOiAnJ1wiXHJcbiAgICAgICAgW29ubHlJY29uXT1cIiFjbG9zZVRleHRcIlxyXG4gICAgICAgIFt0eXBlXT1cImNsb3NlVGV4dCA/ICd0ZXh0JyA6ICdpbml0aWFsJ1wiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXHJcbiAgICAgICAgY2xvc2FibGVcclxuICAgICAgICA+e3sgY2xvc2VUZXh0IH19PC94LWJ1dHRvblxyXG4gICAgICA+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/alert/alert.module.mjs

@@ -6,18 +6,19 @@ import { XOutletModule } from '@ng-nest/ui/outlet';
 import { XButtonModule } from '@ng-nest/ui/button';
 import { XAlertProperty } from './alert.property';
 import { DragDropModule } from '@angular/cdk/drag-drop';
+import { XResizableModule } from '@ng-nest/ui/resizable';
 import * as i0 from "@angular/core";
 export class XAlertModule {
 }
-/** @nocollapse */ /** @nocollapse */ XAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAlertModule, declarations: [XAlertComponent, XAlertProperty], imports: [CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule], exports: [XAlertComponent] });
-/** @nocollapse */ /** @nocollapse */ XAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAlertModule, imports: [[CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAlertModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAlertModule, declarations: [XAlertComponent, XAlertProperty], imports: [CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule, XResizableModule], exports: [XAlertComponent] });
+/** @nocollapse */ /** @nocollapse */ XAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAlertModule, imports: [[CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule, XResizableModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XAlertComponent, XAlertProperty],
                     exports: [XAlertComponent],
-                    imports: [CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule]
+                    imports: [CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule, XResizableModule]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvYWxlcnQvYWxlcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU94RCxNQUFNLE9BQU8sWUFBWTs7K0lBQVosWUFBWTtnSkFBWixZQUFZLGlCQUpSLGVBQWUsRUFBRSxjQUFjLGFBRXBDLFlBQVksRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxhQUFhLGFBRHZFLGVBQWU7Z0pBR2QsWUFBWSxZQUZkLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGFBQWEsQ0FBQzsyRkFFdkUsWUFBWTtrQkFMeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLEVBQUUsY0FBYyxDQUFDO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzFCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxhQUFhLENBQUM7aUJBQ25GIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWEFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBYSWNvbk1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2ljb24nO1xyXG5pbXBvcnQgeyBYT3V0bGV0TW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvb3V0bGV0JztcclxuaW1wb3J0IHsgWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2J1dHRvbic7XHJcbmltcG9ydCB7IFhBbGVydFByb3BlcnR5IH0gZnJvbSAnLi9hbGVydC5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1hBbGVydENvbXBvbmVudCwgWEFsZXJ0UHJvcGVydHldLFxyXG4gIGV4cG9ydHM6IFtYQWxlcnRDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIERyYWdEcm9wTW9kdWxlLCBYSWNvbk1vZHVsZSwgWEJ1dHRvbk1vZHVsZSwgWE91dGxldE1vZHVsZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhBbGVydE1vZHVsZSB7fVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvYWxlcnQvYWxlcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQU96RCxNQUFNLE9BQU8sWUFBWTs7K0lBQVosWUFBWTtnSkFBWixZQUFZLGlCQUpSLGVBQWUsRUFBRSxjQUFjLGFBRXBDLFlBQVksRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLGFBRHpGLGVBQWU7Z0pBR2QsWUFBWSxZQUZkLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQzsyRkFFekYsWUFBWTtrQkFMeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLEVBQUUsY0FBYyxDQUFDO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzFCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUM7aUJBQ3JHIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWEFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBYSWNvbk1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2ljb24nO1xyXG5pbXBvcnQgeyBYT3V0bGV0TW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvb3V0bGV0JztcclxuaW1wb3J0IHsgWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2J1dHRvbic7XHJcbmltcG9ydCB7IFhBbGVydFByb3BlcnR5IH0gZnJvbSAnLi9hbGVydC5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcbmltcG9ydCB7IFhSZXNpemFibGVNb2R1bGUgfSBmcm9tICdAbmctbmVzdC91aS9yZXNpemFibGUnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtYQWxlcnRDb21wb25lbnQsIFhBbGVydFByb3BlcnR5XSxcclxuICBleHBvcnRzOiBbWEFsZXJ0Q29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBEcmFnRHJvcE1vZHVsZSwgWEljb25Nb2R1bGUsIFhCdXR0b25Nb2R1bGUsIFhPdXRsZXRNb2R1bGUsIFhSZXNpemFibGVNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYQWxlcnRNb2R1bGUge31cclxuIl19

package/esm2020/alert/alert.property.mjs

@@ -20,15 +20,35 @@ export class XAlertProperty extends XProperty {
          * @en_US Alert type
          */
         this.type = 'info';
+        /**
+         * @zh_CN 开启 resizable 调整大小，偏移屏幕左边
+         * @en_US Open the resizable resize, offset screen left
+         */
+        this.offsetLeft = 0;
+        /**
+         * @zh_CN 开启 resizable 调整大小，偏移屏幕顶部
+         * @en_US Open the resizable resize, offset screen top
+         */
+        this.offsetTop = 0;
         /**
          * @zh_CN 关闭的事件
          * @en_US Closed events
          */
         this.close = new EventEmitter();
+        /**
+         * @zh_CN 拖动结束的事件
+         * @en_US Drag end event
+         */
+        this.dragEnded = new EventEmitter();
+        /**
+         * @zh_CN 改变尺寸事件
+         * @en_US Change the size event
+         */
+        this.resizing = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XAlertProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAlertProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAlertProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAlertProperty, selector: "ng-component", inputs: { hide: "hide", title: "title", content: "content", type: "type", effect: "effect", hideClose: "hideClose", closeText: "closeText", showIcon: "showIcon", disabledAnimation: "disabledAnimation", duration: "duration", manual: "manual", draggable: "draggable", dragBoundary: "dragBoundary" }, outputs: { close: "close" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XAlertProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAlertProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAlertProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAlertProperty, selector: "ng-component", inputs: { hide: "hide", title: "title", content: "content", type: "type", effect: "effect", hideClose: "hideClose", closeText: "closeText", showIcon: "showIcon", disabledAnimation: "disabledAnimation", duration: "duration", manual: "manual", draggable: "draggable", resizable: "resizable", offsetLeft: "offsetLeft", offsetTop: "offsetTop", minWidth: "minWidth", minHeight: "minHeight", dragBoundary: "dragBoundary", dragFreeDragPosition: "dragFreeDragPosition", operationTpl: "operationTpl" }, outputs: { close: "close", dragEnded: "dragEnded", resizing: "resizing" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XAlertProperty.prototype, "hide", void 0);
@@ -58,7 +78,23 @@ __decorate([
     XWithConfig(X_CONFIG_NAME, false),
     XInputBoolean()
 ], XAlertProperty.prototype, "draggable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAlertProperty, decorators: [{
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XAlertProperty.prototype, "resizable", void 0);
+__decorate([
+    XInputNumber()
+], XAlertProperty.prototype, "offsetLeft", void 0);
+__decorate([
+    XInputNumber()
+], XAlertProperty.prototype, "offsetTop", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '0rem')
+], XAlertProperty.prototype, "minWidth", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '0rem')
+], XAlertProperty.prototype, "minHeight", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAlertProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { hide: [{
@@ -85,9 +121,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                 type: Input
             }], draggable: [{
                 type: Input
+            }], resizable: [{
+                type: Input
+            }], offsetLeft: [{
+                type: Input
+            }], offsetTop: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
             }], dragBoundary: [{
                 type: Input
+            }], dragFreeDragPosition: [{
+                type: Input
+            }], operationTpl: [{
+                type: Input
             }], close: [{
                 type: Output
+            }], dragEnded: [{
+                type: Output
+            }], resizing: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9hbGVydC9hbGVydC5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUErQixTQUFTLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBcUIsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkksT0FBTyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQzs7QUFFbkY7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxTQUFTLENBQUM7QUFDdEMsTUFBTSxhQUFhLEdBQUcsT0FBTyxDQUFDO0FBRTlCOztHQUVHO0FBRUgsTUFBTSxPQUFPLGNBQWUsU0FBUSxTQUFTO0lBRDdDOztRQWlCRTs7O1dBR0c7UUFDTSxTQUFJLEdBQWdCLE1BQU0sQ0FBQztRQThDcEM7OztXQUdHO1FBQ08sVUFBSyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7S0FDdEM7O2lKQXZFWSxjQUFjO3FJQUFkLGNBQWMsa1pBREosRUFBRTtBQU1HO0lBQWhCLGFBQWEsRUFBRTs0Q0FBaUI7QUFvQmE7SUFBN0MsV0FBVyxDQUFVLGFBQWEsRUFBRSxPQUFPLENBQUM7OENBQWtCO0FBS1I7SUFBdEQsV0FBVyxDQUFXLGFBQWEsQ0FBQztJQUFFLGFBQWEsRUFBRTtpREFBc0I7QUFVckI7SUFBdEQsV0FBVyxDQUFXLGFBQWEsQ0FBQztJQUFFLGFBQWEsRUFBRTtnREFBcUI7QUFLcEI7SUFBdEQsV0FBVyxDQUFXLGFBQWEsQ0FBQztJQUFFLGFBQWEsRUFBRTt5REFBOEI7QUFLNUI7SUFBdkQsV0FBVyxDQUFVLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFBRSxZQUFZLEVBQUU7Z0RBQW9CO0FBSzFEO0lBQWhCLGFBQWEsRUFBRTs4Q0FBbUI7QUFLMkI7SUFBN0QsV0FBVyxDQUFXLGFBQWEsRUFBRSxLQUFLLENBQUM7SUFBRSxhQUFhLEVBQUU7aURBQXNCOzJGQTVEakYsY0FBYztrQkFEMUIsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7OEJBTUMsSUFBSTtzQkFBN0IsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csT0FBTztzQkFBZixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLaUQsTUFBTTtzQkFBNUQsS0FBSztnQkFLMEQsU0FBUztzQkFBeEUsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUswRCxRQUFRO3NCQUF2RSxLQUFLO2dCQUswRCxpQkFBaUI7c0JBQWhGLEtBQUs7Z0JBSzJELFFBQVE7c0JBQXhFLEtBQUs7Z0JBS29CLE1BQU07c0JBQS9CLEtBQUs7Z0JBS2lFLFNBQVM7c0JBQS9FLEtBQUs7Z0JBS0csWUFBWTtzQkFBcEIsS0FBSztnQkFLSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYU3RhdHVzLCBYVGVtcGxhdGUsIFhFZmZlY3QsIFhQcm9wZXJ0eSwgWElucHV0Qm9vbGVhbiwgWElucHV0TnVtYmVyLCBYQm9vbGVhbiwgWE51bWJlciwgWFdpdGhDb25maWcgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBBbGVydFxyXG4gKiBAc2VsZWN0b3IgeC1hbGVydFxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhBbGVydFByZWZpeCA9ICd4LWFsZXJ0JztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICdhbGVydCc7XHJcblxyXG4vKipcclxuICogQWxlcnQgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhBbGVydFByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g6ZqQ6JePXHJcbiAgICogQGVuX1VTIEhpZGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIGhpZGU/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qCH6aKYXHJcbiAgICogQGVuX1VTIFRpdGxlXHJcbiAgICovXHJcbiAgQElucHV0KCkgdGl0bGU/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWGheWuuVxyXG4gICAqIEBlbl9VUyBDb250ZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgY29udGVudD86IFhUZW1wbGF0ZTtcclxuICAvKipcclxuICAgKiBAemhfQ04g57G75Z6LXHJcbiAgICogQGVuX1VTIEFsZXJ0IHR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlPzogWEFsZXJ0VHlwZSA9ICdpbmZvJztcclxuICAvKipcclxuICAgKiBAemhfQ04g5Li76aKYXHJcbiAgICogQGVuX1VTIFRoZW1lXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhFZmZlY3Q+KFhfQ09ORklHX05BTUUsICdsaWdodCcpIGVmZmVjdD86IFhFZmZlY3Q7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmakOiXj+WFs+mXreaMiemSrlxyXG4gICAqIEBlbl9VUyBIaWRlIGNsb3NlIGJ1dHRvblxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYQm9vbGVhbj4oWF9DT05GSUdfTkFNRSkgQFhJbnB1dEJvb2xlYW4oKSBoaWRlQ2xvc2U/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5L2/55So5paH5pys5YWz6Zet5oyJ6ZKuXHJcbiAgICogQGVuX1VTIFVzZSB0aGUgdGV4dCB0byBjbG9zZSBidXR0b25cclxuICAgKi9cclxuICBASW5wdXQoKSBjbG9zZVRleHQ/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuWbvuagh1xyXG4gICAqIEBlbl9VUyBTaG93IGljb25cclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUpIEBYSW5wdXRCb29sZWFuKCkgc2hvd0ljb24/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g56aB55So5Yqo55S7XHJcbiAgICogQGVuX1VTIERpc2FibGUgYW5pbWF0aW9uXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FKSBAWElucHV0Qm9vbGVhbigpIGRpc2FibGVkQW5pbWF0aW9uPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOW7tui/n+WFs+mXre+8jOm7mOiupCAwIOihqOekuuS4jeWFs+mXrVxyXG4gICAqIEBlbl9VUyBEZWxheSBjbG9zZSwgdGhlIGRlZmF1bHQgdmFsdWUgb2YgMCBtZWFucyBkbyBub3QgY2xvc2VcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WE51bWJlcj4oWF9DT05GSUdfTkFNRSwgMCkgQFhJbnB1dE51bWJlcigpIGR1cmF0aW9uPzogWE51bWJlcjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5omL5Yqo5aSE55CG5YWz6Zet5LqL5Lu2XHJcbiAgICogQGVuX1VTIE1hbnVhbGx5IGhhbmRsZSBjbG9zZSBldmVudHNcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIG1hbnVhbD86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmi5bliqjmj5DnpLrmoYZcclxuICAgKiBAZW5fVVMgRHJhZyBkaWFsb2dcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUsIGZhbHNlKSBAWElucHV0Qm9vbGVhbigpIGRyYWdnYWJsZT86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmi5bliqjojIPlm7TpmZDliLbvvIzniLboioLngrnpgInmi6nlmajmiJbogIXlr7nosaFcclxuICAgKiBAZW5fVVMgRHJhZyBkaWFsb2dcclxuICAgKi9cclxuICBASW5wdXQoKSBkcmFnQm91bmRhcnkhOiBzdHJpbmcgfCBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB8IEhUTUxFbGVtZW50O1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhbPpl63nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgQ2xvc2VkIGV2ZW50c1xyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxufVxyXG5cclxuLyoqXHJcbiAqIEFsZXJ0IE9wdGlvblxyXG4gKiBAdW5kb2N1bWVudCB0cnVlXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIFhBbGVydE9wdGlvbiB7XHJcbiAgLyoqXHJcbiAgICog6ZqQ6JePXHJcbiAgICovXHJcbiAgaGlkZT86IGJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICog5qCH6aKYXHJcbiAgICovXHJcbiAgdGl0bGU/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICog5YaF5a65XHJcbiAgICovXHJcbiAgY29udGVudD86IFhUZW1wbGF0ZTtcclxuICAvKipcclxuICAgKiDnsbvlnotcclxuICAgKi9cclxuICB0eXBlPzogWEFsZXJ0VHlwZTtcclxuICAvKipcclxuICAgKiDkuLvpophcclxuICAgKi9cclxuICBlZmZlY3Q/OiBYRWZmZWN0O1xyXG4gIC8qKlxyXG4gICAqIOmakOiXj+WFs+mXreaMiemSrlxyXG4gICAqL1xyXG4gIGhpZGVDbG9zZT86IGJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICog5YWz6Zet5oyJ6ZKu5paH5a2X5pu/5o2iXHJcbiAgICovXHJcbiAgY2xvc2VUZXh0Pzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIOaYvuekuuWbvuagh1xyXG4gICAqL1xyXG4gIHNob3dJY29uPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiDnpoHnlKjliqjnlLtcclxuICAgKi9cclxuICBkaXNhYmxlZEFuaW1hdGlvbj86IGJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICog5bu26L+f5YWz6Zet77yM6buY6K6kIDAg6KGo56S65LiN5YWz6ZetXHJcbiAgICovXHJcbiAgZHVyYXRpb24/OiBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICog5omL5Yqo5aSE55CG5YWz6Zet5LqL5Lu2XHJcbiAgICovXHJcbiAgbWFudWFsPzogYm9vbGVhbjtcclxufVxyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDnsbvlnotcclxuICogQGVuX1VTIFR5cGVcclxuICogQHZhbHVlIFwic3VjY2Vzc1wiXHJcbiAqIEB2YWx1ZSBcImluZm9cIlxyXG4gKiBAdmFsdWUgXCJ3YXJuaW5nXCJcclxuICogQHZhbHVlIFwiZXJyb3JcIlxyXG4gKi9cclxuZXhwb3J0IHR5cGUgWEFsZXJ0VHlwZSA9IFhTdGF0dXM7XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9hbGVydC9hbGVydC5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUErQixTQUFTLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBcUIsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkksT0FBTyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQzs7QUFJbkY7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxTQUFTLENBQUM7QUFDdEMsTUFBTSxhQUFhLEdBQUcsT0FBTyxDQUFDO0FBRTlCOztHQUVHO0FBRUgsTUFBTSxPQUFPLGNBQWUsU0FBUSxTQUFTO0lBRDdDOztRQWlCRTs7O1dBR0c7UUFDTSxTQUFJLEdBQWdCLE1BQU0sQ0FBQztRQThDcEM7OztXQUdHO1FBQ3NCLGVBQVUsR0FBWSxDQUFDLENBQUM7UUFDakQ7OztXQUdHO1FBQ3NCLGNBQVMsR0FBWSxDQUFDLENBQUM7UUEwQmhEOzs7V0FHRztRQUNPLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3JDOzs7V0FHRztRQUNPLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBQ3JEOzs7V0FHRztRQUNPLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBbUIsQ0FBQztLQUMxRDs7aUpBcEhZLGNBQWM7cUlBQWQsY0FBYyxvb0JBREosRUFBRTtBQU1HO0lBQWhCLGFBQWEsRUFBRTs0Q0FBaUI7QUFvQmE7SUFBN0MsV0FBVyxDQUFVLGFBQWEsRUFBRSxPQUFPLENBQUM7OENBQWtCO0FBS1I7SUFBdEQsV0FBVyxDQUFXLGFBQWEsQ0FBQztJQUFFLGFBQWEsRUFBRTtpREFBc0I7QUFVckI7SUFBdEQsV0FBVyxDQUFXLGFBQWEsQ0FBQztJQUFFLGFBQWEsRUFBRTtnREFBcUI7QUFLcEI7SUFBdEQsV0FBVyxDQUFXLGFBQWEsQ0FBQztJQUFFLGFBQWEsRUFBRTt5REFBOEI7QUFLNUI7SUFBdkQsV0FBVyxDQUFVLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFBRSxZQUFZLEVBQUU7Z0RBQW9CO0FBSzFEO0lBQWhCLGFBQWEsRUFBRTs4Q0FBbUI7QUFLMkI7SUFBN0QsV0FBVyxDQUFXLGFBQWEsRUFBRSxLQUFLLENBQUM7SUFBRSxhQUFhLEVBQUU7aURBQXNCO0FBS3JCO0lBQTdELFdBQVcsQ0FBVyxhQUFhLEVBQUUsS0FBSyxDQUFDO0lBQUUsYUFBYSxFQUFFO2lEQUFzQjtBQUtuRTtJQUFmLFlBQVksRUFBRTtrREFBeUI7QUFLeEI7SUFBZixZQUFZLEVBQUU7aURBQXdCO0FBS0s7SUFBM0MsV0FBVyxDQUFTLGFBQWEsRUFBRSxNQUFNLENBQUM7Z0RBQW1CO0FBS2xCO0lBQTNDLFdBQVcsQ0FBUyxhQUFhLEVBQUUsTUFBTSxDQUFDO2lEQUFvQjsyRkFyRjdELGNBQWM7a0JBRDFCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFOzhCQU1DLElBQUk7c0JBQTdCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS2lELE1BQU07c0JBQTVELEtBQUs7Z0JBSzBELFNBQVM7c0JBQXhFLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLMEQsUUFBUTtzQkFBdkUsS0FBSztnQkFLMEQsaUJBQWlCO3NCQUFoRixLQUFLO2dCQUsyRCxRQUFRO3NCQUF4RSxLQUFLO2dCQUtvQixNQUFNO3NCQUEvQixLQUFLO2dCQUtpRSxTQUFTO3NCQUEvRSxLQUFLO2dCQUtpRSxTQUFTO3NCQUEvRSxLQUFLO2dCQUttQixVQUFVO3NCQUFsQyxLQUFLO2dCQUttQixTQUFTO3NCQUFqQyxLQUFLO2dCQUsrQyxRQUFRO3NCQUE1RCxLQUFLO2dCQUsrQyxTQUFTO3NCQUE3RCxLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0ksS0FBSztzQkFBZCxNQUFNO2dCQUtHLFNBQVM7c0JBQWxCLE1BQU07Z0JBS0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFhTdGF0dXMsIFhUZW1wbGF0ZSwgWEVmZmVjdCwgWFByb3BlcnR5LCBYSW5wdXRCb29sZWFuLCBYSW5wdXROdW1iZXIsIFhCb29sZWFuLCBYTnVtYmVyLCBYV2l0aENvbmZpZyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDZGtEcmFnRW5kIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcbmltcG9ydCB7IFhSZXNpemFibGVFdmVudCB9IGZyb20gJ0BuZy1uZXN0L3VpL3Jlc2l6YWJsZSc7XHJcblxyXG4vKipcclxuICogQWxlcnRcclxuICogQHNlbGVjdG9yIHgtYWxlcnRcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYQWxlcnRQcmVmaXggPSAneC1hbGVydCc7XHJcbmNvbnN0IFhfQ09ORklHX05BTUUgPSAnYWxlcnQnO1xyXG5cclxuLyoqXHJcbiAqIEFsZXJ0IFByb3BlcnR5XHJcbiAqL1xyXG5AQ29tcG9uZW50KHsgdGVtcGxhdGU6ICcnIH0pXHJcbmV4cG9ydCBjbGFzcyBYQWxlcnRQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmakOiXj1xyXG4gICAqIEBlbl9VUyBIaWRlXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBoaWRlPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOagh+mimFxyXG4gICAqIEBlbl9VUyBUaXRsZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhoXlrrlcclxuICAgKiBAZW5fVVMgQ29udGVudFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGNvbnRlbnQ/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOexu+Wei1xyXG4gICAqIEBlbl9VUyBBbGVydCB0eXBlXHJcbiAgICovXHJcbiAgQElucHV0KCkgdHlwZT86IFhBbGVydFR5cGUgPSAnaW5mbyc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS4u+mimFxyXG4gICAqIEBlbl9VUyBUaGVtZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYRWZmZWN0PihYX0NPTkZJR19OQU1FLCAnbGlnaHQnKSBlZmZlY3Q/OiBYRWZmZWN0O1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDpmpDol4/lhbPpl63mjInpkq5cclxuICAgKiBAZW5fVVMgSGlkZSBjbG9zZSBidXR0b25cclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUpIEBYSW5wdXRCb29sZWFuKCkgaGlkZUNsb3NlPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS9v+eUqOaWh+acrOWFs+mXreaMiemSrlxyXG4gICAqIEBlbl9VUyBVc2UgdGhlIHRleHQgdG8gY2xvc2UgYnV0dG9uXHJcbiAgICovXHJcbiAgQElucHV0KCkgY2xvc2VUZXh0Pzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrlm77moIdcclxuICAgKiBAZW5fVVMgU2hvdyBpY29uXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FKSBAWElucHV0Qm9vbGVhbigpIHNob3dJY29uPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOemgeeUqOWKqOeUu1xyXG4gICAqIEBlbl9VUyBEaXNhYmxlIGFuaW1hdGlvblxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYQm9vbGVhbj4oWF9DT05GSUdfTkFNRSkgQFhJbnB1dEJvb2xlYW4oKSBkaXNhYmxlZEFuaW1hdGlvbj86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlu7bov5/lhbPpl63vvIzpu5jorqQgMCDooajnpLrkuI3lhbPpl61cclxuICAgKiBAZW5fVVMgRGVsYXkgY2xvc2UsIHRoZSBkZWZhdWx0IHZhbHVlIG9mIDAgbWVhbnMgZG8gbm90IGNsb3NlXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhOdW1iZXI+KFhfQ09ORklHX05BTUUsIDApIEBYSW5wdXROdW1iZXIoKSBkdXJhdGlvbj86IFhOdW1iZXI7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaJi+WKqOWkhOeQhuWFs+mXreS6i+S7tlxyXG4gICAqIEBlbl9VUyBNYW51YWxseSBoYW5kbGUgY2xvc2UgZXZlbnRzXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBtYW51YWw/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5ouW5Yqo5o+Q56S65qGGXHJcbiAgICogQGVuX1VTIERyYWcgZGlhbG9nXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FLCBmYWxzZSkgQFhJbnB1dEJvb2xlYW4oKSBkcmFnZ2FibGU/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g6LCD5pW05o+Q56S65qGG5aSn5bCPXHJcbiAgICogQGVuX1VTIEFkanVzdCB0aGUgc2l6ZSBvZiB0aGUgYm94XHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FLCBmYWxzZSkgQFhJbnB1dEJvb2xlYW4oKSByZXNpemFibGU/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5byA5ZCvIHJlc2l6YWJsZSDosIPmlbTlpKflsI/vvIzlgY/np7vlsY/luZXlt6bovrlcclxuICAgKiBAZW5fVVMgT3BlbiB0aGUgcmVzaXphYmxlIHJlc2l6ZSwgb2Zmc2V0IHNjcmVlbiBsZWZ0XHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dE51bWJlcigpIG9mZnNldExlZnQ6IFhOdW1iZXIgPSAwO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlvIDlkK8gcmVzaXphYmxlIOiwg+aVtOWkp+Wwj++8jOWBj+enu+Wxj+W5lemhtumDqFxyXG4gICAqIEBlbl9VUyBPcGVuIHRoZSByZXNpemFibGUgcmVzaXplLCBvZmZzZXQgc2NyZWVuIHRvcFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXROdW1iZXIoKSBvZmZzZXRUb3A6IFhOdW1iZXIgPSAwO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmnIDlsI/lrr3luqZcclxuICAgKiBAZW5fVVMgTWluIHdpZHRoXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPHN0cmluZz4oWF9DT05GSUdfTkFNRSwgJzByZW0nKSBtaW5XaWR0aD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5pyA5bCP6auY5bqmXHJcbiAgICogQGVuX1VTIE1pbiBoZWlnaHRcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8c3RyaW5nPihYX0NPTkZJR19OQU1FLCAnMHJlbScpIG1pbkhlaWdodD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5ouW5Yqo6IyD5Zu06ZmQ5Yi277yM54i26IqC54K56YCJ5oup5Zmo5oiW6ICF5a+56LGhXHJcbiAgICogQGVuX1VTIERyYWcgZGlhbG9nXHJcbiAgICovXHJcbiAgQElucHV0KCkgZHJhZ0JvdW5kYXJ5ITogc3RyaW5nIHwgRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gfCBIVE1MRWxlbWVudDtcclxuICAvKipcclxuICAgKiBAemhfQ04g6K6+572u5oqV5pS+5a655Zmo5aSW6YOo55qEIENka0RyYWcg55qE5L2N572u44CC5Y+v55So5LqO5Li66L+U5Zue55qE55So5oi35oGi5aSN5YWD57Sg55qE5L2N572uXHJcbiAgICogQGVuX1VTIFNldCB0aGUgbG9jYXRpb24gb2YgdGhlIENES0RSQUcgb3V0c2lkZSB0aGUgY29udGFpbmVyLiBDYW4gYmUgdXNlZCB0byByZWNvdmVyIGVsZW1lbnRzIGZvciByZXR1cm5lZCB1c2Vyc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGRyYWdGcmVlRHJhZ1Bvc2l0aW9uITogWEFsZXJ0RHJhZ0ZyZWVEcmFnUG9zaXRpb247XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiHquWumuS5ieaTjeS9nFxyXG4gICAqIEBlbl9VUyBDdXN0b20gb3BlcmF0aW9uXHJcbiAgICovXHJcbiAgQElucHV0KCkgb3BlcmF0aW9uVHBsITogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhbPpl63nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgQ2xvc2VkIGV2ZW50c1xyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5ouW5Yqo57uT5p2f55qE5LqL5Lu2XHJcbiAgICogQGVuX1VTIERyYWcgZW5kIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIGRyYWdFbmRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2RrRHJhZ0VuZD4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pS55Y+Y5bC65a+45LqL5Lu2XHJcbiAgICogQGVuX1VTIENoYW5nZSB0aGUgc2l6ZSBldmVudFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSByZXNpemluZyA9IG5ldyBFdmVudEVtaXR0ZXI8WFJlc2l6YWJsZUV2ZW50PigpO1xyXG59XHJcblxyXG4vKipcclxuICogQWxlcnQgT3B0aW9uXHJcbiAqIEB1bmRvY3VtZW50IHRydWVcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWEFsZXJ0T3B0aW9uIHtcclxuICAvKipcclxuICAgKiDpmpDol49cclxuICAgKi9cclxuICBoaWRlPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiDmoIfpophcclxuICAgKi9cclxuICB0aXRsZT86IFhUZW1wbGF0ZTtcclxuICAvKipcclxuICAgKiDlhoXlrrlcclxuICAgKi9cclxuICBjb250ZW50PzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIOexu+Wei1xyXG4gICAqL1xyXG4gIHR5cGU/OiBYQWxlcnRUeXBlO1xyXG4gIC8qKlxyXG4gICAqIOS4u+mimFxyXG4gICAqL1xyXG4gIGVmZmVjdD86IFhFZmZlY3Q7XHJcbiAgLyoqXHJcbiAgICog6ZqQ6JeP5YWz6Zet5oyJ6ZKuXHJcbiAgICovXHJcbiAgaGlkZUNsb3NlPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiDlhbPpl63mjInpkq7mloflrZfmm7/mjaJcclxuICAgKi9cclxuICBjbG9zZVRleHQ/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICog5pi+56S65Zu+5qCHXHJcbiAgICovXHJcbiAgc2hvd0ljb24/OiBib29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIOemgeeUqOWKqOeUu1xyXG4gICAqL1xyXG4gIGRpc2FibGVkQW5pbWF0aW9uPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiDlu7bov5/lhbPpl63vvIzpu5jorqQgMCDooajnpLrkuI3lhbPpl61cclxuICAgKi9cclxuICBkdXJhdGlvbj86IG51bWJlcjtcclxuICAvKipcclxuICAgKiDmiYvliqjlpITnkIblhbPpl63kuovku7ZcclxuICAgKi9cclxuICBtYW51YWw/OiBib29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIOaLluWKqOaPkOekuuahhlxyXG4gICAqL1xyXG4gIGRyYWdnYWJsZT86IGJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICog6LCD5pW05o+Q56S65qGG5aSn5bCPXHJcbiAgICovXHJcbiAgcmVzaXphYmxlPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiDlvIDlkK8gcmVzaXphYmxlIOiwg+aVtOWkp+Wwj++8jOWBj+enu+Wxj+W5leW3pui+uVxyXG4gICAqL1xyXG4gIG9mZnNldExlZnQ/OiBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICog5byA5ZCvIHJlc2l6YWJsZSDosIPmlbTlpKflsI/vvIzlgY/np7vlsY/luZXpobbpg6hcclxuICAgKi9cclxuICBvZmZzZXRUb3A/OiBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICog5pyA5bCP5a695bqmXHJcbiAgICovXHJcbiAgbWluV2lkdGg/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICog5pyA5bCP6auY5bqmXHJcbiAgICovXHJcbiAgbWluSGVpZ2h0Pzogc3RyaW5nO1xyXG59XHJcblxyXG4vKipcclxuICogQHpoX0NOIOexu+Wei1xyXG4gKiBAZW5fVVMgVHlwZVxyXG4gKiBAdmFsdWUgXCJzdWNjZXNzXCJcclxuICogQHZhbHVlIFwiaW5mb1wiXHJcbiAqIEB2YWx1ZSBcIndhcm5pbmdcIlxyXG4gKiBAdmFsdWUgXCJlcnJvclwiXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYQWxlcnRUeXBlID0gWFN0YXR1cztcclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g6K6+572u5oqV5pS+5a655Zmo5aSW6YOo55qEIENka0RyYWcg55qE5L2N572u44CC5Y+v55So5LqO5Li66L+U5Zue55qE55So5oi35oGi5aSN5YWD57Sg55qE5L2N572uXHJcbiAqIEBlbl9VUyBTZXQgdGhlIGxvY2F0aW9uIG9mIHRoZSBDREtEUkFHIG91dHNpZGUgdGhlIGNvbnRhaW5lci4gQ2FuIGJlIHVzZWQgdG8gcmVjb3ZlciBlbGVtZW50cyBmb3IgcmV0dXJuZWQgdXNlcnNcclxuICovXHJcbmV4cG9ydCB0eXBlIFhBbGVydERyYWdGcmVlRHJhZ1Bvc2l0aW9uID0geyB4OiBudW1iZXI7IHk6IG51bWJlciB9O1xyXG4iXX0=

package/esm2020/anchor/anchor.component.mjs

@@ -136,9 +136,9 @@ export class XAnchorComponent extends XAnchorProperty {
         });
     }
 }
-/** @nocollapse */ /** @nocollapse */ XAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAnchorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAnchorComponent, selector: "x-anchor", viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left;overflow:hidden}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-right{flex-direction:row}.x-anchor-right .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"], components: [{ type: i2.XAffixComponent, selector: "x-affix" }, { type: i3.XSliderComponent, selector: "x-slider" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAnchorComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAnchorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAnchorComponent, selector: "x-anchor", viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left;overflow:hidden}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-right{flex-direction:row}.x-anchor-right .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"], components: [{ type: i2.XAffixComponent, selector: "x-affix" }, { type: i3.XSliderComponent, selector: "x-slider" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAnchorComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XAnchorPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left;overflow:hidden}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-right{flex-direction:row}.x-anchor-right .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{

package/esm2020/anchor/anchor.module.mjs

@@ -7,10 +7,10 @@ import { XAnchorProperty } from './anchor.property';
 import * as i0 from "@angular/core";
 export class XAnchorModule {
 }
-/** @nocollapse */ /** @nocollapse */ XAnchorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XAnchorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAnchorModule, declarations: [XAnchorComponent, XAnchorProperty], imports: [CommonModule, XAffixModule, XSliderModule], exports: [XAnchorComponent] });
-/** @nocollapse */ /** @nocollapse */ XAnchorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAnchorModule, imports: [[CommonModule, XAffixModule, XSliderModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAnchorModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAnchorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XAnchorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAnchorModule, declarations: [XAnchorComponent, XAnchorProperty], imports: [CommonModule, XAffixModule, XSliderModule], exports: [XAnchorComponent] });
+/** @nocollapse */ /** @nocollapse */ XAnchorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAnchorModule, imports: [[CommonModule, XAffixModule, XSliderModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAnchorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XAnchorComponent, XAnchorProperty],

package/esm2020/anchor/anchor.property.mjs

@@ -14,8 +14,8 @@ const X_CONFIG_NAME = 'anchor';
  */
 export class XAnchorProperty extends XProperty {
 }
-/** @nocollapse */ /** @nocollapse */ XAnchorProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAnchorProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAnchorProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAnchorProperty, selector: "ng-component", inputs: { scroll: "scroll", affixTop: "affixTop", layout: "layout", justify: "justify" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XAnchorProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAnchorProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAnchorProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAnchorProperty, selector: "ng-component", inputs: { scroll: "scroll", affixTop: "affixTop", layout: "layout", justify: "justify" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, '0')
 ], XAnchorProperty.prototype, "affixTop", void 0);
@@ -25,7 +25,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'start')
 ], XAnchorProperty.prototype, "justify", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAnchorProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAnchorProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { scroll: [{

package/esm2020/api/api.component.mjs

@@ -10,9 +10,9 @@ export class XApiComponent {
         this.renderer.addClass(this.elementRef.nativeElement, XApiPrefix);
     }
 }
-/** @nocollapse */ /** @nocollapse */ XApiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XApiComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XApiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XApiComponent, selector: "x-api", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0;display:block}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{padding:.125rem;margin-left:.5rem;border:.0625rem solid var(--x-primary);color:var(--x-primary);font-size:.825rem;border-radius:var(--x-border-radius)}.x-api>.x-api-interface{margin-top:1rem}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%}.x-api>.x-api-interface>tr>td:nth-child(1)>span{color:#690}.x-api>.x-api-interface>tr>td:nth-child(3){color:#07a;width:22%}.x-api>.x-api-interface>tr>td:nth-child(4){color:#dd4a68;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#07a;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XApiComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XApiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XApiComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XApiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XApiComponent, selector: "x-api", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0;display:block}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{padding:.125rem;margin-left:.5rem;border:.0625rem solid var(--x-primary);color:var(--x-primary);font-size:.825rem;border-radius:var(--x-border-radius)}.x-api>.x-api-interface{margin-top:1rem}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%}.x-api>.x-api-interface>tr>td:nth-child(1)>span{color:#690}.x-api>.x-api-interface>tr>td:nth-child(3){color:#07a;width:22%}.x-api>.x-api-interface>tr>td:nth-child(4){color:#dd4a68;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#07a;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XApiComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XApiPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0;display:block}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{padding:.125rem;margin-left:.5rem;border:.0625rem solid var(--x-primary);color:var(--x-primary);font-size:.825rem;border-radius:var(--x-border-radius)}.x-api>.x-api-interface{margin-top:1rem}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%}.x-api>.x-api-interface>tr>td:nth-child(1)>span{color:#690}.x-api>.x-api-interface>tr>td:nth-child(3){color:#07a;width:22%}.x-api>.x-api-interface>tr>td:nth-child(4){color:#dd4a68;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#07a;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });

package/esm2020/api/api.module.mjs

@@ -4,10 +4,10 @@ import { XApiComponent } from './api.component';
 import * as i0 from "@angular/core";
 export class XApiModule {
 }
-/** @nocollapse */ /** @nocollapse */ XApiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XApiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XApiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XApiModule, declarations: [XApiComponent], imports: [CommonModule], exports: [XApiComponent] });
-/** @nocollapse */ /** @nocollapse */ XApiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XApiModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XApiModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XApiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XApiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XApiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XApiModule, declarations: [XApiComponent], imports: [CommonModule], exports: [XApiComponent] });
+/** @nocollapse */ /** @nocollapse */ XApiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XApiModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XApiModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XApiComponent],

package/esm2020/auto-complete/auto-complete-portal.component.mjs

@@ -58,9 +58,9 @@ export class XAutoCompletePortalComponent {
         this.closeSubject.next();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XAutoCompletePortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompletePortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAutoCompletePortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAutoCompletePortalComponent, selector: "x-auto-complete-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)" }, properties: { "@x-connect-base-animation": "this.placement" } }, viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true }], ngImport: i0, template: "<div #autoCompletePortal class=\"x-auto-complete-portal\" tabindex=\"-1\" (click)=\"inputCom.inputFocus(); stopPropagation($event)\">\r\n  <x-list\r\n    #list\r\n    [data]=\"data\"\r\n    (nodeClick)=\"nodeClick($event)\"\r\n    (keyManagerChange)=\"onActive($event)\"\r\n    (keyManagerTabOut)=\"onTabOut()\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [scrollElement]=\"autoCompletePortal\"\r\n  ></x-list>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete-portal{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc((calc(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"], components: [{ type: i1.XListComponent, selector: "x-list" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompletePortalComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAutoCompletePortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompletePortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAutoCompletePortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAutoCompletePortalComponent, selector: "x-auto-complete-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)" }, properties: { "@x-connect-base-animation": "this.placement" } }, viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true }], ngImport: i0, template: "<div #autoCompletePortal class=\"x-auto-complete-portal\" tabindex=\"-1\" (click)=\"inputCom.inputFocus(); stopPropagation($event)\">\r\n  <x-list\r\n    #list\r\n    [data]=\"data\"\r\n    (nodeClick)=\"nodeClick($event)\"\r\n    (keyManagerChange)=\"onActive($event)\"\r\n    (keyManagerTabOut)=\"onTabOut()\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [scrollElement]=\"autoCompletePortal\"\r\n  ></x-list>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete-portal{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc((calc(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"], components: [{ type: i1.XListComponent, selector: "x-list" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompletePortalComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XAutoCompletePortalPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XConnectBaseAnimation], template: "<div #autoCompletePortal class=\"x-auto-complete-portal\" tabindex=\"-1\" (click)=\"inputCom.inputFocus(); stopPropagation($event)\">\r\n  <x-list\r\n    #list\r\n    [data]=\"data\"\r\n    (nodeClick)=\"nodeClick($event)\"\r\n    (keyManagerChange)=\"onActive($event)\"\r\n    (keyManagerTabOut)=\"onTabOut()\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [scrollElement]=\"autoCompletePortal\"\r\n  ></x-list>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete-portal{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc((calc(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { placement: [{

package/esm2020/auto-complete/auto-complete.component.mjs

@@ -274,9 +274,9 @@ export class XAutoCompleteComponent extends XAutoCompleteProperty {
     }
     onBlur(_event) { }
 }
-/** @nocollapse */ /** @nocollapse */ XAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompleteComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAutoCompleteComponent, selector: "x-auto-complete", providers: [XValueAccessor(XAutoCompleteComponent)], viewQueries: [{ propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, static: true }, { propertyName: "autoComplete", first: true, predicate: ["autoComplete"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #autoComplete class=\"x-auto-complete\">\r\n  <div class=\"x-auto-complete-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"value\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [pointer]=\"pointer\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xInput)=\"onInput($event)\"\r\n      (xKeydown)=\"onKeydown($event)\"\r\n      (xFocus)=\"onFocus($event)\"\r\n      (xBlur)=\"onBlur($event)\"\r\n      (xClick)=\"showPortal()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete{display:inline-block}.x-auto-complete{margin:0;padding:0;width:100%}.x-auto-complete x-input{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc((calc(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"], components: [{ type: i4.XInputComponent, selector: "x-input" }], directives: [{ type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompleteComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompleteComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAutoCompleteComponent, selector: "x-auto-complete", providers: [XValueAccessor(XAutoCompleteComponent)], viewQueries: [{ propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, static: true }, { propertyName: "autoComplete", first: true, predicate: ["autoComplete"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #autoComplete class=\"x-auto-complete\">\r\n  <div class=\"x-auto-complete-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"value\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [pointer]=\"pointer\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xInput)=\"onInput($event)\"\r\n      (xKeydown)=\"onKeydown($event)\"\r\n      (xFocus)=\"onFocus($event)\"\r\n      (xBlur)=\"onBlur($event)\"\r\n      (xClick)=\"showPortal()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete{display:inline-block}.x-auto-complete{margin:0;padding:0;width:100%}.x-auto-complete x-input{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc((calc(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"], components: [{ type: i4.XInputComponent, selector: "x-input" }], directives: [{ type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XAutoCompletePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XAutoCompleteComponent)], template: "<div #autoComplete class=\"x-auto-complete\">\r\n  <div class=\"x-auto-complete-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"value\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [pointer]=\"pointer\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xInput)=\"onInput($event)\"\r\n      (xKeydown)=\"onKeydown($event)\"\r\n      (xFocus)=\"onFocus($event)\"\r\n      (xBlur)=\"onBlur($event)\"\r\n      (xClick)=\"showPortal()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-auto-complete{display:inline-block}.x-auto-complete{margin:0;padding:0;width:100%}.x-auto-complete x-input{width:100%}.x-auto-complete-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow-y:auto;max-height:calc((calc(var(--x-font-size) + .875rem) * 6) + (var(--x-border-width) * 7))}.x-auto-complete-portal:focus{outline:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.XPortalService }, { type: i0.ViewContainerRef }, { type: i2.Overlay }, { type: i3.XConfigService }]; }, propDecorators: { inputCom: [{

package/esm2020/auto-complete/auto-complete.module.mjs

@@ -11,10 +11,10 @@ import { XAutoCompleteProperty } from './auto-complete.property';
 import * as i0 from "@angular/core";
 export class XAutoCompleteModule {
 }
-/** @nocollapse */ /** @nocollapse */ XAutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XAutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompleteModule, declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule], exports: [XAutoCompleteComponent, XAutoCompletePortalComponent] });
-/** @nocollapse */ /** @nocollapse */ XAutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompleteModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompleteModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompleteModule, declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule], exports: [XAutoCompleteComponent, XAutoCompletePortalComponent] });
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompleteModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XPortalModule, XInputModule, XListModule, XBaseFormModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XAutoCompleteComponent, XAutoCompletePortalComponent, XAutoCompleteProperty],

package/esm2020/auto-complete/auto-complete.property.mjs

@@ -28,8 +28,8 @@ export class XAutoCompleteProperty extends XControlValueAccessor {
         this.nodeEmit = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XAutoCompleteProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompleteProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAutoCompleteProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAutoCompleteProperty, selector: "ng-component", inputs: { data: "data", debounceTime: "debounceTime", placement: "placement", nodeTpl: "nodeTpl", size: "size", bordered: "bordered", caseSensitive: "caseSensitive" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompleteProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAutoCompleteProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAutoCompleteProperty, selector: "ng-component", inputs: { data: "data", debounceTime: "debounceTime", placement: "placement", nodeTpl: "nodeTpl", size: "size", bordered: "bordered", caseSensitive: "caseSensitive" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XDataConvert()
 ], XAutoCompleteProperty.prototype, "data", void 0);
@@ -50,7 +50,7 @@ __decorate([
     XInputBoolean(),
     XWithConfig(X_CONFIG_NAME, true)
 ], XAutoCompleteProperty.prototype, "caseSensitive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAutoCompleteProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAutoCompleteProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { data: [{

package/esm2020/avatar/avatar.component.mjs

@@ -29,9 +29,9 @@ export class XAvatarComponent extends XAvatarProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAvatarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAvatarComponent, selector: "x-avatar", usesInheritance: true, ngImport: i0, template: "<span #avatar class=\"x-avatar\" [ngClass]=\"classMap\" [class.x-avatar-error]=\"isImgError\">\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100);background-color:var(--x-text-500)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAvatarComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAvatarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAvatarComponent, selector: "x-avatar", usesInheritance: true, ngImport: i0, template: "<span #avatar class=\"x-avatar\" [ngClass]=\"classMap\" [class.x-avatar-error]=\"isImgError\">\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100);background-color:var(--x-text-500)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XAvatarPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span #avatar class=\"x-avatar\" [ngClass]=\"classMap\" [class.x-avatar-error]=\"isImgError\">\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100);background-color:var(--x-text-500)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });