npm - @sd-angular/core - Versions diffs - 1.3.230 → 1.3.232 - Mend

@sd-angular/core 1.3.230 → 1.3.232

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/bundles/sd-angular-core-date-time.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/datepicker"),require("@angular-material-components/datetime-picker"),require("uuid"),require("object-hash"),require("moment"),require("ngx-device-detector"),require("@angular/material/core"),require("rxjs"),require("@sd-angular/core/common"),require("@sd-angular/core/translate"),require("@angular/material/input"),require("@angular-material-components/moment-adapter"),require("@angular/material-moment-adapter"),require("@angular/material/icon"),require("@sd-angular/core/popover"),require("ngx-material-timepicker"),require("@sd-angular/core/button")):"function"==typeof define&&define.amd?define("@sd-angular/core/date-time",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/datepicker","@angular-material-components/datetime-picker","uuid","object-hash","moment","ngx-device-detector","@angular/material/core","rxjs","@sd-angular/core/common","@sd-angular/core/translate","@angular/material/input","@angular-material-components/moment-adapter","@angular/material-moment-adapter","@angular/material/icon","@sd-angular/core/popover","ngx-material-timepicker","@sd-angular/core/button"],e):e(((r="undefined"!=typeof globalThis?globalThis:r||self)["sd-angular"]=r["sd-angular"]||{},r["sd-angular"].core=r["sd-angular"].core||{},r["sd-angular"].core["date-time"]={}),r.ng.core,r.ng.common,r.ng.forms,r.ng.material.formField,r.ng.material.datepicker,r["@angular-material-components/datetime-picker"],r.uuid,r.hash,r.moment,r["ngx-device-detector"],r.ng.material.core,r.rxjs,r["sd-angular"].core.common,r["sd-angular"].core.translate,r.ng.material.input,r["@angular-material-components/moment-adapter"],r.ng.materialMomentAdapter,r.ng.material.icon,r["sd-angular"].core.popover,r.ngxMaterialTimepicker,r["sd-angular"].core.button)}(this,(function(r,e,n,t,o,a,i,l,s,d,m,c,u,f,p,g,h,b,y,M,C,v){"use strict";function I(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var k=I(s),x=I(d);Object.create;var D,E,T,P;Object.create;function q(r,e,n,t){if("a"===n&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?r!==e||!t:!e.has(r))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?t:"a"===n?t.call(r):t?t.value:e.get(r)}function w(r,e,n,t,o){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?r!==e||!o:!e.has(r))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?o.call(r,n):o?o.value=n:e.set(r,n),n}var V={parse:{dateInput:"DD/MM/YYYY"},display:{dateInput:"DD/MM/YYYY",monthYearLabel:"MMM YYYY",dateA11yLabel:"LL",monthYearA11yLabel:"MMMM YYYY"}},Y={parse:{dateInput:"DD/MM/YYYY HH:mm"},display:{dateInput:"DD/MM/YYYY HH:mm",monthYearLabel:"MMM YYYY",dateA11yLabel:"LL",monthYearA11yLabel:"MMMM YYYY"}},F=function(){function r(r,n,t){var o=this;this.ref=r,this.formConfig=t,this.id="I"+l.v4(),this.isMobileOrTablet=!1,D.set(this,void 0),E.set(this,l.v4()),this.disableErrorMessage=!1,this.formControl=new f.SdFormControl,T.set(this,void 0),this.type="datetime",this.required=!1,this.sdChange=new e.EventEmitter,this.sdFocus=new e.EventEmitter,this.modelChange=new e.EventEmitter,P.set(this,new u.Subscription),this.isFocused=!1,this.onFocus=function(){o.isFocused=!0,o.sdFocus.emit()},this.onBlur=function(){o.isFocused=!1},this.onClick=function(){var r;(null===(r=o.sdView)||void 0===r?void 0:r.templateRef)&&(o.formControl.disabled||o.isFocused||o.focus())},this.blur=function(){var r,e;null===(e=null===(r=o.input)||void 0===r?void 0:r.nativeElement)||void 0===e||e.blur()},this.focus=function(){o.isFocused=!0,setTimeout((function(){var r,e,n,t;null===(e=null===(r=o.input)||void 0===r?void 0:r.nativeElement)||void 0===e||e.focus(),"date"===o.type?null===(n=o.datePicker)||void 0===n||n.open():null===(t=o.dateTimePicker)||void 0===t||t.open()}),100)},this.onKeyDown=function(r){var e=r.keyCode||r.charCode,n=!1;return 16==e&&(n=!0),(e>=48&&e<=57||8==e||e<=37||e<=39||e>=96&&e<=105||191==e||186==e||59==e)&&0==n},this.onKeyup=function(r){var e=r.target.value,n=o.formControl,t=/^([1-9]|([012][0-9])|(3[01]))\/([0]{0,1}[1-9]|1[012])\/\d\d\d\d$/g;"datetime"!==o.type&&"time"!==o.type||(t=/^([1-9]|([012][0-9])|(3[01]))\/([0]{0,1}[1-9]|1[012])\/\d\d\d\d [012]{0,1}[0-9]:[0-6][0-9]$/g),"month"===o.type&&(t=/^([0]{0,1}[1-9]|1[012])\/\d\d\d\d [012]{0,1}[0-9]:[0-6][0-9]$/g);var a="date"===o.type?"dd/MM/yyyy":"dd/MM/yyyy HH:mm";e&&!t.test(e)?setTimeout((function(){o.isValid=!0,n.markAsDirty(),n.markAsTouched(),n.setErrors(Object.assign(Object.assign({},n.errors),{date:"Chưa đúng định dạng "+a}))}),0):setTimeout((function(){o.isValid=!1,n.setErrors(Object.assign(Object.assign({},n.errors),{date:null})),o.formControl.updateValueAndValidity()}),0)},this.onChange=function(r){var e,n,t,a=null===(e=r.value)||void 0===e?void 0:e.toDate();o.dateTimePicker||null===(t=null===(n=o.input)||void 0===n?void 0:n.nativeElement)||void 0===t||t.focus(),o.isValid?(o.isValid=!1,o.formControl.setValue(null),o.modelChange.emit(null),o.sdChange.emit(null)):new Date(q(o,D))!==a&&(o.modelChange.emit(a),o.sdChange.emit(a))},this.timeChanged=function(r){var e=r;o.formControl.setValue(e),o.modelChange.emit(e),o.sdChange.emit(e)},this.clear=function(r){null==r||r.stopPropagation(),o.formControl.value&&(o.formControl.setValue(null),o.modelChange.emit(null),o.sdChange.emit(null))},this.setMonthAndYear=function(r,e){var n=o.formControl.value||x.default();n.month(r.month()),n.year(r.year()),o.formControl.setValue(n),e.close(),o.modelChange.emit(n),o.sdChange.emit(n)},this.isMobileOrTablet=!n.isDesktop()}return Object.defineProperty(r.prototype,"name",{set:function(r){r&&w(this,E,r)},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_disableErrorMessage",{set:function(r){this.disableErrorMessage=""===r||r,r=""===r||r},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_min",{set:function(r){Date.isDate(r)?this.min=new Date(r):this.min=null},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_max",{set:function(r){Date.isDate(r)?this.max=new Date(r):this.max=null},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"form",{set:function(r){r&&(r instanceof t.NgForm?w(this,T,r.form):w(this,T,r))},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_type",{set:function(r){this.type=r||"datetime"},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"disabled",{set:function(r){(r=""===r||r)?this.formControl.disable():this.formControl.enable()},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_required",{set:function(r){this.required=""===r||r,this.required?this.formControl.setValidators([t.Validators.required]):this.formControl.clearValidators()},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_inlineError",{set:function(r){this.inlineError=r,this.inlineError?(this.formControl.setValidators([this.customInlineErrorValidator()]),this.formControl.updateValueAndValidity()):(this.formControl.clearValidators(),this.formControl.updateValueAndValidity())},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_label",{set:function(r){this.label=r,this.qcId=k.default({selector:"sd-date-time",label:r})},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"minDate",{set:function(r){Date.isDate(r)?this.min=new Date(r):this.min=null},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"maxDate",{set:function(r){Date.isDate(r)?this.max=new Date(r):this.max=null},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"model",{set:function(r){if(Date.isDate(r)||(r=null),q(this,D)!==r){w(this,D,r);var e=Date.isDate(q(this,D))?x.default(Date.toFormat(q(this,D),"MM/dd/yyyy HH:mm:ss"),"MM/DD/YYYY HH:mm:ss"):null;this.formControl.setValue(e)}},enumerable:!1,configurable:!0}),r.prototype.ngOnDestroy=function(){var r;null===(r=q(this,T))||void 0===r||r.removeControl(q(this,E)),q(this,P).unsubscribe()},r.prototype.ngOnInit=function(){var r,e,n=this;this.maxlength="datetime"===this.type?16:10,this.appearance=this.appearance||(null===(r=this.formConfig)||void 0===r?void 0:r.appearance),q(this,P).add(this.formControl.sdChanges.subscribe((function(){n.ref.markForCheck()}))),null===(e=q(this,T))||void 0===e||e.addControl(q(this,E),this.formControl)},r.prototype.customInlineErrorValidator=function(){return function(r){return{inlineError:!0}}},r.prototype.ngAfterViewInit=function(){},r.prototype.focusInputElement=function(){var r,e;null===(e=null===(r=this.input)||void 0===r?void 0:r.nativeElement)||void 0===e||e.focus()},r}();D=new WeakMap,E=new WeakMap,T=new WeakMap,P=new WeakMap,F.decorators=[{type:e.Component,args:[{selector:"sd-date-time",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 && !dateTimePicker?.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      *ngIf="type === \'datetime\'"\r\n      class="sd-md"\r\n      [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\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        [ngxMatDatetimePicker]="picker1"\r\n        [placeholder]="placeholder || (appearance ? label : \'\')"\r\n        [min]="min"\r\n        [required]="required"\r\n        [max]="max"\r\n        (focus)="onFocus()"\r\n        (blur)="onBlur()"\r\n        [attr.data-qclabel]="label"\r\n        [attr.data-qcid]="qcId"\r\n        [sdPopoverTriggerFor]="null"\r\n        [sdPopoverDisabled]="!disableErrorMessage || formControl.valid"\r\n        #input\r\n        [maxLength]="maxlength" />\r\n      \x3c!-- <mat-icon class="pointer sd-suffix-icon" (click)="!formControl?.disabled && picker1.open()" matSuffix>today\r\n      </mat-icon> --\x3e\r\n      <ng-content select="[sdSuffixIcon]" matSuffix></ng-content>\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-datepicker-toggle matSuffix [for]="picker1"> </mat-datepicker-toggle>\r\n      <ngx-mat-datetime-picker\r\n        #picker1\r\n        [defaultTime]="defaultTime"\r\n        [touchUi]="isMobileOrTablet"\r\n        [showSpinners]="false"\r\n        (opened)="onFocus()"\r\n        (closed)="onBlur(); focusInputElement()">\r\n      </ngx-mat-datetime-picker>\r\n\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?.matDatetimePickerMin && formControl?.touched && !isFocused">\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?.matDatetimePickerMax && formControl?.touched && !isFocused">\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 && !isFocused">\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?.date && formControl?.touched && !disableErrorMessage">\r\n        <ng-container *ngIf="!disableErrorMessage">{{ formControl?.errors?.date }} </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    <mat-form-field\r\n      *ngIf="type === \'date\'"\r\n      class="sd-md"\r\n      [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\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]="picker2"\r\n        [placeholder]="placeholder || (appearance ? label : \'\')"\r\n        [min]="min"\r\n        [max]="max"\r\n        (focus)="onFocus()"\r\n        (blur)="onBlur()"\r\n        [attr.data-qclabel]="label"\r\n        [attr.data-qcid]="qcId"\r\n        [sdPopoverTriggerFor]="null"\r\n        [sdPopoverDisabled]="!disableErrorMessage || formControl.valid"\r\n        #input\r\n        [maxLength]="maxlength" />\r\n      <ng-content select="[sdSuffixIcon]" matSuffix></ng-content>\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\r\n      <mat-icon class="pointer sd-suffix-icon" (click)="!formControl?.disabled && picker2.open()" #btn matSuffix>today </mat-icon>\r\n\r\n      <mat-datepicker #picker2 [touchUi]="isMobileOrTablet"></mat-datepicker>\r\n\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 && !isFocused">\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 && !isFocused">\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 && !isFocused">\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?.date && formControl?.touched && !disableErrorMessage">\r\n        <ng-container *ngIf="!disableErrorMessage">{{ formControl?.errors?.date }} </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\r\n    <mat-form-field\r\n      *ngIf="type === \'month\'"\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]="pickerMonth"\r\n        [placeholder]="placeholder || (appearance ? label : \'\')"\r\n        [min]="min"\r\n        [max]="max"\r\n        (focus)="onFocus()"\r\n        (blur)="onBlur()"\r\n        [sdPopoverTriggerFor]="null"\r\n        [sdPopoverDisabled]="!disableErrorMessage || formControl.valid"\r\n        #input />\r\n\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 && pickerMonth.open()" #btn matSuffix> today </mat-icon>\r\n\r\n      <mat-datepicker\r\n        #pickerMonth\r\n        [touchUi]="isMobileOrTablet"\r\n        startView="multi-year"\r\n        (monthSelected)="setMonthAndYear($event, pickerMonth)"></mat-datepicker>\r\n\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\r\n    <ng-container *ngIf="type === \'time\'">\r\n      <mat-form-field [appearance]="appearance || \'outline\'" class="sd-md pt-5">\r\n        <mat-label *ngIf="appearance && label">{{ label }}</mat-label>\r\n        <input\r\n          [ngxTimepicker]="openingTime"\r\n          aria-hidden="true"\r\n          [id]="id"\r\n          matInput\r\n          (keyup)="onKeyup($event)"\r\n          (keydown)="onKeyDown($event)"\r\n          [autocomplete]="id"\r\n          autocorrect="off"\r\n          [formControl]="formControl"\r\n          [required]="required"\r\n          [placeholder]="placeholder || (appearance ? label : \'\')"\r\n          [min]="min"\r\n          [max]="max"\r\n          (focus)="onFocus()"\r\n          (blur)="onBlur()"\r\n          [attr.data-qclabel]="label"\r\n          [attr.data-qcid]="qcId"\r\n          #input\r\n          [format]="24" />\r\n\r\n        <ngx-material-timepicker\r\n          #openingTime\r\n          [defaultTime]="defaultTime"\r\n          (timeChanged)="timeChanged($event)"\r\n          [enableKeyboardInput]="true"\r\n          [cancelBtnTmpl]="cancelBtn"\r\n          [confirmBtnTmpl]="confirmBtn"></ngx-material-timepicker>\r\n\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?.inlineError && formControl?.touched">\r\n          <ng-container *ngIf="!disableErrorMessage">{{ inlineError }}</ng-container>\r\n        </mat-error>\r\n      </mat-form-field>\r\n\r\n      <ng-template #cancelBtn>\r\n        <sd-button title="{{ \'Cancel\' | sdTranslate }}" size="sm"></sd-button>\r\n      </ng-template>\r\n      <ng-template #confirmBtn>\r\n        <sd-button class="ml-8" title="{{ \'Apply\' | sdTranslate }}" color="primary" size="sm"></sd-button>\r\n      </ng-template>\r\n    </ng-container>\r\n  </ng-template>\r\n</div>\r\n\x3c!-- <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?.matDatetimePickerMin">\r\n    {{ "Min date" | sdTranslate }}:\r\n    <strong>{{ min | date: "dd/MM/yyyy HH:mm" }}</strong>\r\n  </span>\r\n  <span *ngIf="formControl?.errors?.matDatetimePickerMax">\r\n    {{ "Max date" | sdTranslate }}:\r\n    <strong>{{ max | date: "dd/MM/yyyy HH:mm" }}</strong>\r\n  </span>\r\n  <span *ngIf="formControl?.errors?.matDatetimePickerParse">\r\n    {{ "Parse error" | sdTranslate }}:\r\n    <strong>{{ formControl?.errors?.matDatetimePickerParse?.text }}</strong>\r\n  </span>\r\n  <span *ngIf="formControl?.errors?.customValidator">\r\n    {{ formControl?.errors?.customValidator }}\r\n  </span>\r\n</sd-popover> --\x3e\r\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[{provide:c.MAT_DATE_FORMATS,useValue:V},{provide:i.NGX_MAT_DATE_FORMATS,useValue:Y}],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}"]}]}],F.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:m.DeviceDetectorService},{type:void 0,decorators:[{type:e.Inject,args:[f.FORM_CONFIG]},{type:e.Optional}]}]},F.propDecorators={name:[{type:e.Input}],appearance:[{type:e.Input}],_disableErrorMessage:[{type:e.Input,args:["disableErrorMessage"]}],_min:[{type:e.Input,args:["min"]}],_max:[{type:e.Input,args:["max"]}],size:[{type:e.Input}],form:[{type:e.Input}],_type:[{type:e.Input,args:["type"]}],disabled:[{type:e.Input}],_required:[{type:e.Input,args:["required"]}],_inlineError:[{type:e.Input,args:["inlineError"]}],_label:[{type:e.Input,args:["label"]}],placeholder:[{type:e.Input}],defaultTime:[{type:e.Input}],minDate:[{type:e.Input}],maxDate:[{type:e.Input}],validator:[{type:e.Input}],sdChange:[{type:e.Output}],sdFocus:[{type:e.Output}],model:[{type:e.Input}],modelChange:[{type:e.Output}],sdView:[{type:e.ContentChild,args:[f.SdViewDefDirective]}],sdLabelDef:[{type:e.ContentChild,args:[f.SdLabelDefDirective]}],input:[{type:e.ViewChild,args:["input"]}],datePicker:[{type:e.ViewChild,args:[a.MatDatepicker]}],dateTimePicker:[{type:e.ViewChild,args:[i.NgxMatDatetimePicker]}]};var O=function(){};O.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,t.FormsModule,t.ReactiveFormsModule,g.MatInputModule,y.MatIconModule,o.MatFormFieldModule,a.MatDatepickerModule,b.MatMomentDateModule,i.NgxMatDatetimePickerModule,i.NgxMatTimepickerModule,h.NgxMatMomentModule,p.SdTranslateModule,f.SdCommonModule,M.SdPopoverModule,C.NgxMaterialTimepickerModule,v.SdButtonModule],declarations:[F],exports:[f.SdCommonModule,F],providers:[]}]}],r.SdDateTime=F,r.SdDateTimeModule=O,Object.defineProperty(r,"__esModule",{value:!0})}));
+!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/datepicker"),require("@angular-material-components/datetime-picker"),require("uuid"),require("object-hash"),require("moment"),require("ngx-device-detector"),require("@angular/material/core"),require("rxjs"),require("@sd-angular/core/common"),require("@sd-angular/core/translate"),require("@angular/material/input"),require("@angular-material-components/moment-adapter"),require("@angular/material-moment-adapter"),require("@angular/material/icon"),require("@sd-angular/core/popover"),require("ngx-material-timepicker"),require("@sd-angular/core/button")):"function"==typeof define&&define.amd?define("@sd-angular/core/date-time",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/datepicker","@angular-material-components/datetime-picker","uuid","object-hash","moment","ngx-device-detector","@angular/material/core","rxjs","@sd-angular/core/common","@sd-angular/core/translate","@angular/material/input","@angular-material-components/moment-adapter","@angular/material-moment-adapter","@angular/material/icon","@sd-angular/core/popover","ngx-material-timepicker","@sd-angular/core/button"],e):e(((r="undefined"!=typeof globalThis?globalThis:r||self)["sd-angular"]=r["sd-angular"]||{},r["sd-angular"].core=r["sd-angular"].core||{},r["sd-angular"].core["date-time"]={}),r.ng.core,r.ng.common,r.ng.forms,r.ng.material.formField,r.ng.material.datepicker,r["@angular-material-components/datetime-picker"],r.uuid,r.hash,r.moment,r["ngx-device-detector"],r.ng.material.core,r.rxjs,r["sd-angular"].core.common,r["sd-angular"].core.translate,r.ng.material.input,r["@angular-material-components/moment-adapter"],r.ng.materialMomentAdapter,r.ng.material.icon,r["sd-angular"].core.popover,r.ngxMaterialTimepicker,r["sd-angular"].core.button)}(this,(function(r,e,n,t,o,a,i,l,s,d,m,c,u,f,p,g,h,b,y,M,C,v){"use strict";function I(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var k=I(s),x=I(d);Object.create;var D,E,T,P;Object.create;function q(r,e,n,t){if("a"===n&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?r!==e||!t:!e.has(r))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?t:"a"===n?t.call(r):t?t.value:e.get(r)}function w(r,e,n,t,o){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?r!==e||!o:!e.has(r))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?o.call(r,n):o?o.value=n:e.set(r,n),n}var V={parse:{dateInput:"DD/MM/YYYY"},display:{dateInput:"DD/MM/YYYY",monthYearLabel:"MMM YYYY",dateA11yLabel:"LL",monthYearA11yLabel:"MMMM YYYY"}},Y={parse:{dateInput:"DD/MM/YYYY HH:mm"},display:{dateInput:"DD/MM/YYYY HH:mm",monthYearLabel:"MMM YYYY",dateA11yLabel:"LL",monthYearA11yLabel:"MMMM YYYY"}},F=function(){function r(r,n,t){var o=this;this.ref=r,this.formConfig=t,this.id="I"+l.v4(),this.isMobileOrTablet=!1,D.set(this,void 0),E.set(this,l.v4()),this.disableErrorMessage=!1,this.formControl=new f.SdFormControl,T.set(this,void 0),this.type="datetime",this.required=!1,this.sdChange=new e.EventEmitter,this.sdFocus=new e.EventEmitter,this.modelChange=new e.EventEmitter,P.set(this,new u.Subscription),this.isFocused=!1,this.onFocus=function(){o.isFocused=!0,o.sdFocus.emit()},this.onBlur=function(){o.isFocused=!1},this.onClick=function(){var r;(null===(r=o.sdView)||void 0===r?void 0:r.templateRef)&&(o.formControl.disabled||o.isFocused||o.focus())},this.blur=function(){var r,e;null===(e=null===(r=o.input)||void 0===r?void 0:r.nativeElement)||void 0===e||e.blur()},this.focus=function(){o.isFocused=!0,setTimeout((function(){var r,e,n,t;null===(e=null===(r=o.input)||void 0===r?void 0:r.nativeElement)||void 0===e||e.focus(),"date"===o.type?null===(n=o.datePicker)||void 0===n||n.open():null===(t=o.dateTimePicker)||void 0===t||t.open()}),100)},this.onKeyDown=function(r){var e=r.keyCode||r.charCode,n=!1;return 16===e&&(n=!0),!r.ctrlKey||67!==e&&86!==e?(e>=48&&e<=57||8===e||e<=37||e<=39||e>=96&&e<=105||191===e||186===e||59===e)&&!1===n:(console.log("action copy parse... datepicker"),!0)},this.onKeyup=function(r){var e=r.target.value,n=o.formControl,t=/^([1-9]|([012][0-9])|(3[01]))\/([0]{0,1}[1-9]|1[012])\/\d\d\d\d$/g;"datetime"!==o.type&&"time"!==o.type||(t=/^([1-9]|([012][0-9])|(3[01]))\/([0]{0,1}[1-9]|1[012])\/\d\d\d\d [012]{0,1}[0-9]:[0-6][0-9]$/g),"month"===o.type&&(t=/^([0]{0,1}[1-9]|1[012])\/\d\d\d\d [012]{0,1}[0-9]:[0-6][0-9]$/g);var a="date"===o.type?"dd/MM/yyyy":"dd/MM/yyyy HH:mm";e&&!t.test(e)?setTimeout((function(){o.isValid=!0,n.markAsDirty(),n.markAsTouched(),n.setErrors(Object.assign(Object.assign({},n.errors),{date:"Chưa đúng định dạng "+a}))}),0):setTimeout((function(){o.isValid=!1,n.setErrors(Object.assign(Object.assign({},n.errors),{date:null})),o.formControl.updateValueAndValidity()}),0)},this.onChange=function(r){var e,n,t,a=null===(e=r.value)||void 0===e?void 0:e.toDate();o.dateTimePicker||null===(t=null===(n=o.input)||void 0===n?void 0:n.nativeElement)||void 0===t||t.focus(),o.isValid?(o.isValid=!1,o.formControl.setValue(null),o.modelChange.emit(null),o.sdChange.emit(null)):new Date(q(o,D))!==a&&(o.modelChange.emit(a),o.sdChange.emit(a))},this.timeChanged=function(r){var e=r;o.formControl.setValue(e),o.modelChange.emit(e),o.sdChange.emit(e)},this.clear=function(r){null==r||r.stopPropagation(),o.formControl.value&&(o.formControl.setValue(null),o.modelChange.emit(null),o.sdChange.emit(null))},this.setMonthAndYear=function(r,e){var n=o.formControl.value||x.default();n.month(r.month()),n.year(r.year()),o.formControl.setValue(n),e.close(),o.modelChange.emit(n),o.sdChange.emit(n)},this.isMobileOrTablet=!n.isDesktop()}return Object.defineProperty(r.prototype,"name",{set:function(r){r&&w(this,E,r)},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_disableErrorMessage",{set:function(r){this.disableErrorMessage=""===r||r,r=""===r||r},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_min",{set:function(r){Date.isDate(r)?this.min=new Date(r):this.min=null},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_max",{set:function(r){Date.isDate(r)?this.max=new Date(r):this.max=null},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"form",{set:function(r){r&&(r instanceof t.NgForm?w(this,T,r.form):w(this,T,r))},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_type",{set:function(r){this.type=r||"datetime"},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"disabled",{set:function(r){(r=""===r||r)?this.formControl.disable():this.formControl.enable()},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_required",{set:function(r){this.required=""===r||r,this.required?this.formControl.setValidators([t.Validators.required]):this.formControl.clearValidators()},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_inlineError",{set:function(r){this.inlineError=r,this.inlineError?(this.formControl.setValidators([this.customInlineErrorValidator()]),this.formControl.updateValueAndValidity()):(this.formControl.clearValidators(),this.formControl.updateValueAndValidity())},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"_label",{set:function(r){this.label=r,this.qcId=k.default({selector:"sd-date-time",label:r})},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"minDate",{set:function(r){Date.isDate(r)?this.min=new Date(r):this.min=null},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"maxDate",{set:function(r){Date.isDate(r)?this.max=new Date(r):this.max=null},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"model",{set:function(r){if(Date.isDate(r)||(r=null),q(this,D)!==r){w(this,D,r);var e=Date.isDate(q(this,D))?x.default(Date.toFormat(q(this,D),"MM/dd/yyyy HH:mm:ss"),"MM/DD/YYYY HH:mm:ss"):null;this.formControl.setValue(e)}},enumerable:!1,configurable:!0}),r.prototype.ngOnDestroy=function(){var r;null===(r=q(this,T))||void 0===r||r.removeControl(q(this,E)),q(this,P).unsubscribe()},r.prototype.ngOnInit=function(){var r,e,n=this;this.maxlength="datetime"===this.type?16:10,this.appearance=this.appearance||(null===(r=this.formConfig)||void 0===r?void 0:r.appearance),q(this,P).add(this.formControl.sdChanges.subscribe((function(){n.ref.markForCheck()}))),null===(e=q(this,T))||void 0===e||e.addControl(q(this,E),this.formControl)},r.prototype.customInlineErrorValidator=function(){return function(r){return{inlineError:!0}}},r.prototype.ngAfterViewInit=function(){},r.prototype.focusInputElement=function(){var r,e;null===(e=null===(r=this.input)||void 0===r?void 0:r.nativeElement)||void 0===e||e.focus()},r}();D=new WeakMap,E=new WeakMap,T=new WeakMap,P=new WeakMap,F.decorators=[{type:e.Component,args:[{selector:"sd-date-time",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 && !dateTimePicker?.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      *ngIf="type === \'datetime\'"\r\n      class="sd-md"\r\n      [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\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        [ngxMatDatetimePicker]="picker1"\r\n        [placeholder]="placeholder || (appearance ? label : \'\')"\r\n        [min]="min"\r\n        [required]="required"\r\n        [max]="max"\r\n        (focus)="onFocus()"\r\n        (blur)="onBlur()"\r\n        [attr.data-qclabel]="label"\r\n        [attr.data-qcid]="qcId"\r\n        [sdPopoverTriggerFor]="null"\r\n        [sdPopoverDisabled]="!disableErrorMessage || formControl.valid"\r\n        #input\r\n        [maxLength]="maxlength" />\r\n      \x3c!-- <mat-icon class="pointer sd-suffix-icon" (click)="!formControl?.disabled && picker1.open()" matSuffix>today\r\n      </mat-icon> --\x3e\r\n      <ng-content select="[sdSuffixIcon]" matSuffix></ng-content>\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-datepicker-toggle matSuffix [for]="picker1"> </mat-datepicker-toggle>\r\n      <ngx-mat-datetime-picker\r\n        #picker1\r\n        [defaultTime]="defaultTime"\r\n        [touchUi]="isMobileOrTablet"\r\n        [showSpinners]="false"\r\n        (opened)="onFocus()"\r\n        (closed)="onBlur(); focusInputElement()">\r\n      </ngx-mat-datetime-picker>\r\n\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?.matDatetimePickerMin && formControl?.touched && !isFocused">\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?.matDatetimePickerMax && formControl?.touched && !isFocused">\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 && !isFocused">\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?.date && formControl?.touched && !disableErrorMessage">\r\n        <ng-container *ngIf="!disableErrorMessage">{{ formControl?.errors?.date }} </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    <mat-form-field\r\n      *ngIf="type === \'date\'"\r\n      class="sd-md"\r\n      [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\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]="picker2"\r\n        [placeholder]="placeholder || (appearance ? label : \'\')"\r\n        [min]="min"\r\n        [max]="max"\r\n        (focus)="onFocus()"\r\n        (blur)="onBlur()"\r\n        [attr.data-qclabel]="label"\r\n        [attr.data-qcid]="qcId"\r\n        [sdPopoverTriggerFor]="null"\r\n        [sdPopoverDisabled]="!disableErrorMessage || formControl.valid"\r\n        #input\r\n        [maxLength]="maxlength" />\r\n      <ng-content select="[sdSuffixIcon]" matSuffix></ng-content>\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\r\n      <mat-icon class="pointer sd-suffix-icon" (click)="!formControl?.disabled && picker2.open()" #btn matSuffix>today </mat-icon>\r\n\r\n      <mat-datepicker #picker2 [touchUi]="isMobileOrTablet"></mat-datepicker>\r\n\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 && !isFocused">\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 && !isFocused">\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 && !isFocused">\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?.date && formControl?.touched && !disableErrorMessage">\r\n        <ng-container *ngIf="!disableErrorMessage">{{ formControl?.errors?.date }} </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\r\n    <mat-form-field\r\n      *ngIf="type === \'month\'"\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]="pickerMonth"\r\n        [placeholder]="placeholder || (appearance ? label : \'\')"\r\n        [min]="min"\r\n        [max]="max"\r\n        (focus)="onFocus()"\r\n        (blur)="onBlur()"\r\n        [sdPopoverTriggerFor]="null"\r\n        [sdPopoverDisabled]="!disableErrorMessage || formControl.valid"\r\n        #input />\r\n\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 && pickerMonth.open()" #btn matSuffix> today </mat-icon>\r\n\r\n      <mat-datepicker\r\n        #pickerMonth\r\n        [touchUi]="isMobileOrTablet"\r\n        startView="multi-year"\r\n        (monthSelected)="setMonthAndYear($event, pickerMonth)"></mat-datepicker>\r\n\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\r\n    <ng-container *ngIf="type === \'time\'">\r\n      <mat-form-field [appearance]="appearance || \'outline\'" class="sd-md pt-5">\r\n        <mat-label *ngIf="appearance && label">{{ label }}</mat-label>\r\n        <input\r\n          [ngxTimepicker]="openingTime"\r\n          aria-hidden="true"\r\n          [id]="id"\r\n          matInput\r\n          (keyup)="onKeyup($event)"\r\n          (keydown)="onKeyDown($event)"\r\n          [autocomplete]="id"\r\n          autocorrect="off"\r\n          [formControl]="formControl"\r\n          [required]="required"\r\n          [placeholder]="placeholder || (appearance ? label : \'\')"\r\n          [min]="min"\r\n          [max]="max"\r\n          (focus)="onFocus()"\r\n          (blur)="onBlur()"\r\n          [attr.data-qclabel]="label"\r\n          [attr.data-qcid]="qcId"\r\n          #input\r\n          [format]="24" />\r\n\r\n        <ngx-material-timepicker\r\n          #openingTime\r\n          [defaultTime]="defaultTime"\r\n          (timeChanged)="timeChanged($event)"\r\n          [enableKeyboardInput]="true"\r\n          [cancelBtnTmpl]="cancelBtn"\r\n          [confirmBtnTmpl]="confirmBtn"></ngx-material-timepicker>\r\n\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?.inlineError && formControl?.touched">\r\n          <ng-container *ngIf="!disableErrorMessage">{{ inlineError }}</ng-container>\r\n        </mat-error>\r\n      </mat-form-field>\r\n\r\n      <ng-template #cancelBtn>\r\n        <sd-button title="{{ \'Cancel\' | sdTranslate }}" size="sm"></sd-button>\r\n      </ng-template>\r\n      <ng-template #confirmBtn>\r\n        <sd-button class="ml-8" title="{{ \'Apply\' | sdTranslate }}" color="primary" size="sm"></sd-button>\r\n      </ng-template>\r\n    </ng-container>\r\n  </ng-template>\r\n</div>\r\n\x3c!-- <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?.matDatetimePickerMin">\r\n    {{ "Min date" | sdTranslate }}:\r\n    <strong>{{ min | date: "dd/MM/yyyy HH:mm" }}</strong>\r\n  </span>\r\n  <span *ngIf="formControl?.errors?.matDatetimePickerMax">\r\n    {{ "Max date" | sdTranslate }}:\r\n    <strong>{{ max | date: "dd/MM/yyyy HH:mm" }}</strong>\r\n  </span>\r\n  <span *ngIf="formControl?.errors?.matDatetimePickerParse">\r\n    {{ "Parse error" | sdTranslate }}:\r\n    <strong>{{ formControl?.errors?.matDatetimePickerParse?.text }}</strong>\r\n  </span>\r\n  <span *ngIf="formControl?.errors?.customValidator">\r\n    {{ formControl?.errors?.customValidator }}\r\n  </span>\r\n</sd-popover> --\x3e\r\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[{provide:c.MAT_DATE_FORMATS,useValue:V},{provide:i.NGX_MAT_DATE_FORMATS,useValue:Y}],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}"]}]}],F.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:m.DeviceDetectorService},{type:void 0,decorators:[{type:e.Inject,args:[f.FORM_CONFIG]},{type:e.Optional}]}]},F.propDecorators={name:[{type:e.Input}],appearance:[{type:e.Input}],_disableErrorMessage:[{type:e.Input,args:["disableErrorMessage"]}],_min:[{type:e.Input,args:["min"]}],_max:[{type:e.Input,args:["max"]}],size:[{type:e.Input}],form:[{type:e.Input}],_type:[{type:e.Input,args:["type"]}],disabled:[{type:e.Input}],_required:[{type:e.Input,args:["required"]}],_inlineError:[{type:e.Input,args:["inlineError"]}],_label:[{type:e.Input,args:["label"]}],placeholder:[{type:e.Input}],defaultTime:[{type:e.Input}],minDate:[{type:e.Input}],maxDate:[{type:e.Input}],validator:[{type:e.Input}],sdChange:[{type:e.Output}],sdFocus:[{type:e.Output}],model:[{type:e.Input}],modelChange:[{type:e.Output}],sdView:[{type:e.ContentChild,args:[f.SdViewDefDirective]}],sdLabelDef:[{type:e.ContentChild,args:[f.SdLabelDefDirective]}],input:[{type:e.ViewChild,args:["input"]}],datePicker:[{type:e.ViewChild,args:[a.MatDatepicker]}],dateTimePicker:[{type:e.ViewChild,args:[i.NgxMatDatetimePicker]}]};var O=function(){};O.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,t.FormsModule,t.ReactiveFormsModule,g.MatInputModule,y.MatIconModule,o.MatFormFieldModule,a.MatDatepickerModule,b.MatMomentDateModule,i.NgxMatDatetimePickerModule,i.NgxMatTimepickerModule,h.NgxMatMomentModule,p.SdTranslateModule,f.SdCommonModule,M.SdPopoverModule,C.NgxMaterialTimepickerModule,v.SdButtonModule],declarations:[F],exports:[f.SdCommonModule,F],providers:[]}]}],r.SdDateTime=F,r.SdDateTimeModule=O,Object.defineProperty(r,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-date-time.umd.min.js.map

package/bundles/sd-angular-core-date-time.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/date-time/src/lib/date-time.component.ts","../../../../projects/sd-core/date-time/src/lib/date-time.module.ts"],"names":["Object","create","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","__classPrivateFieldSet","set","parse","dateInput","display","monthYearLabel","dateA11yLabel","monthYearA11yLabel","ɵ1","SdDateTime","ref","deviceService","formConfig","_this","this","id","uuid.v4","isMobileOrTablet","_date","_name","disableErrorMessage","formControl","SdFormControl","_form","type","required","sdChange","EventEmitter","sdFocus","modelChange","_subscription","Subscription","isFocused","onFocus","emit","onBlur","onClick","_a","sdView","templateRef","disabled","focus","blur","_b","input","nativeElement","setTimeout","_c","datePicker","open","_d","dateTimePicker","onKeyDown","event","key","keyCode","charCode","isShift","onKeyup","currentVal","target","regex","errorMessage","test","isValid","markAsDirty","markAsTouched","setErrors","assign","errors","date","updateValueAndValidity","onChange","toDate","setValue","Date","timeChanged","clear","$event","stopPropagation","setMonthAndYear","normalizedMonthAndYear","datepicker","ctrlValue","moment","month","year","close","isDesktop","defineProperty","prototype","val","isDate","min","max","NgForm","form","disable","enable","setValidators","Validators","clearValidators","inlineError","customInlineErrorValidator","label","qcId","hash","selector","toFormat","ngOnDestroy","removeControl","unsubscribe","ngOnInit","maxlength","appearance","add","sdChanges","subscribe","markForCheck","addControl","control","ngAfterViewInit","focusInputElement","Component","args","template","changeDetection","ChangeDetectionStrategy","OnPush","providers","provide","MAT_DATE_FORMATS","useValue","ɵ0","NGX_MAT_DATE_FORMATS","ChangeDetectorRef","DeviceDetectorService","Inject","FORM_CONFIG","Optional","Input","Output","ContentChild","SdViewDefDirective","SdLabelDefDirective","ViewChild","MatDatepicker","NgxMatDatetimePicker","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatIconModule","MatFormFieldModule","MatDatepickerModule","MatMomentDateModule","NgxMatDatetimePickerModule","NgxMatTimepickerModule","NgxMatMomentModule","SdTranslateModule","SdCommonModule","SdPopoverModule","NgxMaterialTimepickerModule","SdButtonModule","declarations","exports"],"mappings":"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","sourcesContent":["/! **************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n*************************************************************************** /\r\n/ global Reflect, Promise /\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf \|\|\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) \|\|\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign \|\| function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) \|\| r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P \|\| (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments \|\| [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] \|\| ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 \|\| n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack \|\| arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar \|\| !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar \|\| Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments \|\| []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 \|\| resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import {\r\n Component,\r\n Input,\r\n EventEmitter,\r\n Output,\r\n OnDestroy,\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n OnInit,\r\n ViewChild,\r\n ChangeDetectionStrategy,\r\n ContentChild,\r\n ElementRef,\r\n Inject,\r\n Optional\r\n} from '@angular/core';\r\nimport as uuid from 'uuid';\r\nimport hash from 'object-hash';\r\nimport moment, { Moment } from 'moment';\r\nimport { AbstractControl, FormGroup, NgForm, ValidatorFn, Validators } from '@angular/forms';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';\r\nimport { NgxMatDatetimePicker, NGX_MAT_DATE_FORMATS, } from '@angular-material-components/datetime-picker';\r\nimport { MAT_DATE_FORMATS } from '@angular/material/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { FORM_CONFIG, IFormConfiguration, SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\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@Component({\r\n selector: 'sd-date-time',\r\n templateUrl: './date-time.component.html',\r\n styleUrls: ['./date-time.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 SdDateTime 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 @Input() appearance: MatFormFieldAppearance;\r\n disableErrorMessage = false;\r\n @Input('disableErrorMessage') set _disableErrorMessage(val: boolean \| '') {\r\n this.disableErrorMessage = (val === '') \|\| val;\r\n val = (val === '') \|\| val;\r\n }\r\n formControl = new SdFormControl();\r\n min: Date;\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 max: Date;\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 @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 maxlength: number;\r\n type: 'datetime' \| 'date' \| 'time' \| 'month' = 'datetime';\r\n @Input('type') set _type(val: 'datetime' \| 'date' \| 'time' \| 'month') {\r\n this.type = val \|\| 'datetime';\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 required = false;\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 @Input('inlineError') set _inlineError(val: string) {\r\n this.inlineError = val;\r\n // this.#updateValidator();\r\n if (this.inlineError) {\r\n \r\n\r\n this.formControl.setValidators([this.customInlineErrorValidator()]);\r\n this.formControl.updateValueAndValidity();\r\n\r\n } else {\r\n this.formControl.clearValidators();\r\n this.formControl.updateValueAndValidity();\r\n\r\n }\r\n \r\n }\r\n\r\n qcId: string;\r\n label: string;\r\n @Input('label') set _label(val: string) {\r\n this.label = val;\r\n this.qcId = hash({\r\n selector: 'sd-date-time',\r\n label: val\r\n });\r\n };\r\n @Input() placeholder: string;\r\n @Input() defaultTime: any;\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 @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 @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 @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 @ViewChild(NgxMatDatetimePicker) dateTimePicker: NgxMatDatetimePicker<Moment>;\r\n isFocused = false;\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n deviceService: DeviceDetectorService,\r\n @Inject(FORM_CONFIG) @Optional() private formConfig: IFormConfiguration) {\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.maxlength = this.type === 'datetime' ? 16 : 10;\r\n this.appearance = this.appearance \|\| this.formConfig?.appearance;\r\n this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n // this.formControl.updateValueAndValidity();\r\n this.ref.markForCheck();\r\n }));\r\n this.#form?.addControl(this.#name, this.formControl);\r\n }\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\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 if (this.type === 'date') {\r\n this.datePicker?.open();\r\n } else {\r\n this.dateTimePicker?.open();\r\n }\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 //Allow only Numeric Keys.\r\n if (((key >= 48 && key <= 57) \|\| key == 8 \|\| key <= 37 \|\| key <= 39 \|\| (key >= 96 && key <= 105) \|\| key == 191 \|\| key == 186 \|\| key == 59) && isShift == false) {\r\n return true;\r\n }\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 = /^([1-9]\|([012][0-9])\|(3[01]))\\/([0]{0,1}[1-9]\|1[012])\\/\\d\\d\\d\\d$/g;\r\n\r\n if (this.type === 'datetime' \|\| this.type === 'time') {\r\n regex = /^([1-9]\|([012][0-9])\|(3[01]))\\/([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 (this.type === 'month') {\r\n 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\r\n const errorMessage = this.type === 'date' ? 'dd/MM/yyyy' : 'dd/MM/yyyy HH:mm';\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: `Chưa đúng định dạng ${errorMessage}` });\r\n }, 0);\r\n\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 if (!this.dateTimePicker) {\r\n this.input?.nativeElement?.focus();\r\n }\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 timeChanged = (event) => {\r\n const value = event;\r\n this.formControl.setValue(value);\r\n this.modelChange.emit(value);\r\n this.sdChange.emit(value);\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 setMonthAndYear = (normalizedMonthAndYear: Moment, datepicker: MatDatepicker<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 datepicker.close();\r\n this.modelChange.emit(ctrlValue);\r\n this.sdChange.emit(ctrlValue);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport {\r\n NgxMatDatetimePickerModule,\r\n NgxMatTimepickerModule\r\n} from '@angular-material-components/datetime-picker';\r\nimport { SdDateTime } from './date-time.component';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { NgxMatMomentModule } from '@angular-material-components/moment-adapter';\r\nimport { MatMomentDateModule } from '@angular/material-moment-adapter';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdPopoverModule } from '@sd-angular/core/popover';\r\nimport { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';\r\nimport { SdButtonModule } from \"@sd-angular/core/button\";\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 MatMomentDateModule,\r\n NgxMatDatetimePickerModule,\r\n NgxMatTimepickerModule,\r\n NgxMatMomentModule,\r\n SdTranslateModule,\r\n SdCommonModule,\r\n SdPopoverModule,\r\n NgxMaterialTimepickerModule,\r\n SdButtonModule\r\n ],\r\n declarations: [\r\n SdDateTime\r\n ],\r\n exports: [\r\n SdCommonModule,\r\n SdDateTime\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdDateTimeModule {\r\n\r\n}\r\n"]}
1	+ {"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/date-time/src/lib/date-time.component.ts","../../../../projects/sd-core/date-time/src/lib/date-time.module.ts"],"names":["Object","create","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","__classPrivateFieldSet","set","parse","dateInput","display","monthYearLabel","dateA11yLabel","monthYearA11yLabel","ɵ1","SdDateTime","ref","deviceService","formConfig","_this","this","id","uuid.v4","isMobileOrTablet","_date","_name","disableErrorMessage","formControl","SdFormControl","_form","type","required","sdChange","EventEmitter","sdFocus","modelChange","_subscription","Subscription","isFocused","onFocus","emit","onBlur","onClick","_a","sdView","templateRef","disabled","focus","blur","_b","input","nativeElement","setTimeout","_c","datePicker","open","_d","dateTimePicker","onKeyDown","event","key","keyCode","charCode","isShift","ctrlKey","console","log","onKeyup","currentVal","target","regex","errorMessage","test","isValid","markAsDirty","markAsTouched","setErrors","assign","errors","date","updateValueAndValidity","onChange","toDate","setValue","Date","timeChanged","clear","$event","stopPropagation","setMonthAndYear","normalizedMonthAndYear","datepicker","ctrlValue","moment","month","year","close","isDesktop","defineProperty","prototype","val","isDate","min","max","NgForm","form","disable","enable","setValidators","Validators","clearValidators","inlineError","customInlineErrorValidator","label","qcId","hash","selector","toFormat","ngOnDestroy","removeControl","unsubscribe","ngOnInit","maxlength","appearance","add","sdChanges","subscribe","markForCheck","addControl","control","ngAfterViewInit","focusInputElement","Component","args","template","changeDetection","ChangeDetectionStrategy","OnPush","providers","provide","MAT_DATE_FORMATS","useValue","ɵ0","NGX_MAT_DATE_FORMATS","ChangeDetectorRef","DeviceDetectorService","Inject","FORM_CONFIG","Optional","Input","Output","ContentChild","SdViewDefDirective","SdLabelDefDirective","ViewChild","MatDatepicker","NgxMatDatetimePicker","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatIconModule","MatFormFieldModule","MatDatepickerModule","MatMomentDateModule","NgxMatDatetimePickerModule","NgxMatTimepickerModule","NgxMatMomentModule","SdTranslateModule","SdCommonModule","SdPopoverModule","NgxMaterialTimepickerModule","SdButtonModule","declarations","exports"],"mappings":"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","sourcesContent":["/! **************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n*************************************************************************** /\r\n/ global Reflect, Promise /\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf \|\|\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) \|\|\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign \|\| function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) \|\| r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P \|\| (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments \|\| [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] \|\| ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 \|\| n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack \|\| arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar \|\| !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar \|\| Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments \|\| []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 \|\| resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import {\r\n Component,\r\n Input,\r\n EventEmitter,\r\n Output,\r\n OnDestroy,\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n OnInit,\r\n ViewChild,\r\n ChangeDetectionStrategy,\r\n ContentChild,\r\n ElementRef,\r\n Inject,\r\n Optional\r\n} from '@angular/core';\r\nimport as uuid from 'uuid';\r\nimport hash from 'object-hash';\r\nimport moment, {Moment} from 'moment';\r\nimport {AbstractControl, FormGroup, NgForm, ValidatorFn, Validators} from '@angular/forms';\r\nimport {DeviceDetectorService} from 'ngx-device-detector';\r\nimport {MatDatepicker, MatDatepickerInputEvent} from '@angular/material/datepicker';\r\nimport {NgxMatDatetimePicker, NGX_MAT_DATE_FORMATS,} from '@angular-material-components/datetime-picker';\r\nimport {MAT_DATE_FORMATS} from '@angular/material/core';\r\nimport {Subscription} from 'rxjs';\r\nimport {FORM_CONFIG, IFormConfiguration, SdFormControl, SdViewDefDirective} from '@sd-angular/core/common';\r\nimport {MatFormFieldAppearance} from '@angular/material/form-field';\r\nimport {SdLabelDefDirective} from '@sd-angular/core/common';\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-date-time',\r\n templateUrl: './date-time.component.html',\r\n styleUrls: ['./date-time.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 SdDateTime 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 type: 'datetime' \| 'date' \| 'time' \| 'month' = 'datetime';\r\n\r\n @Input('type') set _type(val: 'datetime' \| 'date' \| 'time' \| 'month') {\r\n this.type = val \|\| 'datetime';\r\n }\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 // this.#updateValidator();\r\n if (this.inlineError) {\r\n\r\n\r\n this.formControl.setValidators([this.customInlineErrorValidator()]);\r\n this.formControl.updateValueAndValidity();\r\n\r\n } else {\r\n this.formControl.clearValidators();\r\n this.formControl.updateValueAndValidity();\r\n\r\n }\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-date-time',\r\n label: val\r\n });\r\n };\r\n\r\n @Input() placeholder: string;\r\n @Input() defaultTime: any;\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 @ViewChild(NgxMatDatetimePicker) dateTimePicker: NgxMatDatetimePicker<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 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.maxlength = this.type === 'datetime' ? 16 : 10;\r\n this.appearance = this.appearance \|\| this.formConfig?.appearance;\r\n this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n // this.formControl.updateValueAndValidity();\r\n this.ref.markForCheck();\r\n }));\r\n this.#form?.addControl(this.#name, this.formControl);\r\n }\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\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 if (this.type === 'date') {\r\n this.datePicker?.open();\r\n } else {\r\n this.dateTimePicker?.open();\r\n }\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 (((key >= 48 && key <= 57) \|\| key === 8 \|\| key <= 37 \|\| key <= 39 \|\| (key >= 96 && key <= 105) \|\| key === 191 \|\| key === 186 \|\| key === 59) && isShift === false) {\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 = /^([1-9]\|([012][0-9])\|(3[01]))\\/([0]{0,1}[1-9]\|1[012])\\/\\d\\d\\d\\d$/g;\r\n\r\n if (this.type === 'datetime' \|\| this.type === 'time') {\r\n regex = /^([1-9]\|([012][0-9])\|(3[01]))\\/([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 (this.type === 'month') {\r\n 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\r\n const errorMessage = this.type === 'date' ? 'dd/MM/yyyy' : 'dd/MM/yyyy HH:mm';\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: `Chưa đúng định dạng ${errorMessage}`});\r\n }, 0);\r\n\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 if (!this.dateTimePicker) {\r\n this.input?.nativeElement?.focus();\r\n }\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 timeChanged = (event) => {\r\n const value = event;\r\n this.formControl.setValue(value);\r\n this.modelChange.emit(value);\r\n this.sdChange.emit(value);\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 setMonthAndYear = (normalizedMonthAndYear: Moment, datepicker: MatDatepicker<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 datepicker.close();\r\n this.modelChange.emit(ctrlValue);\r\n this.sdChange.emit(ctrlValue);\r\n };\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport {\r\n NgxMatDatetimePickerModule,\r\n NgxMatTimepickerModule\r\n} from '@angular-material-components/datetime-picker';\r\nimport { SdDateTime } from './date-time.component';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { NgxMatMomentModule } from '@angular-material-components/moment-adapter';\r\nimport { MatMomentDateModule } from '@angular/material-moment-adapter';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdPopoverModule } from '@sd-angular/core/popover';\r\nimport { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';\r\nimport { SdButtonModule } from \"@sd-angular/core/button\";\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 MatMomentDateModule,\r\n NgxMatDatetimePickerModule,\r\n NgxMatTimepickerModule,\r\n NgxMatMomentModule,\r\n SdTranslateModule,\r\n SdCommonModule,\r\n SdPopoverModule,\r\n NgxMaterialTimepickerModule,\r\n SdButtonModule\r\n ],\r\n declarations: [\r\n SdDateTime\r\n ],\r\n exports: [\r\n SdCommonModule,\r\n SdDateTime\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdDateTimeModule {\r\n\r\n}\r\n"]}

package/bundles/sd-angular-core-select.umd.js CHANGED Viewed

@@ -341,7 +341,7 @@
         { type: core.TemplateRef }
     ]; };
-    var _input, _name, _form, _itemsChanges, _delay, _validator, _subscription, _allItems, _allItem, _cache, _updateValidator, _loadSelectedItems, _loadItems, _onChange, _customValidator, _getCopyText;
+    var _input, _name, _form, _itemsChanges, _delay, _validator, _subscription, _allItems, _allItem, _cache, _updateValidator, _loadSelectedItems, _loadItems, _onChange, _customValidator, _hashedValue, _getCopyText;
     var SdSelect = /** @class */ (function () {
         function SdSelect(ref, formConfig) {
             var _this = this;
@@ -565,6 +565,7 @@
                     });
                 }); };
             });
+            _hashedValue.set(this, void 0);
             this.onOpenedChange = function (isOpened) {
                 var _a, _b;
                 if (isOpened) {
@@ -572,24 +573,33 @@
                     if (__classPrivateFieldGet(_this, _input)) {
                         __classPrivateFieldGet(_this, _input).value = null;
                     }
+                    __classPrivateFieldSet(_this, _hashedValue, hash__default['default']({
+                        value: _this.formControl.value,
+                    }));
                     _this.searchTerm$.next('');
                 }
                 else {
                     _this.isFocused = false;
-                    // Khi panel close, bắn event sdChange, sdSelection
-                    _this.sdChange.emit(_this.formControl.value);
-                    if (_this.multiple) {
-                        _this.sdSelection.emit({
-                            value: _this.formControl.value,
-                            items: ((_a = _this.formControl.value) === null || _a === void 0 ? void 0 : _a.map(function (val) { return __classPrivateFieldGet(_this, _allItem)[val === null || val === void 0 ? void 0 : val.toString()]; })) || [],
-                        });
-                    }
-                    else {
-                        _this.sdSelection.emit({
-                            value: _this.formControl.value,
-                            item: __classPrivateFieldGet(_this, _allItem)[(_b = _this.formControl.value) === null || _b === void 0 ? void 0 : _b.toString()],
-                        });
+                    var hashedValue = hash__default['default']({
+                        value: _this.formControl.value,
+                    });
+                    // Khi panel close, bắn event sdChange, sdSelection nếu có thay đổi giá trị
+                    if (__classPrivateFieldGet(_this, _hashedValue) !== hashedValue) {
+                        _this.sdChange.emit(_this.formControl.value);
+                        if (_this.multiple) {
+                            _this.sdSelection.emit({
+                                value: _this.formControl.value,
+                                items: ((_a = _this.formControl.value) === null || _a === void 0 ? void 0 : _a.map(function (val) { return __classPrivateFieldGet(_this, _allItem)[val === null || val === void 0 ? void 0 : val.toString()]; })) || [],
+                            });
+                        }
+                        else {
+                            _this.sdSelection.emit({
+                                value: _this.formControl.value,
+                                item: __classPrivateFieldGet(_this, _allItem)[(_b = _this.formControl.value) === null || _b === void 0 ? void 0 : _b.toString()],
+                            });
+                        }
                     }
+                    __classPrivateFieldSet(_this, _hashedValue, undefined);
                 }
             };
             this.onOptionChange = function (tooltip) {
@@ -918,7 +928,7 @@
         };
         return SdSelect;
     }());
-    _input = new WeakMap(), _name = new WeakMap(), _form = new WeakMap(), _itemsChanges = new WeakMap(), _delay = new WeakMap(), _validator = new WeakMap(), _subscription = new WeakMap(), _allItems = new WeakMap(), _allItem = new WeakMap(), _cache = new WeakMap(), _updateValidator = new WeakMap(), _loadSelectedItems = new WeakMap(), _loadItems = new WeakMap(), _onChange = new WeakMap(), _customValidator = new WeakMap(), _getCopyText = new WeakMap();
+    _input = new WeakMap(), _name = new WeakMap(), _form = new WeakMap(), _itemsChanges = new WeakMap(), _delay = new WeakMap(), _validator = new WeakMap(), _subscription = new WeakMap(), _allItems = new WeakMap(), _allItem = new WeakMap(), _cache = new WeakMap(), _updateValidator = new WeakMap(), _loadSelectedItems = new WeakMap(), _loadItems = new WeakMap(), _onChange = new WeakMap(), _customValidator = new WeakMap(), _hashedValue = new WeakMap(), _getCopyText = new WeakMap();
     SdSelect.decorators = [
         { type: core.Component, args: [{
                     selector: 'sd-select',