@sd-angular/core 1.3.243 → 1.3.245

package/fesm2015/sd-angular-core-month.js

@@ -0,0 +1,373 @@
+import { CommonModule } from '@angular/common';
+import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Inject, Optional, Input, Output, ContentChild, ViewChild, NgModule } from '@angular/core';
+import { NgForm, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatDatepicker, MatDatepickerModule } from '@angular/material/datepicker';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { SdButtonModule } from '@sd-angular/core/button';
+import { SdFormControl, FORM_CONFIG, SdViewDefDirective, SdLabelDefDirective, SdCommonModule } from '@sd-angular/core/common';
+import { SdPopoverModule } from '@sd-angular/core/popover';
+import { SdTranslateModule } from '@sd-angular/core/translate';
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
+import { NGX_MAT_DATE_FORMATS } from '@angular-material-components/datetime-picker';
+import { MAT_DATE_FORMATS } from '@angular/material/core';
+import moment from 'moment';
+import { DeviceDetectorService } from 'ngx-device-detector';
+import hash from 'object-hash';
+import { Subscription } from 'rxjs';
+import { v4 } from 'uuid';
+
+var _date, _name, _form, _subscription;
+const CUSTOM_DATETIME_FORMATS = {
+    parse: {
+        dateInput: 'DD/MM/YYYY HH:mm',
+    },
+    display: {
+        dateInput: 'DD/MM/YYYY HH:mm',
+        monthYearLabel: 'MMM YYYY',
+        dateA11yLabel: 'LL',
+        monthYearA11yLabel: 'MMMM YYYY',
+    },
+};
+const CUSTOM_DATE_FORMATS = {
+    parse: {
+        dateInput: 'DD/MM/YYYY',
+    },
+    display: {
+        dateInput: 'DD/MM/YYYY',
+        monthYearLabel: 'MMM YYYY',
+        dateA11yLabel: 'LL',
+        monthYearA11yLabel: 'MMMM YYYY',
+    },
+};
+const ɵ0 = CUSTOM_DATE_FORMATS, ɵ1 = CUSTOM_DATETIME_FORMATS;
+class SdMonth {
+    constructor(ref, deviceService, formConfig) {
+        this.ref = ref;
+        this.formConfig = formConfig;
+        this.id = `I${v4()}`;
+        this.isMobileOrTablet = false;
+        _date.set(this, void 0);
+        _name.set(this, v4());
+        this.disableErrorMessage = false;
+        this.formControl = new SdFormControl();
+        _form.set(this, void 0);
+        this.required = false;
+        this.sdChange = new EventEmitter();
+        this.sdFocus = new EventEmitter();
+        this.modelChange = new EventEmitter();
+        _subscription.set(this, new Subscription());
+        this.isFocused = false;
+        this.onFocus = () => {
+            this.isFocused = true;
+            this.sdFocus.emit();
+        };
+        this.onBlur = () => {
+            this.isFocused = false;
+        };
+        this.onClick = () => {
+            var _a;
+            if ((_a = this.sdView) === null || _a === void 0 ? void 0 : _a.templateRef) {
+                if (!this.formControl.disabled && !this.isFocused) {
+                    this.focus();
+                }
+            }
+        };
+        this.blur = () => {
+            var _a, _b;
+            (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.blur();
+        };
+        this.focus = () => {
+            this.isFocused = true;
+            setTimeout(() => {
+                var _a, _b, _c;
+                (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.focus();
+                (_c = this.datePicker) === null || _c === void 0 ? void 0 : _c.open();
+                //
+            }, 100);
+        };
+        this.onKeyDown = (event) => {
+            const key = event.keyCode || event.charCode;
+            let isShift = false;
+            if (key === 16) {
+                isShift = true;
+            }
+            // cho phép copy parse
+            if (event.ctrlKey && (key === 67 || key === 86)) {
+                console.log('action copy parse... datepicker');
+                return true;
+            }
+            // Allow only Numeric Keys.
+            if (((key >= 48 && key <= 57) ||
+                key === 8 ||
+                key <= 37 ||
+                key <= 39 ||
+                (key >= 96 && key <= 105) ||
+                key === 191 ||
+                key === 186 ||
+                key === 59) &&
+                isShift === false) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
+        this.onKeyup = event => {
+            const currentVal = event.target.value;
+            const formControl = this.formControl;
+            let regex = /^([0]{0,1}[1-9]|1[012])\/\d\d\d\d [012]{0,1}[0-9]:[0-6][0-9]$/g;
+            if (currentVal && !regex.test(currentVal)) {
+                setTimeout(() => {
+                    this.isValid = true;
+                    formControl.markAsDirty();
+                    formControl.markAsTouched();
+                    formControl.setErrors(Object.assign(Object.assign({}, formControl.errors), { date: `Sai định dạng` }));
+                }, 0);
+            }
+            else {
+                setTimeout(() => {
+                    this.isValid = false;
+                    formControl.setErrors(Object.assign(Object.assign({}, formControl.errors), { date: null }));
+                    this.formControl.updateValueAndValidity();
+                }, 0);
+            }
+        };
+        this.onChange = (event) => {
+            var _a, _b, _c;
+            const value = (_a = event.value) === null || _a === void 0 ? void 0 : _a.toDate();
+            (_c = (_b = this.input) === null || _b === void 0 ? void 0 : _b.nativeElement) === null || _c === void 0 ? void 0 : _c.focus();
+            if (!this.isValid) {
+                if (new Date(__classPrivateFieldGet(this, _date)) !== value) {
+                    this.modelChange.emit(value);
+                    this.sdChange.emit(value);
+                }
+            }
+            else {
+                this.isValid = false;
+                this.formControl.setValue(null);
+                this.modelChange.emit(null);
+                this.sdChange.emit(null);
+            }
+        };
+        this.clear = ($event) => {
+            $event === null || $event === void 0 ? void 0 : $event.stopPropagation();
+            if (this.formControl.value) {
+                this.formControl.setValue(null);
+                this.modelChange.emit(null);
+                this.sdChange.emit(null);
+            }
+        };
+        this.onMonthSelected = (normalizedMonthAndYear) => {
+            const ctrlValue = this.formControl.value || moment();
+            ctrlValue.month(normalizedMonthAndYear.month());
+            ctrlValue.year(normalizedMonthAndYear.year());
+            this.formControl.setValue(ctrlValue);
+            this.datePicker.close();
+            this.modelChange.emit(ctrlValue);
+            this.sdChange.emit(ctrlValue);
+        };
+        this.isMobileOrTablet = !deviceService.isDesktop();
+    }
+    set name(val) {
+        if (val) {
+            __classPrivateFieldSet(this, _name, val);
+        }
+    }
+    set _disableErrorMessage(val) {
+        this.disableErrorMessage = val === '' || val;
+        val = val === '' || val;
+    }
+    set _min(val) {
+        if (Date.isDate(val)) {
+            this.min = new Date(val);
+        }
+        else {
+            this.min = null;
+        }
+    }
+    set _max(val) {
+        if (Date.isDate(val)) {
+            this.max = new Date(val);
+        }
+        else {
+            this.max = null;
+        }
+    }
+    set form(val) {
+        if (val) {
+            if (val instanceof NgForm) {
+                __classPrivateFieldSet(this, _form, val.form);
+            }
+            else {
+                __classPrivateFieldSet(this, _form, val);
+            }
+        }
+    }
+    set disabled(val) {
+        val = val === '' || val;
+        if (val) {
+            this.formControl.disable();
+        }
+        else {
+            this.formControl.enable();
+        }
+    }
+    set _required(val) {
+        this.required = val === '' || val;
+        if (this.required) {
+            this.formControl.setValidators([Validators.required]);
+        }
+        else {
+            this.formControl.clearValidators();
+        }
+    }
+    set _inlineError(val) {
+        this.inlineError = val;
+        if (this.inlineError) {
+            this.formControl.setValidators([this.customInlineErrorValidator()]);
+            this.formControl.updateValueAndValidity();
+        }
+        else {
+            this.formControl.clearValidators();
+            this.formControl.updateValueAndValidity();
+        }
+    }
+    set _label(val) {
+        this.label = val;
+        this.qcId = hash({
+            selector: 'sd-month',
+            label: val,
+        });
+    }
+    set minDate(val) {
+        if (Date.isDate(val)) {
+            this.min = new Date(val);
+        }
+        else {
+            this.min = null;
+        }
+    }
+    set maxDate(val) {
+        if (Date.isDate(val)) {
+            this.max = new Date(val);
+        }
+        else {
+            this.max = null;
+        }
+    }
+    set model(val) {
+        if (!Date.isDate(val)) {
+            val = null;
+        }
+        if (__classPrivateFieldGet(this, _date) !== val) {
+            __classPrivateFieldSet(this, _date, val);
+            const date = Date.isDate(__classPrivateFieldGet(this, _date)) ? moment(Date.toFormat(__classPrivateFieldGet(this, _date), 'MM/dd/yyyy HH:mm:ss'), 'MM/DD/YYYY HH:mm:ss') : null;
+            this.formControl.setValue(date);
+        }
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = __classPrivateFieldGet(this, _form)) === null || _a === void 0 ? void 0 : _a.removeControl(__classPrivateFieldGet(this, _name));
+        __classPrivateFieldGet(this, _subscription).unsubscribe();
+    }
+    ngOnInit() {
+        var _a, _b;
+        this.appearance = this.appearance || ((_a = this.formConfig) === null || _a === void 0 ? void 0 : _a.appearance);
+        __classPrivateFieldGet(this, _subscription).add(this.formControl.sdChanges.subscribe(() => {
+            // this.formControl.updateValueAndValidity();
+            this.ref.markForCheck();
+        }));
+        (_b = __classPrivateFieldGet(this, _form)) === null || _b === void 0 ? void 0 : _b.addControl(__classPrivateFieldGet(this, _name), this.formControl);
+    }
+    // Hàm tạo Validators tùy chỉnh cho inlineError
+    customInlineErrorValidator() {
+        return (control) => {
+            return { inlineError: true };
+        };
+    }
+    ngAfterViewInit() { }
+    focusInputElement() {
+        var _a, _b;
+        (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.focus();
+    }
+}
+_date = new WeakMap(), _name = new WeakMap(), _form = new WeakMap(), _subscription = new WeakMap();
+SdMonth.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-month',
+                template: "<ng-container *ngIf=\"!appearance && sdLabelDef?.templateRef\">\r\n  <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\"> </ng-container>\r\n</ng-container>\r\n<label *ngIf=\"!appearance && label && !sdLabelDef?.templateRef\" class=\"d-block mb-0 T14M\"\r\n  >{{ label }} <span class=\"text-danger mb-2\" *ngIf=\"required\">*</span></label\r\n>\r\n<div\r\n  class=\"d-flex align-items-center\"\r\n  [class.sd-view]=\"sdView?.templateRef\"\r\n  [class.c-focused]=\"isFocused\"\r\n  [class.c-disabled]=\"formControl.disabled\"\r\n  (click)=\"onClick()\">\r\n  <ng-container *ngIf=\"sdView?.templateRef && !isFocused && !datePicker?.opened; else default\">\r\n    <ng-container *ngTemplateOutlet=\"sdView.templateRef; context: { value: formControl.value }\"> </ng-container>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <mat-form-field\r\n      class=\"sd-md\"\r\n      [ngClass]=\"{ 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage }\"\r\n      appearance=\"outline\">\r\n      <mat-label *ngIf=\"label\">{{ label }}</mat-label>\r\n      <input\r\n        aria-hidden=\"true\"\r\n        [id]=\"id\"\r\n        matInput\r\n        (keyup)=\"onKeyup($event)\"\r\n        (keydown)=\"onKeyDown($event)\"\r\n        (dateChange)=\"onChange($event)\"\r\n        [autocomplete]=\"id\"\r\n        autocorrect=\"off\"\r\n        [formControl]=\"formControl\"\r\n        [required]=\"required\"\r\n        [matDatepicker]=\"picker\"\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\"\r\n        [min]=\"min\"\r\n        [max]=\"max\"\r\n        (focus)=\"onFocus()\"\r\n        (blur)=\"onBlur()\"\r\n        #input />\r\n      <mat-icon\r\n        *ngIf=\"formControl?.value && !required && !formControl.disabled\"\r\n        class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\"\r\n        matSuffix\r\n        >cancel\r\n      </mat-icon>\r\n      <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && picker.open()\" #btn matSuffix> today </mat-icon>\r\n      <mat-datepicker\r\n        #picker\r\n        [touchUi]=\"isMobileOrTablet\"\r\n        startView=\"multi-year\"\r\n        (monthSelected)=\"onMonthSelected($event)\"></mat-datepicker>\r\n      <mat-error *ngIf=\"formControl?.errors?.required && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ 'This field is required' | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatepickerMin && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\"\r\n          >{{ 'Min date' | sdTranslate }}:\r\n          <strong>{{ min | date : 'dd/MM/yyyy HH:mm' }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatepickerMax && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\"\r\n          >{{ 'Max date' | sdTranslate }}:\r\n          <strong>{{ max | date : 'dd/MM/yyyy HH:mm' }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerParse && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\"\r\n          >{{ 'Parse error' | sdTranslate }}:\r\n          <strong>{{ formControl?.errors?.matDatetimePickerParse?.text }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.customValidator && formControl?.touched && !disableErrorMessage\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ formControl?.errors?.customValidator }} </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.inlineError && formControl?.touched && !disableErrorMessage\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ inlineError }}</ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    { provide: MAT_DATE_FORMATS, useValue: ɵ0 },
+                    { provide: NGX_MAT_DATE_FORMATS, useValue: ɵ1 },
+                ],
+                styles: [":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}"]
+            },] }
+];
+SdMonth.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: DeviceDetectorService },
+    { type: undefined, decorators: [{ type: Inject, args: [FORM_CONFIG,] }, { type: Optional }] }
+];
+SdMonth.propDecorators = {
+    name: [{ type: Input }],
+    appearance: [{ type: Input }],
+    _disableErrorMessage: [{ type: Input, args: ['disableErrorMessage',] }],
+    _min: [{ type: Input, args: ['min',] }],
+    _max: [{ type: Input, args: ['max',] }],
+    size: [{ type: Input }],
+    form: [{ type: Input }],
+    disabled: [{ type: Input }],
+    _required: [{ type: Input, args: ['required',] }],
+    _inlineError: [{ type: Input, args: ['inlineError',] }],
+    _label: [{ type: Input, args: ['label',] }],
+    placeholder: [{ type: Input }],
+    minDate: [{ type: Input }],
+    maxDate: [{ type: Input }],
+    validator: [{ type: Input }],
+    sdChange: [{ type: Output }],
+    sdFocus: [{ type: Output }],
+    model: [{ type: Input }],
+    modelChange: [{ type: Output }],
+    sdView: [{ type: ContentChild, args: [SdViewDefDirective,] }],
+    sdLabelDef: [{ type: ContentChild, args: [SdLabelDefDirective,] }],
+    input: [{ type: ViewChild, args: ['input',] }],
+    datePicker: [{ type: ViewChild, args: [MatDatepicker,] }]
+};
+
+class SdMonthModule {
+}
+SdMonthModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    MatInputModule,
+                    MatIconModule,
+                    MatFormFieldModule,
+                    MatDatepickerModule,
+                    SdTranslateModule,
+                    SdCommonModule,
+                    SdPopoverModule,
+                    SdButtonModule
+                ],
+                declarations: [
+                    SdMonth
+                ],
+                exports: [
+                    SdCommonModule,
+                    SdMonth
+                ],
+                providers: []
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdMonth, SdMonthModule };
+//# sourceMappingURL=sd-angular-core-month.js.map

package/fesm2015/sd-angular-core-month.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-month.js","sources":["../../../../projects/sd-core/month/src/lib/month.component.ts","../../../../projects/sd-core/month/src/lib/month.module.ts","../../../../projects/sd-core/month/sd-angular-core-month.ts"],"sourcesContent":["import { NGX_MAT_DATE_FORMATS } from '@angular-material-components/datetime-picker';\r\nimport {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ContentChild,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Inject,\r\n  Input,\r\n  OnDestroy,\r\n  OnInit,\r\n  Optional,\r\n  Output,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport { AbstractControl, FormGroup, NgForm, ValidatorFn, Validators } from '@angular/forms';\r\nimport { MAT_DATE_FORMATS } from '@angular/material/core';\r\nimport { MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';\r\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\r\nimport { FORM_CONFIG, IFormConfiguration, SdFormControl, SdLabelDefDirective, SdViewDefDirective } from '@sd-angular/core/common';\r\nimport moment, { Moment } from 'moment';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport hash from 'object-hash';\r\nimport { Subscription } from 'rxjs';\r\nimport * as uuid from 'uuid';\r\n\r\nconst CUSTOM_DATETIME_FORMATS = {\r\n  parse: {\r\n    dateInput: 'DD/MM/YYYY HH:mm',\r\n  },\r\n  display: {\r\n    dateInput: 'DD/MM/YYYY HH:mm',\r\n    monthYearLabel: 'MMM YYYY',\r\n    dateA11yLabel: 'LL',\r\n    monthYearA11yLabel: 'MMMM YYYY',\r\n  },\r\n};\r\nconst CUSTOM_DATE_FORMATS = {\r\n  parse: {\r\n    dateInput: 'DD/MM/YYYY',\r\n  },\r\n  display: {\r\n    dateInput: 'DD/MM/YYYY',\r\n    monthYearLabel: 'MMM YYYY',\r\n    dateA11yLabel: 'LL',\r\n    monthYearA11yLabel: 'MMMM YYYY',\r\n  },\r\n};\r\n\r\n@Component({\r\n  selector: 'sd-month',\r\n  templateUrl: './month.component.html',\r\n  styleUrls: ['./month.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    { provide: MAT_DATE_FORMATS, useValue: CUSTOM_DATE_FORMATS },\r\n    { provide: NGX_MAT_DATE_FORMATS, useValue: CUSTOM_DATETIME_FORMATS },\r\n  ],\r\n})\r\nexport class SdMonth implements OnDestroy, OnInit, AfterViewInit {\r\n  id = `I${uuid.v4()}`;\r\n  isMobileOrTablet = false;\r\n  #date: any;\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n\r\n  @Input() appearance: MatFormFieldAppearance;\r\n  disableErrorMessage = false;\r\n\r\n  @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n    this.disableErrorMessage = val === '' || val;\r\n    val = val === '' || val;\r\n  }\r\n\r\n  formControl = new SdFormControl();\r\n  min: Date;\r\n\r\n  @Input('min') set _min(val: string | Date | number) {\r\n    if (Date.isDate(val)) {\r\n      this.min = new Date(val);\r\n    } else {\r\n      this.min = null;\r\n    }\r\n  }\r\n\r\n  max: Date;\r\n\r\n  @Input('max') set _max(val: string | Date | number) {\r\n    if (Date.isDate(val)) {\r\n      this.max = new Date(val);\r\n    } else {\r\n      this.max = null;\r\n    }\r\n  }\r\n\r\n  @Input() size: 'sm' | 'lg';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n\r\n  maxlength: number;\r\n\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = val === '' || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n\r\n  required = false;\r\n\r\n  @Input('required') set _required(val: boolean | '') {\r\n    this.required = val === '' || val;\r\n    if (this.required) {\r\n      this.formControl.setValidators([Validators.required]);\r\n    } else {\r\n      this.formControl.clearValidators();\r\n    }\r\n  }\r\n\r\n  inlineError: string;\r\n\r\n  @Input('inlineError') set _inlineError(val: string) {\r\n    this.inlineError = val;\r\n    if (this.inlineError) {\r\n      this.formControl.setValidators([this.customInlineErrorValidator()]);\r\n      this.formControl.updateValueAndValidity();\r\n    } else {\r\n      this.formControl.clearValidators();\r\n      this.formControl.updateValueAndValidity();\r\n    }\r\n  }\r\n\r\n  qcId: string;\r\n  label: string;\r\n\r\n  @Input('label') set _label(val: string) {\r\n    this.label = val;\r\n    this.qcId = hash({\r\n      selector: 'sd-month',\r\n      label: val,\r\n    });\r\n  }\r\n\r\n  @Input() placeholder: string;\r\n\r\n  @Input() set minDate(val: string | Date) {\r\n    if (Date.isDate(val)) {\r\n      this.min = new Date(val);\r\n    } else {\r\n      this.min = null;\r\n    }\r\n  }\r\n\r\n  @Input() set maxDate(val: string | Date) {\r\n    if (Date.isDate(val)) {\r\n      this.max = new Date(val);\r\n    } else {\r\n      this.max = null;\r\n    }\r\n  }\r\n\r\n  @Input() validator: (value: any) => string | Promise<string>;\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdFocus = new EventEmitter<any>();\r\n\r\n  @Input() set model(val: any) {\r\n    if (!Date.isDate(val)) {\r\n      val = null;\r\n    }\r\n    if (this.#date !== val) {\r\n      this.#date = val;\r\n      const date = Date.isDate(this.#date) ? moment(Date.toFormat(this.#date, 'MM/dd/yyyy HH:mm:ss'), 'MM/DD/YYYY HH:mm:ss') : null;\r\n      this.formControl.setValue(date);\r\n    }\r\n  }\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n  #subscription = new Subscription();\r\n  @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  @ViewChild('input') input: ElementRef;\r\n  @ViewChild(MatDatepicker) datePicker: MatDatepicker<Moment>;\r\n  isFocused = false;\r\n\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    deviceService: DeviceDetectorService,\r\n    @Inject(FORM_CONFIG) @Optional() private formConfig: IFormConfiguration\r\n  ) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#form?.removeControl(this.#name);\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.appearance = this.appearance || this.formConfig?.appearance;\r\n    this.#subscription.add(\r\n      this.formControl.sdChanges.subscribe(() => {\r\n        // this.formControl.updateValueAndValidity();\r\n        this.ref.markForCheck();\r\n      })\r\n    );\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  // Hàm tạo Validators tùy chỉnh cho inlineError\r\n  customInlineErrorValidator(): ValidatorFn {\r\n    return (control: AbstractControl): { [key: string]: any } | null => {\r\n      return { inlineError: true };\r\n    };\r\n  }\r\n\r\n  ngAfterViewInit() {}\r\n\r\n  onFocus = () => {\r\n    this.isFocused = true;\r\n    this.sdFocus.emit();\r\n  };\r\n\r\n  onBlur = () => {\r\n    this.isFocused = false;\r\n  };\r\n\r\n  onClick = () => {\r\n    if (this.sdView?.templateRef) {\r\n      if (!this.formControl.disabled && !this.isFocused) {\r\n        this.focus();\r\n      }\r\n    }\r\n  };\r\n\r\n  blur = () => {\r\n    this.input?.nativeElement?.blur();\r\n  };\r\n\r\n  focus = () => {\r\n    this.isFocused = true;\r\n    setTimeout(() => {\r\n      this.input?.nativeElement?.focus();\r\n      this.datePicker?.open();\r\n      //\r\n    }, 100);\r\n  };\r\n\r\n  focusInputElement() {\r\n    this.input?.nativeElement?.focus();\r\n  }\r\n\r\n  isValid: boolean;\r\n  onKeyDown = (event: KeyboardEvent) => {\r\n    const key = event.keyCode || event.charCode;\r\n    let isShift = false;\r\n    if (key === 16) {\r\n      isShift = true;\r\n    }\r\n\r\n    // cho phép copy parse\r\n    if (event.ctrlKey && (key === 67 || key === 86)) {\r\n      console.log('action copy parse... datepicker');\r\n      return true;\r\n    }\r\n\r\n    // Allow only Numeric Keys.\r\n    if (\r\n      ((key >= 48 && key <= 57) ||\r\n        key === 8 ||\r\n        key <= 37 ||\r\n        key <= 39 ||\r\n        (key >= 96 && key <= 105) ||\r\n        key === 191 ||\r\n        key === 186 ||\r\n        key === 59) &&\r\n      isShift === false\r\n    ) {\r\n      return true;\r\n    } else {\r\n      return false;\r\n    }\r\n  };\r\n\r\n  onKeyup = event => {\r\n    const currentVal: string = event.target.value;\r\n    const formControl: AbstractControl = this.formControl;\r\n    let regex = /^([0]{0,1}[1-9]|1[012])\\/\\d\\d\\d\\d [012]{0,1}[0-9]:[0-6][0-9]$/g;\r\n\r\n    if (currentVal && !regex.test(currentVal)) {\r\n      setTimeout(() => {\r\n        this.isValid = true;\r\n        formControl.markAsDirty();\r\n        formControl.markAsTouched();\r\n        formControl.setErrors({ ...formControl.errors, date: `Sai định dạng` });\r\n      }, 0);\r\n    } else {\r\n      setTimeout(() => {\r\n        this.isValid = false;\r\n        formControl.setErrors({ ...formControl.errors, date: null });\r\n        this.formControl.updateValueAndValidity();\r\n      }, 0);\r\n    }\r\n  };\r\n\r\n  onChange = (event: MatDatepickerInputEvent<Moment>) => {\r\n    const value = event.value?.toDate();\r\n    this.input?.nativeElement?.focus();\r\n    if (!this.isValid) {\r\n      if (new Date(this.#date) !== value) {\r\n        this.modelChange.emit(value);\r\n        this.sdChange.emit(value);\r\n      }\r\n    } else {\r\n      this.isValid = false;\r\n      this.formControl.setValue(null);\r\n      this.modelChange.emit(null);\r\n      this.sdChange.emit(null);\r\n    }\r\n  };\r\n\r\n  clear = ($event: any) => {\r\n    $event?.stopPropagation();\r\n    if (this.formControl.value) {\r\n      this.formControl.setValue(null);\r\n      this.modelChange.emit(null);\r\n      this.sdChange.emit(null);\r\n    }\r\n  };\r\n\r\n  onMonthSelected = (normalizedMonthAndYear: Moment) => {\r\n    const ctrlValue = this.formControl.value || moment();\r\n    ctrlValue.month(normalizedMonthAndYear.month());\r\n    ctrlValue.year(normalizedMonthAndYear.year());\r\n    this.formControl.setValue(ctrlValue);\r\n    this.datePicker.close();\r\n    this.modelChange.emit(ctrlValue);\r\n    this.sdChange.emit(ctrlValue);\r\n  };\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { SdButtonModule } from \"@sd-angular/core/button\";\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdPopoverModule } from '@sd-angular/core/popover';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { SdMonth } from './month.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatFormFieldModule,\r\n    MatDatepickerModule,\r\n    SdTranslateModule,\r\n    SdCommonModule,\r\n    SdPopoverModule,\r\n    SdButtonModule\r\n  ],\r\n  declarations: [\r\n    SdMonth\r\n  ],\r\n  exports: [\r\n    SdCommonModule,\r\n    SdMonth\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdMonthModule {\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}

package/fesm2015/sd-angular-core.js

@@ -25,6 +25,9 @@ import '@sd-angular/core/print';
 import '@sd-angular/core/zip';
 import '@sd-angular/core/export';
 import { SdTableModule } from '@sd-angular/core/table';
+import '@sd-angular/core/date';
+import '@sd-angular/core/month';
+import '@sd-angular/core/date-full';
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';

package/fesm2015/sd-angular-core.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core.js","sources":["../../../../projects/sd-core/src/lib/material.module.ts","../../../../projects/sd-core/src/lib/core.module.ts","../../../../projects/sd-core/src/sd-angular-core.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\n\r\n@NgModule({\r\n  imports: [\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatAutocompleteModule,\r\n    MatCheckboxModule,\r\n    MatSlideToggleModule,\r\n    MatRadioModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatChipsModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatBottomSheetModule,\r\n    MatProgressSpinnerModule,\r\n    DragDropModule,\r\n    MatExpansionModule,\r\n    MatTabsModule,\r\n    MatPaginatorModule\r\n  ],\r\n  exports: [\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatAutocompleteModule,\r\n    MatCheckboxModule,\r\n    MatSlideToggleModule,\r\n    MatRadioModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatChipsModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatBottomSheetModule,\r\n    MatProgressSpinnerModule,\r\n    DragDropModule,\r\n    MatExpansionModule,\r\n    MatTabsModule,\r\n    MatPaginatorModule\r\n  ]\r\n})\r\nexport class MaterialModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MaterialModule } from './material.module';\r\n\r\nimport { SdServiceModule } from '@sd-angular/core/service';\r\nimport { SdChartModule } from '@sd-angular/core/chart';\r\nimport { SdGridMaterialModule } from '@sd-angular/core/grid-material';\r\nimport { SdEditorModule } from '@sd-angular/core/editor';\r\nimport { SdKonvaModule } from '@sd-angular/core/konva';\r\nimport { SdUploadExcelModule } from '@sd-angular/core/upload-excel';\r\nimport { SdGridModule } from '@sd-angular/core/grid';\r\nimport { SdFormModule } from '@sd-angular/core/form';\r\nimport { SdTableModule } from '@sd-angular/core/table';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MaterialModule,\r\n    SdChartModule,\r\n    SdKonvaModule,\r\n    SdGridMaterialModule,\r\n    SdUploadExcelModule,\r\n    SdGridModule,\r\n    SdFormModule,\r\n    SdTableModule,\r\n    SdServiceModule\r\n  ],\r\n  declarations: [\r\n  ],\r\n  exports: [\r\n    SdChartModule,\r\n    SdKonvaModule,\r\n    SdGridMaterialModule,\r\n    SdEditorModule,\r\n    SdUploadExcelModule,\r\n    SdGridModule,\r\n    SdFormModule,\r\n    SdTableModule,\r\n    SdServiceModule,\r\n    MaterialModule,\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdCoreModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAkEa,cAAc;;;YA5C1B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,gBAAgB;oBAChB,kBAAkB;oBAClB,cAAc;oBACd,eAAe;oBACf,qBAAqB;oBACrB,iBAAiB;oBACjB,oBAAoB;oBACpB,cAAc;oBACd,aAAa;oBACb,aAAa;oBACb,cAAc;oBACd,eAAe;oBACf,eAAe;oBACf,oBAAoB;oBACpB,wBAAwB;oBACxB,cAAc;oBACd,kBAAkB;oBAClB,aAAa;oBACb,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,gBAAgB;oBAChB,kBAAkB;oBAClB,cAAc;oBACd,eAAe;oBACf,qBAAqB;oBACrB,iBAAiB;oBACjB,oBAAoB;oBACpB,cAAc;oBACd,aAAa;oBACb,aAAa;oBACb,cAAc;oBACd,eAAe;oBACf,eAAe;oBACf,oBAAoB;oBACpB,wBAAwB;oBACxB,cAAc;oBACd,kBAAkB;oBAClB,aAAa;oBACb,kBAAkB;iBACnB;aACF;;;MCrBY,YAAY;;;YA9BxB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;oBACd,aAAa;oBACb,aAAa;oBACb,oBAAoB;oBACpB,mBAAmB;oBACnB,YAAY;oBACZ,YAAY;oBACZ,aAAa;oBACb,eAAe;iBAChB;gBACD,YAAY,EAAE,EACb;gBACD,OAAO,EAAE;oBACP,aAAa;oBACb,aAAa;oBACb,oBAAoB;oBACpB,cAAc;oBACd,mBAAmB;oBACnB,YAAY;oBACZ,YAAY;oBACZ,aAAa;oBACb,eAAe;oBACf,cAAc;iBACf;gBACD,SAAS,EAAE,EACV;aACF;;;AC3CD;;;;;;"}
+{"version":3,"file":"sd-angular-core.js","sources":["../../../../projects/sd-core/src/lib/material.module.ts","../../../../projects/sd-core/src/lib/core.module.ts","../../../../projects/sd-core/src/sd-angular-core.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\n\r\n@NgModule({\r\n  imports: [\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatAutocompleteModule,\r\n    MatCheckboxModule,\r\n    MatSlideToggleModule,\r\n    MatRadioModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatChipsModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatBottomSheetModule,\r\n    MatProgressSpinnerModule,\r\n    DragDropModule,\r\n    MatExpansionModule,\r\n    MatTabsModule,\r\n    MatPaginatorModule\r\n  ],\r\n  exports: [\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatAutocompleteModule,\r\n    MatCheckboxModule,\r\n    MatSlideToggleModule,\r\n    MatRadioModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatChipsModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatBottomSheetModule,\r\n    MatProgressSpinnerModule,\r\n    DragDropModule,\r\n    MatExpansionModule,\r\n    MatTabsModule,\r\n    MatPaginatorModule\r\n  ]\r\n})\r\nexport class MaterialModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MaterialModule } from './material.module';\r\n\r\nimport { SdServiceModule } from '@sd-angular/core/service';\r\nimport { SdChartModule } from '@sd-angular/core/chart';\r\nimport { SdGridMaterialModule } from '@sd-angular/core/grid-material';\r\nimport { SdEditorModule } from '@sd-angular/core/editor';\r\nimport { SdKonvaModule } from '@sd-angular/core/konva';\r\nimport { SdUploadExcelModule } from '@sd-angular/core/upload-excel';\r\nimport { SdGridModule } from '@sd-angular/core/grid';\r\nimport { SdFormModule } from '@sd-angular/core/form';\r\nimport { SdTableModule } from '@sd-angular/core/table';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MaterialModule,\r\n    SdChartModule,\r\n    SdKonvaModule,\r\n    SdGridMaterialModule,\r\n    SdUploadExcelModule,\r\n    SdGridModule,\r\n    SdFormModule,\r\n    SdTableModule,\r\n    SdServiceModule\r\n  ],\r\n  declarations: [\r\n  ],\r\n  exports: [\r\n    SdChartModule,\r\n    SdKonvaModule,\r\n    SdGridMaterialModule,\r\n    SdEditorModule,\r\n    SdUploadExcelModule,\r\n    SdGridModule,\r\n    SdFormModule,\r\n    SdTableModule,\r\n    SdServiceModule,\r\n    MaterialModule,\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdCoreModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAkEa,cAAc;;;YA5C1B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,gBAAgB;oBAChB,kBAAkB;oBAClB,cAAc;oBACd,eAAe;oBACf,qBAAqB;oBACrB,iBAAiB;oBACjB,oBAAoB;oBACpB,cAAc;oBACd,aAAa;oBACb,aAAa;oBACb,cAAc;oBACd,eAAe;oBACf,eAAe;oBACf,oBAAoB;oBACpB,wBAAwB;oBACxB,cAAc;oBACd,kBAAkB;oBAClB,aAAa;oBACb,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,gBAAgB;oBAChB,kBAAkB;oBAClB,cAAc;oBACd,eAAe;oBACf,qBAAqB;oBACrB,iBAAiB;oBACjB,oBAAoB;oBACpB,cAAc;oBACd,aAAa;oBACb,aAAa;oBACb,cAAc;oBACd,eAAe;oBACf,eAAe;oBACf,oBAAoB;oBACpB,wBAAwB;oBACxB,cAAc;oBACd,kBAAkB;oBAClB,aAAa;oBACb,kBAAkB;iBACnB;aACF;;;MCrBY,YAAY;;;YA9BxB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;oBACd,aAAa;oBACb,aAAa;oBACb,oBAAoB;oBACpB,mBAAmB;oBACnB,YAAY;oBACZ,YAAY;oBACZ,aAAa;oBACb,eAAe;iBAChB;gBACD,YAAY,EAAE,EACb;gBACD,OAAO,EAAE;oBACP,aAAa;oBACb,aAAa;oBACb,oBAAoB;oBACpB,cAAc;oBACd,mBAAmB;oBACnB,YAAY;oBACZ,YAAY;oBACZ,aAAa;oBACb,eAAe;oBACf,cAAc;iBACf;gBACD,SAAS,EAAE,EACV;aACF;;;AC3CD;;;;;;"}

package/form/sd-angular-core-form.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":32,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":33,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":34,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/side-drawer","name":"SdSideDrawerModule","line":35,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/label","name":"SdLabelModule","line":36,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/upload-file","name":"SdUploadFileModule","line":37,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-range","name":"SdDateRangeModule","line":38,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-time","name":"SdDateTimeModule","line":39,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/time","name":"SdTimeModule","line":40,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":41,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/autocomplete","name":"SdAutocompleteModule","line":42,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":43,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-currency","name":"SdInputCurrencyModule","line":44,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-number","name":"SdInputNumberModule","line":45,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select","name":"SdSelectModule","line":46,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select-editor","name":"SdSelectEditorModule","line":47,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":48,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/switch","name":"SdSwitchModule","line":49,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/radio","name":"SdRadioModule","line":50,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/chip","name":"SdChipModule","line":51,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":52,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/checkbox","name":"SdCheckboxModule","line":53,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":54,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/quick-action","name":"SdQuickActionModule","line":55,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/badge","name":"SdBadgeModule","line":56,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/timeline","name":"SdTimelineModule","line":57,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal-resizable","name":"SdModalResizableModule","line":58,"character":4}],"declarations":[],"providers":[],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":66,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":67,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":68,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/side-drawer","name":"SdSideDrawerModule","line":69,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/label","name":"SdLabelModule","line":70,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/upload-file","name":"SdUploadFileModule","line":71,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-range","name":"SdDateRangeModule","line":72,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-time","name":"SdDateTimeModule","line":73,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/time","name":"SdTimeModule","line":74,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":75,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/autocomplete","name":"SdAutocompleteModule","line":76,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":77,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-currency","name":"SdInputCurrencyModule","line":78,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-number","name":"SdInputNumberModule","line":79,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select","name":"SdSelectModule","line":80,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select-editor","name":"SdSelectEditorModule","line":81,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":82,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/switch","name":"SdSwitchModule","line":83,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/radio","name":"SdRadioModule","line":84,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/chip","name":"SdChipModule","line":85,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":86,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/checkbox","name":"SdCheckboxModule","line":87,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":88,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/quick-action","name":"SdQuickActionModule","line":89,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/badge","name":"SdBadgeModule","line":90,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/timeline","name":"SdTimelineModule","line":91,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal-resizable","name":"SdModalResizableModule","line":92,"character":4}]}]}],"members":{}}},"origins":{"SdFormModule":"./src/lib/form.module"},"importAs":"@sd-angular/core/form"}
+{"__symbolic":"module","version":4,"metadata":{"SdFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":35,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":36,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":37,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/side-drawer","name":"SdSideDrawerModule","line":38,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/label","name":"SdLabelModule","line":39,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/upload-file","name":"SdUploadFileModule","line":40,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date","name":"SdDateModule","line":41,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/month","name":"SdMonthModule","line":42,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-full","name":"SdDateFullModule","line":43,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-range","name":"SdDateRangeModule","line":44,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-time","name":"SdDateTimeModule","line":45,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/time","name":"SdTimeModule","line":46,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":47,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/autocomplete","name":"SdAutocompleteModule","line":48,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":49,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-currency","name":"SdInputCurrencyModule","line":50,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-number","name":"SdInputNumberModule","line":51,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select","name":"SdSelectModule","line":52,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select-editor","name":"SdSelectEditorModule","line":53,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":54,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/switch","name":"SdSwitchModule","line":55,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/radio","name":"SdRadioModule","line":56,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/chip","name":"SdChipModule","line":57,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":58,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/checkbox","name":"SdCheckboxModule","line":59,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":60,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/quick-action","name":"SdQuickActionModule","line":61,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/badge","name":"SdBadgeModule","line":62,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/timeline","name":"SdTimelineModule","line":63,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal-resizable","name":"SdModalResizableModule","line":64,"character":4}],"declarations":[],"providers":[],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":72,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":73,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":74,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/side-drawer","name":"SdSideDrawerModule","line":75,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/label","name":"SdLabelModule","line":76,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/upload-file","name":"SdUploadFileModule","line":77,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-range","name":"SdDateRangeModule","line":78,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date","name":"SdDateModule","line":79,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/month","name":"SdMonthModule","line":80,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-full","name":"SdDateFullModule","line":81,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/date-time","name":"SdDateTimeModule","line":82,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/time","name":"SdTimeModule","line":83,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":84,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/autocomplete","name":"SdAutocompleteModule","line":85,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":86,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-currency","name":"SdInputCurrencyModule","line":87,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input-number","name":"SdInputNumberModule","line":88,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select","name":"SdSelectModule","line":89,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/select-editor","name":"SdSelectEditorModule","line":90,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":91,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/switch","name":"SdSwitchModule","line":92,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/radio","name":"SdRadioModule","line":93,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/chip","name":"SdChipModule","line":94,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":95,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/checkbox","name":"SdCheckboxModule","line":96,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":97,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/quick-action","name":"SdQuickActionModule","line":98,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/badge","name":"SdBadgeModule","line":99,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/timeline","name":"SdTimelineModule","line":100,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal-resizable","name":"SdModalResizableModule","line":101,"character":4}]}]}],"members":{}}},"origins":{"SdFormModule":"./src/lib/form.module"},"importAs":"@sd-angular/core/form"}

package/input-number/sd-angular-core-input-number.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdInputNumberModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SdInputNumber"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":23,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/popover","name":"SdPopoverModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"SdInputNumber"}]}]}],"members":{}},"SdInputNumber":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"sd-input-number","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":43,"character":19},"member":"OnPush"},"template":"<ng-container *ngIf=\"!appearance && sdLabelDef?.templateRef\">\r\n  <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\">\r\n  </ng-container>\r\n</ng-container>\r\n<label *ngIf=\"!appearance && label && !sdLabelDef?.templateRef\" class=\"d-block mb-0 T14M\">{{label}} <span class=\"text-danger mb-2\"\r\n    *ngIf=\"isRequired\">*</span></label>\r\n<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n  [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n  <ng-container *ngIf=\"sdView?.templateRef && !isFocused; else default\">\r\n    <ng-container *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value }\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <mat-form-field class=\"sd-md\" [ngClass]=\"{ 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n      [appearance]=\"appearance || 'outline'\">\r\n      <mat-label *ngIf=\"appearance && label\">{{label}}</mat-label>\r\n      <input aria-hidden=\"true\" [id]=\"id\" [formControl]=\"inputControl\" #control matInput\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\" [errorStateMatcher]=\"matcher\"\r\n        (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keydown)=\"onKeydown($event)\"\r\n        [required]=\"isRequired\" [readonly]=\"isReadonly\" [autocomplete]=\"id\" (paste)=\"onPaste($event)\" autocorrect=\"off\"\r\n        [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\"\r\n        [sdPopoverTriggerFor]=\"null\" [sdPopoverDisabled]=\"!disableErrorMessage || formControl.valid\">\r\n      <ng-container *ngIf=\"sdSuffix?.templateRef\" matSuffix>\r\n        <ng-container *ngTemplateOutlet=\"sdSuffix.templateRef\">\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-content select=\"[sdSuffixIcon]\" matSuffix></ng-content>\r\n      <svg \r\n        #copyTooltip=\"matTooltip\" \r\n        *ngIf=\"copyable\" \r\n        matSuffix \r\n        [matTooltip]=\"copied ? 'Copied' : 'Copy'\" \r\n        class=\"icon-copy\" \r\n        focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" \r\n        (click)=\"onCopyText()\">\r\n        <path d=\"M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z\"></path>\r\n      </svg>\r\n      <mat-error *ngIf=\"formControl?.errors?.required\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.min\">        \r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{'Không nhập bé hơn '}} <strong>{{minNumber}}</strong></ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.max\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{'Không nhập lớn hơn '}} <strong>{{maxNumber}}</strong></ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.customValidator\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{formControl.errors?.customValidator}}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.inlineError\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{inlineError}}</ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>\r\n<!-- <sd-popover #error=\"sdPopover\" type=\"danger\" width=\"300px\">\r\n  <span *ngIf=\"formControl.errors?.required\">\r\n    {{ \"This field is required\" | sdTranslate }}\r\n  </span>\r\n  <span *ngIf=\"formControl.errors?.customValidator\">\r\n    {{formControl.errors?.customValidator}}\r\n  </span>\r\n</sd-popover> -->","styles":[":host ::ng-deep .mat-form-field.sd-form-tooltip{width:calc(100% - 30px)}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}:host ::ng-deep .mat-form-field:hover .icon-copy{opacity:1}:host ::ng-deep .mat-form-field .icon-copy{cursor:pointer;fill:rgba(0,0,0,.5);height:.9em;opacity:0;transition:opacity .2s linear;width:.9em}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd-tooltip{display:inline-block;margin:auto;text-align:center;width:30px}:host{display:block;padding-top:5px}.sd-md:hover .btn-copy{visibility:visible}.btn-copy{background:#e9e9e9!important;font-size:12px;line-height:26px!important;margin-bottom:3px;visibility:hidden}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"_label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["label"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"_disableErrorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["disableErrorMessage"]}]}],"_blurOnEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["blurOnEnter"]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":101,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"precision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"validator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"_inlineError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["inlineError"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3}}]}],"copyTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":153,"character":3},"arguments":["copyTooltip"]}]}],"_copyable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3},"arguments":["copyable"]}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"sdFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":161,"character":3}}]}],"sdBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"sdFocusForceBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":163,"character":3}}]}],"keyupEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":3}}]}],"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":166,"character":3},"arguments":["control"]}]}],"sdView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":172,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdViewDefDirective","line":172,"character":16}]}]}],"sdSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":173,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdSuffixDirective","line":173,"character":16}]}]}],"sdLabelDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":174,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdLabelDefDirective","line":174,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":178,"character":5},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"FORM_CONFIG","line":178,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":178,"character":26}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":177,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"IFormConfiguration","line":178,"character":57}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"customInlineErrorValidator":[{"__symbolic":"method"}],"onPaste":[{"__symbolic":"method"}],"onCopyText":[{"__symbolic":"method"}]}}},"origins":{"SdInputNumberModule":"./src/lib/input-number.module","SdInputNumber":"./src/lib/input-number.component"},"importAs":"@sd-angular/core/input-number"}
+{"__symbolic":"module","version":4,"metadata":{"SdInputNumberModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SdInputNumber"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":24,"character":4}],"exports":[{"__symbolic":"reference","name":"SdInputNumber"}]}]}],"members":{}},"SdInputNumber":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"sd-input-number","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":43,"character":19},"member":"OnPush"},"template":"<ng-container *ngIf=\"!appearance && sdLabelDef?.templateRef\">\r\n  <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\">\r\n  </ng-container>\r\n</ng-container>\r\n<label *ngIf=\"!appearance && label && !sdLabelDef?.templateRef\" class=\"d-block mb-0 T14M\">{{label}} <span class=\"text-danger mb-2\"\r\n    *ngIf=\"isRequired\">*</span></label>\r\n<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n  [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n  <ng-container *ngIf=\"sdView?.templateRef && !isFocused; else default\">\r\n    <ng-container *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value }\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <mat-form-field class=\"sd-md\" [ngClass]=\"{ 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n      [appearance]=\"appearance || 'outline'\">\r\n      <mat-label *ngIf=\"appearance && label\">{{label}}</mat-label>\r\n      <input aria-hidden=\"true\" [id]=\"id\" [formControl]=\"inputControl\" #control matInput\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\" [errorStateMatcher]=\"matcher\"\r\n        (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keydown)=\"onKeydown($event)\"\r\n        [required]=\"isRequired\" [readonly]=\"isReadonly\" [autocomplete]=\"id\" (paste)=\"onPaste($event)\" autocorrect=\"off\"\r\n        [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\">\r\n      <ng-container *ngIf=\"sdSuffix?.templateRef\" matSuffix>\r\n        <ng-container *ngTemplateOutlet=\"sdSuffix.templateRef\">\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-content select=\"[sdSuffixIcon]\" matSuffix></ng-content>\r\n      <svg \r\n        #copyTooltip=\"matTooltip\" \r\n        *ngIf=\"copyable\" \r\n        matSuffix \r\n        [matTooltip]=\"copied ? 'Copied' : 'Copy'\" \r\n        class=\"icon-copy\" \r\n        focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" \r\n        (click)=\"onCopyText()\">\r\n        <path d=\"M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z\"></path>\r\n      </svg>\r\n      <mat-error *ngIf=\"formControl?.errors?.required\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.min\">        \r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{'Không nhập bé hơn '}} <strong>{{minNumber}}</strong></ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.max\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{'Không nhập lớn hơn '}} <strong>{{maxNumber}}</strong></ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.customValidator\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{formControl.errors?.customValidator}}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.inlineError\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{inlineError}}</ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>\r\n<!-- <sd-popover #error=\"sdPopover\" type=\"danger\" width=\"300px\">\r\n  <span *ngIf=\"formControl.errors?.required\">\r\n    {{ \"This field is required\" | sdTranslate }}\r\n  </span>\r\n  <span *ngIf=\"formControl.errors?.customValidator\">\r\n    {{formControl.errors?.customValidator}}\r\n  </span>\r\n</sd-popover> -->","styles":[":host ::ng-deep .mat-form-field.sd-form-tooltip{width:calc(100% - 30px)}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}:host ::ng-deep .mat-form-field:hover .icon-copy{opacity:1}:host ::ng-deep .mat-form-field .icon-copy{cursor:pointer;fill:rgba(0,0,0,.5);height:.9em;opacity:0;transition:opacity .2s linear;width:.9em}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd-tooltip{display:inline-block;margin:auto;text-align:center;width:30px}:host{display:block;padding-top:5px}.sd-md:hover .btn-copy{visibility:visible}.btn-copy{background:#e9e9e9!important;font-size:12px;line-height:26px!important;margin-bottom:3px;visibility:hidden}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"_label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["label"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"_disableErrorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["disableErrorMessage"]}]}],"_blurOnEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["blurOnEnter"]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":101,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"precision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"validator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"_inlineError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["inlineError"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3}}]}],"copyTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":153,"character":3},"arguments":["copyTooltip"]}]}],"_copyable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3},"arguments":["copyable"]}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"sdFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":161,"character":3}}]}],"sdBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"sdFocusForceBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":163,"character":3}}]}],"keyupEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":3}}]}],"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":166,"character":3},"arguments":["control"]}]}],"sdView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":172,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdViewDefDirective","line":172,"character":16}]}]}],"sdSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":173,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdSuffixDirective","line":173,"character":16}]}]}],"sdLabelDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":174,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdLabelDefDirective","line":174,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":178,"character":5},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"FORM_CONFIG","line":178,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":178,"character":26}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":177,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"IFormConfiguration","line":178,"character":57}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"customInlineErrorValidator":[{"__symbolic":"method"}],"onPaste":[{"__symbolic":"method"}],"onCopyText":[{"__symbolic":"method"}]}}},"origins":{"SdInputNumberModule":"./src/lib/input-number.module","SdInputNumber":"./src/lib/input-number.component"},"importAs":"@sd-angular/core/input-number"}