@sd-angular/core 1.3.212 → 1.3.214

package/fesm2015/sd-angular-core-date-time.js

@@ -227,6 +227,18 @@ class SdDateTime {
             this.formControl.clearValidators();
         }
     }
+    set _inlineError(val) {
+        this.inlineError = val;
+        // this.#updateValidator();
+        if (this.inlineError) {
+            this.formControl.setValidators([this.customInlineErrorValidator()]);
+            this.formControl.updateValueAndValidity();
+        }
+        else {
+            this.formControl.clearValidators();
+            this.formControl.updateValueAndValidity();
+        }
+    }
     set _label(val) {
         this.label = val;
         this.qcId = hash({
@@ -276,6 +288,12 @@ class SdDateTime {
         }));
         (_b = __classPrivateFieldGet(this, _form)) === null || _b === void 0 ? void 0 : _b.addControl(__classPrivateFieldGet(this, _name), this.formControl);
     }
+    // Hàm tạo Validators tùy chỉnh cho inlineError
+    customInlineErrorValidator() {
+        return (control) => {
+            return { inlineError: true };
+        };
+    }
     ngAfterViewInit() {
     }
     focusInputElement() {
@@ -287,7 +305,7 @@ _date = new WeakMap(), _name = new WeakMap(), _form = new WeakMap(), _subscripti
 SdDateTime.decorators = [
     { type: 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      <!-- <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && picker1.open()\" matSuffix>today\r\n      </mat-icon> -->\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    <!-- <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> -->\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<!-- <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> -->\r\n",
+                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      <!-- <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && picker1.open()\" matSuffix>today\r\n      </mat-icon> -->\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    <!-- <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> -->\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<!-- <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> -->\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 providers: [
                     { provide: MAT_DATE_FORMATS, useValue: ɵ0 },
@@ -312,6 +330,7 @@ SdDateTime.propDecorators = {
     _type: [{ type: Input, args: ['type',] }],
     disabled: [{ type: Input }],
     _required: [{ type: Input, args: ['required',] }],
+    _inlineError: [{ type: Input, args: ['inlineError',] }],
     _label: [{ type: Input, args: ['label',] }],
     placeholder: [{ type: Input }],
     defaultTime: [{ type: Input }],

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-date-time.js","sources":["../../../../projects/sd-core/date-time/src/lib/date-time.component.ts","../../../../projects/sd-core/date-time/src/lib/date-time.module.ts","../../../../projects/sd-core/date-time/sd-angular-core-date-time.ts"],"sourcesContent":["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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-date-time.js","sources":["../../../../projects/sd-core/date-time/src/lib/date-time.component.ts","../../../../projects/sd-core/date-time/src/lib/date-time.module.ts","../../../../projects/sd-core/date-time/sd-angular-core-date-time.ts"],"sourcesContent":["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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}

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

@@ -216,10 +216,15 @@ class SdEditor {
             if (this.maxlength > 0) {
                 validators.push(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 = (quill) => {
             __classPrivateFieldSet(this, _quill, quill);
@@ -360,6 +365,10 @@ class SdEditor {
         this.maxlength = +val;
         __classPrivateFieldGet(this, _updateValidator).call(this);
     }
+    set _inlineError(val) {
+        this.inlineError = val;
+        __classPrivateFieldGet(this, _updateValidator).call(this);
+    }
     set form(val) {
         if (val) {
             if (val instanceof NgForm) {
@@ -463,6 +472,12 @@ class SdEditor {
         (_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
+    customInlineErrorValidator() {
+        return (control) => {
+            return { inlineError: true };
+        };
+    }
     // #uploadImage = (formData, quill, range, fileInput) => {
     //   if (!this.urlUploadImage) {
     //     this.urlUploadImage = '/partner/v2/merchandise/file/uploaduserfile';
@@ -522,9 +537,9 @@ _name = new WeakMap(), _subscription = new WeakMap(), _model = new WeakMap(), _f
 SdEditor.decorators = [
     { type: 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: 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 = () => [
@@ -540,6 +555,7 @@ SdEditor.propDecorators = {
     pRequired: [{ type: Input }],
     _minlength: [{ type: Input, args: ['minlength',] }],
     _maxlength: [{ type: Input, args: ['maxlength',] }],
+    _inlineError: [{ type: Input, args: ['inlineError',] }],
     modelChange: [{ type: Output }],
     placeholder: [{ type: Input }],
     styles: [{ type: Input }],

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-editor.js","sources":["../../../../projects/sd-core/editor/src/lib/editor.model.ts","../../../../projects/sd-core/editor/src/lib/constant.ts","../../../../projects/sd-core/editor/src/lib/editor.component.ts","../../../../projects/sd-core/editor/src/lib/editor.module.ts","../../../../projects/sd-core/editor/src/public-api.ts","../../../../projects/sd-core/editor/sd-angular-core-editor.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\nimport Quill from 'quill';\r\nexport interface SdEditorAction {\r\n  key: string;\r\n  icon: string;\r\n  tooltip: string;\r\n  click: (event: any, args: SdEditorActionArgs) => void | Promise<void>;\r\n}\r\nexport interface SdEditorActionArgs {\r\n  qlKey: string;\r\n  element: HTMLElement;\r\n  loadingId: string;\r\n  quill: Quill;\r\n  cursorPosition: {\r\n    index: number;\r\n    length: number;\r\n  };\r\n  args?: any;\r\n}\r\nexport interface IEditorConfiguration {\r\n  uploadImage?: (formData: FormData, args?: any) => Promise<string>;\r\n  actions?: SdEditorAction[];\r\n}\r\n\r\nexport const EDITOR_CONFIG = new InjectionToken<IEditorConfiguration>('editor.configuration');\r\n","export const Constants = {\r\n    ARE_YOU_WANT_TO_DELETE: 'Are you sure you want to delete?',\r\n    ACTIVE: 'active',\r\n    IN_ACTIVE: 'inactive',\r\n    APPROVE: 'approve',\r\n    UN_APPROVE: 'unapprove',\r\n    ACCEPT_SIZE_IMAGE: 'Logo only accept image with size <= 2MB',\r\n    ACCEPT_TYPE_IMAGE:\r\n      'image/png, image/gif, image/jpeg, image/bmp, image/x-icon',\r\n    PAGE_TYPE_NEW: 'new',\r\n    PAGE_TYPE_EDIT: 'edit',\r\n    SAVE: 'saveOb',\r\n    SAVE_AND_CONTINUE: 'saveAndContOb',\r\n    IMAGE_SIZE: 2048000,\r\n    SUCCESS: 'Success',\r\n    IMPORT_SUCCESSFULLY: 'Import successfully!',\r\n    ERROR: 'Error',\r\n    FAILED: 'fail',\r\n    FILE: 'file',\r\n    NONE: 'none',\r\n    NOT_EXIST_ID_OR_LINK: 'This ID/Link is not existing',\r\n    FEATURE_IS_PENDING: 'This feature is pending',\r\n    NOT_SUPPORT_FILE_IMAGE: 'File upload is not supported.',\r\n    NOT_SUPPORT_FILE_IMPORT: 'File import is not supported.',\r\n    NETWORK_ERROR: 'Network Error',\r\n    SORT_BY: [\r\n      {\r\n        value: 0,\r\n        name: 'Created Date'\r\n      },\r\n      {\r\n        value: 1,\r\n        name: 'Title'\r\n      }\r\n    ],\r\n    DESC: [\r\n      {\r\n        value: true,\r\n        name: 'Descending'\r\n      },\r\n      {\r\n        value: false,\r\n        name: 'Ascending'\r\n      }\r\n    ],\r\n    FORM_ERRORS: {\r\n        Id: '',\r\n        textSearch: '',\r\n        ImportLogId: '',\r\n        SortBy: '',\r\n        Reverse: '',\r\n      },\r\n    VALIDATION_MESSAGES: {}\r\n};\r\n\r\nexport const PROMOTION_PERMISSIONS = ['ListPromotion', 'AddNewPromotion', 'EditPromotion',\r\n  'ActiveOrInactivePromotion', 'RemovePromotion', 'ImportPromotion', 'ExportPromotion'];\r\n\r\nexport const ValidateMessageConstants = {\r\n    TITLE_REQUIRED: 'Title is required',\r\n    TITLE_MAXLENGTH: 'Title is not more than 55 characters',\r\n    TITLE_PATTERN: 'Title is required',\r\n\r\n    CREATED_AT_REQUIRED: 'Created At is required',\r\n\r\n    SHOW_ON_HOME_REQUIRED: 'Show On Home is required',\r\n\r\n    DISPLAY_NUMBER_REQUIRED: 'Display Number is required',\r\n\r\n    CONTENT_TYPE_REQUIRED: 'Content Type is required',\r\n\r\n    DISCOUNT_PERCENT_REQUIRED: 'Discount percent is required',\r\n    DISCOUNT_PERCENT_MAX: 'Max discount percent is 100, cannot input greater',\r\n    DISCOUNT_PERCENT_MIN: 'Min discount percent is 0, cannot input lower'\r\n};\r\n\r\nexport const PROMOTION_FORM = {\r\n  FORM_ERRORS: {\r\n    title: '',\r\n    createdAt: '',\r\n    displayNumber: '',\r\n    showOnHome: '',\r\n    discountPercent: '',\r\n    isActive: '',\r\n    ctaLabelName: '',\r\n    ctaDeepLink: '',\r\n    tags: ''\r\n  },\r\n  VALIDATION_MESSAGES: {\r\n    title: {\r\n      required: ValidateMessageConstants.TITLE_REQUIRED,\r\n      maxlength: ValidateMessageConstants.TITLE_MAXLENGTH,\r\n      pattern: ValidateMessageConstants.TITLE_PATTERN\r\n    },\r\n    createdAt: {\r\n      required: ValidateMessageConstants.CREATED_AT_REQUIRED\r\n    },\r\n    showOnHome: {\r\n      required: ValidateMessageConstants.SHOW_ON_HOME_REQUIRED\r\n    },\r\n    displayNumber: {\r\n      required: ValidateMessageConstants.DISPLAY_NUMBER_REQUIRED\r\n    },\r\n    discountPercent: {\r\n      required: ValidateMessageConstants.DISCOUNT_PERCENT_REQUIRED,\r\n      max: ValidateMessageConstants.DISCOUNT_PERCENT_MAX,\r\n      min: ValidateMessageConstants.DISCOUNT_PERCENT_MIN\r\n    },\r\n    tags: {\r\n      required: ValidateMessageConstants.CONTENT_TYPE_REQUIRED\r\n    }\r\n  }\r\n};\r\n","import {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ContentChild,\r\n  EventEmitter,\r\n  Inject,\r\n  Input,\r\n  NgZone,\r\n  OnDestroy,\r\n  OnInit,\r\n  Optional,\r\n  Output,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport {ContentChange, QuillEditorComponent, SelectionChange} from 'ngx-quill';\r\nimport * as uuid from 'uuid';\r\nimport {FormControl, FormGroup, NgForm, ValidatorFn, Validators} from '@angular/forms';\r\nimport {Constants} from './constant';\r\nimport {Subscription} from 'rxjs';\r\nimport {SdApiService} from '@sd-angular/core/api';\r\nimport 'quill-mention';\r\nimport {SdLabelDefDirective} from '@sd-angular/core/common';\r\nimport {SdLoadingService} from \"@sd-angular/core/loading\";\r\nimport {EDITOR_CONFIG, IEditorConfiguration} from './editor.model';\r\nimport Quill from 'quill';\r\n\r\n@Component({\r\n  selector: 'sd-editor',\r\n  templateUrl: './editor.component.html',\r\n  styleUrls: ['./editor.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdEditor implements OnInit, AfterViewInit, OnDestroy {\r\n  #name = `N${uuid.v4()}`;\r\n  id: string = `I${uuid.v4()}`;\r\n  #subscription = new Subscription();\r\n  @ViewChild('editor') editor: QuillEditorComponent;\r\n  @Input() label: string;\r\n  #model: string;\r\n  @Input() set model(val: string) {\r\n    this.#model = val;\r\n    this.modelHTML = val;\r\n    this.formControl.setValue(this.#model, {\r\n      emitEvent: false\r\n    });\r\n    this.ref.detectChanges();\r\n  }\r\n\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n\r\n  required = false;\r\n\r\n  @Input() set pRequired(val: boolean | '') {\r\n    this.required = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  minlength: number;\r\n\r\n  @Input('minlength') set _minlength(val: number) {\r\n    this.minlength = +val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  maxlength: number;\r\n\r\n  @Input('maxlength') set _maxlength(val: number) {\r\n    this.maxlength = +val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  @Output() modelChange = new EventEmitter<string>();\r\n\r\n  @Input() placeholder: string = '';\r\n\r\n  @Input() styles: any = {height: '250px'};\r\n\r\n  @Input() args: any;\r\n\r\n  formControl = new FormControl();\r\n\r\n  @Input() domain = '';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n\r\n  @Input() toolbar: any;\r\n  @Input() enableHTMLButton = false;\r\n  showHtmlEditor = false;\r\n  modelHTML: string;\r\n\r\n  quillEvent: any;\r\n  @Input() mentionValues: { id: string, value: string, link?: string }[];\r\n  @Input() hashTagValues: { id: string, value: string, link?: string }[];\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  quillConfig = {\r\n    // toolbar: '.toolbar',\r\n    toolbar: {\r\n      container: [\r\n        ['bold', 'italic', 'underline', 'strike'],        // toggled buttons\r\n        ['blockquote', 'code-block'],\r\n\r\n        [{'header': 1}, {'header': 2}],               // custom button values\r\n        [{'list': 'ordered'}, {'list': 'bullet'}],\r\n        [{'script': 'sub'}, {'script': 'super'}],      // superscript/subscript\r\n        [{'indent': '-1'}, {'indent': '+1'}],          // outdent/indent\r\n        [{'direction': 'rtl'}],                         // text direction\r\n\r\n        [{'size': ['small', false, 'large', 'huge']}],  // custom dropdown\r\n        [{'header': [1, 2, 3, 4, 5, 6, false]}],\r\n\r\n        [{'color': []}, {'background': []}],          // dropdown with defaults from theme\r\n        [{'font': []}],\r\n        [{'align': []}],\r\n\r\n        ['clean'],                                         // remove formatting button\r\n\r\n        ['link', 'image', 'video']                         // link and image, video\r\n      ]\r\n    },\r\n    mention: {\r\n      allowedChars: /^[A-Za-z0-9\\sÅÄÖåäö._-]*$/,\r\n      mentionDenotationChars: ['@', '#'],\r\n      source: (searchTerm, renderList, mentionChar) => {\r\n        if ((this.mentionValues && mentionChar === '@') || (this.hashTagValues && mentionChar === '#')) {\r\n          let values;\r\n          if (mentionChar === '@') {\r\n            values = this.mentionValues;\r\n          } else if (mentionChar === '#') {\r\n            values = this.hashTagValues;\r\n          } else {\r\n            values = [];\r\n          }\r\n\r\n          if (searchTerm.length === 0) {\r\n            renderList(values, searchTerm);\r\n          } else {\r\n            const matches = [];\r\n            // tslint:disable-next-line:prefer-for-of\r\n            for (let i = 0; i < values.length; i++) {\r\n              // tslint:disable-next-line:no-bitwise\r\n              if (~values[i].value.toLowerCase().indexOf(searchTerm.toLowerCase())) {\r\n                matches.push(values[i]);\r\n              }\r\n            }\r\n            renderList(matches, searchTerm);\r\n          }\r\n        }\r\n      },\r\n    },\r\n    keyboard: {\r\n      bindings: {\r\n        enter: {\r\n          key: 13,\r\n          handler: (range, context) => {\r\n            return true;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  };\r\n  @Output() sdChange = new EventEmitter<string>();\r\n  timerLoadQuillToolbar = null;\r\n\r\n  constructor(\r\n    private ngZone: NgZone,\r\n    private ref: ChangeDetectorRef,\r\n    @Inject(EDITOR_CONFIG) @Optional() private configuration: IEditorConfiguration,\r\n  ) {\r\n\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n\r\n    if (this.toolbar) {\r\n      this.quillConfig.toolbar.container = this.toolbar;\r\n    }\r\n\r\n    for (const action of (this.configuration?.actions || [])) {\r\n      if (this.quillConfig.toolbar.container.toString().includes(action.key)) {\r\n        const qlKey = `button.ql-${action.key}`;\r\n        const interval = setInterval(() => {\r\n          if (document.querySelector(qlKey)) {\r\n            clearInterval(interval);\r\n            document.querySelector(qlKey).innerHTML = action.icon;\r\n            const customAction = document.querySelector(qlKey);\r\n            if (customAction.getAttribute('listener') !== '1') {\r\n              customAction.setAttribute('listener', '1');\r\n              if (action.tooltip) {\r\n                customAction.setAttribute('title', action.tooltip);\r\n              }\r\n              customAction.addEventListener('click', (e) => {\r\n                const cursorPosition = localStorage.getItem('quillRange');\r\n                const element = e.currentTarget as HTMLElement; // Lấy element của action được click\r\n                const toolbar = element.closest('.ql-formats').closest('.ql-toolbar'); // Lấy toolbar element\r\n                const id = toolbar.closest('quill-editor').id; // Lấy id của editor để phục vụ loading\r\n                const loadingId = `#box-${id}`; // id của editor;\r\n                action.click(e, {\r\n                  qlKey,\r\n                  element,\r\n                  loadingId,\r\n                  cursorPosition: JSON.parse(cursorPosition),\r\n                  quill: this.#quill,\r\n                  args: this.args\r\n                });\r\n              });\r\n            }\r\n          }\r\n        }, 1000);\r\n      }\r\n    }\r\n\r\n    // if (this.quillConfig.toolbar.container.toString().includes('customFile')) {\r\n    //   this.timerLoadQuillToolbar = setInterval(() => {\r\n    //     if (document.querySelector('button.ql-customFile')) {\r\n    //       clearInterval(this.timerLoadQuillToolbar);\r\n    //       document.querySelector('button.ql-customFile').innerHTML = this.customButtonFileSVG;\r\n    //       const customButton = document.querySelector('button.ql-customFile');\r\n    //       if (customButton.getAttribute('listener') !== '1') {\r\n    //         customButton.setAttribute('listener', '1');\r\n    //         customButton.addEventListener('click', this.customFileHandler);\r\n    //       }\r\n    //     }\r\n    //   }, 1000);\r\n    // }\r\n\r\n    this.ref.markForCheck();\r\n  }\r\n\r\n  // customFileHandler = (e) => {\r\n  //   const customButton = e.currentTarget;\r\n  //   const quillToolbar = customButton.closest('.ql-formats').closest('.ql-toolbar');\r\n  //   const quillBox = quillToolbar.closest('.ql-formats')\r\n  //   let fileInput: HTMLInputElement = quillToolbar.querySelector('input.ql-customFile[type=file]');\r\n  //   if (fileInput == null) {\r\n  //     fileInput = document.createElement('input');\r\n  //     fileInput.setAttribute('type', Constants.FILE);\r\n  //     fileInput.setAttribute('accept', '*');\r\n  //     fileInput.classList.add('ql-customFile');\r\n  //     fileInput.addEventListener('change', () => {\r\n  //       const files = fileInput.files;\r\n  //       if (!files || !files.length) {\r\n  //         return;\r\n  //       }\r\n\r\n  //       const formData = new FormData();\r\n  //       formData.append(Constants.FILE, files[0]);\r\n  //       let range = localStorage.getItem('quillRange');\r\n  //       if (range) {\r\n  //         range = JSON.parse(range);\r\n  //       }\r\n  //       this.quillEvent.enable(false);\r\n  //       this.#uploadFile(formData, this.quillEvent, range, fileInput, quillToolbar.closest('quill-editor').id);\r\n  //     });\r\n  //     quillToolbar.appendChild(fileInput);\r\n  //   }\r\n  //   fileInput.click();\r\n  // }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.subscribe((val) => {\r\n      this.modelChange.emit(val);\r\n      this.sdChange.emit(val);\r\n    }));\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  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    if (this.required) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.minlength > 0) {\r\n      validators.push(Validators.minLength(this.minlength));\r\n    }\r\n    if (this.maxlength > 0) {\r\n      validators.push(Validators.maxLength(this.maxlength));\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.updateValueAndValidity();\r\n    this.ref.markForCheck();\r\n  }\r\n  #quill: Quill;\r\n  editorInit = (quill: Quill) => {\r\n    this.#quill = quill;\r\n    this.quillEvent = quill;\r\n    // const txtArea = document.createElement('textarea');\r\n    // txtArea.style.cssText =\r\n    //   'width: 100%;margin: 0px;background: rgb(29, 29, 29);' +\r\n    //   'box-sizing: border-box;color: rgb(204, 204, 204);' +\r\n    //   'font-size: 15px;outline: none;padding: 20px;' +\r\n    //   'line-height: 24px;font-family: Consolas, Menlo, Monaco, &quot;Courier New&quot;, monospace;' +\r\n    //   'position: absolute;top: 0;bottom: 0;border: none;display:none';\r\n\r\n    // const htmlEditor = quill.addContainer('ql-custom');\r\n    // htmlEditor.appendChild(txtArea);\r\n\r\n    // const myEditor = quill.container;\r\n    // quill.on('text-change', (delta, oldDelta, source) => {\r\n    //   const html = myEditor.children[0].innerHTML;\r\n    //   txtArea.value = html;\r\n    //   // if (quill.getLength() > this.maxlength) {\r\n    //   //   quill.deleteText(this.maxlength, quill.getLength());\r\n    //   // }\r\n    //   // this.formControl.setValue(html);\r\n    // });\r\n    const self = this;\r\n    this.#initUploadImage(quill);\r\n    // this.ngZone.runOutsideAngular(() => {\r\n    //   quill.getModule('toolbar').addHandler('image', function () {\r\n    //     let fileInput = this.container.querySelector('input.ql-image[type=file]');\r\n\r\n    //     if (fileInput == null) {\r\n    //       fileInput = document.createElement('input');\r\n    //       fileInput.setAttribute('type', Constants.FILE);\r\n    //       fileInput.setAttribute('accept', 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon');\r\n    //       fileInput.classList.add('ql-image');\r\n    //       fileInput.addEventListener('change', () => {\r\n    //         const files = fileInput.files;\r\n    //         const range = this.quill.getSelection(true);\r\n    //         if (!files || !files.length) {\r\n    //           return;\r\n    //         }\r\n\r\n    //         const formData = new FormData();\r\n    //         formData.append(Constants.FILE, files[0]);\r\n\r\n    //         this.quill.enable(false);\r\n\r\n    //         self.#uploadImage(formData, quill, range, fileInput);\r\n    //       });\r\n    //       this.container.appendChild(fileInput);\r\n    //     }\r\n    //     fileInput.click();\r\n    //   });\r\n\r\n    // });\r\n    this.ref.markForCheck();\r\n  }\r\n\r\n  #initUploadImage = (quill: Quill) => {\r\n    const self = this;\r\n    this.ngZone.runOutsideAngular(() => {\r\n      quill.getModule('toolbar').addHandler('image', function() {\r\n        let fileInput = this.container.querySelector('input.ql-image[type=file]');\r\n        if (fileInput == null) {\r\n          fileInput = document.createElement('input');\r\n          fileInput.setAttribute('type', Constants.FILE);\r\n          fileInput.setAttribute('accept', '.jpg,.jpeg,.png');\r\n          fileInput.classList.add('ql-image');\r\n          fileInput.addEventListener('change', () => {\r\n            const files = fileInput.files;\r\n            const range = this.quill.getSelection(true);\r\n            if (!files || !files.length) {\r\n              return;\r\n            }\r\n            const fileName = files[0].name;\r\n            const idxDot = fileName.lastIndexOf('.') + 1;\r\n            const extFile = fileName.substr(idxDot, fileName.length).toLowerCase();\r\n            if (extFile === 'jpg' || extFile === 'jpeg' || extFile === 'png') {\r\n              // TO DO\r\n            } else {\r\n              alert('Vui lòng chọn file đúng định dạng cho phép');\r\n              return;\r\n            }\r\n            const formData = new FormData();\r\n            formData.append(Constants.FILE, files[0]);\r\n            this.quill.enable(false);\r\n            // self.#uploadImage(formData, quill, range, fileInput);\r\n            self.configuration?.uploadImage(formData, self.args).then(url => {\r\n              self.ngZone.runOutsideAngular(() => {\r\n                quill.enable(true);\r\n                // quill.editor.insertEmbed(range.index, 'image', resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '');\r\n                quill.getModule('clipboard').dangerouslyPasteHTML(range.index, '<a target=\"_blank\" href=\"' + (url || '')\r\n                  + '\"><img src=\"' + (url || '') + '\" alt=\"c-image-editor-quill\"></a>', 'user');\r\n                // quill.insertText();\r\n                const content = quill.getContents();\r\n                quill.setContents(content);\r\n                quill.setSelection(range.index + 1, 'user');\r\n                fileInput.value = '';\r\n              });\r\n            });\r\n          });\r\n          this.container.appendChild(fileInput);\r\n        }\r\n        fileInput.click();\r\n      });\r\n\r\n    });\r\n  }\r\n\r\n  onModelChange = (val: string) => {\r\n    this.formControl.setValue(val);\r\n    this.modelHTML = val;\r\n    this.ref.markForCheck();\r\n  }\r\n\r\n  onClickShowHtmlEditor = () => {\r\n    this.showHtmlEditor = !this.showHtmlEditor;\r\n    this.ref.markForCheck();\r\n  }\r\n\r\n  // #uploadImage = (formData, quill, range, fileInput) => {\r\n  //   if (!this.urlUploadImage) {\r\n  //     this.urlUploadImage = '/partner/v2/merchandise/file/uploaduserfile';\r\n  //   }\r\n  //   // this.domain = 'https://api-commerce-qc.vinid.dev';\r\n  //   this.sdApiService.post(this.urlUploadImage, formData).then((resp: any) => {\r\n  //     this.ngZone.runOutsideAngular(() => {\r\n  //       quill.enable(true);\r\n  //       // quill.editor.insertEmbed(range.index, 'image', resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '');\r\n  //       quill.getModule('clipboard').dangerouslyPasteHTML(range.index, '<a target=\"_blank\" href=\"' + (resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '')\r\n  //         + '\"><img src=\"' + (resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '') + '\" alt=\"c-image-editor-quill\"></a>', 'user');\r\n  //       // quill.insertText();\r\n  //       const content = quill.getContents();\r\n  //       quill.setContents(content);\r\n  //       quill.setSelection(range.index + 1, 'user');\r\n  //       fileInput.value = '';\r\n  //     });\r\n  //   });\r\n  //   this.ref.markForCheck();\r\n  // }\r\n\r\n  // #uploadFile = (formData, quill, range, fileInput, loadingID) => {\r\n  //   if (!this.urlUploadFile) {\r\n  //     this.urlUploadFile = '/partner/v2/merchandise/file/uploaduserfile';\r\n  //   }\r\n  //   // this.domain = 'https://api-commerce-qc.vinid.dev';\r\n  //   this.loadingService.start('#box-' + loadingID);\r\n  //   this.sdApiService.post(this.urlUploadFile, formData).then((resp: any) => {\r\n  //     this.ngZone.runOutsideAngular(() => {\r\n  //       quill.enable(true);\r\n  //       // quill.editor.insertEmbed(range.index, 'image', resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '');\r\n  //       quill.getModule('clipboard').dangerouslyPasteHTML(range.index, '<a target=\"_blank\" href=\"' + (resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '')\r\n  //         + '\">' + (resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '') + '</a>', 'user');\r\n  //       // quill.insertText();\r\n  //       const content = quill.getContents();\r\n  //       quill.setContents(content);\r\n  //       quill.setSelection(range.index + 1, 'user');\r\n  //       fileInput.value = '';\r\n  //     });\r\n  //     this.loadingService.stop('#box-' + loadingID);\r\n  //   }).catch((er) => {\r\n  //     this.loadingService.stop('#box-' + loadingID);\r\n  //   });\r\n  //   this.ref.markForCheck();\r\n  // }\r\n\r\n  onSelectionChanged(e: SelectionChange) {\r\n    // localStorage.setItem('quillRange', e.range ? JSON.stringify(e.range) : (e.oldRange ? JSON.stringify(e.oldRange) : null));\r\n    localStorage.setItem('quillRange', e.editor.getSelection() ? JSON.stringify(e.editor.getSelection()) : null);\r\n  }\r\n\r\n  onContentChanged(e: ContentChange) {\r\n    localStorage.setItem('quillRange', JSON.stringify({\r\n      index: (e.editor.getLength() ? e.editor.getLength() - 1 : 0),\r\n      length: 0\r\n    }));\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { QuillModule } from 'ngx-quill';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdEditor } from './editor.component';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport {SdButtonModule} from '@sd-angular/core/button';\r\nimport {SdTextareaModule} from '@sd-angular/core/textarea';\r\nimport {SdApiModule, SdApiService} from '@sd-angular/core/api';\r\n\r\n@NgModule({\r\n  declarations: [SdEditor],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    QuillModule.forRoot(),\r\n    SdTranslateModule,\r\n    SdButtonModule,\r\n    SdTextareaModule,\r\n    SdApiModule\r\n  ],\r\n  exports: [SdEditor],\r\n  providers: [],\r\n})\r\nexport class SdEditorModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/editor.model';\r\nexport * from './lib/editor.module';\r\nexport * from './lib/constant';\r\nexport * from './lib/editor.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-editor.js","sources":["../../../../projects/sd-core/editor/src/lib/editor.model.ts","../../../../projects/sd-core/editor/src/lib/constant.ts","../../../../projects/sd-core/editor/src/lib/editor.component.ts","../../../../projects/sd-core/editor/src/lib/editor.module.ts","../../../../projects/sd-core/editor/src/public-api.ts","../../../../projects/sd-core/editor/sd-angular-core-editor.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\nimport Quill from 'quill';\r\nexport interface SdEditorAction {\r\n  key: string;\r\n  icon: string;\r\n  tooltip: string;\r\n  click: (event: any, args: SdEditorActionArgs) => void | Promise<void>;\r\n}\r\nexport interface SdEditorActionArgs {\r\n  qlKey: string;\r\n  element: HTMLElement;\r\n  loadingId: string;\r\n  quill: Quill;\r\n  cursorPosition: {\r\n    index: number;\r\n    length: number;\r\n  };\r\n  args?: any;\r\n}\r\nexport interface IEditorConfiguration {\r\n  uploadImage?: (formData: FormData, args?: any) => Promise<string>;\r\n  actions?: SdEditorAction[];\r\n}\r\n\r\nexport const EDITOR_CONFIG = new InjectionToken<IEditorConfiguration>('editor.configuration');\r\n","export const Constants = {\r\n    ARE_YOU_WANT_TO_DELETE: 'Are you sure you want to delete?',\r\n    ACTIVE: 'active',\r\n    IN_ACTIVE: 'inactive',\r\n    APPROVE: 'approve',\r\n    UN_APPROVE: 'unapprove',\r\n    ACCEPT_SIZE_IMAGE: 'Logo only accept image with size <= 2MB',\r\n    ACCEPT_TYPE_IMAGE:\r\n      'image/png, image/gif, image/jpeg, image/bmp, image/x-icon',\r\n    PAGE_TYPE_NEW: 'new',\r\n    PAGE_TYPE_EDIT: 'edit',\r\n    SAVE: 'saveOb',\r\n    SAVE_AND_CONTINUE: 'saveAndContOb',\r\n    IMAGE_SIZE: 2048000,\r\n    SUCCESS: 'Success',\r\n    IMPORT_SUCCESSFULLY: 'Import successfully!',\r\n    ERROR: 'Error',\r\n    FAILED: 'fail',\r\n    FILE: 'file',\r\n    NONE: 'none',\r\n    NOT_EXIST_ID_OR_LINK: 'This ID/Link is not existing',\r\n    FEATURE_IS_PENDING: 'This feature is pending',\r\n    NOT_SUPPORT_FILE_IMAGE: 'File upload is not supported.',\r\n    NOT_SUPPORT_FILE_IMPORT: 'File import is not supported.',\r\n    NETWORK_ERROR: 'Network Error',\r\n    SORT_BY: [\r\n      {\r\n        value: 0,\r\n        name: 'Created Date'\r\n      },\r\n      {\r\n        value: 1,\r\n        name: 'Title'\r\n      }\r\n    ],\r\n    DESC: [\r\n      {\r\n        value: true,\r\n        name: 'Descending'\r\n      },\r\n      {\r\n        value: false,\r\n        name: 'Ascending'\r\n      }\r\n    ],\r\n    FORM_ERRORS: {\r\n        Id: '',\r\n        textSearch: '',\r\n        ImportLogId: '',\r\n        SortBy: '',\r\n        Reverse: '',\r\n      },\r\n    VALIDATION_MESSAGES: {}\r\n};\r\n\r\nexport const PROMOTION_PERMISSIONS = ['ListPromotion', 'AddNewPromotion', 'EditPromotion',\r\n  'ActiveOrInactivePromotion', 'RemovePromotion', 'ImportPromotion', 'ExportPromotion'];\r\n\r\nexport const ValidateMessageConstants = {\r\n    TITLE_REQUIRED: 'Title is required',\r\n    TITLE_MAXLENGTH: 'Title is not more than 55 characters',\r\n    TITLE_PATTERN: 'Title is required',\r\n\r\n    CREATED_AT_REQUIRED: 'Created At is required',\r\n\r\n    SHOW_ON_HOME_REQUIRED: 'Show On Home is required',\r\n\r\n    DISPLAY_NUMBER_REQUIRED: 'Display Number is required',\r\n\r\n    CONTENT_TYPE_REQUIRED: 'Content Type is required',\r\n\r\n    DISCOUNT_PERCENT_REQUIRED: 'Discount percent is required',\r\n    DISCOUNT_PERCENT_MAX: 'Max discount percent is 100, cannot input greater',\r\n    DISCOUNT_PERCENT_MIN: 'Min discount percent is 0, cannot input lower'\r\n};\r\n\r\nexport const PROMOTION_FORM = {\r\n  FORM_ERRORS: {\r\n    title: '',\r\n    createdAt: '',\r\n    displayNumber: '',\r\n    showOnHome: '',\r\n    discountPercent: '',\r\n    isActive: '',\r\n    ctaLabelName: '',\r\n    ctaDeepLink: '',\r\n    tags: ''\r\n  },\r\n  VALIDATION_MESSAGES: {\r\n    title: {\r\n      required: ValidateMessageConstants.TITLE_REQUIRED,\r\n      maxlength: ValidateMessageConstants.TITLE_MAXLENGTH,\r\n      pattern: ValidateMessageConstants.TITLE_PATTERN\r\n    },\r\n    createdAt: {\r\n      required: ValidateMessageConstants.CREATED_AT_REQUIRED\r\n    },\r\n    showOnHome: {\r\n      required: ValidateMessageConstants.SHOW_ON_HOME_REQUIRED\r\n    },\r\n    displayNumber: {\r\n      required: ValidateMessageConstants.DISPLAY_NUMBER_REQUIRED\r\n    },\r\n    discountPercent: {\r\n      required: ValidateMessageConstants.DISCOUNT_PERCENT_REQUIRED,\r\n      max: ValidateMessageConstants.DISCOUNT_PERCENT_MAX,\r\n      min: ValidateMessageConstants.DISCOUNT_PERCENT_MIN\r\n    },\r\n    tags: {\r\n      required: ValidateMessageConstants.CONTENT_TYPE_REQUIRED\r\n    }\r\n  }\r\n};\r\n","import {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ContentChild,\r\n  EventEmitter,\r\n  Inject,\r\n  Input,\r\n  NgZone,\r\n  OnDestroy,\r\n  OnInit,\r\n  Optional,\r\n  Output,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport {ContentChange, QuillEditorComponent, SelectionChange} from 'ngx-quill';\r\nimport * as uuid from 'uuid';\r\nimport {AbstractControl, FormControl, FormGroup, NgForm, ValidatorFn, Validators} from '@angular/forms';\r\nimport {Constants} from './constant';\r\nimport {Subscription} from 'rxjs';\r\nimport {SdApiService} from '@sd-angular/core/api';\r\nimport 'quill-mention';\r\nimport {SdLabelDefDirective} from '@sd-angular/core/common';\r\nimport {SdLoadingService} from \"@sd-angular/core/loading\";\r\nimport {EDITOR_CONFIG, IEditorConfiguration} from './editor.model';\r\nimport Quill from 'quill';\r\n\r\n@Component({\r\n  selector: 'sd-editor',\r\n  templateUrl: './editor.component.html',\r\n  styleUrls: ['./editor.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdEditor implements OnInit, AfterViewInit, OnDestroy {\r\n  #name = `N${uuid.v4()}`;\r\n  id: string = `I${uuid.v4()}`;\r\n  #subscription = new Subscription();\r\n  @ViewChild('editor') editor: QuillEditorComponent;\r\n  @Input() label: string;\r\n  #model: string;\r\n  @Input() set model(val: string) {\r\n    this.#model = val;\r\n    this.modelHTML = val;\r\n    this.formControl.setValue(this.#model, {\r\n      emitEvent: false\r\n    });\r\n    this.ref.detectChanges();\r\n  }\r\n\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n\r\n  required = false;\r\n\r\n  @Input() set pRequired(val: boolean | '') {\r\n    this.required = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  minlength: number;\r\n\r\n  @Input('minlength') set _minlength(val: number) {\r\n    this.minlength = +val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  maxlength: number;\r\n\r\n  @Input('maxlength') set _maxlength(val: number) {\r\n    this.maxlength = +val;\r\n    this.#updateValidator();\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  }\r\n\r\n  @Output() modelChange = new EventEmitter<string>();\r\n\r\n  @Input() placeholder: string = '';\r\n\r\n  @Input() styles: any = {height: '250px'};\r\n\r\n  @Input() args: any;\r\n\r\n  formControl = new FormControl();\r\n\r\n  @Input() domain = '';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n\r\n  @Input() toolbar: any;\r\n  @Input() enableHTMLButton = false;\r\n  showHtmlEditor = false;\r\n  modelHTML: string;\r\n\r\n  quillEvent: any;\r\n  @Input() mentionValues: { id: string, value: string, link?: string }[];\r\n  @Input() hashTagValues: { id: string, value: string, link?: string }[];\r\n  @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n  quillConfig = {\r\n    // toolbar: '.toolbar',\r\n    toolbar: {\r\n      container: [\r\n        ['bold', 'italic', 'underline', 'strike'],        // toggled buttons\r\n        ['blockquote', 'code-block'],\r\n\r\n        [{'header': 1}, {'header': 2}],               // custom button values\r\n        [{'list': 'ordered'}, {'list': 'bullet'}],\r\n        [{'script': 'sub'}, {'script': 'super'}],      // superscript/subscript\r\n        [{'indent': '-1'}, {'indent': '+1'}],          // outdent/indent\r\n        [{'direction': 'rtl'}],                         // text direction\r\n\r\n        [{'size': ['small', false, 'large', 'huge']}],  // custom dropdown\r\n        [{'header': [1, 2, 3, 4, 5, 6, false]}],\r\n\r\n        [{'color': []}, {'background': []}],          // dropdown with defaults from theme\r\n        [{'font': []}],\r\n        [{'align': []}],\r\n\r\n        ['clean'],                                         // remove formatting button\r\n\r\n        ['link', 'image', 'video']                         // link and image, video\r\n      ]\r\n    },\r\n    mention: {\r\n      allowedChars: /^[A-Za-z0-9\\sÅÄÖåäö._-]*$/,\r\n      mentionDenotationChars: ['@', '#'],\r\n      source: (searchTerm, renderList, mentionChar) => {\r\n        if ((this.mentionValues && mentionChar === '@') || (this.hashTagValues && mentionChar === '#')) {\r\n          let values;\r\n          if (mentionChar === '@') {\r\n            values = this.mentionValues;\r\n          } else if (mentionChar === '#') {\r\n            values = this.hashTagValues;\r\n          } else {\r\n            values = [];\r\n          }\r\n\r\n          if (searchTerm.length === 0) {\r\n            renderList(values, searchTerm);\r\n          } else {\r\n            const matches = [];\r\n            // tslint:disable-next-line:prefer-for-of\r\n            for (let i = 0; i < values.length; i++) {\r\n              // tslint:disable-next-line:no-bitwise\r\n              if (~values[i].value.toLowerCase().indexOf(searchTerm.toLowerCase())) {\r\n                matches.push(values[i]);\r\n              }\r\n            }\r\n            renderList(matches, searchTerm);\r\n          }\r\n        }\r\n      },\r\n    },\r\n    keyboard: {\r\n      bindings: {\r\n        enter: {\r\n          key: 13,\r\n          handler: (range, context) => {\r\n            return true;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  };\r\n  @Output() sdChange = new EventEmitter<string>();\r\n  timerLoadQuillToolbar = null;\r\n\r\n  constructor(\r\n    private ngZone: NgZone,\r\n    private ref: ChangeDetectorRef,\r\n    @Inject(EDITOR_CONFIG) @Optional() private configuration: IEditorConfiguration,\r\n  ) {\r\n\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n\r\n    if (this.toolbar) {\r\n      this.quillConfig.toolbar.container = this.toolbar;\r\n    }\r\n\r\n    for (const action of (this.configuration?.actions || [])) {\r\n      if (this.quillConfig.toolbar.container.toString().includes(action.key)) {\r\n        const qlKey = `button.ql-${action.key}`;\r\n        const interval = setInterval(() => {\r\n          if (document.querySelector(qlKey)) {\r\n            clearInterval(interval);\r\n            document.querySelector(qlKey).innerHTML = action.icon;\r\n            const customAction = document.querySelector(qlKey);\r\n            if (customAction.getAttribute('listener') !== '1') {\r\n              customAction.setAttribute('listener', '1');\r\n              if (action.tooltip) {\r\n                customAction.setAttribute('title', action.tooltip);\r\n              }\r\n              customAction.addEventListener('click', (e) => {\r\n                const cursorPosition = localStorage.getItem('quillRange');\r\n                const element = e.currentTarget as HTMLElement; // Lấy element của action được click\r\n                const toolbar = element.closest('.ql-formats').closest('.ql-toolbar'); // Lấy toolbar element\r\n                const id = toolbar.closest('quill-editor').id; // Lấy id của editor để phục vụ loading\r\n                const loadingId = `#box-${id}`; // id của editor;\r\n                action.click(e, {\r\n                  qlKey,\r\n                  element,\r\n                  loadingId,\r\n                  cursorPosition: JSON.parse(cursorPosition),\r\n                  quill: this.#quill,\r\n                  args: this.args\r\n                });\r\n              });\r\n            }\r\n          }\r\n        }, 1000);\r\n      }\r\n    }\r\n\r\n    // if (this.quillConfig.toolbar.container.toString().includes('customFile')) {\r\n    //   this.timerLoadQuillToolbar = setInterval(() => {\r\n    //     if (document.querySelector('button.ql-customFile')) {\r\n    //       clearInterval(this.timerLoadQuillToolbar);\r\n    //       document.querySelector('button.ql-customFile').innerHTML = this.customButtonFileSVG;\r\n    //       const customButton = document.querySelector('button.ql-customFile');\r\n    //       if (customButton.getAttribute('listener') !== '1') {\r\n    //         customButton.setAttribute('listener', '1');\r\n    //         customButton.addEventListener('click', this.customFileHandler);\r\n    //       }\r\n    //     }\r\n    //   }, 1000);\r\n    // }\r\n\r\n    this.ref.markForCheck();\r\n  }\r\n\r\n  // customFileHandler = (e) => {\r\n  //   const customButton = e.currentTarget;\r\n  //   const quillToolbar = customButton.closest('.ql-formats').closest('.ql-toolbar');\r\n  //   const quillBox = quillToolbar.closest('.ql-formats')\r\n  //   let fileInput: HTMLInputElement = quillToolbar.querySelector('input.ql-customFile[type=file]');\r\n  //   if (fileInput == null) {\r\n  //     fileInput = document.createElement('input');\r\n  //     fileInput.setAttribute('type', Constants.FILE);\r\n  //     fileInput.setAttribute('accept', '*');\r\n  //     fileInput.classList.add('ql-customFile');\r\n  //     fileInput.addEventListener('change', () => {\r\n  //       const files = fileInput.files;\r\n  //       if (!files || !files.length) {\r\n  //         return;\r\n  //       }\r\n\r\n  //       const formData = new FormData();\r\n  //       formData.append(Constants.FILE, files[0]);\r\n  //       let range = localStorage.getItem('quillRange');\r\n  //       if (range) {\r\n  //         range = JSON.parse(range);\r\n  //       }\r\n  //       this.quillEvent.enable(false);\r\n  //       this.#uploadFile(formData, this.quillEvent, range, fileInput, quillToolbar.closest('quill-editor').id);\r\n  //     });\r\n  //     quillToolbar.appendChild(fileInput);\r\n  //   }\r\n  //   fileInput.click();\r\n  // }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.subscribe((val) => {\r\n      this.modelChange.emit(val);\r\n      this.sdChange.emit(val);\r\n    }));\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  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    if (this.required) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.minlength > 0) {\r\n      validators.push(Validators.minLength(this.minlength));\r\n    }\r\n    if (this.maxlength > 0) {\r\n      validators.push(Validators.maxLength(this.maxlength));\r\n    }\r\n    if (this.inlineError) {\r\n      validators.push(this.customInlineErrorValidator());\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.updateValueAndValidity();\r\n    this.ref.markForCheck();\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  #quill: Quill;\r\n  editorInit = (quill: Quill) => {\r\n    this.#quill = quill;\r\n    this.quillEvent = quill;\r\n    // const txtArea = document.createElement('textarea');\r\n    // txtArea.style.cssText =\r\n    //   'width: 100%;margin: 0px;background: rgb(29, 29, 29);' +\r\n    //   'box-sizing: border-box;color: rgb(204, 204, 204);' +\r\n    //   'font-size: 15px;outline: none;padding: 20px;' +\r\n    //   'line-height: 24px;font-family: Consolas, Menlo, Monaco, &quot;Courier New&quot;, monospace;' +\r\n    //   'position: absolute;top: 0;bottom: 0;border: none;display:none';\r\n\r\n    // const htmlEditor = quill.addContainer('ql-custom');\r\n    // htmlEditor.appendChild(txtArea);\r\n\r\n    // const myEditor = quill.container;\r\n    // quill.on('text-change', (delta, oldDelta, source) => {\r\n    //   const html = myEditor.children[0].innerHTML;\r\n    //   txtArea.value = html;\r\n    //   // if (quill.getLength() > this.maxlength) {\r\n    //   //   quill.deleteText(this.maxlength, quill.getLength());\r\n    //   // }\r\n    //   // this.formControl.setValue(html);\r\n    // });\r\n    const self = this;\r\n    this.#initUploadImage(quill);\r\n    // this.ngZone.runOutsideAngular(() => {\r\n    //   quill.getModule('toolbar').addHandler('image', function () {\r\n    //     let fileInput = this.container.querySelector('input.ql-image[type=file]');\r\n\r\n    //     if (fileInput == null) {\r\n    //       fileInput = document.createElement('input');\r\n    //       fileInput.setAttribute('type', Constants.FILE);\r\n    //       fileInput.setAttribute('accept', 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon');\r\n    //       fileInput.classList.add('ql-image');\r\n    //       fileInput.addEventListener('change', () => {\r\n    //         const files = fileInput.files;\r\n    //         const range = this.quill.getSelection(true);\r\n    //         if (!files || !files.length) {\r\n    //           return;\r\n    //         }\r\n\r\n    //         const formData = new FormData();\r\n    //         formData.append(Constants.FILE, files[0]);\r\n\r\n    //         this.quill.enable(false);\r\n\r\n    //         self.#uploadImage(formData, quill, range, fileInput);\r\n    //       });\r\n    //       this.container.appendChild(fileInput);\r\n    //     }\r\n    //     fileInput.click();\r\n    //   });\r\n\r\n    // });\r\n    this.ref.markForCheck();\r\n  }\r\n\r\n  #initUploadImage = (quill: Quill) => {\r\n    const self = this;\r\n    this.ngZone.runOutsideAngular(() => {\r\n      quill.getModule('toolbar').addHandler('image', function() {\r\n        let fileInput = this.container.querySelector('input.ql-image[type=file]');\r\n        if (fileInput == null) {\r\n          fileInput = document.createElement('input');\r\n          fileInput.setAttribute('type', Constants.FILE);\r\n          fileInput.setAttribute('accept', '.jpg,.jpeg,.png');\r\n          fileInput.classList.add('ql-image');\r\n          fileInput.addEventListener('change', () => {\r\n            const files = fileInput.files;\r\n            const range = this.quill.getSelection(true);\r\n            if (!files || !files.length) {\r\n              return;\r\n            }\r\n            const fileName = files[0].name;\r\n            const idxDot = fileName.lastIndexOf('.') + 1;\r\n            const extFile = fileName.substr(idxDot, fileName.length).toLowerCase();\r\n            if (extFile === 'jpg' || extFile === 'jpeg' || extFile === 'png') {\r\n              // TO DO\r\n            } else {\r\n              alert('Vui lòng chọn file đúng định dạng cho phép');\r\n              return;\r\n            }\r\n            const formData = new FormData();\r\n            formData.append(Constants.FILE, files[0]);\r\n            this.quill.enable(false);\r\n            // self.#uploadImage(formData, quill, range, fileInput);\r\n            self.configuration?.uploadImage(formData, self.args).then(url => {\r\n              self.ngZone.runOutsideAngular(() => {\r\n                quill.enable(true);\r\n                // quill.editor.insertEmbed(range.index, 'image', resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '');\r\n                quill.getModule('clipboard').dangerouslyPasteHTML(range.index, '<a target=\"_blank\" href=\"' + (url || '')\r\n                  + '\"><img src=\"' + (url || '') + '\" alt=\"c-image-editor-quill\"></a>', 'user');\r\n                // quill.insertText();\r\n                const content = quill.getContents();\r\n                quill.setContents(content);\r\n                quill.setSelection(range.index + 1, 'user');\r\n                fileInput.value = '';\r\n              });\r\n            });\r\n          });\r\n          this.container.appendChild(fileInput);\r\n        }\r\n        fileInput.click();\r\n      });\r\n\r\n    });\r\n  }\r\n\r\n  onModelChange = (val: string) => {\r\n    this.formControl.setValue(val);\r\n    this.modelHTML = val;\r\n    this.ref.markForCheck();\r\n  }\r\n\r\n  onClickShowHtmlEditor = () => {\r\n    this.showHtmlEditor = !this.showHtmlEditor;\r\n    this.ref.markForCheck();\r\n  }\r\n\r\n  // #uploadImage = (formData, quill, range, fileInput) => {\r\n  //   if (!this.urlUploadImage) {\r\n  //     this.urlUploadImage = '/partner/v2/merchandise/file/uploaduserfile';\r\n  //   }\r\n  //   // this.domain = 'https://api-commerce-qc.vinid.dev';\r\n  //   this.sdApiService.post(this.urlUploadImage, formData).then((resp: any) => {\r\n  //     this.ngZone.runOutsideAngular(() => {\r\n  //       quill.enable(true);\r\n  //       // quill.editor.insertEmbed(range.index, 'image', resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '');\r\n  //       quill.getModule('clipboard').dangerouslyPasteHTML(range.index, '<a target=\"_blank\" href=\"' + (resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '')\r\n  //         + '\"><img src=\"' + (resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '') + '\" alt=\"c-image-editor-quill\"></a>', 'user');\r\n  //       // quill.insertText();\r\n  //       const content = quill.getContents();\r\n  //       quill.setContents(content);\r\n  //       quill.setSelection(range.index + 1, 'user');\r\n  //       fileInput.value = '';\r\n  //     });\r\n  //   });\r\n  //   this.ref.markForCheck();\r\n  // }\r\n\r\n  // #uploadFile = (formData, quill, range, fileInput, loadingID) => {\r\n  //   if (!this.urlUploadFile) {\r\n  //     this.urlUploadFile = '/partner/v2/merchandise/file/uploaduserfile';\r\n  //   }\r\n  //   // this.domain = 'https://api-commerce-qc.vinid.dev';\r\n  //   this.loadingService.start('#box-' + loadingID);\r\n  //   this.sdApiService.post(this.urlUploadFile, formData).then((resp: any) => {\r\n  //     this.ngZone.runOutsideAngular(() => {\r\n  //       quill.enable(true);\r\n  //       // quill.editor.insertEmbed(range.index, 'image', resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '');\r\n  //       quill.getModule('clipboard').dangerouslyPasteHTML(range.index, '<a target=\"_blank\" href=\"' + (resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '')\r\n  //         + '\">' + (resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '') + '</a>', 'user');\r\n  //       // quill.insertText();\r\n  //       const content = quill.getContents();\r\n  //       quill.setContents(content);\r\n  //       quill.setSelection(range.index + 1, 'user');\r\n  //       fileInput.value = '';\r\n  //     });\r\n  //     this.loadingService.stop('#box-' + loadingID);\r\n  //   }).catch((er) => {\r\n  //     this.loadingService.stop('#box-' + loadingID);\r\n  //   });\r\n  //   this.ref.markForCheck();\r\n  // }\r\n\r\n  onSelectionChanged(e: SelectionChange) {\r\n    // localStorage.setItem('quillRange', e.range ? JSON.stringify(e.range) : (e.oldRange ? JSON.stringify(e.oldRange) : null));\r\n    localStorage.setItem('quillRange', e.editor.getSelection() ? JSON.stringify(e.editor.getSelection()) : null);\r\n  }\r\n\r\n  onContentChanged(e: ContentChange) {\r\n    localStorage.setItem('quillRange', JSON.stringify({\r\n      index: (e.editor.getLength() ? e.editor.getLength() - 1 : 0),\r\n      length: 0\r\n    }));\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { QuillModule } from 'ngx-quill';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdEditor } from './editor.component';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport {SdButtonModule} from '@sd-angular/core/button';\r\nimport {SdTextareaModule} from '@sd-angular/core/textarea';\r\nimport {SdApiModule, SdApiService} from '@sd-angular/core/api';\r\n\r\n@NgModule({\r\n  declarations: [SdEditor],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    QuillModule.forRoot(),\r\n    SdTranslateModule,\r\n    SdButtonModule,\r\n    SdTextareaModule,\r\n    SdApiModule\r\n  ],\r\n  exports: [SdEditor],\r\n  providers: [],\r\n})\r\nexport class SdEditorModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/editor.model';\r\nexport * from './lib/editor.module';\r\nexport * from './lib/constant';\r\nexport * from './lib/editor.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}

package/fesm2015/sd-angular-core-input-currency.js

@@ -75,10 +75,15 @@ class SdInputCurrency {
             if (__classPrivateFieldGet(this, _validator)) {
                 asyncValidators.push(__classPrivateFieldGet(this, _customValidator).call(this, __classPrivateFieldGet(this, _validator)));
             }
+            if (this.inlineError) {
+                validators.push(this.customInlineErrorValidator());
+            }
             this.formControl.setValidators(validators);
             this.formControl.setAsyncValidators(asyncValidators);
             this.formControl.updateValueAndValidity();
-        });
+        }
+        // Hàm tạo Validators tùy chỉnh cho inlineError
+        );
         _onChange.set(this, (value) => __awaiter(this, void 0, void 0, function* () {
             this.modelChange.emit(value);
             this.sdChange.emit(value);
@@ -201,6 +206,10 @@ class SdInputCurrency {
         __classPrivateFieldSet(this, _validator, validator);
         __classPrivateFieldGet(this, _updateValidator).call(this);
     }
+    set _inlineError(val) {
+        this.inlineError = val;
+        __classPrivateFieldGet(this, _updateValidator).call(this);
+    }
     // Optional
     set disabled(val) {
         val = (val === '') || val;
@@ -230,12 +239,18 @@ class SdInputCurrency {
         (_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
+    customInlineErrorValidator() {
+        return (control) => {
+            return { inlineError: true };
+        };
+    }
 }
 _name = new WeakMap(), _form = new WeakMap(), _model = new WeakMap(), _align = new WeakMap(), _allowNegative = new WeakMap(), _decimal = new WeakMap(), _precision = new WeakMap(), _prefix = new WeakMap(), _suffix = new WeakMap(), _thousands = new WeakMap(), _nullable = new WeakMap(), _min = new WeakMap(), _max = new WeakMap(), _pattern = new WeakMap(), _validator = new WeakMap(), _subscription = new WeakMap(), _generateOption = new WeakMap(), _updateValidator = new WeakMap(), _onChange = new WeakMap(), _customValidator = new WeakMap();
 SdInputCurrency.decorators = [
     { type: Component, args: [{
                 selector: 'sd-input-currency',
-                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\" *ngIf=\"isRequired\">*</span></label>\r\n<div class=\"d-flex align-items-center\">\r\n  <mat-form-field class=\"sd-md\"\r\n    [ngClass]=\"{'sd-form-tooltip':tooltip, '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 currencyMask [options]=\"options\" [formControl]=\"formControl\" #control matInput\r\n      [placeholder]=\"placeholder || (appearance ? label : '')\" (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" [required]=\"isRequired\"\r\n      autocomplete=\"off\">\r\n    <ng-container *ngIf=\"sdSuffix?.templateRef\" matSuffix>\r\n      <ng-container *ngTemplateOutlet=\"sdSuffix.templateRef\">\r\n      </ng-container>\r\n    </ng-container>\r\n    <mat-error *ngIf=\"formControl.errors?.required && !disableErrorMessage\">\r\n      {{'This field is required' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.pattern && !disableErrorMessage\">\r\n      {{'Pattern error' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.customValidator && !disableErrorMessage\">\r\n      <strong>{{formControl.errors?.customValidator}}</strong>\r\n    </mat-error>\r\n  </mat-form-field>\r\n  <div *ngIf=\"tooltip\" class=\"sd-tooltip\">\r\n    <mat-icon (click)=\"sdTooltip.toggle()\" [matTooltip]=\"formControl.value | sdInputCurrencyTooltipPipe:tooltip\"\r\n      matSuffix #sdTooltip=\"matTooltip\">info</mat-icon>\r\n  </div>\r\n</div>",
+                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\" *ngIf=\"isRequired\">*</span></label>\r\n<div class=\"d-flex align-items-center\">\r\n  <mat-form-field class=\"sd-md\"\r\n    [ngClass]=\"{'sd-form-tooltip':tooltip, '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 currencyMask [options]=\"options\" [formControl]=\"formControl\" #control matInput\r\n      [placeholder]=\"placeholder || (appearance ? label : '')\" (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" [required]=\"isRequired\"\r\n      autocomplete=\"off\">\r\n    <ng-container *ngIf=\"sdSuffix?.templateRef\" matSuffix>\r\n      <ng-container *ngTemplateOutlet=\"sdSuffix.templateRef\">\r\n      </ng-container>\r\n    </ng-container>\r\n    <mat-error *ngIf=\"formControl.errors?.required && !disableErrorMessage\">\r\n      {{'This field is required' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.pattern && !disableErrorMessage\">\r\n      {{'Pattern error' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.customValidator && !disableErrorMessage\">\r\n      <strong>{{formControl.errors?.customValidator}}</strong>\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.inlineError\">\r\n      <ng-container *ngIf=\"!disableErrorMessage\">{{inlineError}}</ng-container>\r\n    </mat-error>\r\n  </mat-form-field>\r\n  <div *ngIf=\"tooltip\" class=\"sd-tooltip\">\r\n    <mat-icon (click)=\"sdTooltip.toggle()\" [matTooltip]=\"formControl.value | sdInputCurrencyTooltipPipe:tooltip\"\r\n      matSuffix #sdTooltip=\"matTooltip\">info</mat-icon>\r\n  </div>\r\n</div>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [":host ::ng-deep .mat-form-field.sd-form-tooltip{width:calc(100% - 30px)}.sd-tooltip{display:inline-block;margin:auto;text-align:center;width:30px}: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}"]
             },] }
@@ -267,6 +282,7 @@ SdInputCurrency.propDecorators = {
     required: [{ type: Input }],
     pattern: [{ type: Input }],
     validator: [{ type: Input }],
+    _inlineError: [{ type: Input, args: ['inlineError',] }],
     disabled: [{ type: Input }],
     sdSuffix: [{ type: ContentChild, args: [SdSuffixDirective,] }],
     sdLabelDef: [{ type: ContentChild, args: [SdLabelDefDirective,] }],