@sd-angular/core 0.0.1041 → 0.0.1045

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

@@ -1,6 +1,6 @@
 import { Directive, TemplateRef, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, Input, ContentChild, Output, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormControl, NgForm, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgForm, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
@@ -47,7 +47,7 @@ class SdAutocomplete {
         _delay.set(this, 0); // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm
         _name.set(this, v4());
         this.loading = false;
-        this.inputControl = new FormControl();
+        this.inputControl = new SdFormControl();
         this.formControl = new SdFormControl();
         this.matcher = new SdAutocompleteErrotStateMatcher(this.formControl);
         _form.set(this, void 0);
@@ -196,6 +196,9 @@ class SdAutocomplete {
         __classPrivateFieldGet(this, _subscription).add(this.formControl.touchedChanges.subscribe(() => {
             this.ref.markForCheck();
         }));
+        __classPrivateFieldGet(this, _subscription).add(this.inputControl.touchedChanges.subscribe(() => {
+            this.ref.markForCheck();
+        }));
         this.filteredItems = combineLatest([
             __classPrivateFieldGet(this, _itemsChanges).asObservable(),
             this.inputControl.valueChanges.pipe(debounceTime(__classPrivateFieldGet(this, _delay)))

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-autocomplete.js","sources":["../../../../projects/sd-core/autocomplete/src/lib/autocomplete-display-def.directive.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.component.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.module.ts","../../../../projects/sd-core/autocomplete/src/public-api.ts","../../../../projects/sd-core/autocomplete/sd-angular-core-autocomplete.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdAutocompleteDisplayDef]'\r\n})\r\nexport class SdAutocompleteDisplayDefDirective {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  OnInit,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ChangeDetectorRef,\r\n  ContentChild,\r\n  ChangeDetectionStrategy,\r\n  ElementRef\r\n} from '@angular/core';\r\nimport { startWith, switchMap, debounceTime, map, finalize } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport { FormControl, NgForm, Validators, FormGroupDirective, FormGroup } from '@angular/forms';\r\nimport { BehaviorSubject, combineLatest, defer, from, Observable, of, Subscription } from 'rxjs';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\n\r\nclass SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {\r\n  constructor(private formControl: FormControl) { }\r\n  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n    const isSubmitted = form && form.submitted;\r\n    return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'sd-autocomplete',\r\n  templateUrl: './autocomplete.component.html',\r\n  styleUrls: ['./autocomplete.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdAutocomplete implements OnInit, OnDestroy, AfterViewInit {\r\n  @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n  id = `I${uuid.v4()}`;\r\n  #model: string | number;\r\n\r\n  #delay = 0; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm\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  loading = false;\r\n  inputControl = new FormControl();\r\n  formControl = new SdFormControl();\r\n  matcher = new SdAutocompleteErrotStateMatcher(this.formControl);\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  @Input() label: string;\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() placeholder: string;\r\n\r\n  #itemsChanges = new BehaviorSubject<any[] | SearchFunc>([]);\r\n  @Input() set items(items: undefined | any[] | SearchFunc) {\r\n    if (!items) {\r\n      this.#itemsChanges.next([]);\r\n    } else if (Array.isArray(items)) {\r\n      this.#itemsChanges.next(items.filter(e => e !== null && e !== undefined));\r\n    } else {\r\n      this.#itemsChanges.next(items);\r\n      this.#delay = 500;\r\n    }\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  @Input() limit = 100;\r\n\r\n  filteredItems: Observable<any[]>;\r\n  controlPlaceHolder: Observable<string | number>;\r\n  controlPlaceHolder2: Observable<string | number>;\r\n  @Input() set model(value: undefined | number | string) {\r\n    this.#model = value;\r\n    this.formControl.setValue(value);\r\n  }\r\n\r\n  @ContentChild(SdAutocompleteDisplayDefDirective) autocompleteDisplayDef: SdAutocompleteDisplayDefDirective;\r\n  @Input() actionIcon: string;\r\n  @Output() action = new EventEmitter();\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.inputControl.disable();\r\n      this.formControl.disable();\r\n    } else {\r\n      this.inputControl.enable();\r\n      this.formControl.disable();\r\n    }\r\n  }\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    if (this.isRequired) {\r\n      this.formControl.setValidators([Validators.required]);\r\n    } else {\r\n      this.formControl.clearValidators();\r\n    }\r\n  }\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  #subscription = new Subscription();\r\n  @ViewChild('input') input: ElementRef;\r\n  @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n  isFocused = false;\r\n  selected: Observable<any>;\r\n\r\n  #cache: {\r\n    [key: string]: any[]\r\n  } = {};\r\n  #item: {\r\n    [key: string]: any\r\n  } = {};\r\n  constructor(\r\n    private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(this.formControl.touchedChanges.subscribe(() => {\r\n      this.ref.markForCheck();\r\n    }));\r\n    this.filteredItems = combineLatest([\r\n      this.#itemsChanges.asObservable(),\r\n      this.inputControl.valueChanges.pipe(debounceTime(this.#delay))]).pipe(\r\n        switchMap(([items, searchText]) => {\r\n          searchText = searchText || '';\r\n          if (typeof (items) === 'function') {\r\n            if (this.#cache[searchText] !== undefined) {\r\n              return this.#cache[searchText].asObservable();\r\n            }\r\n            let obs: Observable<any[]>;\r\n            const func = items(searchText, true);\r\n            if (func instanceof Promise) {\r\n              obs = defer(() => from(func));\r\n            } else {\r\n              obs = func\r\n            }\r\n            this.loading = true;\r\n            return obs.pipe(map(data => {\r\n              this.#cache[searchText] = data || [];\r\n              Object.assign(this.#item, Array.toObject(this.#cache[searchText], this.valueField));\r\n              return this.#cache[searchText];\r\n            }), finalize(() => this.loading = false));\r\n          }\r\n          return items\r\n            .search(searchText, [this.valueField, this.displayField])\r\n            .paging(this.limit)\r\n            .asObservable();\r\n        })\r\n      );\r\n    this.selected = combineLatest([\r\n      this.#itemsChanges.asObservable(),\r\n      this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n      .pipe(\r\n        switchMap(([items, val]) => {\r\n          if (!this.valueField) {\r\n            return of(val);\r\n          }\r\n          if (val || val === 0) {\r\n            if (typeof (items) === 'function') {\r\n              if (this.#item[val]) {\r\n                return of(this.#item[val]);\r\n              }\r\n              let obs: Observable<any[]>;\r\n              const func = items(val, true);\r\n              if (func instanceof Promise) {\r\n                obs = defer(() => from(func));\r\n              } else {\r\n                obs = func\r\n              }\r\n              return obs.pipe(map(data => {\r\n                Object.assign(this.#item, Array.toObject(data, this.valueField));\r\n                return this.#item[val] || {\r\n                  [this.valueField]: val,\r\n                  [this.displayField]: val\r\n                };\r\n              }));\r\n            }\r\n            return of(items.find(e => e[this.valueField] === val));\r\n          }\r\n          return of('');\r\n        })\r\n      );\r\n    this.controlPlaceHolder = this.selected.pipe(map(item => item?.[this.displayField] ?? item ?? this.placeholder ?? this.label ?? ''));\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n    this.#form?.removeControl(this.#name);\r\n  }\r\n  onSelect = (item: any) => {\r\n    if (item) {\r\n      if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n        if (this.formControl.value !== item) {\r\n          this.formControl.setValue(item);\r\n          this.modelChange.emit(item);\r\n          this.sdChange.emit(item);\r\n        }\r\n      } else if (this.valueField && this.displayField) {\r\n        const val = item?.[this.valueField] || null;\r\n        if (this.formControl.value !== val) {\r\n          this.formControl.setValue(val);\r\n          this.modelChange.emit(val);\r\n          this.sdChange.emit(item);\r\n        }\r\n      }\r\n      this.inputControl.setValue('', {\r\n        emitEvent: false\r\n      });\r\n    }\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.isFocused = true;\r\n    this.inputControl.setValue('');\r\n    // this.inputControl.updateValueAndValidity();\r\n  }\r\n\r\n  onBlur = () => {\r\n    this.isFocused = false;\r\n    this.inputControl.setValue('', {\r\n      emitEvent: false\r\n    });\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.autocompleteTrigger?.openPanel();\r\n      this.input?.nativeElement?.focus();\r\n    }, 100);\r\n  }\r\n\r\n  clear = ($event?: any) => {\r\n    $event?.stopPropagation();\r\n    this.inputControl?.setValue('');\r\n    if (this.#model) {\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  onAction = ($event: Event) => {\r\n    $event?.stopPropagation();\r\n    this.autocompleteTrigger?.closePanel();\r\n    this.action.emit();\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.inputControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | number, isFormValue?: boolean) => Promise<any[]> | Observable<any[]>;","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 { MatInputModule } from '@angular/material/input';\r\nimport { SdAutocomplete } from './autocomplete.component';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatAutocompleteModule,\r\n    MatIconModule,\r\n    MatProgressSpinnerModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdAutocomplete,\r\n    SdAutocompleteDisplayDefDirective\r\n  ],\r\n  exports: [\r\n    SdAutocomplete,\r\n    SdAutocompleteDisplayDefDirective,\r\n    SdCommonModule\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdAutocompleteModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/autocomplete.module';\r\nexport * from './lib/autocomplete.component';\r\nexport * from './lib/autocomplete-display-def.directive';","/**\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-autocomplete.js","sources":["../../../../projects/sd-core/autocomplete/src/lib/autocomplete-display-def.directive.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.component.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.module.ts","../../../../projects/sd-core/autocomplete/src/public-api.ts","../../../../projects/sd-core/autocomplete/sd-angular-core-autocomplete.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdAutocompleteDisplayDef]'\r\n})\r\nexport class SdAutocompleteDisplayDefDirective {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  OnInit,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ChangeDetectorRef,\r\n  ContentChild,\r\n  ChangeDetectionStrategy,\r\n  ElementRef\r\n} from '@angular/core';\r\nimport { startWith, switchMap, debounceTime, map, finalize } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport { FormControl, NgForm, Validators, FormGroupDirective, FormGroup } from '@angular/forms';\r\nimport { BehaviorSubject, combineLatest, defer, from, Observable, of, Subscription } from 'rxjs';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\n\r\nclass SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {\r\n  constructor(private formControl: FormControl) { }\r\n  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n    const isSubmitted = form && form.submitted;\r\n    return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'sd-autocomplete',\r\n  templateUrl: './autocomplete.component.html',\r\n  styleUrls: ['./autocomplete.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdAutocomplete implements OnInit, OnDestroy, AfterViewInit {\r\n  @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n  id = `I${uuid.v4()}`;\r\n  #model: string | number;\r\n\r\n  #delay = 0; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm\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  loading = false;\r\n  inputControl = new SdFormControl();\r\n  formControl = new SdFormControl();\r\n  matcher = new SdAutocompleteErrotStateMatcher(this.formControl);\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  @Input() label: string;\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() placeholder: string;\r\n\r\n  #itemsChanges = new BehaviorSubject<any[] | SearchFunc>([]);\r\n  @Input() set items(items: undefined | any[] | SearchFunc) {\r\n    if (!items) {\r\n      this.#itemsChanges.next([]);\r\n    } else if (Array.isArray(items)) {\r\n      this.#itemsChanges.next(items.filter(e => e !== null && e !== undefined));\r\n    } else {\r\n      this.#itemsChanges.next(items);\r\n      this.#delay = 500;\r\n    }\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  @Input() limit = 100;\r\n\r\n  filteredItems: Observable<any[]>;\r\n  controlPlaceHolder: Observable<string | number>;\r\n  controlPlaceHolder2: Observable<string | number>;\r\n  @Input() set model(value: undefined | number | string) {\r\n    this.#model = value;\r\n    this.formControl.setValue(value);\r\n  }\r\n\r\n  @ContentChild(SdAutocompleteDisplayDefDirective) autocompleteDisplayDef: SdAutocompleteDisplayDefDirective;\r\n  @Input() actionIcon: string;\r\n  @Output() action = new EventEmitter();\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.inputControl.disable();\r\n      this.formControl.disable();\r\n    } else {\r\n      this.inputControl.enable();\r\n      this.formControl.disable();\r\n    }\r\n  }\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    if (this.isRequired) {\r\n      this.formControl.setValidators([Validators.required]);\r\n    } else {\r\n      this.formControl.clearValidators();\r\n    }\r\n  }\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  #subscription = new Subscription();\r\n  @ViewChild('input') input: ElementRef;\r\n  @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n  isFocused = false;\r\n  selected: Observable<any>;\r\n\r\n  #cache: {\r\n    [key: string]: any[]\r\n  } = {};\r\n  #item: {\r\n    [key: string]: any\r\n  } = {};\r\n  constructor(\r\n    private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(this.formControl.touchedChanges.subscribe(() => {\r\n      this.ref.markForCheck();\r\n    }));\r\n    this.#subscription.add(this.inputControl.touchedChanges.subscribe(() => {\r\n      this.ref.markForCheck();\r\n    }));\r\n    this.filteredItems = combineLatest([\r\n      this.#itemsChanges.asObservable(),\r\n      this.inputControl.valueChanges.pipe(debounceTime(this.#delay))]).pipe(\r\n        switchMap(([items, searchText]) => {\r\n          searchText = searchText || '';\r\n          if (typeof (items) === 'function') {\r\n            if (this.#cache[searchText] !== undefined) {\r\n              return this.#cache[searchText].asObservable();\r\n            }\r\n            let obs: Observable<any[]>;\r\n            const func = items(searchText, true);\r\n            if (func instanceof Promise) {\r\n              obs = defer(() => from(func));\r\n            } else {\r\n              obs = func\r\n            }\r\n            this.loading = true;\r\n            return obs.pipe(map(data => {\r\n              this.#cache[searchText] = data || [];\r\n              Object.assign(this.#item, Array.toObject(this.#cache[searchText], this.valueField));\r\n              return this.#cache[searchText];\r\n            }), finalize(() => this.loading = false));\r\n          }\r\n          return items\r\n            .search(searchText, [this.valueField, this.displayField])\r\n            .paging(this.limit)\r\n            .asObservable();\r\n        })\r\n      );\r\n    this.selected = combineLatest([\r\n      this.#itemsChanges.asObservable(),\r\n      this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n      .pipe(\r\n        switchMap(([items, val]) => {\r\n          if (!this.valueField) {\r\n            return of(val);\r\n          }\r\n          if (val || val === 0) {\r\n            if (typeof (items) === 'function') {\r\n              if (this.#item[val]) {\r\n                return of(this.#item[val]);\r\n              }\r\n              let obs: Observable<any[]>;\r\n              const func = items(val, true);\r\n              if (func instanceof Promise) {\r\n                obs = defer(() => from(func));\r\n              } else {\r\n                obs = func\r\n              }\r\n              return obs.pipe(map(data => {\r\n                Object.assign(this.#item, Array.toObject(data, this.valueField));\r\n                return this.#item[val] || {\r\n                  [this.valueField]: val,\r\n                  [this.displayField]: val\r\n                };\r\n              }));\r\n            }\r\n            return of(items.find(e => e[this.valueField] === val));\r\n          }\r\n          return of('');\r\n        })\r\n      );\r\n    this.controlPlaceHolder = this.selected.pipe(map(item => item?.[this.displayField] ?? item ?? this.placeholder ?? this.label ?? ''));\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n    this.#form?.removeControl(this.#name);\r\n  }\r\n  onSelect = (item: any) => {\r\n    if (item) {\r\n      if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n        if (this.formControl.value !== item) {\r\n          this.formControl.setValue(item);\r\n          this.modelChange.emit(item);\r\n          this.sdChange.emit(item);\r\n        }\r\n      } else if (this.valueField && this.displayField) {\r\n        const val = item?.[this.valueField] || null;\r\n        if (this.formControl.value !== val) {\r\n          this.formControl.setValue(val);\r\n          this.modelChange.emit(val);\r\n          this.sdChange.emit(item);\r\n        }\r\n      }\r\n      this.inputControl.setValue('', {\r\n        emitEvent: false\r\n      });\r\n    }\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.isFocused = true;\r\n    this.inputControl.setValue('');\r\n    // this.inputControl.updateValueAndValidity();\r\n  }\r\n\r\n  onBlur = () => {\r\n    this.isFocused = false;\r\n    this.inputControl.setValue('', {\r\n      emitEvent: false\r\n    });\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.autocompleteTrigger?.openPanel();\r\n      this.input?.nativeElement?.focus();\r\n    }, 100);\r\n  }\r\n\r\n  clear = ($event?: any) => {\r\n    $event?.stopPropagation();\r\n    this.inputControl?.setValue('');\r\n    if (this.#model) {\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  onAction = ($event: Event) => {\r\n    $event?.stopPropagation();\r\n    this.autocompleteTrigger?.closePanel();\r\n    this.action.emit();\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.inputControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | number, isFormValue?: boolean) => Promise<any[]> | Observable<any[]>;","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 { MatInputModule } from '@angular/material/input';\r\nimport { SdAutocomplete } from './autocomplete.component';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatAutocompleteModule,\r\n    MatIconModule,\r\n    MatProgressSpinnerModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdAutocomplete,\r\n    SdAutocompleteDisplayDefDirective\r\n  ],\r\n  exports: [\r\n    SdAutocomplete,\r\n    SdAutocompleteDisplayDefDirective,\r\n    SdCommonModule\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdAutocompleteModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/autocomplete.module';\r\nexport * from './lib/autocomplete.component';\r\nexport * from './lib/autocomplete-display-def.directive';","/**\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-chip.js

@@ -296,7 +296,7 @@ SdChip.decorators = [
     { type: Component, args: [{
                 selector: 'sd-chip',
                 template: "<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n  [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n  <ng-container *ngIf=\"sdView?.templateRef && !autocompleteTrigger?.panelOpen && !isFocused; else default\">\r\n    <ng-container *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <mat-form-field class=\"c-md\" [ngClass]=\"{'c-sm': size === 'sm'}\" appearance=\"outline\">\r\n      <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n      <mat-chip-list [formControl]=\"formControl\" #chipList>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <mat-chip *ngIf=\"item\" [selectable]=\"selectable\" [removable]=\"true\" (removed)=\"onRemove(item)\"\r\n            [selected]=\"item.isSelected\" (selectionChange)=\"select(item)\" [disabled]=\"inputControl.disabled\"\r\n            (click)=\"item.isSelected = !item.isSelected\">\r\n            <ng-container *ngIf=\"sdChipDisplay?.templateRef\">\r\n              <ng-container *ngTemplateOutlet=\"sdChipDisplay.templateRef;context:{item: item}\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <span *ngIf=\"!sdChipDisplay?.templateRef\">{{item[displayField] || item[valueField]}}</span>\r\n            <mat-icon *ngIf=\"!inputControl.disabled && item | sdRemovableChip:removable\" matChipRemove>cancel</mat-icon>\r\n          </mat-chip>\r\n        </ng-container>\r\n        <input #autocompleteTrigger [formControl]=\"inputControl\" [placeholder]=\"placeholder || label\"\r\n          [matAutocomplete]=\"auto\" [matChipInputFor]=\"chipList\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n          (matChipInputTokenEnd)=\"onAdd($event)\" autocomplete=\"off\" [errorStateMatcher]=\"matcher\" (focus)=\"onFocus()\"\r\n          (blur)=\"onBlur()\" matInput #input>\r\n      </mat-chip-list>\r\n      <mat-error *ngIf=\"formControl?.errors?.minItem\">\r\n        {{formControl?.errors?.minItem}}\r\n      </mat-error>\r\n      <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\" (optionSelected)=\"onSelect($event)\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item\">\r\n          {{item[displayField]}}\r\n        </mat-option>\r\n      </mat-autocomplete>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>",
-                styles: [":host{display:block;padding-top:5px}:host ::ng-deep mat-form-field.c-md .mat-form-field-infix{min-height:43.5px;padding:2px 0}:host ::ng-deep mat-form-field.c-md .mat-standard-chip{min-height:26px;padding:7px 10px}:host ::ng-deep mat-form-field.c-md .mat-standard-chip.mat-chip-with-trailing-icon{padding:7px 7px 7px 10px}"]
+                styles: [":host{display:block;padding-top:5px}:host ::ng-deep mat-form-field.c-md .mat-form-field-infix{min-height:43.5px;padding:2px 0}:host ::ng-deep mat-form-field.c-md .mat-standard-chip{min-height:26px;padding:7px 10px}:host ::ng-deep mat-form-field.c-md .mat-standard-chip.mat-chip-with-trailing-icon{padding:7px 7px 7px 10px}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}"]
             },] }
 ];
 SdChip.ctorParameters = () => [

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

@@ -11,6 +11,7 @@ import { SdButtonModule } from '@sd-angular/core/button';
 import { SdInputModule } from '@sd-angular/core/input';
 import { SdUtilityModule } from '@sd-angular/core/utility';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { SdEditorModule } from '@sd-angular/core/editor';
 
 var _items, _send, _load;
 class SdComment {
@@ -18,11 +19,11 @@ class SdComment {
         _items.set(this, new BehaviorSubject([]));
         _send.set(this, new BehaviorSubject(''));
         this.onSend = () => {
-            var _a, _b;
+            var _a, _b, _c;
             if (this.message) {
                 (_b = (_a = this.commentOption) === null || _a === void 0 ? void 0 : _a.event) === null || _b === void 0 ? void 0 : _b.onSend(this.message);
                 this.message = null;
-                this.textarea.focus();
+                (_c = this.textarea) === null || _c === void 0 ? void 0 : _c.focus();
             }
         };
         _load.set(this, () => __awaiter(this, void 0, void 0, function* () {
@@ -60,9 +61,9 @@ _items = new WeakMap(), _send = new WeakMap(), _load = new WeakMap();
 SdComment.decorators = [
     { type: Component, args: [{
                 selector: 'sd-comment',
-                template: "<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">\u2022</span>\r\n              <span [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"G\u1EEDi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\" size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>",
+                template: "<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">\u2022</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"></sd-editor>\r\n          </div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"G\u1EEDi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;padding:12px 16px}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-footer{background:#fff;min-height:120px}"]
+                styles: [".c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-all}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-footer{background:#fff;min-height:120px}"]
             },] }
 ];
 SdComment.ctorParameters = () => [];
@@ -84,6 +85,7 @@ SdCommentModule.decorators = [
                     SdButtonModule,
                     SdInputModule,
                     SdTextareaModule,
+                    SdEditorModule,
                     SdUtilityModule,
                     SdTranslateModule
                 ],

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-comment.js","sources":["../../../../projects/sd-core/comment/src/lib/comment.component.ts","../../../../projects/sd-core/comment/src/lib/comment.module.ts","../../../../projects/sd-core/comment/src/public-api.ts","../../../../projects/sd-core/comment/sd-angular-core-comment.ts"],"sourcesContent":["import {\r\n  Component,\r\n  AfterViewInit,\r\n  OnInit,\r\n  OnDestroy,\r\n  Input,\r\n  ChangeDetectionStrategy,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { SdTextarea } from '@sd-angular/core/textarea';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\nimport { map, switchMap } from 'rxjs/operators';\r\nimport { Comment, SdCommentOption } from './comment.model';\r\n@Component({\r\n  selector: 'sd-comment',\r\n  templateUrl: './comment.component.html',\r\n  styleUrls: ['./comment.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdComment implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild(SdTextarea) textarea: SdTextarea;\r\n  #items = new BehaviorSubject<Comment[]>([]);\r\n  #send = new BehaviorSubject<string>('');\r\n  commentOption: SdCommentOption;\r\n  @Input() set option(option: SdCommentOption) {\r\n    this.commentOption = option;\r\n    this.reload();\r\n  };\r\n\r\n  items: Observable<Comment[]>;\r\n  count: Observable<number>;\r\n  message: string;\r\n  constructor() {\r\n  }\r\n  ngOnInit(): void {\r\n    this.items = this.#items.pipe(map(items => {\r\n      return items.map(e => ({\r\n        ...e,\r\n        picture: e.picture ?? `https://ui-avatars.com/api/?size=32&rounded=true&background=random&name=${e.creator}`\r\n      }))\r\n    }));\r\n    this.count = this.items.pipe(map(items => items.length));\r\n  }\r\n  ngOnDestroy(): void {\r\n  }\r\n  ngAfterViewInit(): void {\r\n  }\r\n\r\n  onSend = () => {\r\n    if (this.message) {\r\n      this.commentOption?.event?.onSend(this.message);\r\n      this.message = null;\r\n      this.textarea.focus();\r\n    }\r\n  }\r\n\r\n  #load = async () => {\r\n    const { items } = this.commentOption;\r\n    const results = items();\r\n    if (results instanceof Promise) {\r\n      return await results;\r\n    }\r\n    return results;\r\n  }\r\n\r\n  reload = async () => {\r\n    this.#items.next(await this.#load());\r\n  }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdComment } from './comment.component';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdInputModule } from '@sd-angular/core/input';\r\nimport { SdTextareaModule } from '@sd-angular/core/textarea';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdButtonModule,\r\n    SdInputModule,\r\n    SdTextareaModule,\r\n    SdUtilityModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdComment\r\n  ],\r\n  exports: [\r\n    SdComment\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdCommentModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/comment.module';\r\nexport * from './lib/comment.model';\r\nexport * from './lib/comment.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAmBa,SAAS;IAapB;QAXA,iBAAS,IAAI,eAAe,CAAY,EAAE,CAAC,EAAC;QAC5C,gBAAQ,IAAI,eAAe,CAAS,EAAE,CAAC,EAAC;QA0BxC,WAAM,GAAG;;YACP,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,YAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,0CAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;gBAChD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;aACvB;SACF,CAAA;QAED,gBAAQ;YACN,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YACrC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;YACxB,IAAI,OAAO,YAAY,OAAO,EAAE;gBAC9B,OAAO,MAAM,OAAO,CAAC;aACtB;YACD,OAAO,OAAO,CAAC;SAChB,CAAA,EAAA;QAED,WAAM,GAAG;YACP,qCAAY,IAAI,CAAC,MAAM,yCAAA,IAAI,CAAQ,CAAC,CAAC;SACtC,CAAA,CAAA;KAlCA;IATD,IAAa,MAAM,CAAC,MAAuB;QACzC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;KACf;;IAOD,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,qCAAY,IAAI,CAAC,GAAG,CAAC,KAAK;YACrC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC;;gBAAI,wCACjB,CAAC,KACJ,OAAO,QAAE,CAAC,CAAC,OAAO,mCAAI,2EAA2E,CAAC,CAAC,OAAO,EAAE,KAC5G;aAAA,CAAC,CAAA;SACJ,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;KAC1D;IACD,WAAW;KACV;IACD,eAAe;KACd;;;;YAjCF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,8mDAAuC;gBAEvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;uBAEE,SAAS,SAAC,UAAU;qBAIpB,KAAK;;;MCUK,eAAe;;;YAtB3B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,aAAa;oBACb,gBAAgB;oBAChB,iBAAiB;oBACjB,cAAc;oBACd,aAAa;oBACb,gBAAgB;oBAChB,eAAe;oBACf,iBAAiB;iBAClB;gBACD,YAAY,EAAE;oBACZ,SAAS;iBACV;gBACD,OAAO,EAAE;oBACP,SAAS;iBACV;gBACD,SAAS,EAAE,EACV;aACF;;;ACjCD;;;;ACAA;;;;;;"}
+{"version":3,"file":"sd-angular-core-comment.js","sources":["../../../../projects/sd-core/comment/src/lib/comment.component.ts","../../../../projects/sd-core/comment/src/lib/comment.module.ts","../../../../projects/sd-core/comment/src/public-api.ts","../../../../projects/sd-core/comment/sd-angular-core-comment.ts"],"sourcesContent":["import {\r\n  Component,\r\n  AfterViewInit,\r\n  OnInit,\r\n  OnDestroy,\r\n  Input,\r\n  ChangeDetectionStrategy,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { SdTextarea } from '@sd-angular/core/textarea';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\nimport { map, switchMap } from 'rxjs/operators';\r\nimport { Comment, SdCommentOption } from './comment.model';\r\n\r\n@Component({\r\n  selector: 'sd-comment',\r\n  templateUrl: './comment.component.html',\r\n  styleUrls: ['./comment.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdComment implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild(SdTextarea) textarea: SdTextarea;\r\n  #items = new BehaviorSubject<Comment[]>([]);\r\n  #send = new BehaviorSubject<string>('');\r\n  commentOption: SdCommentOption;\r\n  @Input() set option(option: SdCommentOption) {\r\n    this.commentOption = option;\r\n    this.reload();\r\n  };\r\n\r\n  items: Observable<Comment[]>;\r\n  count: Observable<number>;\r\n  message: string;\r\n  constructor() {\r\n  }\r\n  ngOnInit(): void {\r\n    this.items = this.#items.pipe(map(items => {\r\n      return items.map(e => ({\r\n        ...e,\r\n        picture: e.picture ?? `https://ui-avatars.com/api/?size=32&rounded=true&background=random&name=${e.creator}`\r\n      }))\r\n    }));\r\n    this.count = this.items.pipe(map(items => items.length));\r\n  }\r\n  ngOnDestroy(): void {\r\n  }\r\n  ngAfterViewInit(): void {\r\n  }\r\n\r\n  onSend = () => {\r\n    if (this.message) {\r\n      this.commentOption?.event?.onSend(this.message);\r\n      this.message = null;\r\n      this.textarea?.focus();\r\n    }\r\n  }\r\n\r\n  #load = async () => {\r\n    const { items } = this.commentOption;\r\n    const results = items();\r\n    if (results instanceof Promise) {\r\n      return await results;\r\n    }\r\n    return results;\r\n  }\r\n\r\n  reload = async () => {\r\n    this.#items.next(await this.#load());\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdComment } from './comment.component';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdInputModule } from '@sd-angular/core/input';\r\nimport { SdTextareaModule } from '@sd-angular/core/textarea';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport {SdEditorModule} from '@sd-angular/core/editor';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdButtonModule,\r\n    SdInputModule,\r\n    SdTextareaModule,\r\n    SdEditorModule,\r\n    SdUtilityModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdComment\r\n  ],\r\n  exports: [\r\n    SdComment\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdCommentModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/comment.module';\r\nexport * from './lib/comment.model';\r\nexport * from './lib/comment.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAoBa,SAAS;IAapB;QAXA,iBAAS,IAAI,eAAe,CAAY,EAAE,CAAC,EAAC;QAC5C,gBAAQ,IAAI,eAAe,CAAS,EAAE,CAAC,EAAC;QA0BxC,WAAM,GAAG;;YACP,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,YAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,0CAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;gBAChD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,GAAG;aACxB;SACF,CAAA;QAED,gBAAQ;YACN,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YACrC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;YACxB,IAAI,OAAO,YAAY,OAAO,EAAE;gBAC9B,OAAO,MAAM,OAAO,CAAC;aACtB;YACD,OAAO,OAAO,CAAC;SAChB,CAAA,EAAA;QAED,WAAM,GAAG;YACP,qCAAY,IAAI,CAAC,MAAM,yCAAA,IAAI,CAAQ,CAAC,CAAC;SACtC,CAAA,CAAA;KAlCA;IATD,IAAa,MAAM,CAAC,MAAuB;QACzC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;KACf;;IAOD,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,qCAAY,IAAI,CAAC,GAAG,CAAC,KAAK;YACrC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC;;gBAAI,wCACjB,CAAC,KACJ,OAAO,QAAE,CAAC,CAAC,OAAO,mCAAI,2EAA2E,CAAC,CAAC,OAAO,EAAE,KAC5G;aAAA,CAAC,CAAA;SACJ,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;KAC1D;IACD,WAAW;KACV;IACD,eAAe;KACd;;;;YAjCF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,ytEAAuC;gBAEvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;uBAEE,SAAS,SAAC,UAAU;qBAIpB,KAAK;;;MCWK,eAAe;;;YAvB3B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,aAAa;oBACb,gBAAgB;oBAChB,iBAAiB;oBACjB,cAAc;oBACd,aAAa;oBACb,gBAAgB;oBAChB,cAAc;oBACd,eAAe;oBACf,iBAAiB;iBAClB;gBACD,YAAY,EAAE;oBACZ,SAAS;iBACV;gBACD,OAAO,EAAE;oBACP,SAAS;iBACV;gBACD,SAAS,EAAE,EACV;aACF;;;ACnCD;;;;ACAA;;;;;;"}

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

@@ -1,9 +1,11 @@
 import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, NgModule } from '@angular/core';
 import { QuillModule } from 'ngx-quill';
 import { FormControl, Validators, NgForm, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
 import { v4 } from 'uuid';
 import { Subscription } from 'rxjs';
+import { SdApiService, SdApiModule } from '@sd-angular/core/api';
+import 'quill-mention';
 import { CommonModule } from '@angular/common';
 import { SdTranslateModule } from '@sd-angular/core/translate';
 import { SdButtonModule } from '@sd-angular/core/button';
@@ -114,10 +116,11 @@ const PROMOTION_FORM = {
     }
 };
 
-var _name, _subscription, _model, _form, _updateValidator;
+var _name, _subscription, _model, _form, _updateValidator, _uploadImage;
 class SdEditor {
-    constructor(ref) {
+    constructor(ref, sdApiService) {
         this.ref = ref;
+        this.sdApiService = sdApiService;
         _name.set(this, `N${v4()}`);
         this.id = `I${v4()}`;
         _subscription.set(this, new Subscription());
@@ -151,6 +154,35 @@ class SdEditor {
                     ['link', 'image', 'video'] // link and image, video
                 ]
             },
+            mention: {
+                allowedChars: /^[A-Za-z\sÅÄÖåäö]*$/,
+                mentionDenotationChars: ['@'],
+                source: (searchTerm, renderList, mentionChar) => {
+                    if (this.mentionValues) {
+                        let values;
+                        if (mentionChar === '@') {
+                            values = this.mentionValues;
+                        }
+                        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: {
@@ -200,6 +232,7 @@ class SdEditor {
             //   // }
             //   // this.formControl.setValue(html);
             // });
+            const self = this;
             quill.getModule('toolbar').addHandler('image', function () {
                 let fileInput = this.container.querySelector('input.ql-image[type=file]');
                 if (fileInput == null) {
@@ -216,14 +249,15 @@ class SdEditor {
                         const formData = new FormData();
                         formData.append(Constants.FILE, files[0]);
                         this.quill.enable(false);
-                        // self.apiService.post(self.domain, self.urlUploadImage, formData).subscribe((resp: any) => {
-                        //   this.quill.enable(true);
-                        //   this.quill.editor.insertEmbed(range.index, 'image', resp.data.imageUrl || resp.data.publish_url);
-                        //   const content = this.quill.getContents();
-                        //   this.quill.setContents(content);
-                        //   this.quill.setSelection(range.index + 1, (Quill as any).sources.SILENT);
-                        //   fileInput.value = '';
-                        // });
+                        /*this.apiService.post(this.domain + this.urlUploadImage, formData).subscribe((resp: any) => {
+                          this.quill.enable(true);
+                          this.quill.editor.insertEmbed(range.index, 'image', resp.data.imageUrl || resp.data.publish_url ||  resp.url);
+                          const content = this.quill.getContents();
+                          this.quill.setContents(content);
+                          this.quill.setSelection(range.index + 1, 'silent');
+                          fileInput.value = '';
+                        });*/
+                        __classPrivateFieldGet(self, _uploadImage).call(self, formData, quill, range, fileInput);
                     });
                     this.container.appendChild(fileInput);
                 }
@@ -237,6 +271,21 @@ class SdEditor {
         this.onClickShowHtmlEditor = () => {
             this.showHtmlEditor = !this.showHtmlEditor;
         };
+        _uploadImage.set(this, (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) => {
+                var _a, _b;
+                quill.enable(true);
+                quill.editor.insertEmbed(range.index, 'image', ((_a = resp === null || resp === void 0 ? void 0 : resp.data) === null || _a === void 0 ? void 0 : _a.imageUrl) || ((_b = resp === null || resp === void 0 ? void 0 : resp.data) === null || _b === void 0 ? void 0 : _b.publish_url) || (resp === null || resp === void 0 ? void 0 : resp.url) || '');
+                const content = quill.getContents();
+                quill.setContents(content);
+                quill.setSelection(range.index + 1, 'silent');
+                fileInput.value = '';
+            });
+        });
     }
     set model(val) {
         __classPrivateFieldSet(this, _model, val);
@@ -280,6 +329,10 @@ class SdEditor {
     ngOnInit() {
         var _a;
         (_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;
+            console.log('toolbar', this.quillConfig);
+        }
     }
     ngAfterViewInit() {
         __classPrivateFieldGet(this, _subscription).add(this.formControl.valueChanges.subscribe((val) => {
@@ -293,16 +346,17 @@ class SdEditor {
         __classPrivateFieldGet(this, _subscription).unsubscribe();
     }
 }
-_name = new WeakMap(), _subscription = new WeakMap(), _model = new WeakMap(), _form = new WeakMap(), _updateValidator = new WeakMap();
+_name = new WeakMap(), _subscription = new WeakMap(), _model = new WeakMap(), _form = new WeakMap(), _updateValidator = new WeakMap(), _uploadImage = new WeakMap();
 SdEditor.decorators = [
     { type: Component, args: [{
                 selector: 'sd-editor',
-                template: "<label *ngIf=\"label\" class=\"d-block T14M\">{{label}} <span class=\"text-danger mb-2\" *ngIf=\"required\">*</span></label>\r\n<ng-container *ngIf=\"!formControl.disabled && !showHtmlEditor\">\r\n  <quill-editor #editor [styles]=\"styles\" (onEditorCreated)=\"editorInit($event)\" [ngModel]=\"formControl.value\"\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",
+                template: "<label *ngIf=\"label\" class=\"d-block T14M\">{{label}} <span class=\"text-danger mb-2\" *ngIf=\"required\">*</span></label>\r\n<ng-container *ngIf=\"!formControl.disabled && !showHtmlEditor\">\r\n  <quill-editor #editor [styles]=\"styles\" (onEditorCreated)=\"editorInit($event)\" [ngModel]=\"formControl.value\"\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",
                 styles: [""]
             },] }
 ];
 SdEditor.ctorParameters = () => [
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: SdApiService }
 ];
 SdEditor.propDecorators = {
     editor: [{ type: ViewChild, args: ['editor',] }],
@@ -318,7 +372,9 @@ SdEditor.propDecorators = {
     domain: [{ type: Input }],
     urlUploadImage: [{ type: Input }],
     form: [{ type: Input }],
+    toolbar: [{ type: Input }],
     enableHTMLButton: [{ type: Input }],
+    mentionValues: [{ type: Input }],
     sdChange: [{ type: Output }]
 };
 
@@ -334,7 +390,8 @@ SdEditorModule.decorators = [
                     QuillModule.forRoot(),
                     SdTranslateModule,
                     SdButtonModule,
-                    SdTextareaModule
+                    SdTextareaModule,
+                    SdApiModule
                 ],
                 exports: [SdEditor],
                 providers: [],

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/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":["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 {Component, ViewChild, Input, OnInit, Output, EventEmitter, ChangeDetectorRef} from '@angular/core';\r\nimport {QuillEditorComponent} 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\n\r\n@Component({\r\n  selector: 'sd-editor',\r\n  templateUrl: './editor.component.html',\r\n  styleUrls: ['./editor.component.scss'],\r\n})\r\nexport class SdEditor implements OnInit {\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  formControl = new FormControl();\r\n\r\n  @Input() domain = '';\r\n  @Input() urlUploadImage: string;\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() enableHTMLButton = false;\r\n  showHtmlEditor = false;\r\n  modelHTML: string;\r\n\r\n  quillEvent: any;\r\n\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    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\r\n  textLength: number = 0;\r\n  @Output() sdChange = new EventEmitter<string>();\r\n\r\n  constructor(private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\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  }\r\n\r\n  editorInit = (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\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          // self.apiService.post(self.domain, self.urlUploadImage, formData).subscribe((resp: any) => {\r\n          //   this.quill.enable(true);\r\n          //   this.quill.editor.insertEmbed(range.index, 'image', resp.data.imageUrl || resp.data.publish_url);\r\n          //   const content = this.quill.getContents();\r\n          //   this.quill.setContents(content);\r\n          //   this.quill.setSelection(range.index + 1, (Quill as any).sources.SILENT);\r\n          //   fileInput.value = '';\r\n          // });\r\n        });\r\n        this.container.appendChild(fileInput);\r\n      }\r\n      fileInput.click();\r\n    });\r\n  }\r\n  onModelChange = (val: string) => {\r\n    this.formControl.setValue(val);\r\n    this.modelHTML = val;\r\n  }\r\n  onClickShowHtmlEditor = () => {\r\n    this.showHtmlEditor = !this.showHtmlEditor;\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\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  ],\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.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/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":["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  Component,\r\n  ViewChild,\r\n  Input,\r\n  OnInit,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  AfterViewInit, OnDestroy\r\n} from '@angular/core';\r\nimport {QuillEditorComponent} 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\n\r\n@Component({\r\n  selector: 'sd-editor',\r\n  templateUrl: './editor.component.html',\r\n  styleUrls: ['./editor.component.scss'],\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  formControl = new FormControl();\r\n\r\n  @Input() domain = '';\r\n  @Input() urlUploadImage: string;\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\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-z\\sÅÄÖåäö]*$/,\r\n      mentionDenotationChars: ['@'],\r\n      source: (searchTerm, renderList, mentionChar) => {\r\n        if (this.mentionValues) {\r\n          let values;\r\n          if (mentionChar === '@') {\r\n            values = this.mentionValues;\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\r\n  textLength: number = 0;\r\n  @Output() sdChange = new EventEmitter<string>();\r\n\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    private sdApiService: SdApiService\r\n  ) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n    if (this.toolbar) {\r\n      this.quillConfig.toolbar.container = this.toolbar;\r\n      console.log('toolbar', this.quillConfig);\r\n    }\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  }\r\n\r\n  editorInit = (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\r\n    const self = this;\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          /*this.apiService.post(this.domain + this.urlUploadImage, formData).subscribe((resp: any) => {\r\n            this.quill.enable(true);\r\n            this.quill.editor.insertEmbed(range.index, 'image', resp.data.imageUrl || resp.data.publish_url ||  resp.url);\r\n            const content = this.quill.getContents();\r\n            this.quill.setContents(content);\r\n            this.quill.setSelection(range.index + 1, 'silent');\r\n            fileInput.value = '';\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  onModelChange = (val: string) => {\r\n    this.formControl.setValue(val);\r\n    this.modelHTML = val;\r\n  }\r\n\r\n  onClickShowHtmlEditor = () => {\r\n    this.showHtmlEditor = !this.showHtmlEditor;\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      quill.enable(true);\r\n      quill.editor.insertEmbed(range.index, 'image', resp?.data?.imageUrl || resp?.data?.publish_url || resp?.url || '');\r\n      const content = quill.getContents();\r\n      quill.setContents(content);\r\n      quill.setSelection(range.index + 1, 'silent');\r\n      fileInput.value = '';\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.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-form.js

@@ -23,6 +23,7 @@ import { SdTimeModule } from '@sd-angular/core/time';
 import { SdSideDrawerModule } from '@sd-angular/core/side-drawer';
 import { SdQuickActionModule } from '@sd-angular/core/quick-action';
 import { SdBadgeModule } from '@sd-angular/core/badge';
+import { SdModalResizableModule } from '@sd-angular/core/modal-resizable';
 
 class SdFormModule {
 }
@@ -53,6 +54,7 @@ SdFormModule.decorators = [
                     SdUtilityModule,
                     SdQuickActionModule,
                     SdBadgeModule,
+                    SdModalResizableModule
                 ],
                 declarations: [],
                 providers: [],
@@ -81,6 +83,7 @@ SdFormModule.decorators = [
                     SdUtilityModule,
                     SdQuickActionModule,
                     SdBadgeModule,
+                    SdModalResizableModule
                 ]
             },] }
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-form.js","sources":["../../../../projects/sd-core/form/src/lib/form.module.ts","../../../../projects/sd-core/form/sd-angular-core-form.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdAutocompleteModule } from '@sd-angular/core/autocomplete';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdDateRangeModule } from '@sd-angular/core/date-range';\r\nimport { SdDateTimeModule } from '@sd-angular/core/date-time';\r\nimport { SdEditorModule } from '@sd-angular/core/editor';\r\nimport { SdInputModule } from '@sd-angular/core/input';\r\nimport { SdInputCurrencyModule } from '@sd-angular/core/input-currency';\r\nimport { SdModalModule } from '@sd-angular/core/modal';\r\nimport { SdRadioModule } from '@sd-angular/core/radio';\r\nimport { SdSelectModule } from '@sd-angular/core/select';\r\nimport { SdSelectEditorModule } from '@sd-angular/core/select-editor';\r\nimport { SdSwitchModule } from '@sd-angular/core/switch';\r\nimport { SdUploadFileModule } from '@sd-angular/core/upload-file';\r\nimport { SdChipModule } from '@sd-angular/core/chip';\r\nimport { SdTextareaModule } from '@sd-angular/core/textarea';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { SdCheckboxModule } from '@sd-angular/core/checkbox';\r\nimport { SdLabelModule } from '@sd-angular/core/label';\r\nimport { SdTimeModule } from '@sd-angular/core/time';\r\nimport { SdSideDrawerModule } from '@sd-angular/core/side-drawer';\r\nimport { SdQuickActionModule } from '@sd-angular/core/quick-action';\r\nimport { SdBadgeModule } from '@sd-angular/core/badge';\r\n\r\n@NgModule({\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SdModalModule,\r\n    SdSideDrawerModule,\r\n    SdLabelModule,\r\n    SdUploadFileModule,\r\n    SdDateRangeModule,\r\n    SdDateTimeModule,\r\n    SdTimeModule,\r\n    SdButtonModule,\r\n    SdAutocompleteModule,\r\n    SdInputModule,\r\n    SdInputCurrencyModule,\r\n    SdSelectModule,\r\n    SdSelectEditorModule,\r\n    SdEditorModule,\r\n    SdSwitchModule,\r\n    SdRadioModule,\r\n    SdChipModule,\r\n    SdTextareaModule,\r\n    SdCheckboxModule,\r\n    SdUtilityModule,\r\n    SdQuickActionModule,\r\n    SdBadgeModule,\r\n  ],\r\n  declarations: [\r\n  ],\r\n  providers: [\r\n  ],\r\n  exports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SdModalModule,\r\n    SdSideDrawerModule,\r\n    SdLabelModule,\r\n    SdUploadFileModule,\r\n    SdDateRangeModule,\r\n    SdDateTimeModule,\r\n    SdTimeModule,\r\n    SdButtonModule,\r\n    SdAutocompleteModule,\r\n    SdInputModule,\r\n    SdInputCurrencyModule,\r\n    SdSelectModule,\r\n    SdSelectEditorModule,\r\n    SdEditorModule,\r\n    SdSwitchModule,\r\n    SdRadioModule,\r\n    SdChipModule,\r\n    SdTextareaModule,\r\n    SdCheckboxModule,\r\n    SdUtilityModule,\r\n    SdQuickActionModule,\r\n    SdBadgeModule,\r\n  ]\r\n})\r\nexport class SdFormModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MAmFa,YAAY;;;YA1DxB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,WAAW;oBACX,mBAAmB;oBACnB,aAAa;oBACb,kBAAkB;oBAClB,aAAa;oBACb,kBAAkB;oBAClB,iBAAiB;oBACjB,gBAAgB;oBAChB,YAAY;oBACZ,cAAc;oBACd,oBAAoB;oBACpB,aAAa;oBACb,qBAAqB;oBACrB,cAAc;oBACd,oBAAoB;oBACpB,cAAc;oBACd,cAAc;oBACd,aAAa;oBACb,YAAY;oBACZ,gBAAgB;oBAChB,gBAAgB;oBAChB,eAAe;oBACf,mBAAmB;oBACnB,aAAa;iBACd;gBACD,YAAY,EAAE,EACb;gBACD,SAAS,EAAE,EACV;gBACD,OAAO,EAAE;oBACP,WAAW;oBACX,mBAAmB;oBACnB,aAAa;oBACb,kBAAkB;oBAClB,aAAa;oBACb,kBAAkB;oBAClB,iBAAiB;oBACjB,gBAAgB;oBAChB,YAAY;oBACZ,cAAc;oBACd,oBAAoB;oBACpB,aAAa;oBACb,qBAAqB;oBACrB,cAAc;oBACd,oBAAoB;oBACpB,cAAc;oBACd,cAAc;oBACd,aAAa;oBACb,YAAY;oBACZ,gBAAgB;oBAChB,gBAAgB;oBAChB,eAAe;oBACf,mBAAmB;oBACnB,aAAa;iBACd;aACF;;;AClFD;;;;;;"}
+{"version":3,"file":"sd-angular-core-form.js","sources":["../../../../projects/sd-core/form/src/lib/form.module.ts","../../../../projects/sd-core/form/sd-angular-core-form.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdAutocompleteModule } from '@sd-angular/core/autocomplete';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdDateRangeModule } from '@sd-angular/core/date-range';\r\nimport { SdDateTimeModule } from '@sd-angular/core/date-time';\r\nimport { SdEditorModule } from '@sd-angular/core/editor';\r\nimport { SdInputModule } from '@sd-angular/core/input';\r\nimport { SdInputCurrencyModule } from '@sd-angular/core/input-currency';\r\nimport { SdModalModule } from '@sd-angular/core/modal';\r\nimport { SdRadioModule } from '@sd-angular/core/radio';\r\nimport { SdSelectModule } from '@sd-angular/core/select';\r\nimport { SdSelectEditorModule } from '@sd-angular/core/select-editor';\r\nimport { SdSwitchModule } from '@sd-angular/core/switch';\r\nimport { SdUploadFileModule } from '@sd-angular/core/upload-file';\r\nimport { SdChipModule } from '@sd-angular/core/chip';\r\nimport { SdTextareaModule } from '@sd-angular/core/textarea';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { SdCheckboxModule } from '@sd-angular/core/checkbox';\r\nimport { SdLabelModule } from '@sd-angular/core/label';\r\nimport { SdTimeModule } from '@sd-angular/core/time';\r\nimport { SdSideDrawerModule } from '@sd-angular/core/side-drawer';\r\nimport { SdQuickActionModule } from '@sd-angular/core/quick-action';\r\nimport { SdBadgeModule } from '@sd-angular/core/badge';\r\nimport { SdModalResizableModule } from '@sd-angular/core/modal-resizable';\r\n\r\n@NgModule({\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SdModalModule,\r\n    SdSideDrawerModule,\r\n    SdLabelModule,\r\n    SdUploadFileModule,\r\n    SdDateRangeModule,\r\n    SdDateTimeModule,\r\n    SdTimeModule,\r\n    SdButtonModule,\r\n    SdAutocompleteModule,\r\n    SdInputModule,\r\n    SdInputCurrencyModule,\r\n    SdSelectModule,\r\n    SdSelectEditorModule,\r\n    SdEditorModule,\r\n    SdSwitchModule,\r\n    SdRadioModule,\r\n    SdChipModule,\r\n    SdTextareaModule,\r\n    SdCheckboxModule,\r\n    SdUtilityModule,\r\n    SdQuickActionModule,\r\n    SdBadgeModule,\r\n    SdModalResizableModule\r\n  ],\r\n  declarations: [\r\n  ],\r\n  providers: [\r\n  ],\r\n  exports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SdModalModule,\r\n    SdSideDrawerModule,\r\n    SdLabelModule,\r\n    SdUploadFileModule,\r\n    SdDateRangeModule,\r\n    SdDateTimeModule,\r\n    SdTimeModule,\r\n    SdButtonModule,\r\n    SdAutocompleteModule,\r\n    SdInputModule,\r\n    SdInputCurrencyModule,\r\n    SdSelectModule,\r\n    SdSelectEditorModule,\r\n    SdEditorModule,\r\n    SdSwitchModule,\r\n    SdRadioModule,\r\n    SdChipModule,\r\n    SdTextareaModule,\r\n    SdCheckboxModule,\r\n    SdUtilityModule,\r\n    SdQuickActionModule,\r\n    SdBadgeModule,\r\n    SdModalResizableModule\r\n  ]\r\n})\r\nexport class SdFormModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;MAsFa,YAAY;;;YA5DxB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,WAAW;oBACX,mBAAmB;oBACnB,aAAa;oBACb,kBAAkB;oBAClB,aAAa;oBACb,kBAAkB;oBAClB,iBAAiB;oBACjB,gBAAgB;oBAChB,YAAY;oBACZ,cAAc;oBACd,oBAAoB;oBACpB,aAAa;oBACb,qBAAqB;oBACrB,cAAc;oBACd,oBAAoB;oBACpB,cAAc;oBACd,cAAc;oBACd,aAAa;oBACb,YAAY;oBACZ,gBAAgB;oBAChB,gBAAgB;oBAChB,eAAe;oBACf,mBAAmB;oBACnB,aAAa;oBACb,sBAAsB;iBACvB;gBACD,YAAY,EAAE,EACb;gBACD,SAAS,EAAE,EACV;gBACD,OAAO,EAAE;oBACP,WAAW;oBACX,mBAAmB;oBACnB,aAAa;oBACb,kBAAkB;oBAClB,aAAa;oBACb,kBAAkB;oBAClB,iBAAiB;oBACjB,gBAAgB;oBAChB,YAAY;oBACZ,cAAc;oBACd,oBAAoB;oBACpB,aAAa;oBACb,qBAAqB;oBACrB,cAAc;oBACd,oBAAoB;oBACpB,cAAc;oBACd,cAAc;oBACd,aAAa;oBACb,YAAY;oBACZ,gBAAgB;oBAChB,gBAAgB;oBAChB,eAAe;oBACf,mBAAmB;oBACnB,aAAa;oBACb,sBAAsB;iBACvB;aACF;;;ACrFD;;;;;;"}