@ng-nest/ui 12.0.11 → 13.0.3

package/fesm2020/ng-nest-ui-input-number.mjs

@@ -0,0 +1,225 @@
+import { interval } from 'rxjs';
+import * as i0 from '@angular/core';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@ng-nest/ui/core';
+import { XInputNumber, XWithConfig, XInputBoolean, XClearClass, XIsEmpty } from '@ng-nest/ui/core';
+import { __decorate } from 'tslib';
+import { XControlValueAccessor, XValueAccessor, XBaseFormModule } from '@ng-nest/ui/base-form';
+import * as i2 from '@ng-nest/ui/button';
+import { XButtonModule } from '@ng-nest/ui/button';
+import * as i3 from '@ng-nest/ui/input';
+import { XInputModule } from '@ng-nest/ui/input';
+import * as i4 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+/**
+ * InputNumber
+ * @selector x-input-number
+ * @decorator component
+ */
+const XInputNumberPrefix = 'x-input-number';
+const X_CONFIG_NAME = 'inputNumber';
+/**
+ * InputNumber Property
+ */
+class XInputNumberProperty extends XControlValueAccessor {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 最小值
+         * @en_US Minimum
+         */
+        this.min = Number.MIN_SAFE_INTEGER;
+        /**
+         * @zh_CN 最大值
+         * @en_US Max
+         */
+        this.max = Number.MAX_SAFE_INTEGER;
+        /**
+         * @zh_CN 步数
+         * @en_US Step count
+         */
+        this.step = 1;
+        /**
+         * @zh_CN 按住后步进速度
+         * @en_US Stepping speed after pressing
+         */
+        this.debounce = 40;
+        /**
+         * @zh_CN 精度
+         * @en_US Precision
+         */
+        this.precision = 0;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XInputNumberProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XInputNumberProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XInputNumberProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XInputNumberProperty, selector: "ng-component", inputs: { min: "min", max: "max", step: "step", debounce: "debounce", precision: "precision", size: "size", bordered: "bordered" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+__decorate([
+    XInputNumber()
+], XInputNumberProperty.prototype, "min", void 0);
+__decorate([
+    XInputNumber()
+], XInputNumberProperty.prototype, "max", void 0);
+__decorate([
+    XInputNumber()
+], XInputNumberProperty.prototype, "step", void 0);
+__decorate([
+    XInputNumber()
+], XInputNumberProperty.prototype, "debounce", void 0);
+__decorate([
+    XInputNumber()
+], XInputNumberProperty.prototype, "precision", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'medium')
+], XInputNumberProperty.prototype, "size", void 0);
+__decorate([
+    XInputBoolean(),
+    XWithConfig(X_CONFIG_NAME, true)
+], XInputNumberProperty.prototype, "bordered", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XInputNumberProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], debounce: [{
+                type: Input
+            }], precision: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], bordered: [{
+                type: Input
+            }] } });
+
+class XInputNumberComponent extends XInputNumberProperty {
+    constructor(renderer, cdr, configService) {
+        super();
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.configService = configService;
+        this.displayValue = '';
+        this.minDisabled = false;
+        this.maxDisabled = false;
+        this.icon = '';
+        this.iconSpin = false;
+        this.clearable = false;
+    }
+    writeValue(value) {
+        this.value = value;
+        this.setDisplayValue();
+        this.cdr.detectChanges();
+    }
+    onMouseup(event) {
+        this.up(event);
+    }
+    ngOnInit() {
+        this.setFlex(this.inputNumber.nativeElement, this.renderer, this.justify, this.align, this.direction);
+        this.setClassMap();
+    }
+    setClassMap() {
+        XClearClass(this.labelMap);
+        this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;
+    }
+    setDisplayValue() {
+        if (!XIsEmpty(this.value))
+            this.displayValue = Number(this.value).toFixed(Number(this.precision));
+    }
+    change(value) {
+        this.verify(value);
+        if (this.onChange)
+            this.onChange(this.value);
+        this.cdr.detectChanges();
+    }
+    down(event, limit, increase = true) {
+        if (this.disabled)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.timer = setTimeout(() => {
+            this.mousedown$ = interval(Number(this.debounce)).subscribe(() => {
+                this.plus(event, limit, increase);
+            });
+        }, 150);
+    }
+    up(event) {
+        if (this.disabled)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.mousedown$)
+            this.mousedown$.unsubscribe();
+    }
+    plus(event, limit, increase = true) {
+        if (this.disabled)
+            return;
+        limit = Number(limit);
+        if (!increase)
+            limit = -limit;
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.timer)
+            clearTimeout(this.timer);
+        if (Number.isNaN(+this.value))
+            this.value = 0;
+        let value = Number(this.value) + limit;
+        this.verify(value);
+        this.cdr.detectChanges();
+        if (this.onChange)
+            this.onChange(this.value);
+    }
+    verify(value) {
+        const oldValue = this.value;
+        this.value = value;
+        if (Number.isNaN(+this.value)) {
+            this.value = oldValue;
+            return;
+        }
+        this.maxDisabled = value >= this.max;
+        this.minDisabled = value <= this.min;
+        this.value = this.maxDisabled ? this.max : this.minDisabled ? this.min : value;
+        this.setDisplayValue();
+    }
+    formControlChanges() {
+        this.ngOnInit();
+        this.cdr.detectChanges();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XInputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XInputNumberComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XInputNumberComponent, selector: "x-input-number", host: { listeners: { "document:mouseup": "onMouseup($event)" } }, providers: [XValueAccessor(XInputNumberComponent)], viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #inputNumber class=\"x-input-number\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || minDisabled\"\r\n        (click)=\"!minDisabled && plus($event, step, false)\"\r\n        (mousedown)=\"!minDisabled && down($event, step, false)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\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)]=\"displayValue\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"beforeButtonTpl\"\r\n      [after]=\"afterButtonTpl\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || maxDisabled\"\r\n        (click)=\"!maxDisabled && plus($event, step)\"\r\n        (mousedown)=\"!maxDisabled && down($event, step)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"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-input-number{display:inline-block}.x-input-number{margin:0;padding:0;width:100%}.x-input-number-input input{text-align:center}\n"], components: [{ type: i2.XButtonComponent, selector: "x-button" }, { type: i3.XInputComponent, selector: "x-input" }], directives: [{ type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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"] }, { type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XInputNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XInputNumberPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XInputNumberComponent)], template: "<div #inputNumber class=\"x-input-number\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || minDisabled\"\r\n        (click)=\"!minDisabled && plus($event, step, false)\"\r\n        (mousedown)=\"!minDisabled && down($event, step, false)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\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)]=\"displayValue\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"beforeButtonTpl\"\r\n      [after]=\"afterButtonTpl\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || maxDisabled\"\r\n        (click)=\"!maxDisabled && plus($event, step)\"\r\n        (mousedown)=\"!maxDisabled && down($event, step)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"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-input-number{display:inline-block}.x-input-number{margin:0;padding:0;width:100%}.x-input-number-input input{text-align:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { inputNumber: [{
+                type: ViewChild,
+                args: ['inputNumber', { static: true }]
+            }], onMouseup: [{
+                type: HostListener,
+                args: ['document:mouseup', ['$event']]
+            }] } });
+
+class XInputNumberModule {
+}
+/** @nocollapse */ /** @nocollapse */ XInputNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XInputNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XInputNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XInputNumberModule, declarations: [XInputNumberComponent, XInputNumberProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XInputModule, XButtonModule, XBaseFormModule], exports: [XInputNumberComponent] });
+/** @nocollapse */ /** @nocollapse */ XInputNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XInputNumberModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XInputModule, XButtonModule, XBaseFormModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XInputNumberModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XInputNumberComponent, XInputNumberProperty],
+                    exports: [XInputNumberComponent],
+                    imports: [CommonModule, FormsModule, ReactiveFormsModule, XInputModule, XButtonModule, XBaseFormModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XInputNumberComponent, XInputNumberModule, XInputNumberPrefix, XInputNumberProperty };
+//# sourceMappingURL=ng-nest-ui-input-number.mjs.map

package/fesm2020/ng-nest-ui-input-number.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-input-number.mjs","sources":["../../../../lib/ng-nest/ui/input-number/input-number.property.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.html","../../../../lib/ng-nest/ui/input-number/input-number.module.ts","../../../../lib/ng-nest/ui/input-number/ng-nest-ui-input-number.ts"],"sourcesContent":["import { XBoolean, XInputBoolean, XInputNumber, XNumber, XSize, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * InputNumber\r\n * @selector x-input-number\r\n * @decorator component\r\n */\r\nexport const XInputNumberPrefix = 'x-input-number';\r\n\r\nconst X_CONFIG_NAME = 'inputNumber';\r\n\r\n/**\r\n * InputNumber Property\r\n */\r\n@Component({ template: '' })\r\nexport class XInputNumberProperty extends XControlValueAccessor<any> implements XInputNumberOption {\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  @Input() @XInputNumber() min: XNumber = Number.MIN_SAFE_INTEGER;\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  @Input() @XInputNumber() max: XNumber = Number.MAX_SAFE_INTEGER;\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  @Input() @XInputNumber() step: XNumber = 1;\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  @Input() @XInputNumber() debounce: XNumber = 40;\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  @Input() @XInputNumber() precision: XNumber = 0;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') override 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\r\n/**\r\n * InputNumber Option\r\n * @undocument true\r\n */\r\nexport interface XInputNumberOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  min?: XNumber;\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  max?: XNumber;\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  step?: XNumber;\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  debounce?: XNumber;\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  precision?: XNumber;\r\n}\r\n","import { Subscription, interval } from 'rxjs';\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  ElementRef,\r\n  HostListener,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { XIsEmpty, XNumber, XClearClass, XConfigService } from '@ng-nest/ui/core';\r\nimport { XInputNumberPrefix, XInputNumberProperty } from './input-number.property';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XInputNumberPrefix}`,\r\n  templateUrl: './input-number.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XInputNumberComponent)]\r\n})\r\nexport class XInputNumberComponent extends XInputNumberProperty implements OnInit {\r\n  @ViewChild('inputNumber', { static: true }) inputNumber!: ElementRef;\r\n\r\n  override writeValue(value: any) {\r\n    this.value = value;\r\n    this.setDisplayValue();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  displayValue: any = '';\r\n  minDisabled: boolean = false;\r\n  maxDisabled: boolean = false;\r\n  mousedown$!: Subscription;\r\n  timer: any;\r\n  icon: string = '';\r\n  iconSpin = false;\r\n  clearable = false;\r\n\r\n  @HostListener('document:mouseup', ['$event']) onMouseup(event: Event) {\r\n    this.up(event);\r\n  }\r\n\r\n  constructor(public renderer: Renderer2, private cdr: ChangeDetectorRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setFlex(this.inputNumber.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.labelMap);\r\n    this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;\r\n  }\r\n\r\n  setDisplayValue() {\r\n    if (!XIsEmpty(this.value)) this.displayValue = Number(this.value).toFixed(Number(this.precision));\r\n  }\r\n\r\n  change(value: any) {\r\n    this.verify(value);\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  down(event: Event, limit: XNumber, increase: boolean = true): void {\r\n    if (this.disabled) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.timer = setTimeout(() => {\r\n      this.mousedown$ = interval(Number(this.debounce)).subscribe(() => {\r\n        this.plus(event, limit, increase);\r\n      });\r\n    }, 150);\r\n  }\r\n\r\n  up(event: Event) {\r\n    if (this.disabled) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    if (this.mousedown$) this.mousedown$.unsubscribe();\r\n  }\r\n\r\n  plus(event: Event, limit: XNumber, increase: boolean = true) {\r\n    if (this.disabled) return;\r\n    limit = Number(limit);\r\n    if (!increase) limit = -limit;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    if (this.timer) clearTimeout(this.timer);\r\n    if (Number.isNaN(+this.value)) this.value = 0;\r\n    let value = Number(this.value) + limit;\r\n    this.verify(value);\r\n    this.cdr.detectChanges();\r\n    if (this.onChange) this.onChange(this.value);\r\n  }\r\n\r\n  verify(value: any) {\r\n    const oldValue: number = this.value;\r\n    this.value = value;\r\n    if (Number.isNaN(+this.value)) {\r\n      this.value = oldValue;\r\n      return;\r\n    }\r\n    this.maxDisabled = value >= this.max;\r\n    this.minDisabled = value <= this.min;\r\n    this.value = this.maxDisabled ? this.max : this.minDisabled ? this.min : value;\r\n    this.setDisplayValue();\r\n  }\r\n\r\n  formControlChanges() {\r\n    this.ngOnInit();\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div #inputNumber class=\"x-input-number\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || minDisabled\"\r\n        (click)=\"!minDisabled && plus($event, step, false)\"\r\n        (mousedown)=\"!minDisabled && down($event, step, false)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\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)]=\"displayValue\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"beforeButtonTpl\"\r\n      [after]=\"afterButtonTpl\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || maxDisabled\"\r\n        (click)=\"!maxDisabled && plus($event, step)\"\r\n        (mousedown)=\"!maxDisabled && down($event, step)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"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 { XInputNumberComponent } from './input-number.component';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XInputNumberProperty } from './input-number.property';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\n\r\n@NgModule({\r\n  declarations: [XInputNumberComponent, XInputNumberProperty],\r\n  exports: [XInputNumberComponent],\r\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, XInputModule, XButtonModule, XBaseFormModule]\r\n})\r\nexport class XInputNumberModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}