@ng-nest/ui 12.0.8 → 13.0.2

package/fesm2015/ng-nest-ui-tag.js

@@ -1,136 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i1 from '@ng-nest/ui/core';
-import { XProperty, XWithConfig, XInputBoolean, XIsChange, XClearClass, XIsEmpty } from '@ng-nest/ui/core';
-import * as i2 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { XOutletModule } from '@ng-nest/ui/outlet';
-
-/**
- * Tag
- * @selector x-tag
- * @decorator component
- */
-const XTagPrefix = 'x-tag';
-const X_CONFIG_NAME = 'tag';
-/**
- * Tag Property
- */
-class XTagProperty extends XProperty {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 标签样式类型
-         * @en_US Label style type
-         */
-        this.type = 'initial';
-        /**
-         * @zh_CN 点击关闭的事件
-         * @en_US Click to close the event
-         */
-        this.close = new EventEmitter();
-    }
-}
-/** @nocollapse */ XTagProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTagProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTagProperty, selector: "ng-component", inputs: { type: "type", size: "size", bordered: "bordered", closable: "closable", dark: "dark", disabled: "disabled" }, outputs: { close: "close" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'medium')
-], XTagProperty.prototype, "size", void 0);
-__decorate([
-    XInputBoolean(),
-    XWithConfig(X_CONFIG_NAME, true)
-], XTagProperty.prototype, "bordered", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME),
-    XInputBoolean()
-], XTagProperty.prototype, "closable", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME),
-    XInputBoolean()
-], XTagProperty.prototype, "dark", void 0);
-__decorate([
-    XInputBoolean()
-], XTagProperty.prototype, "disabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTagProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { type: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], bordered: [{
-                type: Input
-            }], closable: [{
-                type: Input
-            }], dark: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], close: [{
-                type: Output
-            }] } });
-
-class XTagComponent extends XTagProperty {
-    constructor(renderer, elementRef, cdr, configService) {
-        super();
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.configService = configService;
-    }
-    ngOnInit() {
-        this.setClassMap();
-    }
-    ngOnChanges(changes) {
-        XIsChange(changes.type, changes.size, changes.dark) && this.setClassMap();
-    }
-    setClassMap() {
-        XClearClass(this.classMap);
-        this.classMap = {
-            [`${XTagPrefix}-${this.type}`]: !XIsEmpty(this.type),
-            [`${XTagPrefix}-${this.size}`]: !XIsEmpty(this.size),
-            [`${XTagPrefix}-dark`]: Boolean(this.dark)
-        };
-    }
-    onClose() {
-        if (this.disabled)
-            return;
-        this.close.emit();
-    }
-}
-/** @nocollapse */ XTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTagComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTagComponent, selector: "x-tag", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n  <ng-content></ng-content>\r\n  <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTagComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XTagPrefix}`,
-                    templateUrl: './tag.component.html',
-                    styleUrls: ['./tag.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
-
-class XTagModule {
-}
-/** @nocollapse */ XTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTagModule, declarations: [XTagComponent, XTagProperty], imports: [CommonModule, XIconModule, XOutletModule], exports: [XTagComponent] });
-/** @nocollapse */ XTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTagModule, imports: [[CommonModule, XIconModule, XOutletModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTagModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XTagComponent, XTagProperty],
-                    exports: [XTagComponent],
-                    imports: [CommonModule, XIconModule, XOutletModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XTagComponent, XTagModule, XTagPrefix, XTagProperty };
-//# sourceMappingURL=ng-nest-ui-tag.js.map

package/fesm2015/ng-nest-ui-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ng-nest-ui-tag.js","sources":["../../../../lib/ng-nest/ui/tag/tag.property.ts","../../../../lib/ng-nest/ui/tag/tag.component.ts","../../../../lib/ng-nest/ui/tag/tag.component.html","../../../../lib/ng-nest/ui/tag/tag.module.ts","../../../../lib/ng-nest/ui/tag/ng-nest-ui-tag.ts"],"sourcesContent":["import { XType, XSize, XProperty, XInputBoolean, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Tag\r\n * @selector x-tag\r\n * @decorator component\r\n */\r\nexport const XTagPrefix = 'x-tag';\r\nconst X_CONFIG_NAME = 'tag';\r\n\r\n/**\r\n * Tag Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTagProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 标签样式类型\r\n   * @en_US Label style type\r\n   */\r\n  @Input() type: XType = 'initial';\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  @Input() @XInputBoolean() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) bordered!: XBoolean;\r\n  /**\r\n   * @zh_CN 显示关闭按钮\r\n   * @en_US Show close button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() closable?: XBoolean;\r\n  /**\r\n   * @zh_CN 深色主题\r\n   * @en_US Dark theme\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() dark?: XBoolean;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  @Input() @XInputBoolean() disabled?: XBoolean;\r\n  /**\r\n   * @zh_CN 点击关闭的事件\r\n   * @en_US Click to close the event\r\n   */\r\n  @Output() close = new EventEmitter<void>();\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XTagPrefix, XTagProperty } from './tag.property';\r\nimport { XIsEmpty, XConfigService, XIsChange, XClearClass } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XTagPrefix}`,\r\n  templateUrl: './tag.component.html',\r\n  styleUrls: ['./tag.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTagComponent extends XTagProperty implements OnInit {\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.type, changes.size, changes.dark) && this.setClassMap();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.classMap);\r\n    this.classMap = {\r\n      [`${XTagPrefix}-${this.type}`]: !XIsEmpty(this.type),\r\n      [`${XTagPrefix}-${this.size}`]: !XIsEmpty(this.size),\r\n      [`${XTagPrefix}-dark`]: Boolean(this.dark)\r\n    };\r\n  }\r\n\r\n  onClose() {\r\n    if (this.disabled) return;\r\n    this.close.emit();\r\n  }\r\n}\r\n","<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n  <ng-content></ng-content>\r\n  <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XTagComponent } from './tag.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XTagProperty } from './tag.property';\r\n\r\n@NgModule({\r\n  declarations: [XTagComponent, XTagProperty],\r\n  exports: [XTagComponent],\r\n  imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XTagModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-text-retract.js

@@ -1,119 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i1 from '@ng-nest/ui/core';
-import { XWithConfig, XInputNumber, XIsChange } from '@ng-nest/ui/core';
-import { takeUntil } from 'rxjs/operators';
-import { Subject } from 'rxjs';
-import * as i2 from '@ng-nest/ui/i18n';
-import { XI18nModule } from '@ng-nest/ui/i18n';
-import * as i3 from '@ng-nest/ui/link';
-import { XLinkModule } from '@ng-nest/ui/link';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-/**
- * TextRetract
- * @selector x-text-retract
- * @decorator component
- */
-const XTextRetractPrefix = 'x-text-retract';
-const X_CONFIG_NAME = 'textRetract';
-/**
- * TextRetract Property
- */
-class XTextRetractProperty {
-}
-/** @nocollapse */ XTextRetractProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextRetractProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTextRetractProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTextRetractProperty, selector: "ng-component", inputs: { content: "content", max: "max" }, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 256),
-    XInputNumber()
-], XTextRetractProperty.prototype, "max", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextRetractProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { content: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }] } });
-
-class XTextRetractComponent extends XTextRetractProperty {
-    constructor(renderer, elementRef, cdr, configService, i18n) {
-        super();
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.configService = configService;
-        this.i18n = i18n;
-        this.retract = false;
-        this.unfold = true;
-        this._unSubject = new Subject();
-    }
-    ngOnInit() {
-        this.setDisplayValue();
-        this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => this.cdr.markForCheck());
-    }
-    ngOnChanges(changes) {
-        XIsChange(changes.content) && this.setDisplayValue();
-    }
-    ngOnDestory() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    setDisplayValue() {
-        if (this.content && this.content.length > this.max) {
-            this.displayValue = this.content.substring(0, Number(this.max));
-            this.retract = true;
-        }
-        else {
-            this.displayValue = this.content;
-        }
-        this.cdr.markForCheck();
-    }
-    toggle() {
-        this.unfold = !this.unfold;
-        if (this.unfold) {
-            this.displayValue = this.content.substring(0, Number(this.max));
-        }
-        else {
-            this.displayValue = this.content;
-        }
-        this.cdr.detectChanges();
-    }
-}
-/** @nocollapse */ XTextRetractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextRetractComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTextRetractComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTextRetractComponent, selector: "x-text-retract", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-text-retract\">\r\n  {{ displayValue }}\r\n  <ng-container *ngIf=\"retract\">\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"unfold\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"!unfold\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-text-retract{margin:0;padding:0;font-size:var(--x-font-size);display:inline}\n"], components: [{ type: i3.XLinkComponent, selector: "x-link" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextRetractComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XTextRetractPrefix}`,
-                    templateUrl: './text-retract.component.html',
-                    styleUrls: ['./text-retract.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: i2.XI18nService }]; } });
-
-class XTextRetractModule {
-}
-/** @nocollapse */ XTextRetractModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextRetractModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XTextRetractModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextRetractModule, declarations: [XTextRetractComponent, XTextRetractProperty], imports: [CommonModule, FormsModule, XLinkModule, XI18nModule], exports: [XTextRetractComponent] });
-/** @nocollapse */ XTextRetractModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextRetractModule, imports: [[CommonModule, FormsModule, XLinkModule, XI18nModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextRetractModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XTextRetractComponent, XTextRetractProperty],
-                    exports: [XTextRetractComponent],
-                    imports: [CommonModule, FormsModule, XLinkModule, XI18nModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XTextRetractComponent, XTextRetractModule, XTextRetractPrefix, XTextRetractProperty };
-//# sourceMappingURL=ng-nest-ui-text-retract.js.map

package/fesm2015/ng-nest-ui-text-retract.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ng-nest-ui-text-retract.js","sources":["../../../../lib/ng-nest/ui/text-retract/text-retract.property.ts","../../../../lib/ng-nest/ui/text-retract/text-retract.component.ts","../../../../lib/ng-nest/ui/text-retract/text-retract.component.html","../../../../lib/ng-nest/ui/text-retract/text-retract.module.ts","../../../../lib/ng-nest/ui/text-retract/ng-nest-ui-text-retract.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport { XInputNumber, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * TextRetract\r\n * @selector x-text-retract\r\n * @decorator component\r\n */\r\nexport const XTextRetractPrefix = 'x-text-retract';\r\nconst X_CONFIG_NAME = 'textRetract';\r\n\r\n/**\r\n * TextRetract Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTextRetractProperty {\r\n  /**\r\n   * @zh_CN 文本\r\n   * @en_US text\r\n   */\r\n  @Input() content?: string;\r\n  /**\r\n   * @zh_CN 默认最大显示字符数\r\n   * @en_US Default maximum number of characters displayed\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 256) @XInputNumber() max?: XNumber;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XTextRetractPrefix, XTextRetractProperty } from './text-retract.property';\r\nimport { XIsChange, XConfigService } from '@ng-nest/ui/core';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XTextRetractPrefix}`,\r\n  templateUrl: './text-retract.component.html',\r\n  styleUrls: ['./text-retract.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTextRetractComponent extends XTextRetractProperty implements OnInit, OnChanges {\r\n  displayValue!: string;\r\n  retract: boolean = false;\r\n  unfold: boolean = true;\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDisplayValue();\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => this.cdr.markForCheck());\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    XIsChange(changes.content) && this.setDisplayValue();\r\n  }\r\n\r\n  ngOnDestory() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setDisplayValue() {\r\n    if (this.content && this.content.length > (this.max as number)) {\r\n      this.displayValue = this.content.substring(0, Number(this.max));\r\n      this.retract = true;\r\n    } else {\r\n      this.displayValue = this.content as string;\r\n    }\r\n    this.cdr.markForCheck();\r\n  }\r\n\r\n  toggle() {\r\n    this.unfold = !this.unfold;\r\n    if (this.unfold) {\r\n      this.displayValue = (this.content as string).substring(0, Number(this.max));\r\n    } else {\r\n      this.displayValue = this.content as string;\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div class=\"x-text-retract\">\r\n  {{ displayValue }}\r\n  <ng-container *ngIf=\"retract\">\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"unfold\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"!unfold\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n  </ng-container>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XTextRetractComponent } from './text-retract.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XTextRetractProperty } from './text-retract.property';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\n\r\n@NgModule({\r\n  declarations: [XTextRetractComponent, XTextRetractProperty],\r\n  exports: [XTextRetractComponent],\r\n  imports: [CommonModule, FormsModule, XLinkModule, XI18nModule]\r\n})\r\nexport class XTextRetractModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-textarea.js

@@ -1,217 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i1 from '@ng-nest/ui/core';
-import { XWithConfig, XInputBoolean, XInputNumber, XIsEmpty, XIsChange, XClearClass } from '@ng-nest/ui/core';
-import { XControlValueAccessor, XValueAccessor, XBaseFormModule } from '@ng-nest/ui/base-form';
-import * as i2 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-
-/**
- * Textarea
- * @selector x-textarea
- * @decorator component
- */
-const XTextareaPrefix = 'x-textarea';
-const X_CONFIG_NAME = 'textarea';
-/**
- * Textarea Property
- */
-class XTextareaProperty extends XControlValueAccessor {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 只读
-         * @en_US Read only
-         */
-        this.readonly = false;
-        /**
-         * @zh_CN 图标布局方式
-         * @en_US Icon layout
-         */
-        this.iconLayout = 'right';
-        /**
-         * @zh_CN 图标动画
-         * @en_US Icon animation
-         */
-        this.iconSpin = false;
-        /**
-         * @zh_CN 输入最大长度
-         * @en_US Enter the maximum length
-         */
-        this.maxlength = 0;
-        /**
-         * @zh_CN 高度
-         * @en_US height
-         */
-        this.height = '4rem';
-        /**
-         * @zh_CN 清除按钮的事件
-         * @en_US Clear button event
-         */
-        this.clearEmit = new EventEmitter();
-    }
-}
-/** @nocollapse */ XTextareaProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextareaProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTextareaProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTextareaProperty, selector: "ng-component", inputs: { clearable: "clearable", readonly: "readonly", icon: "icon", iconLayout: "iconLayout", iconSpin: "iconSpin", maxlength: "maxlength", height: "height" }, outputs: { clearEmit: "clearEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XWithConfig(X_CONFIG_NAME, false),
-    XInputBoolean()
-], XTextareaProperty.prototype, "clearable", void 0);
-__decorate([
-    XInputBoolean()
-], XTextareaProperty.prototype, "readonly", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'right')
-], XTextareaProperty.prototype, "iconLayout", void 0);
-__decorate([
-    XInputBoolean()
-], XTextareaProperty.prototype, "iconSpin", void 0);
-__decorate([
-    XInputNumber()
-], XTextareaProperty.prototype, "maxlength", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextareaProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { clearable: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], iconLayout: [{
-                type: Input
-            }], iconSpin: [{
-                type: Input
-            }], maxlength: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], clearEmit: [{
-                type: Output
-            }] } });
-
-class XTextareaComponent extends XTextareaProperty {
-    constructor(renderer, elementRef, cdr, configService) {
-        super();
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.configService = configService;
-        this._required = false;
-        this.valueLength = 0;
-        this.lengthTotal = '';
-        this.paddingLeft = 0.4;
-        this.paddingRight = 0.4;
-        this.clearShow = false;
-    }
-    writeValue(value) {
-        this.value = value;
-        this.change(value);
-        this.cdr.detectChanges();
-    }
-    get getIcon() {
-        return !XIsEmpty(this.icon);
-    }
-    get getIconLayoutLeft() {
-        return !XIsEmpty(this.icon) && this.iconLayout === 'left';
-    }
-    get getIconLayoutRight() {
-        return !XIsEmpty(this.icon) && this.iconLayout === 'right';
-    }
-    ngOnInit() {
-        this.setPadding();
-        this.setFlex(this.textarea.nativeElement, this.renderer, this.justify, this.align, this.direction);
-        this.setClassMap();
-    }
-    ngOnChanges(changes) {
-        XIsChange(changes.clearable) && this.setClearable();
-    }
-    change(value) {
-        if (this._required && !this.disabled) {
-            this.required = XIsEmpty(value);
-        }
-        this.setClearable();
-        if (this.maxlength) {
-            this.valueLength = XIsEmpty(value) ? 0 : `${value}`.length;
-            this.lengthTotal = `${this.valueLength}/${this.maxlength}`;
-        }
-        this.setPadding();
-        if (this.onChange)
-            this.onChange(value);
-        this.cdr.detectChanges();
-    }
-    onClear() {
-        const clearValue = this.value;
-        this.value = '';
-        this.change(this.value);
-        this.clearEmit.emit(clearValue);
-        this.textareaRef.nativeElement.focus();
-    }
-    setClearable() {
-        if (this.clearable && !this.disabled) {
-            this.clearShow = !XIsEmpty(this.value);
-        }
-        else {
-            this.clearShow = false;
-        }
-    }
-    setPadding() {
-        this.paddingLeft = this.icon && this.iconLayout === 'left' ? 1.8 : 0.4;
-        this.paddingRight = this.icon && this.iconLayout === 'right' ? 1.8 : 0.4;
-    }
-    setClassMap() {
-        XClearClass(this.classMap, this.labelMap);
-        this.classMap[`${XTextareaPrefix}-${this.size}`] = this.size ? true : false;
-        this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;
-    }
-    formControlChanges() {
-        this.change(this.value);
-        this.ngOnInit();
-        this.cdr.detectChanges();
-    }
-}
-/** @nocollapse */ XTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextareaComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTextareaComponent, selector: "x-textarea", providers: [XValueAccessor(XTextareaComponent)], viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }, { propertyName: "textareaRef", first: true, predicate: ["textareaRef"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #textarea\r\n  class=\"x-textarea\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-clearable]=\"clearable\"\r\n  [class.x-clear-show]=\"clearShow\"\r\n  [class.x-textarea-icon]=\"getIcon\"\r\n  [class.x-textarea-icon-left]=\"getIconLayoutLeft\"\r\n  [class.x-textarea-icon-right]=\"getIconLayoutRight\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-textarea-row\">\r\n    <textarea\r\n      #textareaRef\r\n      [placeholder]=\"placeholder\"\r\n      [required]=\"required\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [maxlength]=\"maxlength\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [style.height]=\"height\"\r\n      [style.padding-left.rem]=\"paddingLeft\"\r\n      [style.padding-right.rem]=\"paddingRight\"\r\n    ></textarea>\r\n    <x-icon *ngIf=\"clearShow\" class=\"x-textarea-clear\" type=\"fto-x\" (click)=\"onClear()\"></x-icon>\r\n    <x-icon *ngIf=\"icon && ((!clearShow && getIconLayoutRight) || getIconLayoutLeft)\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n    <span class=\"x-textarea-max-length\" *ngIf=\"maxlength\">{{ lengthTotal }}</span>\r\n    <span class=\"x-textarea-error-message\" *ngIf=\"invalid\">{{ invalidMessage }}</span>\r\n    <ng-container *ngIf=\"requiredIsEmpty || invalid\">\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-textarea{display:inline-block;width:100%}.x-textarea{width:100%;margin:0;padding:0}.x-textarea.x-flex{display:flex}.x-textarea.x-justify-start{justify-content:flex-start}.x-textarea.x-justify-center{justify-content:center}.x-textarea.x-justify-end{justify-content:flex-end}.x-textarea.x-justify-space-between{justify-content:space-between}.x-textarea.x-justify-space-around{justify-content:space-around}.x-textarea.x-align-start{align-items:flex-start}.x-textarea.x-align-center{align-items:center}.x-textarea.x-align-end{align-items:flex-end}.x-textarea.x-direction-column{flex-direction:column}.x-textarea.x-direction-column-reverse{flex-direction:column-reverse}.x-textarea.x-direction-row{flex-direction:row}.x-textarea.x-direction-row-reverse{flex-direction:row-reverse}.x-textarea>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-textarea>label.x-text-align-start{text-align:start}.x-textarea>label.x-text-align-center{text-align:center}.x-textarea>label.x-text-align-end{text-align:end}.x-textarea>.x-textarea-row{flex:1;display:flex;align-items:center;position:relative}.x-textarea>.x-textarea-row>textarea{flex:1;width:100%;font-size:var(--x-font-size);background-color:var(--x-background);background-image:none;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) transparent;transition:all var(--x-animation-duration-slow);line-height:calc(var(--x-font-size) + .325rem);padding:.4rem}.x-textarea>.x-textarea-row>textarea::-moz-placeholder{color:var(--x-text-700);opacity:1}.x-textarea>.x-textarea-row>textarea:-ms-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea::-webkit-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea:hover{border-color:var(--x-primary-300)}.x-textarea>.x-textarea-row>textarea:focus{border-color:var(--x-primary);outline:0}.x-textarea>.x-textarea-row>textarea[disabled]{color:var(--x-text-500)}.x-textarea>.x-textarea-row>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base)}.x-textarea-error-message{position:absolute;bottom:0;left:0;font-size:var(--x-font-size)-.125rem;color:var(--x-danger);margin-bottom:calc(calc(var(--x-font-size) + .45rem) * -1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-textarea.x-invalid>label,.x-textarea.x-required>label{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row>x-icon,.x-textarea.x-required>.x-textarea-row>x-icon{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error,.x-textarea.x-required>.x-textarea-row .x-border-error{position:absolute;height:.5rem;width:.5rem;z-index:10}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-left{border-top-left-radius:var(--x-border-radius);top:0;left:0;border-top:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-right{border-top-right-radius:var(--x-border-radius);top:0;right:0;border-top:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-left{border-bottom-left-radius:var(--x-border-radius);bottom:0;left:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-right{border-bottom-right-radius:var(--x-border-radius);bottom:0;right:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-disabled>.x-textarea-row>x-icon{color:var(--x-text-400)}.x-textarea.x-disabled>.x-textarea-row>textarea{color:var(--x-text-400);cursor:not-allowed;border-color:var(--x-border-100);background-color:var(--x-background-a100)}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear{position:absolute;color:var(--x-text-400);font-size:var(--x-font-size-medium);padding:.4rem;top:0;right:0;left:inherit;opacity:0;cursor:pointer}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear:hover{color:var(--x-text-300)}.x-textarea.x-clearable>.x-textarea-row>textarea:hover+.x-textarea-clear,.x-textarea.x-clearable>.x-textarea-row>textarea:focus+.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem!important}.x-textarea-max-length{position:absolute;font-size:var(--x-font-size-small);color:var(--x-text-400);padding:0 .4rem;right:.25rem;bottom:.25rem}.x-textarea.x-direction-row>label{padding:0 .5rem 0 0}.x-textarea.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-textarea.x-direction-column{align-items:inherit}.x-textarea.x-direction-column-reverse{align-items:inherit}.x-textarea-icon>.x-textarea-row>x-icon{position:absolute;font-size:var(--x-font-size-medium);padding:.4rem}.x-textarea-icon-left>.x-textarea-row>textarea{padding-left:var(--x-font-size-medium).8rem}.x-textarea-icon-left>.x-textarea-row>x-icon{left:0;top:0}.x-textarea-icon-right>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem}.x-textarea-icon-right>.x-textarea-row>x-icon{right:0;top:0}.x-textarea-icon-right>.x-textarea-row>.x-textarea-max-length{right:inherit;left:0;bottom:0}\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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextareaComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XTextareaPrefix}`,
-                    templateUrl: './textarea.component.html',
-                    styleUrls: ['./style/index.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [XValueAccessor(XTextareaComponent)]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { textarea: [{
-                type: ViewChild,
-                args: ['textarea', { static: true }]
-            }], textareaRef: [{
-                type: ViewChild,
-                args: ['textareaRef', { static: true }]
-            }] } });
-
-class XTextareaModule {
-}
-/** @nocollapse */ XTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextareaModule, declarations: [XTextareaComponent, XTextareaProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XIconModule, XBaseFormModule], exports: [XTextareaComponent] });
-/** @nocollapse */ XTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextareaModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XIconModule, XBaseFormModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTextareaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XTextareaComponent, XTextareaProperty],
-                    exports: [XTextareaComponent],
-                    imports: [CommonModule, FormsModule, ReactiveFormsModule, XIconModule, XBaseFormModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XTextareaComponent, XTextareaModule, XTextareaPrefix, XTextareaProperty };
-//# sourceMappingURL=ng-nest-ui-textarea.js.map

package/fesm2015/ng-nest-ui-textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ng-nest-ui-textarea.js","sources":["../../../../lib/ng-nest/ui/textarea/textarea.property.ts","../../../../lib/ng-nest/ui/textarea/textarea.component.ts","../../../../lib/ng-nest/ui/textarea/textarea.component.html","../../../../lib/ng-nest/ui/textarea/textarea.module.ts","../../../../lib/ng-nest/ui/textarea/ng-nest-ui-textarea.ts"],"sourcesContent":["import {\r\n  XInputBoolean,\r\n  XInputNumber,\r\n  XSize,\r\n  XNumber,\r\n  XBoolean,\r\n  XWithConfig,\r\n  XPositionLeftRight\r\n} from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Textarea\r\n * @selector x-textarea\r\n * @decorator component\r\n */\r\nexport const XTextareaPrefix = 'x-textarea';\r\nconst X_CONFIG_NAME = 'textarea';\r\n\r\n/**\r\n * Textarea Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTextareaProperty extends XControlValueAccessor<any> implements XTextareaOption {\r\n  /**\r\n   * @zh_CN 清除按钮\r\n   * @en_US Clear button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() clearable?: XBoolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Read only\r\n   */\r\n  @Input() @XInputBoolean() readonly: XBoolean = false;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 图标布局方式\r\n   * @en_US Icon layout\r\n   */\r\n  @Input() @XWithConfig<XTextareaIconLayoutType>(X_CONFIG_NAME, 'right') iconLayout: XTextareaIconLayoutType = 'right';\r\n  /**\r\n   * @zh_CN 图标动画\r\n   * @en_US Icon animation\r\n   */\r\n  @Input() @XInputBoolean() iconSpin: XBoolean = false;\r\n  /**\r\n   * @zh_CN 输入最大长度\r\n   * @en_US Enter the maximum length\r\n   */\r\n  @Input() @XInputNumber() maxlength: XNumber = 0;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US height\r\n   */\r\n  @Input() height: string = '4rem';\r\n  /**\r\n   * @zh_CN 清除按钮的事件\r\n   * @en_US Clear button event\r\n   */\r\n  @Output() clearEmit = new EventEmitter<any>();\r\n}\r\n\r\n/**\r\n * Textarea Option\r\n * @undocument true\r\n */\r\nexport interface XTextareaOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 清除按钮\r\n   * @en_US Clear button\r\n   */\r\n  clearable?: XBoolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Read only\r\n   */\r\n  readonly?: XBoolean;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 图标布局方式\r\n   * @en_US Icon layout\r\n   */\r\n  iconLayout?: XTextareaIconLayoutType;\r\n  /**\r\n   * @zh_CN 图标动画\r\n   * @en_US Icon animation\r\n   */\r\n  iconSpin?: XBoolean;\r\n  /**\r\n   * @zh_CN 输入最大长度\r\n   * @en_US Enter the maximum length\r\n   */\r\n  maxlength?: XNumber;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 清除按钮的事件\r\n   * @en_US Clear button event\r\n   */\r\n  clearClick?: (value: any) => void;\r\n}\r\n\r\n/**\r\n * @zh_CN 图标布局方式，指在输入框中的位置\r\n * @en_US Icon layout, refers to the position in the input box\r\n * @value \"left\" 靠左\r\n * @value \"right\" 靠右\r\n */\r\nexport type XTextareaIconLayoutType = XPositionLeftRight;\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  ElementRef,\r\n  ViewChild,\r\n  OnChanges,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XTextareaPrefix, XTextareaProperty } from './textarea.property';\r\nimport { XIsEmpty, XIsChange, XClearClass, XConfigService } from '@ng-nest/ui/core';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XTextareaPrefix}`,\r\n  templateUrl: './textarea.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XTextareaComponent)]\r\n})\r\nexport class XTextareaComponent extends XTextareaProperty implements OnInit, OnChanges {\r\n  @ViewChild('textarea', { static: true }) textarea!: ElementRef;\r\n  @ViewChild('textareaRef', { static: true }) textareaRef!: ElementRef;\r\n\r\n  writeValue(value: any) {\r\n    this.value = value;\r\n    this.change(value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private _required: boolean = false;\r\n  valueLength: number = 0;\r\n  lengthTotal: string = '';\r\n  paddingLeft: number = 0.4;\r\n  paddingRight: number = 0.4;\r\n  clearShow: boolean = false;\r\n\r\n  get getIcon() {\r\n    return !XIsEmpty(this.icon);\r\n  }\r\n\r\n  get getIconLayoutLeft() {\r\n    return !XIsEmpty(this.icon) && this.iconLayout === 'left';\r\n  }\r\n\r\n  get getIconLayoutRight() {\r\n    return !XIsEmpty(this.icon) && this.iconLayout === 'right';\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setPadding();\r\n    this.setFlex(this.textarea.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.clearable) && this.setClearable();\r\n  }\r\n\r\n  change(value: any) {\r\n    if (this._required && !this.disabled) {\r\n      this.required = XIsEmpty(value);\r\n    }\r\n    this.setClearable();\r\n    if (this.maxlength) {\r\n      this.valueLength = XIsEmpty(value) ? 0 : `${value}`.length;\r\n      this.lengthTotal = `${this.valueLength}/${this.maxlength}`;\r\n    }\r\n    this.setPadding();\r\n    if (this.onChange) this.onChange(value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onClear() {\r\n    const clearValue = this.value;\r\n    this.value = '';\r\n    this.change(this.value);\r\n    this.clearEmit.emit(clearValue);\r\n    this.textareaRef.nativeElement.focus();\r\n  }\r\n\r\n  setClearable() {\r\n    if (this.clearable && !this.disabled) {\r\n      this.clearShow = !XIsEmpty(this.value);\r\n    } else {\r\n      this.clearShow = false;\r\n    }\r\n  }\r\n\r\n  setPadding() {\r\n    this.paddingLeft = this.icon && this.iconLayout === 'left' ? 1.8 : 0.4;\r\n    this.paddingRight = this.icon && this.iconLayout === 'right' ? 1.8 : 0.4;\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.classMap, this.labelMap);\r\n    this.classMap[`${XTextareaPrefix}-${this.size}`] = this.size ? true : false;\r\n    this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;\r\n  }\r\n\r\n  formControlChanges() {\r\n    this.change(this.value);\r\n    this.ngOnInit();\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div\r\n  #textarea\r\n  class=\"x-textarea\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-clearable]=\"clearable\"\r\n  [class.x-clear-show]=\"clearShow\"\r\n  [class.x-textarea-icon]=\"getIcon\"\r\n  [class.x-textarea-icon-left]=\"getIconLayoutLeft\"\r\n  [class.x-textarea-icon-right]=\"getIconLayoutRight\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-textarea-row\">\r\n    <textarea\r\n      #textareaRef\r\n      [placeholder]=\"placeholder\"\r\n      [required]=\"required\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [maxlength]=\"maxlength\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [style.height]=\"height\"\r\n      [style.padding-left.rem]=\"paddingLeft\"\r\n      [style.padding-right.rem]=\"paddingRight\"\r\n    ></textarea>\r\n    <x-icon *ngIf=\"clearShow\" class=\"x-textarea-clear\" type=\"fto-x\" (click)=\"onClear()\"></x-icon>\r\n    <x-icon *ngIf=\"icon && ((!clearShow && getIconLayoutRight) || getIconLayoutLeft)\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n    <span class=\"x-textarea-max-length\" *ngIf=\"maxlength\">{{ lengthTotal }}</span>\r\n    <span class=\"x-textarea-error-message\" *ngIf=\"invalid\">{{ invalidMessage }}</span>\r\n    <ng-container *ngIf=\"requiredIsEmpty || invalid\">\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XTextareaComponent } from './textarea.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XTextareaProperty } from './textarea.property';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XTextareaComponent, XTextareaProperty],\r\n  exports: [XTextareaComponent],\r\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, XIconModule, XBaseFormModule]\r\n})\r\nexport class XTextareaModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}