npm - @sd-angular/core - Versions diffs - 1.3.213 → 1.3.216 - Mend

@sd-angular/core 1.3.213 → 1.3.216

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 (140) hide show

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

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

@@ -527,10 +527,15 @@
                 if (_this.maxlength > 0) {
                     validators.push(forms.Validators.maxLength(_this.maxlength));
                 }
+                if (_this.inlineError) {
+                    validators.push(_this.customInlineErrorValidator());
+                }
                 _this.formControl.setValidators(validators);
                 _this.formControl.updateValueAndValidity();
                 _this.ref.markForCheck();
-            });
+            }
+            // Hàm tạo Validators tùy chỉnh cho inlineError
+            );
             _quill.set(this, void 0);
             this.editorInit = function (quill) {
                 __classPrivateFieldSet(_this, _quill, quill);
@@ -692,6 +697,14 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(SdEditor.prototype, "_inlineError", {
+            set: function (val) {
+                this.inlineError = val;
+                __classPrivateFieldGet(this, _updateValidator).call(this);
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(SdEditor.prototype, "form", {
             set: function (val) {
                 if (val) {
@@ -816,6 +829,12 @@
             (_a = __classPrivateFieldGet(this, _form)) === null || _a === void 0 ? void 0 : _a.removeControl(__classPrivateFieldGet(this, _name));
             __classPrivateFieldGet(this, _subscription).unsubscribe();
         };
+        // Hàm tạo Validators tùy chỉnh cho inlineError
+        SdEditor.prototype.customInlineErrorValidator = function () {
+            return function (control) {
+                return { inlineError: true };
+            };
+        };
         // #uploadImage = (formData, quill, range, fileInput) => {
         //   if (!this.urlUploadImage) {
         //     this.urlUploadImage = '/partner/v2/merchandise/file/uploaduserfile';
@@ -876,9 +895,9 @@
     SdEditor.decorators = [
         { type: core.Component, args: [{
                     selector: 'sd-editor',
-                    template: "<div id=\"box-{{ id }}\">\r\n  <ng-container *ngIf=\"sdLabelDef?.templateRef\">\r\n    <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\"> </ng-container>\r\n  </ng-container>\r\n  <label *ngIf=\"label && !sdLabelDef?.templateRef\" class=\"d-block T14M\"\r\n    >{{ label }} <span class=\"text-danger mb-2\" *ngIf=\"required\">*</span></label\r\n  >\r\n  <ng-container *ngIf=\"!formControl.disabled && !showHtmlEditor\">\r\n    <quill-editor\r\n      #editor\r\n      [styles]=\"styles\"\r\n      (onEditorCreated)=\"editorInit($event)\"\r\n      [ngModel]=\"formControl.value\"\r\n      (onSelectionChanged)=\"onSelectionChanged($event)\"\r\n      (onContentChanged)=\"onContentChanged($event)\"\r\n      (ngModelChange)=\"onModelChange($event)\"\r\n      [id]=\"id\"\r\n      [modules]=\"quillConfig\"\r\n      [placeholder]=\"placeholder\"\r\n      [maxLength]=\"maxlength\">\r\n    </quill-editor>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.required\">\r\n      {{ 'This field is required' | sdTranslate }}\r\n    </span>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.minlength\">\r\n      {{ 'Max length' | sdTranslate }} <strong>{{ minlength }}</strong>\r\n    </span>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.maxlength\">\r\n      {{ 'Max length' | sdTranslate }} <strong>{{ maxlength }}</strong>\r\n    </span>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formControl.disabled\">\r\n    <div [innerHtml]=\"formControl.value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"enableHTMLButton\">\r\n    <sd-textarea [(model)]=\"modelHTML\" *ngIf=\"showHtmlEditor\" rows=\"20\" (modelChange)=\"onModelChange($event)\"></sd-textarea>\r\n    <sd-button\r\n      title=\"{{ showHtmlEditor ? '\u1EA8n' : 'Hi\u1EC7n' }} m\u00E3 HTML\"\r\n      class=\"mr-8\"\r\n      fontSet=\"material-icons-outlined\"\r\n      (action)=\"onClickShowHtmlEditor()\"\r\n      type=\"light\"></sd-button>\r\n  </ng-container>\r\n</div>\r\n",
+                    template: "<div id=\"box-{{ id }}\">\r\n  <ng-container *ngIf=\"sdLabelDef?.templateRef\">\r\n    <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\"> </ng-container>\r\n  </ng-container>\r\n  <label *ngIf=\"label && !sdLabelDef?.templateRef\" class=\"d-block T14M\"\r\n    >{{ label }} <span class=\"text-danger mb-2\" *ngIf=\"required\">*</span></label\r\n  >\r\n  <ng-container *ngIf=\"!formControl.disabled && !showHtmlEditor\">\r\n    <div [ngClass]=\"{ 'has-error': formControl.errors?.required || formControl.errors?.minlength || formControl.errors?.maxlength || formControl.errors?.inlineError }\">\r\n      <quill-editor\r\n      #editor\r\n      [styles]=\"styles\"\r\n      (onEditorCreated)=\"editorInit($event)\"\r\n      [ngModel]=\"formControl.value\"\r\n      (onSelectionChanged)=\"onSelectionChanged($event)\"\r\n      (onContentChanged)=\"onContentChanged($event)\"\r\n      (ngModelChange)=\"onModelChange($event)\"\r\n      [id]=\"id\"\r\n      [modules]=\"quillConfig\"\r\n      [placeholder]=\"placeholder\"\r\n      [maxLength]=\"maxlength\">\r\n    </quill-editor>\r\n    </div>\r\n    \r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.required\">\r\n      {{ 'This field is required' | sdTranslate }}\r\n    </span>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.minlength\">\r\n      {{ 'Max length' | sdTranslate }} <strong>{{ minlength }}</strong>\r\n    </span>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.maxlength\">\r\n      {{ 'Max length' | sdTranslate }} <strong>{{ maxlength }}</strong>\r\n    </span>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.inlineError\">\r\n      {{ inlineError }} \r\n    </span>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formControl.disabled\">\r\n    <div [innerHtml]=\"formControl.value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"enableHTMLButton\">\r\n    <sd-textarea [(model)]=\"modelHTML\" *ngIf=\"showHtmlEditor\" rows=\"20\" (modelChange)=\"onModelChange($event)\"></sd-textarea>\r\n    <sd-button\r\n      title=\"{{ showHtmlEditor ? '\u1EA8n' : 'Hi\u1EC7n' }} m\u00E3 HTML\"\r\n      class=\"mr-8\"\r\n      fontSet=\"material-icons-outlined\"\r\n      (action)=\"onClickShowHtmlEditor()\"\r\n      type=\"light\"></sd-button>\r\n  </ng-container>\r\n</div>\r\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: ["::ng-deep .c-image-editor-quill-box{background:#000;display:inline-block;position:relative}::ng-deep .c-image-editor-quill-box:hover:after{background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACoklEQVRIia2WzUtVURTF1748RCQkHIhEiIiINJAGDqMcRYRNQgqiSCKoUUVE/0FIQ2lYJtGgQUhUUA36IIIggkD6HgU6iJz0IZpmrl+Dd67c7nv6hNqTe+5dZ++19zr7bG6oZEAmqU/SQUk7JHVLqgCzEfFK0i1JjyNisezb0Gx3AJeBOWAZ+AJM2X4JfALm0/cXwCCw8eBAJ/Caqj0Dhmy35UGAJmA7MAb8tD0PjNjeUPAO229tL9k+b7vSYP8A8DHtH24UPAPGU+bnbGcFTLb32z4DtJb8epOEM8DW9Qj6gXnbT9MBFzEBj2wDdJV9bR8DVmxfWI9g1PYysKcOJttPEkF3HbwFeG/7czm53DJJgxExCzyvh0eEIiLf+5dFxIKkhxHRoWpr11hF1T6fzrLsR8pqWNLR1D2ZpH5AETEOLKQ901mWnUjrtymBbknv6hE0AauXBuiRNFR4z5c783VEfChUsZi+N69VwWxEtNuuZFn2OyKuSLqTss8iYlzSgKR9ETGdSIsJbUkVzNYjEHDD9hzQW8Zsrx6y7Z46vgLup9u9uV78TNKkpBZJR8pgyqxmXbB+VefVw4j4tlYFm9KI+A70lTABN9Ic6iphFeAusGS7psX/Mtt7bS8BU0BnHZLiYefBLybpbgLrjpZ8XJwClm3PAAdsN62RzDbbt1NwbL+3fRI4BNT4rAqbbuIIMBoRbZLeSHqQ+vwXsDUidkkaBJoj4h6wPSJy6QxcjYjT6QKuKVeP7Uu2v1JrK2k2DSWZzuZAGicrtq81lCxV1JTG8gHbh23vBtpLe46noDlB/rwOtDQk2UASLanLaiq1PWH730lst9q+lVdQlAsY+2cCqSpnTlKUC/j6XwgSSSswWWqIif9GIK3KNUH1r+QasOkPpU8FJ4KtSqcAAAAASUVORK5CYII=\") 50% no-repeat;background-size:16px;bottom:0;content:\"\";left:0;position:absolute;top:0;width:100%}::ng-deep .c-image-editor-quill-box:hover img{opacity:.4}::ng-deep .ql-toolbar input.ql-customFile[type=file]{display:none}"]
+                    styles: ["::ng-deep .c-image-editor-quill-box{background:#000;display:inline-block;position:relative}::ng-deep .c-image-editor-quill-box:hover:after{background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACoklEQVRIia2WzUtVURTF1748RCQkHIhEiIiINJAGDqMcRYRNQgqiSCKoUUVE/0FIQ2lYJtGgQUhUUA36IIIggkD6HgU6iJz0IZpmrl+Dd67c7nv6hNqTe+5dZ++19zr7bG6oZEAmqU/SQUk7JHVLqgCzEfFK0i1JjyNisezb0Gx3AJeBOWAZ+AJM2X4JfALm0/cXwCCw8eBAJ/Caqj0Dhmy35UGAJmA7MAb8tD0PjNjeUPAO229tL9k+b7vSYP8A8DHtH24UPAPGU+bnbGcFTLb32z4DtJb8epOEM8DW9Qj6gXnbT9MBFzEBj2wDdJV9bR8DVmxfWI9g1PYysKcOJttPEkF3HbwFeG/7czm53DJJgxExCzyvh0eEIiLf+5dFxIKkhxHRoWpr11hF1T6fzrLsR8pqWNLR1D2ZpH5AETEOLKQ901mWnUjrtymBbknv6hE0AauXBuiRNFR4z5c783VEfChUsZi+N69VwWxEtNuuZFn2OyKuSLqTss8iYlzSgKR9ETGdSIsJbUkVzNYjEHDD9hzQW8Zsrx6y7Z46vgLup9u9uV78TNKkpBZJR8pgyqxmXbB+VefVw4j4tlYFm9KI+A70lTABN9Ic6iphFeAusGS7psX/Mtt7bS8BU0BnHZLiYefBLybpbgLrjpZ8XJwClm3PAAdsN62RzDbbt1NwbL+3fRI4BNT4rAqbbuIIMBoRbZLeSHqQ+vwXsDUidkkaBJoj4h6wPSJy6QxcjYjT6QKuKVeP7Uu2v1JrK2k2DSWZzuZAGicrtq81lCxV1JTG8gHbh23vBtpLe46noDlB/rwOtDQk2UASLanLaiq1PWH730lst9q+lVdQlAsY+2cCqSpnTlKUC/j6XwgSSSswWWqIif9GIK3KNUH1r+QasOkPpU8FJ4KtSqcAAAAASUVORK5CYII=\") 50% no-repeat;background-size:16px;bottom:0;content:\"\";left:0;position:absolute;top:0;width:100%}::ng-deep .c-image-editor-quill-box:hover img{opacity:.4}::ng-deep .ql-toolbar input.ql-customFile[type=file]{display:none}::ng-deep .has-error .ql-container.ql-snow,::ng-deep .has-error .ql-toolbar.ql-snow{border:1px solid #f82c13}"]
                 },] }
     ];
     SdEditor.ctorParameters = function () { return [
@@ -894,6 +913,7 @@
         pRequired: [{ type: core.Input }],
         _minlength: [{ type: core.Input, args: ['minlength',] }],
         _maxlength: [{ type: core.Input, args: ['maxlength',] }],
+        _inlineError: [{ type: core.Input, args: ['inlineError',] }],
         modelChange: [{ type: core.Output }],
         placeholder: [{ type: core.Input }],
         styles: [{ type: core.Input }],