@sd-angular/core 1.3.0 → 1.3.1

package/fesm2015/sd-angular-core-dynamic-report.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-dynamic-report.js","sources":["../../../../projects/sd-core/dynamic-report/src/lib/dynamic-report.component.ts","../../../../projects/sd-core/dynamic-report/src/lib/dynamic-report.module.ts","../../../../projects/sd-core/dynamic-report/src/public-api.ts","../../../../projects/sd-core/dynamic-report/sd-angular-core-dynamic-report.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  ChangeDetectorRef,\r\n  OnInit,\r\n  AfterViewInit,\r\n  ViewChild,\r\n  ElementRef\r\n} from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { SdUtilityService } from '@sd-angular/core/utility';\r\n\r\nimport * as uuid from 'uuid';\r\n\r\n@Component({\r\n  selector: 'sd-dynamic-report',\r\n  templateUrl: './dynamic-report.component.html',\r\n  styleUrls: []\r\n})\r\n\r\nexport class SdDynamicReportComponent implements OnInit, AfterViewInit {\r\n  printId = 'sd' + uuid.v4();\r\n  cHtml: SafeHtml;\r\n  @Input() title: string;\r\n  @Input() set html(value: string) {\r\n    // tslint:disable-next-line: max-line-length\r\n    const regex = /\\{[a-zA-ZÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠàáâãèéêìíòóôõùúăđĩũơƯĂẠẢẤẦẨẪẬẮẰẲẴẶẸẺẼỀỀỂẾưăạảấầẩẫậắằẳẵặẹẻẽềềểếỄỆỈỊỌỎỐỒỔỖỘỚỜỞỠỢỤỦỨỪễệỉịọỏốồổỗộớờởỡợụủứừỬỮỰỲỴÝỶỸửữựỳỵỷỹ0-9 ]*\\}/g;\r\n    // tslint:disable-next-line: max-line-length\r\n    const style = 'border-top: none !important; border-left: none !important;  border-right: none !important;border-bottom: dotted 1px black !important;background-color: lightgray !important;outline: none !important;';\r\n    let result = value;\r\n    if (typeof (value) === 'string') {\r\n      while (1) {\r\n        const strs = regex.exec(value);\r\n        if (!strs) {\r\n          break;\r\n        }\r\n        const placeholder = strs[0].substr(1, strs[0].length - 2);\r\n        result = result.replace(strs[0], `<input id=\"sd${uuid.v4()}\" placeholder=\"${placeholder}\" style=\"${style}\">`);\r\n      }\r\n    }\r\n    this.cHtml = this.sanitizer.bypassSecurityTrustHtml(result);\r\n  }\r\n\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    private sanitizer: DomSanitizer,\r\n    private utilityService: SdUtilityService) {\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.ref.detectChanges();\r\n  }\r\n  print = () => {\r\n    //  this.utilityService.printHtml(this.printId);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { SdDynamicReportComponent } from './dynamic-report.component';\r\n@NgModule({\r\n  imports: [\r\n    SdUtilityModule\r\n  ],\r\n  declarations: [\r\n    SdDynamicReportComponent\r\n  ],\r\n  exports: [\r\n    SdDynamicReportComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class SdDynamicReportModule {\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdDynamicReportComponent } from './lib/dynamic-report.component';\r\nexport { SdDynamicReportModule } from './lib/dynamic-report.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":";;;;;MAoBa,wBAAwB;IAuBnC,YACU,GAAsB,EACtB,SAAuB,EACvB,cAAgC;QAFhC,QAAG,GAAH,GAAG,CAAmB;QACtB,cAAS,GAAT,SAAS,CAAc;QACvB,mBAAc,GAAd,cAAc,CAAkB;QAzB1C,YAAO,GAAG,IAAI,GAAGA,EAAO,EAAE,CAAC;QAkC3B,UAAK,GAAG;;SAEP,CAAA;KAVA;IAvBD,IAAa,IAAI,CAAC,KAAa;;QAE7B,MAAM,KAAK,GAAG,6JAA6J,CAAC;;QAE5K,MAAM,KAAK,GAAG,uMAAuM,CAAC;QACtN,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,IAAI,QAAQ,KAAK,CAAC,KAAK,QAAQ,EAAE;YAC/B,OAAO,CAAC,EAAE;gBACR,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/B,IAAI,CAAC,IAAI,EAAE;oBACT,MAAM;iBACP;gBACD,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC1D,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,gBAAgBA,EAAO,EAAE,kBAAkB,WAAW,YAAY,KAAK,IAAI,CAAC,CAAC;aAC/G;SACF;QACD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;KAC7D;IAQD,QAAQ;KACP;IAED,eAAe;QACb,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;;;YAxCF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,yGAA8C;aAE/C;;;YAfC,iBAAiB;YAMV,YAAY;YACZ,gBAAgB;;;oBAatB,KAAK;mBACL,KAAK;;;MCTK,qBAAqB;;;YAZjC,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,eAAe;iBAChB;gBACD,YAAY,EAAE;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,wBAAwB;iBACzB;gBACD,SAAS,EAAE,EAAE;aACd;;;ACdD;;;;ACAA;;;;;;"}

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

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