@sd-angular/core 1.0.39 → 1.0.42

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

@@ -22,7 +22,7 @@ class SdInputCurrency {
         _form.set(this, void 0);
         _model.set(this, void 0);
         this.modelChange = new EventEmitter();
-        _align.set(this, 'right');
+        _align.set(this, 'left');
         _allowNegative.set(this, true);
         _decimal.set(this, ',');
         _precision.set(this, 0);
@@ -147,7 +147,7 @@ class SdInputCurrency {
         }
     }
     set align(val) {
-        __classPrivateFieldSet(this, _align, val || 'right');
+        __classPrivateFieldSet(this, _align, val || 'left');
         __classPrivateFieldGet(this, _generateOption).call(this);
     }
     set allowNegative(val) {
@@ -230,7 +230,7 @@ _name = new WeakMap(), _form = new WeakMap(), _model = new WeakMap(), _align = n
 SdInputCurrency.decorators = [
     { type: Component, args: [{
                 selector: 'sd-input-currency',
-                template: "<div class=\"d-flex align-items-center\">\r\n  <mat-form-field class=\"sd-md\"\r\n    [ngClass]=\"{'sd-form-tooltip':tooltip, 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n    appearance=\"outline\">\r\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n    <input currencyMask [options]=\"options\" [formControl]=\"formControl\" #control matInput\r\n      [placeholder]=\"placeholder || label\" (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" [required]=\"isRequired\"\r\n      autocomplete=\"off\">\r\n    <span matSuffix>cm</span>\r\n    <ng-container *ngIf=\"sdSuffix?.templateRef\" matSuffix>\r\n      <ng-container *ngTemplateOutlet=\"sdSuffix.templateRef\">\r\n      </ng-container>\r\n    </ng-container>\r\n    <mat-error *ngIf=\"formControl.errors?.required && !disableErrorMessage\">\r\n      {{'This field is required' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.pattern && !disableErrorMessage\">\r\n      {{'Pattern error' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.customValidator && !disableErrorMessage\">\r\n      <strong>{{formControl.errors?.customValidator}}</strong>\r\n    </mat-error>\r\n  </mat-form-field>\r\n  <div *ngIf=\"tooltip\" class=\"sd-tooltip\">\r\n    <mat-icon (click)=\"sdTooltip.toggle()\" [matTooltip]=\"formControl.value | sdInputCurrencyTooltipPipe:tooltip\"\r\n      matSuffix #sdTooltip=\"matTooltip\">info</mat-icon>\r\n  </div>\r\n</div>",
+                template: "<div class=\"d-flex align-items-center\">\r\n  <mat-form-field class=\"sd-md\"\r\n    [ngClass]=\"{'sd-form-tooltip':tooltip, 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n    appearance=\"outline\">\r\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n    <input currencyMask [options]=\"options\" [formControl]=\"formControl\" #control matInput\r\n      [placeholder]=\"placeholder || label\" (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" [required]=\"isRequired\"\r\n      autocomplete=\"off\">\r\n    <ng-container *ngIf=\"sdSuffix?.templateRef\" matSuffix>\r\n      <ng-container *ngTemplateOutlet=\"sdSuffix.templateRef\">\r\n      </ng-container>\r\n    </ng-container>\r\n    <mat-error *ngIf=\"formControl.errors?.required && !disableErrorMessage\">\r\n      {{'This field is required' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.pattern && !disableErrorMessage\">\r\n      {{'Pattern error' | sdTranslate}}\r\n    </mat-error>\r\n    <mat-error *ngIf=\"formControl.errors?.customValidator && !disableErrorMessage\">\r\n      <strong>{{formControl.errors?.customValidator}}</strong>\r\n    </mat-error>\r\n  </mat-form-field>\r\n  <div *ngIf=\"tooltip\" class=\"sd-tooltip\">\r\n    <mat-icon (click)=\"sdTooltip.toggle()\" [matTooltip]=\"formControl.value | sdInputCurrencyTooltipPipe:tooltip\"\r\n      matSuffix #sdTooltip=\"matTooltip\">info</mat-icon>\r\n  </div>\r\n</div>",
                 styles: [":host ::ng-deep .mat-form-field.sd-form-tooltip{width:calc(100% - 30px)}.sd-tooltip{display:inline-block;margin:auto;text-align:center;width:30px}:host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}"]
             },] }
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-input-currency.js","sources":["../../../../projects/sd-core/input-currency/src/lib/input-currency.component.ts","../../../../projects/sd-core/input-currency/src/lib/input-currency-tooltip.pipe.ts","../../../../projects/sd-core/input-currency/src/lib/input-currency.module.ts","../../../../projects/sd-core/input-currency/src/public-api.ts","../../../../projects/sd-core/input-currency/sd-angular-core-input-currency.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ContentChild\r\n} from '@angular/core';\r\nimport { AbstractControl, FormControl, NgForm, ValidatorFn, Validators, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { debounceTime, startWith } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { CurrencyMaskInputMode } from 'ngx-currency';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport { SdSuffixDirective } from '@sd-angular/core/common';\r\n\r\n@Component({\r\n  selector: 'sd-input-currency',\r\n  templateUrl: './input-currency.component.html',\r\n  styleUrls: ['./input-currency.component.scss']\r\n})\r\nexport class SdInputCurrency implements OnDestroy, OnInit, AfterViewInit {\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  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  @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() placeholder: string;\r\n\r\n  #model: any;\r\n  @Input() set model(value: any) {\r\n    if (this.#model !== value) {\r\n      this.#model = value;\r\n      this.formControl.setValue(value);\r\n      this.ref.detectChanges();\r\n    }\r\n  }\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  #align: 'left' | 'right' = 'right';\r\n  @Input() set align(val: 'left' | 'right' | '') {\r\n    this.#align = val || 'right';\r\n    this.#generateOption();\r\n  }\r\n\r\n  #allowNegative = true;\r\n  @Input() set allowNegative(val: boolean | '') {\r\n    this.#allowNegative = (val === '') || val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #decimal: '.' | ',' = ',';\r\n  @Input() set decimal(val: '.' | ',' | '') {\r\n    this.#decimal = val || ',';\r\n    this.#generateOption();\r\n  }\r\n\r\n  #precision: number = 0;\r\n  @Input() set precision(val: number) {\r\n    this.#precision = val || 0;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #prefix: string;\r\n  @Input() set prefix(val: string) {\r\n    this.#prefix = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #suffix: string;\r\n  @Input() set suffix(val: string) {\r\n    this.#suffix = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #thousands: '.' | ',' = '.';\r\n  @Input() set thousands(val: '.' | ',' | '') {\r\n    this.#thousands = val || '.';\r\n    this.#generateOption();\r\n  }\r\n\r\n  #nullable: boolean;\r\n  @Input() set nullable(val: boolean | false) {\r\n    this.#nullable = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #min: number;\r\n  @Input() set min(val: number) {\r\n    this.#min = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #max: number;\r\n  @Input() set max(val: number) {\r\n    this.#max = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  #pattern: string;\r\n  @Input() set pattern(val: string) {\r\n    this.#pattern = val;\r\n    this.#updateValidator();\r\n  }\r\n  #validator: (value: any) => string | Promise<string>;\r\n  @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n    this.#validator = validator;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  // Optional\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  @ContentChild(SdSuffixDirective) sdSuffix: SdSuffixDirective;\r\n  @Input() tooltip: string | ((inputValue: string) => string);\r\n  @Output() sdChange = new EventEmitter<any>();\r\n  @Output() sdFocus = new EventEmitter<any>();\r\n  @Output() keyupEnter = new EventEmitter();\r\n\r\n  @ViewChild('control') control: ElementRef;\r\n  formControl = new SdFormControl();\r\n  #subscription = new Subscription();\r\n  options = {};\r\n  constructor(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.#generateOption();\r\n  }\r\n\r\n  #generateOption = () => {\r\n    this.options = {\r\n      align: this.#align || '',\r\n      allowNegative: this.#allowNegative,\r\n      decimal: this.#decimal,\r\n      precision: this.#precision,\r\n      prefix: this.#prefix || '',\r\n      suffix: this.#suffix || '',\r\n      thousands: this.#thousands,\r\n      nullable: this.#nullable,\r\n      min: this.#min,\r\n      max: this.#max,\r\n      inputMode: CurrencyMaskInputMode.NATURAL\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.pipe(debounceTime(200)).subscribe(this.#onChange));\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n    this.ref.detectChanges();\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  reValidate = () => {\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    const asyncValidators: AsyncValidatorFn[] = [];\r\n    if (this.isRequired) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.#pattern) {\r\n      validators.push(Validators.pattern(this.#pattern));\r\n    }\r\n    if (this.#validator) {\r\n      asyncValidators.push(this.#customValidator(this.#validator));\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.setAsyncValidators(asyncValidators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #onChange = async (value: any) => {\r\n    this.modelChange.emit(value);\r\n    this.sdChange.emit(value);\r\n  }\r\n\r\n  onKeyupEnter = () => {\r\n    this.keyupEnter.emit(this.formControl.value);\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.sdFocus.emit();\r\n  }\r\n\r\n  onBlur = () => {\r\n    const val: string = (this.formControl.value ?? '').toString();\r\n    if (val.length > val.trim().length) {\r\n      this.formControl.setValue(val.trim());\r\n    }\r\n  }\r\n\r\n  #customValidator = (func: (value: any) => string | Promise<string>): AsyncValidatorFn => {\r\n    return async (c: AbstractControl): Promise<{ [key: string]: any } | null> => {\r\n      const value = c.value || null;\r\n      if (func && typeof (func) === 'function') {\r\n        const result = func(value);\r\n        if (result instanceof Promise) {\r\n          const message = await result;\r\n          if (message) {\r\n            return {\r\n              customValidator: message\r\n            };\r\n          }\r\n          return null;\r\n        }\r\n        if (result) {\r\n          return {\r\n            customValidator: result\r\n          };\r\n        }\r\n        return null;\r\n      }\r\n      return null;\r\n    };\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n  name: 'sdInputCurrencyTooltipPipe'\r\n})\r\nexport class SdInputCurrencyTooltipPipe implements PipeTransform {\r\n  transform(value: any, tooltip: string | ((inputValue: string) => string)): string {\r\n    if (typeof (tooltip) === 'string') {\r\n      return tooltip;\r\n    }\r\n    return tooltip(value);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { SdInputCurrency } from './input-currency.component';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdInputCurrencyTooltipPipe } from './input-currency-tooltip.pipe';\r\nimport { NgxCurrencyModule } from \"ngx-currency\";\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    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdCommonModule,\r\n    SdTranslateModule,\r\n    NgxCurrencyModule\r\n  ],\r\n  declarations: [\r\n    SdInputCurrency,\r\n    SdInputCurrencyTooltipPipe\r\n  ],\r\n  exports: [\r\n    SdInputCurrency,\r\n    SdInputCurrencyTooltipPipe\r\n  ]\r\n})\r\nexport class SdInputCurrencyModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/input-currency.module';\r\nexport * from './lib/input-currency-tooltip.pipe';\r\nexport * from './lib/input-currency.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-input-currency.js","sources":["../../../../projects/sd-core/input-currency/src/lib/input-currency.component.ts","../../../../projects/sd-core/input-currency/src/lib/input-currency-tooltip.pipe.ts","../../../../projects/sd-core/input-currency/src/lib/input-currency.module.ts","../../../../projects/sd-core/input-currency/src/public-api.ts","../../../../projects/sd-core/input-currency/sd-angular-core-input-currency.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ContentChild\r\n} from '@angular/core';\r\nimport { AbstractControl, FormControl, NgForm, ValidatorFn, Validators, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { debounceTime, startWith } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { CurrencyMaskInputMode } from 'ngx-currency';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport { SdSuffixDirective } from '@sd-angular/core/common';\r\n\r\n@Component({\r\n  selector: 'sd-input-currency',\r\n  templateUrl: './input-currency.component.html',\r\n  styleUrls: ['./input-currency.component.scss']\r\n})\r\nexport class SdInputCurrency implements OnDestroy, OnInit, AfterViewInit {\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  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  @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() placeholder: string;\r\n\r\n  #model: any;\r\n  @Input() set model(value: any) {\r\n    if (this.#model !== value) {\r\n      this.#model = value;\r\n      this.formControl.setValue(value);\r\n      this.ref.detectChanges();\r\n    }\r\n  }\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  #align: 'left' | 'right' = 'left';\r\n  @Input() set align(val: 'left' | 'right' | '') {\r\n    this.#align = val || 'left';\r\n    this.#generateOption();\r\n  }\r\n\r\n  #allowNegative = true;\r\n  @Input() set allowNegative(val: boolean | '') {\r\n    this.#allowNegative = (val === '') || val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #decimal: '.' | ',' = ',';\r\n  @Input() set decimal(val: '.' | ',' | '') {\r\n    this.#decimal = val || ',';\r\n    this.#generateOption();\r\n  }\r\n\r\n  #precision: number = 0;\r\n  @Input() set precision(val: number) {\r\n    this.#precision = val || 0;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #prefix: string;\r\n  @Input() set prefix(val: string) {\r\n    this.#prefix = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #suffix: string;\r\n  @Input() set suffix(val: string) {\r\n    this.#suffix = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #thousands: '.' | ',' = '.';\r\n  @Input() set thousands(val: '.' | ',' | '') {\r\n    this.#thousands = val || '.';\r\n    this.#generateOption();\r\n  }\r\n\r\n  #nullable: boolean;\r\n  @Input() set nullable(val: boolean | false) {\r\n    this.#nullable = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #min: number;\r\n  @Input() set min(val: number) {\r\n    this.#min = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  #max: number;\r\n  @Input() set max(val: number) {\r\n    this.#max = val;\r\n    this.#generateOption();\r\n  }\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  #pattern: string;\r\n  @Input() set pattern(val: string) {\r\n    this.#pattern = val;\r\n    this.#updateValidator();\r\n  }\r\n  #validator: (value: any) => string | Promise<string>;\r\n  @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n    this.#validator = validator;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  // Optional\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  @ContentChild(SdSuffixDirective) sdSuffix: SdSuffixDirective;\r\n  @Input() tooltip: string | ((inputValue: string) => string);\r\n  @Output() sdChange = new EventEmitter<any>();\r\n  @Output() sdFocus = new EventEmitter<any>();\r\n  @Output() keyupEnter = new EventEmitter();\r\n\r\n  @ViewChild('control') control: ElementRef;\r\n  formControl = new SdFormControl();\r\n  #subscription = new Subscription();\r\n  options = {};\r\n  constructor(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.#generateOption();\r\n  }\r\n\r\n  #generateOption = () => {\r\n    this.options = {\r\n      align: this.#align || '',\r\n      allowNegative: this.#allowNegative,\r\n      decimal: this.#decimal,\r\n      precision: this.#precision,\r\n      prefix: this.#prefix || '',\r\n      suffix: this.#suffix || '',\r\n      thousands: this.#thousands,\r\n      nullable: this.#nullable,\r\n      min: this.#min,\r\n      max: this.#max,\r\n      inputMode: CurrencyMaskInputMode.NATURAL\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.pipe(debounceTime(200)).subscribe(this.#onChange));\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n    this.ref.detectChanges();\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  reValidate = () => {\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    const asyncValidators: AsyncValidatorFn[] = [];\r\n    if (this.isRequired) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.#pattern) {\r\n      validators.push(Validators.pattern(this.#pattern));\r\n    }\r\n    if (this.#validator) {\r\n      asyncValidators.push(this.#customValidator(this.#validator));\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.setAsyncValidators(asyncValidators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #onChange = async (value: any) => {\r\n    this.modelChange.emit(value);\r\n    this.sdChange.emit(value);\r\n  }\r\n\r\n  onKeyupEnter = () => {\r\n    this.keyupEnter.emit(this.formControl.value);\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.sdFocus.emit();\r\n  }\r\n\r\n  onBlur = () => {\r\n    const val: string = (this.formControl.value ?? '').toString();\r\n    if (val.length > val.trim().length) {\r\n      this.formControl.setValue(val.trim());\r\n    }\r\n  }\r\n\r\n  #customValidator = (func: (value: any) => string | Promise<string>): AsyncValidatorFn => {\r\n    return async (c: AbstractControl): Promise<{ [key: string]: any } | null> => {\r\n      const value = c.value || null;\r\n      if (func && typeof (func) === 'function') {\r\n        const result = func(value);\r\n        if (result instanceof Promise) {\r\n          const message = await result;\r\n          if (message) {\r\n            return {\r\n              customValidator: message\r\n            };\r\n          }\r\n          return null;\r\n        }\r\n        if (result) {\r\n          return {\r\n            customValidator: result\r\n          };\r\n        }\r\n        return null;\r\n      }\r\n      return null;\r\n    };\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n  name: 'sdInputCurrencyTooltipPipe'\r\n})\r\nexport class SdInputCurrencyTooltipPipe implements PipeTransform {\r\n  transform(value: any, tooltip: string | ((inputValue: string) => string)): string {\r\n    if (typeof (tooltip) === 'string') {\r\n      return tooltip;\r\n    }\r\n    return tooltip(value);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { SdInputCurrency } from './input-currency.component';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdInputCurrencyTooltipPipe } from './input-currency-tooltip.pipe';\r\nimport { NgxCurrencyModule } from \"ngx-currency\";\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    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdCommonModule,\r\n    SdTranslateModule,\r\n    NgxCurrencyModule\r\n  ],\r\n  declarations: [\r\n    SdInputCurrency,\r\n    SdInputCurrencyTooltipPipe\r\n  ],\r\n  exports: [\r\n    SdInputCurrency,\r\n    SdInputCurrencyTooltipPipe\r\n  ]\r\n})\r\nexport class SdInputCurrencyModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/input-currency.module';\r\nexport * from './lib/input-currency-tooltip.pipe';\r\nexport * from './lib/input-currency.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":";;;;;;;;;;;;;;;;MA0Ba,eAAe;IAsI1B,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;QArI1C,gBAAQA,EAAO,EAAE,EAAC;QAMlB,wBAAmB,GAAG,KAAK,CAAC;QAM5B,wBAAiB;QAajB,yBAAY;QASF,gBAAW,GAAG,IAAI,YAAY,EAAE,CAAC;QAE3C,iBAA2B,MAAM,EAAC;QAMlC,yBAAiB,IAAI,EAAC;QAMtB,mBAAsB,GAAG,EAAC;QAM1B,qBAAqB,CAAC,EAAC;QAMvB,0BAAgB;QAMhB,0BAAgB;QAMhB,qBAAwB,GAAG,EAAC;QAM5B,4BAAmB;QAMnB,uBAAa;QAMb,uBAAa;;QAOb,eAAU,GAAG,KAAK,CAAC;QAMnB,2BAAiB;QAKjB,6BAAqD;QAiB3C,aAAQ,GAAG,IAAI,YAAY,EAAO,CAAC;QACnC,YAAO,GAAG,IAAI,YAAY,EAAO,CAAC;QAClC,eAAU,GAAG,IAAI,YAAY,EAAE,CAAC;QAG1C,gBAAW,GAAG,IAAI,aAAa,EAAE,CAAC;QAClC,wBAAgB,IAAI,YAAY,EAAE,EAAC;QACnC,YAAO,GAAG,EAAE,CAAC;QAWb,0BAAkB;YAChB,IAAI,CAAC,OAAO,GAAG;gBACb,KAAK,EAAE,wCAAe,EAAE;gBACxB,aAAa,8CAAqB;gBAClC,OAAO,wCAAe;gBACtB,SAAS,0CAAiB;gBAC1B,MAAM,EAAE,yCAAgB,EAAE;gBAC1B,MAAM,EAAE,yCAAgB,EAAE;gBAC1B,SAAS,0CAAiB;gBAC1B,QAAQ,yCAAgB;gBACxB,GAAG,oCAAW;gBACd,GAAG,oCAAW;gBACd,SAAS,EAAE,qBAAqB,CAAC,OAAO;aACzC,CAAA;SACF,EAAA;QAaD,eAAU,GAAG;YACX,IAAI,CAAC,WAAW,CAAC,sBAAsB,EAAE,CAAC;SAC3C,CAAA;QAED,2BAAmB;YACjB,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,CAAC;YACnC,IAAI,CAAC,WAAW,CAAC,oBAAoB,EAAE,CAAC;YACxC,MAAM,UAAU,GAAkB,EAAE,CAAC;YACrC,MAAM,eAAe,GAAuB,EAAE,CAAC;YAC/C,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;aACtC;YACD,4CAAmB;gBACjB,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,wCAAe,CAAC,CAAC;aACpD;YACD,8CAAqB;gBACnB,eAAe,CAAC,IAAI,CAAC,oDAAA,IAAI,2CAAkC,CAAC,CAAC;aAC9D;YACD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAC3C,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;YACrD,IAAI,CAAC,WAAW,CAAC,sBAAsB,EAAE,CAAC;SAC3C,EAAA;QAED,oBAAY,CAAO,KAAU;YAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC3B,CAAA,EAAA;QAED,iBAAY,GAAG;YACb,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC9C,CAAA;QAED,YAAO,GAAG;YACR,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SACrB,CAAA;QAED,WAAM,GAAG;;YACP,MAAM,GAAG,GAAW,OAAC,IAAI,CAAC,WAAW,CAAC,KAAK,mCAAI,EAAE,EAAE,QAAQ,EAAE,CAAC;YAC9D,IAAI,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE;gBAClC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;aACvC;SACF,CAAA;QAED,2BAAmB,CAAC,IAA8C;YAChE,OAAO,CAAO,CAAkB;gBAC9B,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC;gBAC9B,IAAI,IAAI,IAAI,QAAQ,IAAI,CAAC,KAAK,UAAU,EAAE;oBACxC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC3B,IAAI,MAAM,YAAY,OAAO,EAAE;wBAC7B,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC;wBAC7B,IAAI,OAAO,EAAE;4BACX,OAAO;gCACL,eAAe,EAAE,OAAO;6BACzB,CAAC;yBACH;wBACD,OAAO,IAAI,CAAC;qBACb;oBACD,IAAI,MAAM,EAAE;wBACV,OAAO;4BACL,eAAe,EAAE,MAAM;yBACxB,CAAC;qBACH;oBACD,OAAO,IAAI,CAAC;iBACb;gBACD,OAAO,IAAI,CAAC;aACb,CAAA,CAAC;SACH,EAAA;KAtGA;IArID,IAAa,IAAI,CAAC,GAAW;QAC3B,IAAI,GAAG,EAAE;YACP,uBAAA,IAAI,SAAS,GAAG,EAAC;SAClB;KACF;IAED,IAAkC,oBAAoB,CAAC,GAAiB;QACtE,IAAI,CAAC,mBAAmB,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;QAC/C,GAAG,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;KAC3B;IAGD,IAAa,IAAI,CAAC,GAAuB;QACvC,IAAI,GAAG,EAAE;YACP,IAAI,GAAG,YAAY,MAAM,EAAE;gBACzB,uBAAA,IAAI,SAAS,GAAG,CAAC,IAAI,EAAC;aACvB;iBAAM;gBACL,uBAAA,IAAI,SAAS,GAAG,EAAC;aAClB;SACF;KACF;IAKD,IAAa,KAAK,CAAC,KAAU;QAC3B,IAAI,yCAAgB,KAAK,EAAE;YACzB,uBAAA,IAAI,UAAU,KAAK,EAAC;YACpB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;SAC1B;KACF;IAKD,IAAa,KAAK,CAAC,GAA0B;QAC3C,uBAAA,IAAI,UAAU,GAAG,IAAI,MAAM,EAAC;QAC5B,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,aAAa,CAAC,GAAiB;QAC1C,uBAAA,IAAI,kBAAkB,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,EAAC;QAC1C,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,OAAO,CAAC,GAAmB;QACtC,uBAAA,IAAI,YAAY,GAAG,IAAI,GAAG,EAAC;QAC3B,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,SAAS,CAAC,GAAW;QAChC,uBAAA,IAAI,cAAc,GAAG,IAAI,CAAC,EAAC;QAC3B,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,MAAM,CAAC,GAAW;QAC7B,uBAAA,IAAI,WAAW,GAAG,EAAC;QACnB,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,MAAM,CAAC,GAAW;QAC7B,uBAAA,IAAI,WAAW,GAAG,EAAC;QACnB,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,SAAS,CAAC,GAAmB;QACxC,uBAAA,IAAI,cAAc,GAAG,IAAI,GAAG,EAAC;QAC7B,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,QAAQ,CAAC,GAAoB;QACxC,uBAAA,IAAI,aAAa,GAAG,EAAC;QACrB,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,GAAG,CAAC,GAAW;QAC1B,uBAAA,IAAI,QAAQ,GAAG,EAAC;QAChB,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAGD,IAAa,GAAG,CAAC,GAAW;QAC1B,uBAAA,IAAI,QAAQ,GAAG,EAAC;QAChB,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAID,IAAa,QAAQ,CAAC,GAAiB;QACrC,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;QACtC,oDAAA,IAAI,CAAmB,CAAC;KACzB;IAGD,IAAa,OAAO,CAAC,GAAW;QAC9B,uBAAA,IAAI,YAAY,GAAG,EAAC;QACpB,oDAAA,IAAI,CAAmB,CAAC;KACzB;IAED,IAAa,SAAS,CAAC,SAAmD;QACxE,uBAAA,IAAI,cAAc,SAAS,EAAC;QAC5B,oDAAA,IAAI,CAAmB,CAAC;KACzB;;IAGD,IAAa,QAAQ,CAAC,GAAiB;QACrC,GAAG,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;QAC1B,IAAI,GAAG,EAAE;YACP,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;SAC5B;aAAM;YACL,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;SAC3B;KACF;IAcD,QAAQ;QACN,4CAAmB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC;YAC/D,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;SACzB,CAAC,CAAC,CAAC;QACJ,mDAAA,IAAI,CAAkB,CAAC;KACxB;IAkBD,eAAe;;QACb,4CAAmB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,yCAAgB,CAAC,CAAC;QACxG,mFAAY,UAAU,sCAAa,IAAI,CAAC,WAAW,EAAE;QACrD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAED,WAAW;;QACT,mFAAY,aAAa,sCAAa;QACtC,4CAAmB,WAAW,EAAE,CAAC;KAClC;;;;YA9KF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,s8CAA8C;;aAE/C;;;YAnBC,iBAAiB;;;mBAsBhB,KAAK;mCAML,KAAK,SAAC,qBAAqB;mBAI3B,KAAK;mBAEL,KAAK;oBASL,KAAK;0BACL,KAAK;oBAGL,KAAK;0BAQL,MAAM;oBAGN,KAAK;4BAML,KAAK;sBAML,KAAK;wBAML,KAAK;qBAML,KAAK;qBAML,KAAK;wBAML,KAAK;uBAML,KAAK;kBAML,KAAK;kBAML,KAAK;uBAOL,KAAK;sBAML,KAAK;wBAKL,KAAK;uBAML,KAAK;uBAQL,YAAY,SAAC,iBAAiB;sBAC9B,KAAK;uBACL,MAAM;sBACN,MAAM;yBACN,MAAM;sBAEN,SAAS,SAAC,SAAS;;;MCxJT,0BAA0B;IACrC,SAAS,CAAC,KAAU,EAAE,OAAkD;QACtE,IAAI,QAAQ,OAAO,CAAC,KAAK,QAAQ,EAAE;YACjC,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;KACvB;;;YATF,IAAI,SAAC;gBACJ,IAAI,EAAE,4BAA4B;aACnC;;;MCgCY,qBAAqB;;;YAtBjC,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,mBAAmB;oBACnB,kBAAkB;oBAClB,cAAc;oBACd,aAAa;oBACb,gBAAgB;oBAChB,cAAc;oBACd,iBAAiB;oBACjB,iBAAiB;iBAClB;gBACD,YAAY,EAAE;oBACZ,eAAe;oBACf,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,0BAA0B;iBAC3B;aACF;;;AClCD;;;;ACAA;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { Directive, TemplateRef, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, ViewChild, ContentChild, Pipe, NgModule } from '@angular/core';
+import { Directive, TemplateRef, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, ViewChild, ContentChild, ElementRef, Pipe, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -8,9 +8,11 @@ import { v4 } from 'uuid';
 import { debounceTime } from 'rxjs/operators';
 import { Subscription } from 'rxjs';
 import { SdFormControl, SdViewDefDirective, SdCommonModule } from '@sd-angular/core/common';
+import { SdUtilityService } from '@sd-angular/core/utility';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { SdTranslateModule } from '@sd-angular/core/translate';
+import { MatButtonModule } from '@angular/material/button';
 
 class SdInputSuffixDirective {
     constructor(templateRef) {
@@ -28,8 +30,9 @@ SdInputSuffixDirective.ctorParameters = () => [
 
 var _name, _form, _blurOnEnter_1, _model, _pattern, _validator, _subscription, _updateValidator, _onChange, _customValidator;
 class SdInput {
-    constructor(ref) {
+    constructor(ref, utilityService) {
         this.ref = ref;
+        this.utilityService = utilityService;
         this.id = `I${v4()}`;
         _name.set(this, v4());
         _form.set(this, void 0);
@@ -53,6 +56,7 @@ class SdInput {
         this.formControl = new SdFormControl();
         _subscription.set(this, new Subscription());
         this.isFocused = false;
+        this.copyable = false;
         this.reValidate = () => {
             this.formControl.updateValueAndValidity();
         };
@@ -228,6 +232,9 @@ class SdInput {
         this.hideIcon = (val === '') || val;
         val = (val === '') || val;
     }
+    set _copyable(val) {
+        this.copyable = (val === '') || val;
+    }
     ngOnInit() {
         __classPrivateFieldGet(this, _subscription).add(this.formControl.touchedChanges.subscribe(() => {
             this.ref.markForCheck();
@@ -244,18 +251,28 @@ class SdInput {
         (_a = __classPrivateFieldGet(this, _form)) === null || _a === void 0 ? void 0 : _a.removeControl(__classPrivateFieldGet(this, _name));
         __classPrivateFieldGet(this, _subscription).unsubscribe();
     }
+    copyText() {
+        this.utilityService.copyToClipboard(__classPrivateFieldGet(this, _model));
+        this.btnCopy.nativeElement.innerText = 'Copied';
+        this.btnCopy.nativeElement.setAttribute('style', 'color: #4caf50;');
+        setTimeout(() => {
+            this.btnCopy.nativeElement.innerText = 'Copy';
+            this.btnCopy.nativeElement.removeAttribute('style');
+        }, 2000);
+    }
 }
 _name = new WeakMap(), _form = new WeakMap(), _blurOnEnter_1 = new WeakMap(), _model = new WeakMap(), _pattern = new WeakMap(), _validator = new WeakMap(), _subscription = new WeakMap(), _updateValidator = new WeakMap(), _onChange = new WeakMap(), _customValidator = new WeakMap();
 SdInput.decorators = [
     { type: Component, args: [{
                 selector: 'sd-input',
-                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 && !isFocused; else default\">\r\n    <ng-container\r\n      *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=\"sd-md\"\r\n      [ngClass]=\"{'sd-form-tooltip':tooltip, 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n      appearance=\"outline\">\r\n      <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n      <input [id]=\"id\" [formControl]=\"formControl\" [type]=\"type\" #control matInput [placeholder]=\"placeholder || label\"\r\n        (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [required]=\"isRequired\"\r\n        [readonly]=\"isReadonly\" [autocomplete]=\"id\" autocorrect=\"off\">\r\n      <span class=\"mr-1\" *ngIf=\"maxlength\" matSuffix>{{formControl.value?.length || 0}}/{{maxlength}}</span>\r\n      <ng-container *ngIf=\"sdInputSuffix?.templateRef\" matSuffix>\r\n        <ng-container *ngTemplateOutlet=\"sdInputSuffix.templateRef\">\r\n        </ng-container>\r\n      </ng-container>\r\n      <mat-icon *ngIf=\"!hideIcon && sdClickIcon?.observers?.length\" (click)=\"onClickIcon($event)\"\r\n        class=\"pointer sd-suffix-icon\" matSuffix>\r\n        {{icon}}\r\n      </mat-icon>\r\n      <mat-error *ngIf=\"formControl.errors?.required && !disableErrorMessage\">\r\n        {{'This field is required' | sdTranslate}}\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.maxlength && !disableErrorMessage\">\r\n        {{'Max length' | sdTranslate}} <strong>{{maxlength}}</strong>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.pattern && !disableErrorMessage\">\r\n        {{'Pattern error' | sdTranslate}}\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.customValidator && !disableErrorMessage\">\r\n        <strong>{{formControl.errors?.customValidator}}</strong>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <div *ngIf=\"tooltip\" class=\"sd-tooltip\">\r\n      <mat-icon (click)=\"sdTooltip.toggle()\" [matTooltip]=\"formControl.value | sdInputTooltipPipe:tooltip\" matSuffix\r\n        #sdTooltip=\"matTooltip\">info</mat-icon>\r\n    </div>\r\n  </ng-template>\r\n</div>",
+                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 && !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=\"sd-md\"\r\n      [ngClass]=\"{'sd-form-tooltip':tooltip, 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n      appearance=\"outline\">\r\n      <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n      <input [id]=\"id\" [formControl]=\"formControl\" [type]=\"type\" #control matInput [placeholder]=\"placeholder || label\"\r\n        (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [required]=\"isRequired\"\r\n        [readonly]=\"isReadonly\" [autocomplete]=\"id\" autocorrect=\"off\">\r\n      <button #btnCopy *ngIf=\"copyable\" matSuffix mat-flat-button aria-label=\"Clear\" class=\"btn-copy\"\r\n        (click)=\"copyText()\">\r\n        Copy\r\n      </button>\r\n      <span class=\"mr-1\" *ngIf=\"maxlength\" matSuffix>{{formControl.value?.length || 0}}/{{maxlength}}</span>\r\n      <ng-container *ngIf=\"sdInputSuffix?.templateRef\" matSuffix>\r\n        <ng-container *ngTemplateOutlet=\"sdInputSuffix.templateRef\">\r\n        </ng-container>\r\n      </ng-container>\r\n      <mat-icon *ngIf=\"!hideIcon && sdClickIcon?.observers?.length\" (click)=\"onClickIcon($event)\"\r\n        class=\"pointer sd-suffix-icon\" matSuffix>\r\n        {{icon}}\r\n      </mat-icon>\r\n      <mat-error *ngIf=\"formControl.errors?.required && !disableErrorMessage\">\r\n        {{'This field is required' | sdTranslate}}\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.maxlength && !disableErrorMessage\">\r\n        {{'Max length' | sdTranslate}} <strong>{{maxlength}}</strong>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.pattern && !disableErrorMessage\">\r\n        {{'Pattern error' | sdTranslate}}\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.customValidator && !disableErrorMessage\">\r\n        <strong>{{formControl.errors?.customValidator}}</strong>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <div *ngIf=\"tooltip\" class=\"sd-tooltip\">\r\n      <mat-icon (click)=\"sdTooltip.toggle()\" [matTooltip]=\"formControl.value | sdInputTooltipPipe:tooltip\" matSuffix\r\n        #sdTooltip=\"matTooltip\">info</mat-icon>\r\n    </div>\r\n  </ng-template>\r\n</div>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host ::ng-deep .mat-form-field.sd-form-tooltip{width:calc(100% - 30px)}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd-tooltip{display:inline-block;margin:auto;text-align:center;width:30px}:host{display:block;padding-top:5px}"]
+                styles: [":host ::ng-deep .mat-form-field.sd-form-tooltip{width:calc(100% - 30px)}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd-tooltip{display:inline-block;margin:auto;text-align:center;width:30px}:host{display:block;padding-top:5px}.sd-md:hover .btn-copy{visibility:visible}.btn-copy{background:#e9e9e9!important;font-size:12px;line-height:26px!important;margin-bottom:3px;visibility:hidden}"]
             },] }
 ];
 SdInput.ctorParameters = () => [
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: SdUtilityService }
 ];
 SdInput.propDecorators = {
     name: [{ type: Input }],
@@ -285,7 +302,9 @@ SdInput.propDecorators = {
     keyupEnter: [{ type: Output }],
     control: [{ type: ViewChild, args: ['control',] }],
     sdInputSuffix: [{ type: ContentChild, args: [SdInputSuffixDirective,] }],
-    sdView: [{ type: ContentChild, args: [SdViewDefDirective,] }]
+    sdView: [{ type: ContentChild, args: [SdViewDefDirective,] }],
+    btnCopy: [{ type: ViewChild, args: ['btnCopy', { read: ElementRef },] }],
+    _copyable: [{ type: Input, args: ['copyable',] }]
 };
 
 class SdInputTooltipPipe {
@@ -333,7 +352,8 @@ SdInputModule.decorators = [
                     MatIconModule,
                     MatTooltipModule,
                     SdTranslateModule,
-                    SdCommonModule
+                    SdCommonModule,
+                    MatButtonModule
                 ],
                 declarations: [
                     SdInput,

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-input.js","sources":["../../../../projects/sd-core/input/src/lib/directives/input-suffix.directive.ts","../../../../projects/sd-core/input/src/lib/input.component.ts","../../../../projects/sd-core/input/src/lib/input-tooltip.pipe.ts","../../../../projects/sd-core/input/src/lib/directives/touch.directive.ts","../../../../projects/sd-core/input/src/lib/input.module.ts","../../../../projects/sd-core/input/src/public-api.ts","../../../../projects/sd-core/input/sd-angular-core-input.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdInputSuffix]'\r\n})\r\nexport class SdInputSuffixDirective {\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  ChangeDetectorRef,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ContentChild,\r\n  ChangeDetectionStrategy,\r\n  HostListener\r\n} from '@angular/core';\r\nimport { AbstractControl, NgForm, ValidatorFn, Validators, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { SdInputSuffixDirective } from './directives/input-suffix.directive';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport { SdViewDefDirective } from '@sd-angular/core/common';\r\n@Component({\r\n  selector: 'sd-input',\r\n  templateUrl: './input.component.html',\r\n  styleUrls: ['./input.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdInput implements OnDestroy, OnInit, AfterViewInit {\r\n  id = `I${uuid.v4()}`;\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  @Input() 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() placeholder: string;\r\n  @Input() type: 'text' | 'number' | 'password' | 'email' = 'text';\r\n  disableErrorMessage = false;\r\n  @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n    this.disableErrorMessage = (val === '') || val;\r\n  }\r\n  #blurOnEnter = false;\r\n  @Input('blurOnEnter') set _blurOnEnter(val: boolean | '') {\r\n    this.#blurOnEnter = (val === '') || val;\r\n  }\r\n  #model: any;\r\n  @Input() set model(value: any) {\r\n    if (this.#model !== value) {\r\n      this.#model = value;\r\n      this.formControl.setValue(value, {\r\n        emitEvent: false\r\n      });\r\n    }\r\n  }\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  isReadonly = false;\r\n  @Input() set readonly(val: boolean | '') {\r\n    this.isReadonly = (val === '') || val;\r\n  }\r\n\r\n  minlength: number;\r\n  @Input('minlength') set pMinlength(val: number) {\r\n    this.minlength = +val;\r\n    this.#updateValidator();\r\n  }\r\n  maxlength: number;\r\n  @Input('maxlength') set pMaxlength(val: number) {\r\n    this.maxlength = +val;\r\n    this.#updateValidator();\r\n  }\r\n  #pattern: string;\r\n  @Input() set pattern(val: string) {\r\n    this.#pattern = val;\r\n    this.#updateValidator();\r\n  }\r\n  #validator: (value: any) => string | Promise<string>;\r\n  @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n    this.#validator = validator;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  // Optional\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  @Input() icon = 'search';\r\n  hideIcon = false;\r\n  @Input('hideIcon') set _hideIcon(val: boolean | '') {\r\n    this.hideIcon = (val === '') || val;\r\n    val = (val === '') || val;\r\n  }\r\n  @Output() sdClickIcon = new EventEmitter<any>();\r\n  @Input() tooltip: string | ((inputValue: string) => string);\r\n  @Output() sdChange = new EventEmitter<any>();\r\n  @Output() sdFocus = new EventEmitter<any>();\r\n  @Output() sdFocusForceBlur = new EventEmitter<any>();\r\n  @Output() keyupEnter = new EventEmitter();\r\n\r\n  @ViewChild('control') control: ElementRef;\r\n  @ContentChild(SdInputSuffixDirective) sdInputSuffix: SdInputSuffixDirective;\r\n  formControl = new SdFormControl();\r\n  #subscription = new Subscription();\r\n  @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n  isFocused = false;\r\n  constructor(public 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  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.pipe(debounceTime(200)).subscribe(this.#onChange));\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n    this.ref.detectChanges();\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  reValidate = () => {\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    const asyncValidators: AsyncValidatorFn[] = [];\r\n    if (this.isRequired) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.minlength > 0) {\r\n      validators.push(Validators.minLength(this.minlength));\r\n    }\r\n    if (this.maxlength > 0) {\r\n      validators.push(Validators.maxLength(this.maxlength));\r\n    }\r\n    if (this.#pattern) {\r\n      validators.push(Validators.pattern(this.#pattern));\r\n    }\r\n    if (this.#validator) {\r\n      asyncValidators.push(this.#customValidator(this.#validator));\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.setAsyncValidators(asyncValidators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #onChange = (value: any) => {\r\n    this.modelChange.emit(value);\r\n    this.sdChange.emit(value);\r\n  }\r\n\r\n  onKeyupEnter = () => {\r\n    const val: string = (this.formControl.value ?? '').toString();\r\n    if (val.length > val.trim().length) {\r\n      this.formControl.setValue(val.trim());\r\n    }\r\n    this.keyupEnter.emit(this.formControl.value);\r\n    if(this.#blurOnEnter) {\r\n      this.blur();\r\n    }\r\n  }\r\n\r\n  onClickIcon = (event: Event) => {\r\n    event?.preventDefault();\r\n    event?.stopPropagation();\r\n    this.sdClickIcon.emit(this.formControl.value);\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.isFocused = true;\r\n    this.sdFocus.emit();\r\n    if (this.sdFocusForceBlur.observers?.length > 0) {\r\n      this.blur();\r\n      this.sdFocusForceBlur.emit();\r\n    }\r\n  }\r\n\r\n  onBlur = () => {\r\n    this.isFocused = false;\r\n    const val: string = (this.formControl.value ?? '').toString();\r\n    if (val.length > val.trim().length) {\r\n      this.formControl.setValue(val.trim());\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.isFocused = false;\r\n    this.control?.nativeElement?.blur();\r\n  }\r\n\r\n  focus = () => {\r\n    this.isFocused = true;\r\n    setTimeout(() => {\r\n      this.control?.nativeElement?.focus();\r\n    }, 100);\r\n  }\r\n\r\n  #customValidator = (func: (value: any) => string | Promise<string>): AsyncValidatorFn => {\r\n    return async (c: AbstractControl): Promise<{ [key: string]: any } | null> => {\r\n      const value = c.value || null;\r\n      if (func && typeof (func) === 'function') {\r\n        const result = func(value);\r\n        if (result instanceof Promise) {\r\n          const message = await result;\r\n          if (message) {\r\n            return {\r\n              customValidator: message\r\n            };\r\n          }\r\n          return null;\r\n        }\r\n        if (result) {\r\n          return {\r\n            customValidator: result\r\n          };\r\n        }\r\n        return null;\r\n      }\r\n      return null;\r\n    };\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n  name: 'sdInputTooltipPipe'\r\n})\r\nexport class SdInputTooltipPipe implements PipeTransform {\r\n  transform(value: any, tooltip: string | ((inputValue: string) => string)): string {\r\n    if (typeof (tooltip) === 'string') {\r\n      return tooltip;\r\n    }\r\n    return tooltip(value);\r\n  }\r\n}\r\n","import { ChangeDetectorRef, Directive, Input, OnChanges, SimpleChanges } from \"@angular/core\";\r\n\r\n@Directive({\r\n  selector: '[touch]'\r\n})\r\nexport class TouchDirective implements OnChanges {\r\n  @Input() public touch: any;\r\n  @Input() public ref: ChangeDetectorRef;\r\n\r\n  ngOnChanges(changes: SimpleChanges){\r\n    console.log(changes);\r\n    if(changes.touch){\r\n      this.ref.markForCheck();\r\n    }\r\n  }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { SdInput } from './input.component';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdInputTooltipPipe } from './input-tooltip.pipe';\r\nimport { SdInputSuffixDirective } from './directives/input-suffix.directive';\r\nimport { TouchDirective } from './directives/touch.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    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdInput,\r\n    SdInputTooltipPipe,\r\n    SdInputSuffixDirective,\r\n    TouchDirective\r\n  ],\r\n  exports: [\r\n    SdInput,\r\n    SdInputTooltipPipe,\r\n    SdInputSuffixDirective,\r\n    SdCommonModule\r\n  ]\r\n})\r\nexport class SdInputModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/input.module';\r\nexport * from './lib/input-tooltip.pipe';\r\nexport * from './lib/directives/input-suffix.directive';\r\nexport * from './lib/input.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TouchDirective as ɵa} from './src/lib/directives/touch.directive';"],"names":["uuid.v4"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-input.js","sources":["../../../../projects/sd-core/input/src/lib/directives/input-suffix.directive.ts","../../../../projects/sd-core/input/src/lib/input.component.ts","../../../../projects/sd-core/input/src/lib/input-tooltip.pipe.ts","../../../../projects/sd-core/input/src/lib/directives/touch.directive.ts","../../../../projects/sd-core/input/src/lib/input.module.ts","../../../../projects/sd-core/input/src/public-api.ts","../../../../projects/sd-core/input/sd-angular-core-input.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdInputSuffix]'\r\n})\r\nexport class SdInputSuffixDirective {\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  ChangeDetectorRef,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ContentChild,\r\n  ChangeDetectionStrategy,\r\n  HostListener\r\n} from '@angular/core';\r\nimport { AbstractControl, NgForm, ValidatorFn, Validators, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { SdInputSuffixDirective } from './directives/input-suffix.directive';\r\nimport { SdFormControl } from '@sd-angular/core/common';\r\nimport { SdViewDefDirective } from '@sd-angular/core/common';\r\nimport { SdUtilityService } from '@sd-angular/core/utility';\r\n@Component({\r\n  selector: 'sd-input',\r\n  templateUrl: './input.component.html',\r\n  styleUrls: ['./input.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdInput implements OnDestroy, OnInit, AfterViewInit {\r\n  id = `I${uuid.v4()}`;\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  @Input() 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() placeholder: string;\r\n  @Input() type: 'text' | 'number' | 'password' | 'email' = 'text';\r\n  disableErrorMessage = false;\r\n  @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n    this.disableErrorMessage = (val === '') || val;\r\n  }\r\n  #blurOnEnter = false;\r\n  @Input('blurOnEnter') set _blurOnEnter(val: boolean | '') {\r\n    this.#blurOnEnter = (val === '') || val;\r\n  }\r\n  #model: any;\r\n  @Input() set model(value: any) {\r\n    if (this.#model !== value) {\r\n      this.#model = value;\r\n      this.formControl.setValue(value, {\r\n        emitEvent: false\r\n      });\r\n    }\r\n  }\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  isReadonly = false;\r\n  @Input() set readonly(val: boolean | '') {\r\n    this.isReadonly = (val === '') || val;\r\n  }\r\n\r\n  minlength: number;\r\n  @Input('minlength') set pMinlength(val: number) {\r\n    this.minlength = +val;\r\n    this.#updateValidator();\r\n  }\r\n  maxlength: number;\r\n  @Input('maxlength') set pMaxlength(val: number) {\r\n    this.maxlength = +val;\r\n    this.#updateValidator();\r\n  }\r\n  #pattern: string;\r\n  @Input() set pattern(val: string) {\r\n    this.#pattern = val;\r\n    this.#updateValidator();\r\n  }\r\n  #validator: (value: any) => string | Promise<string>;\r\n  @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n    this.#validator = validator;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  // Optional\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  @Input() icon = 'search';\r\n  hideIcon = false;\r\n  @Input('hideIcon') set _hideIcon(val: boolean | '') {\r\n    this.hideIcon = (val === '') || val;\r\n    val = (val === '') || val;\r\n  }\r\n  @Output() sdClickIcon = new EventEmitter<any>();\r\n  @Input() tooltip: string | ((inputValue: string) => string);\r\n  @Output() sdChange = new EventEmitter<any>();\r\n  @Output() sdFocus = new EventEmitter<any>();\r\n  @Output() sdFocusForceBlur = new EventEmitter<any>();\r\n  @Output() keyupEnter = new EventEmitter();\r\n\r\n  @ViewChild('control') control: ElementRef;\r\n  @ContentChild(SdInputSuffixDirective) sdInputSuffix: SdInputSuffixDirective;\r\n  formControl = new SdFormControl();\r\n  #subscription = new Subscription();\r\n  @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n  isFocused = false;\r\n  @ViewChild('btnCopy', { read: ElementRef }) btnCopy: ElementRef;\r\n  copyable = false;\r\n  @Input('copyable') set _copyable(val: boolean | '') {\r\n    this.copyable = (val === '') || val;\r\n  }\r\n  constructor(\r\n    public ref: ChangeDetectorRef,\r\n    private utilityService: SdUtilityService) {\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  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.pipe(debounceTime(200)).subscribe(this.#onChange));\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n    this.ref.detectChanges();\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  reValidate = () => {\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    const asyncValidators: AsyncValidatorFn[] = [];\r\n    if (this.isRequired) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.minlength > 0) {\r\n      validators.push(Validators.minLength(this.minlength));\r\n    }\r\n    if (this.maxlength > 0) {\r\n      validators.push(Validators.maxLength(this.maxlength));\r\n    }\r\n    if (this.#pattern) {\r\n      validators.push(Validators.pattern(this.#pattern));\r\n    }\r\n    if (this.#validator) {\r\n      asyncValidators.push(this.#customValidator(this.#validator));\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.setAsyncValidators(asyncValidators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #onChange = (value: any) => {\r\n    this.modelChange.emit(value);\r\n    this.sdChange.emit(value);\r\n  }\r\n\r\n  onKeyupEnter = () => {\r\n    const val: string = (this.formControl.value ?? '').toString();\r\n    if (val.length > val.trim().length) {\r\n      this.formControl.setValue(val.trim());\r\n    }\r\n    this.keyupEnter.emit(this.formControl.value);\r\n    if (this.#blurOnEnter) {\r\n      this.blur();\r\n    }\r\n  }\r\n\r\n  onClickIcon = (event: Event) => {\r\n    event?.preventDefault();\r\n    event?.stopPropagation();\r\n    this.sdClickIcon.emit(this.formControl.value);\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.isFocused = true;\r\n    this.sdFocus.emit();\r\n    if (this.sdFocusForceBlur.observers?.length > 0) {\r\n      this.blur();\r\n      this.sdFocusForceBlur.emit();\r\n    }\r\n  }\r\n\r\n  onBlur = () => {\r\n    this.isFocused = false;\r\n    const val: string = (this.formControl.value ?? '').toString();\r\n    if (val.length > val.trim().length) {\r\n      this.formControl.setValue(val.trim());\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.isFocused = false;\r\n    this.control?.nativeElement?.blur();\r\n  }\r\n\r\n  focus = () => {\r\n    this.isFocused = true;\r\n    setTimeout(() => {\r\n      this.control?.nativeElement?.focus();\r\n    }, 100);\r\n  }\r\n\r\n  #customValidator = (func: (value: any) => string | Promise<string>): AsyncValidatorFn => {\r\n    return async (c: AbstractControl): Promise<{ [key: string]: any } | null> => {\r\n      const value = c.value || null;\r\n      if (func && typeof (func) === 'function') {\r\n        const result = func(value);\r\n        if (result instanceof Promise) {\r\n          const message = await result;\r\n          if (message) {\r\n            return {\r\n              customValidator: message\r\n            };\r\n          }\r\n          return null;\r\n        }\r\n        if (result) {\r\n          return {\r\n            customValidator: result\r\n          };\r\n        }\r\n        return null;\r\n      }\r\n      return null;\r\n    };\r\n  }\r\n\r\n  copyText() {\r\n    this.utilityService.copyToClipboard(this.#model);\r\n    this.btnCopy.nativeElement.innerText = 'Copied';\r\n    this.btnCopy.nativeElement.setAttribute('style', 'color: #4caf50;');\r\n    setTimeout(() => {\r\n      this.btnCopy.nativeElement.innerText = 'Copy';\r\n      this.btnCopy.nativeElement.removeAttribute('style');\r\n    }, 2000);\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n  name: 'sdInputTooltipPipe'\r\n})\r\nexport class SdInputTooltipPipe implements PipeTransform {\r\n  transform(value: any, tooltip: string | ((inputValue: string) => string)): string {\r\n    if (typeof (tooltip) === 'string') {\r\n      return tooltip;\r\n    }\r\n    return tooltip(value);\r\n  }\r\n}\r\n","import { ChangeDetectorRef, Directive, Input, OnChanges, SimpleChanges } from \"@angular/core\";\r\n\r\n@Directive({\r\n  selector: '[touch]'\r\n})\r\nexport class TouchDirective implements OnChanges {\r\n  @Input() public touch: any;\r\n  @Input() public ref: ChangeDetectorRef;\r\n\r\n  ngOnChanges(changes: SimpleChanges){\r\n    console.log(changes);\r\n    if(changes.touch){\r\n      this.ref.markForCheck();\r\n    }\r\n  }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { SdInput } from './input.component';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdInputTooltipPipe } from './input-tooltip.pipe';\r\nimport { SdInputSuffixDirective } from './directives/input-suffix.directive';\r\nimport { TouchDirective } from './directives/touch.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { MatButtonModule } from '@angular/material/button';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    SdTranslateModule,\r\n    SdCommonModule,\r\n    MatButtonModule\r\n  ],\r\n  declarations: [\r\n    SdInput,\r\n    SdInputTooltipPipe,\r\n    SdInputSuffixDirective,\r\n    TouchDirective\r\n  ],\r\n  exports: [\r\n    SdInput,\r\n    SdInputTooltipPipe,\r\n    SdInputSuffixDirective,\r\n    SdCommonModule\r\n  ]\r\n})\r\nexport class SdInputModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/input.module';\r\nexport * from './lib/input-tooltip.pipe';\r\nexport * from './lib/directives/input-suffix.directive';\r\nexport * from './lib/input.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TouchDirective as ɵa} from './src/lib/directives/touch.directive';"],"names":["uuid.v4"],"mappings":"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"}

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

@@ -11,7 +11,8 @@ import { SdButtonModule } from '@sd-angular/core/button';
 import { __classPrivateFieldGet } from 'tslib';
 import '@sd-angular/core/common';
 import { SdTranslateService } from '@sd-angular/core/translate';
-import { takeUntil } from 'rxjs/operators';
+import { take, takeUntil } from 'rxjs/operators';
+import { timer } from 'rxjs';
 import { v4 } from 'uuid';
 
 class DialogConfirmComponent {
@@ -36,14 +37,15 @@ DialogConfirmComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
 ];
 
-var _delayDuration, _cache, _buildToastMultiMesssage;
-let notifyId = 0;
+var _delayDuration, _warningKey, _errorKey, _cache, _notifyWarning, _notifyError, _buildToastMultiMesssage;
 class SdNotifyService {
     constructor(dialog, toastr, translateService) {
         this.dialog = dialog;
         this.toastr = toastr;
         this.translateService = translateService;
         _delayDuration.set(this, 500); // Các error/warning message sẽ tự động gộp sau khoảng thời gian trên
+        _warningKey.set(this, v4());
+        _errorKey.set(this, v4());
         _cache.set(this, {});
         this.alert = {
             info: (message, title, yesTitle, icon) => {
@@ -106,42 +108,82 @@ class SdNotifyService {
                 });
             },
             warning: (message, delay, title) => {
-                // tslint:disable-next-line: max-line-length
-                // const style = `border-radius: 5px; margin: 0; padding: 12px; z-index: 99999; top: 5px; right: 5px; display: none; position: fixed;color: #9F6000; background-color: #FEEFB3`;
-                // tslint:disable-next-line: max-line-length
-                // const html = `<div id="${this.notifyId}" style="${style}"><i class="fa fa-exclamation-triangle"></i> ${message || this.translate('Warning')}</div>`;
-                // this.showNotify(html, delay);
+                if (!__classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _warningKey)] || Date.addMiliseconds(__classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _warningKey)].createdDate, __classPrivateFieldGet(this, _delayDuration)) < new Date()) {
+                    __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _warningKey)] = {
+                        createdDate: new Date(),
+                        data: {
+                            title: title,
+                            messages: [],
+                        }
+                    };
+                    timer(__classPrivateFieldGet(this, _delayDuration)).pipe(take(1)).subscribe(() => {
+                        __classPrivateFieldGet(this, _notifyWarning).call(this, {
+                            title: __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _warningKey)].data.title,
+                            message: __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _warningKey)].data.messages,
+                            delay: delay
+                        });
+                    });
+                }
                 if (Array.isArray(message)) {
-                    __classPrivateFieldGet(this, _buildToastMultiMesssage).call(this, 'warning', message, delay, title);
+                    __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _warningKey)].data.messages = [...__classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _warningKey)].data.messages, ...message];
                 }
                 else {
-                    const content = message || this.translate("Warning");
-                    this.toastr.warning(content, title, {
-                        enableHtml: true,
-                        timeOut: delay || 3000,
-                        closeButton: true,
-                    });
+                    __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _warningKey)].data.messages.push(message);
                 }
             },
             error: (message, delay, title) => {
-                // tslint:disable-next-line: max-line-length
-                // const style = `border-radius: 5px; margin: 0; padding: 12px; z-index: 99999; top: 5px; right: 5px; display: none; position: fixed;color: #D8000C; background-color: #FFD2D2`;
-                // tslint:disable-next-line: max-line-length
-                // const html = `<div id="${this.notifyId}" style="${style}"><i class="fa fa-times"></i> ${message || this.translate('Error')}</div>`;
-                // this.showNotify(html, delay);
+                if (!__classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _errorKey)] || Date.addMiliseconds(__classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _errorKey)].createdDate, __classPrivateFieldGet(this, _delayDuration)) < new Date()) {
+                    __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _errorKey)] = {
+                        createdDate: new Date(),
+                        data: {
+                            title: title,
+                            messages: [],
+                        }
+                    };
+                    timer(__classPrivateFieldGet(this, _delayDuration)).pipe(take(1)).subscribe(() => {
+                        __classPrivateFieldGet(this, _notifyError).call(this, {
+                            title: __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _errorKey)].data.title,
+                            message: __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _errorKey)].data.messages,
+                            delay: delay
+                        });
+                    });
+                }
                 if (Array.isArray(message)) {
-                    __classPrivateFieldGet(this, _buildToastMultiMesssage).call(this, 'error', message, delay, title);
+                    __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _errorKey)].data.messages = [...__classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _errorKey)].data.messages, ...message];
                 }
                 else {
-                    const content = message || this.translate("Error");
-                    this.toastr.error(content, title, {
-                        enableHtml: true,
-                        timeOut: delay || 3000,
-                        closeButton: true,
-                    });
+                    __classPrivateFieldGet(this, _cache)[__classPrivateFieldGet(this, _errorKey)].data.messages.push(message);
                 }
             },
         };
+        _notifyWarning.set(this, (args) => {
+            const { message, delay, title } = args;
+            if (Array.isArray(message)) {
+                __classPrivateFieldGet(this, _buildToastMultiMesssage).call(this, 'warning', message, delay, title);
+            }
+            else {
+                const content = message || this.translate('Warning');
+                this.toastr.warning(content, title, {
+                    enableHtml: true,
+                    timeOut: delay || 3000,
+                    closeButton: true,
+                });
+            }
+        });
+        _notifyError.set(this, (args) => {
+            const { message, delay, title } = args;
+            if (Array.isArray(message)) {
+                __classPrivateFieldGet(this, _buildToastMultiMesssage).call(this, 'error', message, delay, title);
+            }
+            else {
+                const content = message || this.translate('Error');
+                this.toastr.error(content, title, {
+                    enableHtml: true,
+                    timeOut: delay || 3000,
+                    closeButton: true,
+                });
+            }
+        });
         _buildToastMultiMesssage.set(this, (type, messages, delay, title) => {
             /** số lượng item hiển thị mặc định */
             const showNum = 2;
@@ -283,7 +325,7 @@ class SdNotifyService {
         };
     }
 }
-_delayDuration = new WeakMap(), _cache = new WeakMap(), _buildToastMultiMesssage = new WeakMap();
+_delayDuration = new WeakMap(), _warningKey = new WeakMap(), _errorKey = new WeakMap(), _cache = new WeakMap(), _notifyWarning = new WeakMap(), _notifyError = new WeakMap(), _buildToastMultiMesssage = new WeakMap();
 SdNotifyService.decorators = [
     { type: Injectable }
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-notify.js","sources":["../../../../projects/sd-core/notify/src/lib/components/dialog-confirm/dialog-confirm.component.ts","../../../../projects/sd-core/notify/src/lib/notify.service.ts","../../../../projects/sd-core/notify/src/lib/notify.module.ts","../../../../projects/sd-core/notify/src/public-api.ts","../../../../projects/sd-core/notify/sd-angular-core-notify.ts"],"sourcesContent":["import { Component, Inject } from \"@angular/core\";\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\n\r\nexport interface DialogData {\r\n  icon?: string;\r\n  title?: string;\r\n  message?: string;\r\n  yesTitle?: string;\r\n  noTitle?: string;\r\n  yesButtonColor?: string;\r\n  noButtonColor?: string;\r\n  input?: {\r\n    placeholder?: string;\r\n    minlength?: number;\r\n    maxlength?: number;\r\n    required?: boolean;\r\n    defaultValue?: string;\r\n  };\r\n}\r\n\r\n@Component({\r\n  selector: \"sd-dialog-confirm\",\r\n  templateUrl: \"dialog-confirm.component.html\",\r\n  styleUrls: [\"./dialog-confirm.component.css\"],\r\n})\r\nexport class DialogConfirmComponent {\r\n  value: string;\r\n  isString = false;\r\n  constructor(\r\n    public dialogRef: MatDialogRef<DialogConfirmComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData\r\n  ) {\r\n    this.isString = typeof this.data?.message === \"string\";\r\n    this.value = data?.input?.defaultValue ?? '';\r\n  }\r\n}\r\n","import \"@sd-angular/core/common\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { DialogConfirmComponent } from \"./components/dialog-confirm/dialog-confirm.component\";\r\nimport { ActiveToast, ToastrService } from \"ngx-toastr\";\r\nimport { SdTranslateService } from \"@sd-angular/core/translate\";\r\nimport { takeUntil } from \"rxjs/operators\";\r\nimport { Subject } from \"rxjs\";\r\nimport * as uuid from 'uuid';\r\n\r\nlet notifyId = 0;\r\n\r\n@Injectable()\r\nexport class SdNotifyService {\r\n  #delayDuration = 500; // Các error/warning message sẽ tự động gộp sau khoảng thời gian trên\r\n  #cache: {\r\n    [key: string]: {\r\n      createdDate: Date;\r\n      subject: Subject<any>;\r\n      response?: {\r\n        status?: 'success' | 'error';\r\n        result: any,\r\n      }\r\n    }\r\n  } = {};\r\n  constructor(\r\n    private dialog: MatDialog,\r\n    private toastr: ToastrService,\r\n    private translateService: SdTranslateService\r\n  ) {}\r\n\r\n  alert = {\r\n    info: (\r\n      message?: string,\r\n      title?: string,\r\n      yesTitle?: string,\r\n      icon?: string\r\n    ) => {\r\n      this.dialog.open(DialogConfirmComponent, {\r\n        width: \"400px\",\r\n        data: {\r\n          icon: icon || \"info\",\r\n          title: title || this.translate(\"Notice\"),\r\n          message: message || \"Done!\",\r\n          yesTitle: yesTitle || this.translate(\"Ok\"),\r\n        },\r\n      });\r\n    },\r\n    success: (\r\n      message?: string,\r\n      title?: string,\r\n      yesTitle?: string,\r\n      icon?: string\r\n    ) => {\r\n      this.dialog.open(DialogConfirmComponent, {\r\n        width: \"400px\",\r\n        data: {\r\n          icon: icon || \"done\",\r\n          title: title || this.translate(\"Success\"),\r\n          message: message || \"Done!\",\r\n          yesTitle: yesTitle || this.translate(\"Ok\"),\r\n        },\r\n      });\r\n    },\r\n    warning: (\r\n      message?: string,\r\n      title?: string,\r\n      yesTitle?: string,\r\n      icon?: string\r\n    ) => {\r\n      this.dialog.open(DialogConfirmComponent, {\r\n        width: \"400px\",\r\n        data: {\r\n          icon: icon || \"warning\",\r\n          title: title || this.translate(\"Warning\"),\r\n          message: message || \"Something went wrong!\",\r\n          yesTitle: yesTitle || this.translate(\"Ok\"),\r\n        },\r\n      });\r\n    },\r\n    error: (\r\n      message?: string,\r\n      title?: string,\r\n      yesTitle?: string,\r\n      icon?: string\r\n    ) => {\r\n      this.dialog.open(DialogConfirmComponent, {\r\n        width: \"400px\",\r\n        data: {\r\n          icon: icon || \"error\",\r\n          title: title || this.translate(\"Error\"),\r\n          message: message || \"Something went wrong!\",\r\n          yesTitle: yesTitle || this.translate(\"Ok\"),\r\n        },\r\n      });\r\n    },\r\n  };\r\n\r\n  notify = {\r\n    success: (message?: string, delay?: number, title?: string) => {\r\n      // tslint:disable-next-line: max-line-length\r\n      // const style = `border-radius: 5px; margin: 0; padding: 12px; z-index: 99999; top: 5px; right: 5px; display: none; position: fixed;color: #4F8A10; background-color: #DFF2BF`;\r\n      // tslint:disable-next-line: max-line-length\r\n      // const html = `<div id=\"${this.notifyId}\" style=\"${style}\"><i class=\"fa fa-check\"></i> ${message || this.translate('Success')}</div>`;\r\n      // this.showNotify(html, delay);\r\n      const content = message || this.translate(\"Success\");\r\n      this.toastr.success(content, title, {\r\n        enableHtml: true,\r\n        timeOut: delay || 3000,\r\n        closeButton: true,\r\n      });\r\n    },\r\n    warning: (message?: string | string[], delay?: number, title?: string) => {\r\n      // tslint:disable-next-line: max-line-length\r\n      // const style = `border-radius: 5px; margin: 0; padding: 12px; z-index: 99999; top: 5px; right: 5px; display: none; position: fixed;color: #9F6000; background-color: #FEEFB3`;\r\n      // tslint:disable-next-line: max-line-length\r\n      // const html = `<div id=\"${this.notifyId}\" style=\"${style}\"><i class=\"fa fa-exclamation-triangle\"></i> ${message || this.translate('Warning')}</div>`;\r\n      // this.showNotify(html, delay);\r\n      if (Array.isArray(message)){\r\n        this.#buildToastMultiMesssage('warning', message, delay, title);\r\n      }\r\n      else {\r\n        const content = message || this.translate(\"Warning\");\r\n        this.toastr.warning(content, title, {\r\n          enableHtml: true,\r\n          timeOut: delay || 3000,\r\n          closeButton: true,\r\n        });\r\n      }\r\n    },\r\n    error: (message?: string | string[], delay?: number, title?: string) => {\r\n      // tslint:disable-next-line: max-line-length\r\n      // const style = `border-radius: 5px; margin: 0; padding: 12px; z-index: 99999; top: 5px; right: 5px; display: none; position: fixed;color: #D8000C; background-color: #FFD2D2`;\r\n      // tslint:disable-next-line: max-line-length\r\n      // const html = `<div id=\"${this.notifyId}\" style=\"${style}\"><i class=\"fa fa-times\"></i> ${message || this.translate('Error')}</div>`;\r\n      // this.showNotify(html, delay);\r\n      if (Array.isArray(message)){\r\n        this.#buildToastMultiMesssage('error', message, delay, title);\r\n      }\r\n      else {\r\n        const content = message || this.translate(\"Error\");\r\n        this.toastr.error(content, title, {\r\n          enableHtml: true,\r\n          timeOut: delay || 3000,\r\n          closeButton: true,\r\n        });\r\n      }\r\n    },\r\n  };\r\n\r\n  #buildToastMultiMesssage = (type: 'warning' | 'error', messages: string[], delay?: number, title?: string) => {\r\n    /** số lượng item hiển thị mặc định */\r\n    const showNum = 2;\r\n    const id = `sd-notify-ckb-${uuid.v4()}`;\r\n    const messageLength = messages.length;\r\n    const messageRests = messages.splice(showNum);\r\n    const messageContainer = `<ul class=\"sd-notify__list\">{0}{1}</ul>`;\r\n    const messageTemp = `<li class=\"sd-notify__item\">- {0}</li>`;\r\n    let contentRest = '';\r\n    if (messageRests?.length) {\r\n      contentRest = `<input id=\"${id}\" class=\"cdk-visually-hidden sd-notify__checkbox\" type=\"checkbox\" />\r\n      <label class=\"sd-notify__text sd-notify__text--show text-secondary\" for=\"${id}\">${this.translate('Show more')}</label>\r\n      <div class=\"sd-notify__item--rest\">\r\n        ${messageRests.map(m => String.format(messageTemp, m)).join('')}\r\n      </div>\r\n      <label class=\"sd-notify__text sd-notify__text--less text-secondary\" for=\"${id}\">${this.translate('Show less')}</label>`;\r\n    }\r\n    const content = String.format(messageContainer, messages.map(m => String.format(messageTemp, m)).join(''), contentRest);\r\n    let toast: ActiveToast<any>;\r\n    // khi truyền message html sẽ bị sanitize nên phải truyền innerHTML khi toast hiện lên\r\n    // @see https://github.com/scttcper/ngx-toastr/blob/v12.1.0/src/lib/toastr/toastr.service.ts#L271\r\n    switch (type) {\r\n      case 'error':\r\n        toast = this.toastr.error(content, `${title || this.translate('Error')} (${messageLength})`, {\r\n          enableHtml: true,\r\n          timeOut: delay || 3000,\r\n          messageClass: `toast-message toast-message-${id}`,\r\n          closeButton: true,\r\n          tapToDismiss: false\r\n        });\r\n        break;\r\n      case 'warning':\r\n        toast = this.toastr.warning(content, `${title || this.translate('Warning')} (${messageLength})`, {\r\n          enableHtml: true,\r\n          timeOut: delay || 3000,\r\n          messageClass: `toast-message toast-message-${id}`,\r\n          closeButton: true,\r\n          tapToDismiss: false\r\n        });\r\n        break;\r\n    }\r\n    \r\n    if (toast) {\r\n      toast.onShown\r\n        .pipe(\r\n          takeUntil(toast.onHidden)\r\n        )\r\n        .subscribe(() => {\r\n          const messageEle: HTMLDivElement = document.querySelector(`.toast-message-${id}`);\r\n          messageEle.innerHTML = content;\r\n        })\r\n    }\r\n  }\r\n\r\n  handle = {\r\n    error: (err: any) => {\r\n      if (typeof err === \"string\") {\r\n        this.notify.warning(err);\r\n      } else if (typeof err === \"object\") {\r\n        let message =\r\n          err?.error ||\r\n          err?.message ||\r\n          err?.ExceptionMessage ||\r\n          err?.Message ||\r\n          \"Unknown error\";\r\n        if (typeof err.json === \"function\") {\r\n          err = err.json();\r\n          if (err) {\r\n            message =\r\n              err?.error ||\r\n              err?.message ||\r\n              err?.ExceptionMessage ||\r\n              err?.Message ||\r\n              \"Unknown error\";\r\n          }\r\n        }\r\n        this.notify.warning(message);\r\n      } else {\r\n        this.notify.warning(\"Unknown error\");\r\n      }\r\n    },\r\n  };\r\n\r\n  confirm = (\r\n    message: string,\r\n    option: {\r\n      title?: string;\r\n      yesTitle?: string;\r\n      noTitle?: string;\r\n      yesButtonColor?: string;\r\n      noButtonColor?: string;\r\n    } = {}\r\n  ) => {\r\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\r\n      width: \"400px\",\r\n      data: {\r\n        title: option?.title || this.translate(\"Confirm\"),\r\n        message,\r\n        yesTitle: option?.yesTitle || this.translate(\"Yes\"),\r\n        noTitle: option?.noTitle || this.translate(\"No\"),\r\n        noButtonColor: option?.noButtonColor || \"secondary\",\r\n        yesButtonColor: option?.yesButtonColor || \"primary\",\r\n      },\r\n    });\r\n    return new Promise((resolve, reject) => {\r\n      dialogRef.afterClosed().subscribe((result) => {\r\n        if (result) {\r\n          if (result === \"ACCEPT\") {\r\n            resolve(null);\r\n          } else if (result === \"CANCEL\") {\r\n            reject(result);\r\n          } else {\r\n            resolve(null);\r\n          }\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  confirmDelete = () => this.confirm(this.translate(\"Delete record(s)\"));\r\n\r\n  confirmApprove = () => this.confirm(this.translate(\"Approve record(s)\"));\r\n\r\n  confirmWithInput = (\r\n    title: string,\r\n    option: {\r\n      message?: string;\r\n      yesTitle?: string;\r\n      noTitle?: string;\r\n      required?: boolean;\r\n      maxlength?: number;\r\n      yesButtonColor?: string;\r\n      noButtonColor?: string;\r\n      defaultValue?: string;\r\n    } = {}\r\n  ): Promise<string> => {\r\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\r\n      width: \"400px\",\r\n      data: {\r\n        title: title || this.translate(\"Confirm\"),\r\n        message: option?.message,\r\n        yesTitle: option?.yesTitle || this.translate(\"Yes\"),\r\n        noTitle: option?.noTitle || this.translate(\"No\"),\r\n        noButtonColor: option?.noButtonColor || \"secondary\",\r\n        yesButtonColor: option?.yesButtonColor || \"primary\",\r\n        input: {\r\n          maxlength: option?.maxlength || 255,\r\n          required: option?.required,\r\n          defaultValue: option?.defaultValue || ''\r\n        },\r\n      },\r\n    });\r\n    return new Promise((resolve, reject) => {\r\n      dialogRef.afterClosed().subscribe((result) => {\r\n        if (result) {\r\n          if (result === \"ACCEPT\") {\r\n            resolve(result);\r\n          } else if (result === \"CANCEL\") {\r\n            reject(result);\r\n          } else {\r\n            resolve(result);\r\n          }\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  private translate = (value: string): string => {\r\n    return this.translateService.translate(value);\r\n  };\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MatDialogModule } from \"@angular/material/dialog\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\nimport { MatButtonModule } from \"@angular/material/button\";\r\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\r\nimport { MatInputModule } from \"@angular/material/input\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { ToastrService, ToastrModule } from \"ngx-toastr\";\r\nimport { SdButtonModule } from \"@sd-angular/core/button\";\r\n\r\nimport { SdNotifyService } from \"./notify.service\";\r\nimport { DialogConfirmComponent } from \"./components/dialog-confirm/dialog-confirm.component\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    ToastrModule.forRoot(),\r\n\r\n    SdButtonModule,\r\n  ],\r\n  declarations: [DialogConfirmComponent],\r\n  entryComponents: [DialogConfirmComponent],\r\n  exports: [],\r\n  providers: [SdNotifyService],\r\n})\r\nexport class SdNotifyModule {}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdNotifyModule } from './lib/notify.module';\r\nexport * from './lib/notify.service';\r\nexport * from './lib/components/dialog-confirm/dialog-confirm.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-notify.js","sources":["../../../../projects/sd-core/notify/src/lib/components/dialog-confirm/dialog-confirm.component.ts","../../../../projects/sd-core/notify/src/lib/notify.service.ts","../../../../projects/sd-core/notify/src/lib/notify.module.ts","../../../../projects/sd-core/notify/src/public-api.ts","../../../../projects/sd-core/notify/sd-angular-core-notify.ts"],"sourcesContent":["import { Component, Inject } from \"@angular/core\";\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\n\r\nexport interface DialogData {\r\n  icon?: string;\r\n  title?: string;\r\n  message?: string;\r\n  yesTitle?: string;\r\n  noTitle?: string;\r\n  yesButtonColor?: string;\r\n  noButtonColor?: string;\r\n  input?: {\r\n    placeholder?: string;\r\n    minlength?: number;\r\n    maxlength?: number;\r\n    required?: boolean;\r\n    defaultValue?: string;\r\n  };\r\n}\r\n\r\n@Component({\r\n  selector: \"sd-dialog-confirm\",\r\n  templateUrl: \"dialog-confirm.component.html\",\r\n  styleUrls: [\"./dialog-confirm.component.css\"],\r\n})\r\nexport class DialogConfirmComponent {\r\n  value: string;\r\n  isString = false;\r\n  constructor(\r\n    public dialogRef: MatDialogRef<DialogConfirmComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: DialogData\r\n  ) {\r\n    this.isString = typeof this.data?.message === \"string\";\r\n    this.value = data?.input?.defaultValue ?? '';\r\n  }\r\n}\r\n","import \"@sd-angular/core/common\";\r\nimport { Injectable } from \"@angular/core\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { DialogConfirmComponent } from \"./components/dialog-confirm/dialog-confirm.component\";\r\nimport { ActiveToast, ToastrService } from \"ngx-toastr\";\r\nimport { SdTranslateService } from \"@sd-angular/core/translate\";\r\nimport { debounceTime, take, takeUntil } from \"rxjs/operators\";\r\nimport { Subject, timer } from \"rxjs\";\r\nimport * as uuid from 'uuid';\r\n\r\n@Injectable()\r\nexport class SdNotifyService {\r\n  #delayDuration = 500; // Các error/warning message sẽ tự động gộp sau khoảng thời gian trên\r\n  #warningKey = uuid.v4();\r\n  #errorKey = uuid.v4();\r\n  #cache: {\r\n    [key: string]: {\r\n      createdDate: Date;\r\n      data?: {\r\n        title: string,\r\n        messages: string[]\r\n      }\r\n    }\r\n  } = {};\r\n  constructor(\r\n    private dialog: MatDialog,\r\n    private toastr: ToastrService,\r\n    private translateService: SdTranslateService\r\n  ) { }\r\n\r\n  alert = {\r\n    info: (\r\n      message?: string,\r\n      title?: string,\r\n      yesTitle?: string,\r\n      icon?: string\r\n    ) => {\r\n      this.dialog.open(DialogConfirmComponent, {\r\n        width: \"400px\",\r\n        data: {\r\n          icon: icon || \"info\",\r\n          title: title || this.translate(\"Notice\"),\r\n          message: message || \"Done!\",\r\n          yesTitle: yesTitle || this.translate(\"Ok\"),\r\n        },\r\n      });\r\n    },\r\n    success: (\r\n      message?: string,\r\n      title?: string,\r\n      yesTitle?: string,\r\n      icon?: string\r\n    ) => {\r\n      this.dialog.open(DialogConfirmComponent, {\r\n        width: \"400px\",\r\n        data: {\r\n          icon: icon || \"done\",\r\n          title: title || this.translate(\"Success\"),\r\n          message: message || \"Done!\",\r\n          yesTitle: yesTitle || this.translate(\"Ok\"),\r\n        },\r\n      });\r\n    },\r\n    warning: (\r\n      message?: string,\r\n      title?: string,\r\n      yesTitle?: string,\r\n      icon?: string\r\n    ) => {\r\n      this.dialog.open(DialogConfirmComponent, {\r\n        width: \"400px\",\r\n        data: {\r\n          icon: icon || \"warning\",\r\n          title: title || this.translate(\"Warning\"),\r\n          message: message || \"Something went wrong!\",\r\n          yesTitle: yesTitle || this.translate(\"Ok\"),\r\n        },\r\n      });\r\n    },\r\n    error: (\r\n      message?: string,\r\n      title?: string,\r\n      yesTitle?: string,\r\n      icon?: string\r\n    ) => {\r\n      this.dialog.open(DialogConfirmComponent, {\r\n        width: \"400px\",\r\n        data: {\r\n          icon: icon || \"error\",\r\n          title: title || this.translate(\"Error\"),\r\n          message: message || \"Something went wrong!\",\r\n          yesTitle: yesTitle || this.translate(\"Ok\"),\r\n        },\r\n      });\r\n    },\r\n  };\r\n\r\n  notify = {\r\n    success: (message?: string, delay?: number, title?: string) => {\r\n      // tslint:disable-next-line: max-line-length\r\n      // const style = `border-radius: 5px; margin: 0; padding: 12px; z-index: 99999; top: 5px; right: 5px; display: none; position: fixed;color: #4F8A10; background-color: #DFF2BF`;\r\n      // tslint:disable-next-line: max-line-length\r\n      // const html = `<div id=\"${this.notifyId}\" style=\"${style}\"><i class=\"fa fa-check\"></i> ${message || this.translate('Success')}</div>`;\r\n      // this.showNotify(html, delay);\r\n      const content = message || this.translate(\"Success\");\r\n      this.toastr.success(content, title, {\r\n        enableHtml: true,\r\n        timeOut: delay || 3000,\r\n        closeButton: true,\r\n      });\r\n    },\r\n    warning: (message?: string | string[], delay?: number, title?: string) => {\r\n      if (!this.#cache[this.#warningKey] || Date.addMiliseconds(this.#cache[this.#warningKey].createdDate, this.#delayDuration) < new Date()) {\r\n        this.#cache[this.#warningKey] = {\r\n          createdDate: new Date(),\r\n          data: {\r\n            title: title,\r\n            messages: [],\r\n          }\r\n        };\r\n        timer(this.#delayDuration).pipe(take(1)).subscribe(() => {\r\n          this.#notifyWarning({\r\n            title: this.#cache[this.#warningKey].data.title,\r\n            message: this.#cache[this.#warningKey].data.messages,\r\n            delay: delay\r\n          })\r\n        });\r\n      }\r\n      if (Array.isArray(message)) {\r\n        this.#cache[this.#warningKey].data.messages = [...this.#cache[this.#warningKey].data.messages, ...message];\r\n      } else {\r\n        this.#cache[this.#warningKey].data.messages.push(message);\r\n      }\r\n    },\r\n    error: (message?: string | string[], delay?: number, title?: string) => {\r\n      if (!this.#cache[this.#errorKey] || Date.addMiliseconds(this.#cache[this.#errorKey].createdDate, this.#delayDuration) < new Date()) {\r\n        this.#cache[this.#errorKey] = {\r\n          createdDate: new Date(),\r\n          data: {\r\n            title: title,\r\n            messages: [],\r\n          }\r\n        };\r\n        timer(this.#delayDuration).pipe(take(1)).subscribe(() => {\r\n          this.#notifyError({\r\n            title: this.#cache[this.#errorKey].data.title,\r\n            message: this.#cache[this.#errorKey].data.messages,\r\n            delay: delay\r\n          })\r\n        });\r\n      }\r\n      if (Array.isArray(message)) {\r\n        this.#cache[this.#errorKey].data.messages = [...this.#cache[this.#errorKey].data.messages, ...message];\r\n      } else {\r\n        this.#cache[this.#errorKey].data.messages.push(message);\r\n      }\r\n    },\r\n  };\r\n\r\n  #notifyWarning = (args: {\r\n    message?: string | string[],\r\n    delay?: number,\r\n    title?: string\r\n  }) => {\r\n    const { message, delay, title } = args;\r\n    if (Array.isArray(message)) {\r\n      this.#buildToastMultiMesssage('warning', message, delay, title);\r\n    }\r\n    else {\r\n      const content = message || this.translate('Warning');\r\n      this.toastr.warning(content, title, {\r\n        enableHtml: true,\r\n        timeOut: delay || 3000,\r\n        closeButton: true,\r\n      });\r\n    }\r\n  }\r\n\r\n  #notifyError = (args: {\r\n    message?: string | string[],\r\n    delay?: number,\r\n    title?: string\r\n  }) => {\r\n    const { message, delay, title } = args;\r\n    if (Array.isArray(message)) {\r\n      this.#buildToastMultiMesssage('error', message, delay, title);\r\n    }\r\n    else {\r\n      const content = message || this.translate('Error');\r\n      this.toastr.error(content, title, {\r\n        enableHtml: true,\r\n        timeOut: delay || 3000,\r\n        closeButton: true,\r\n      });\r\n    }\r\n  }\r\n\r\n  #buildToastMultiMesssage = (type: 'warning' | 'error', messages: string[], delay?: number, title?: string) => {\r\n    /** số lượng item hiển thị mặc định */\r\n    const showNum = 2;\r\n    const id = `sd-notify-ckb-${uuid.v4()}`;\r\n    const messageLength = messages.length;\r\n    const messageRests = messages.splice(showNum);\r\n    const messageContainer = `<ul class=\"sd-notify__list\">{0}{1}</ul>`;\r\n    const messageTemp = `<li class=\"sd-notify__item\">- {0}</li>`;\r\n    let contentRest = '';\r\n    if (messageRests?.length) {\r\n      contentRest = `<input id=\"${id}\" class=\"cdk-visually-hidden sd-notify__checkbox\" type=\"checkbox\" />\r\n      <label class=\"sd-notify__text sd-notify__text--show text-secondary\" for=\"${id}\">${this.translate('Show more')}</label>\r\n      <div class=\"sd-notify__item--rest\">\r\n        ${messageRests.map(m => String.format(messageTemp, m)).join('')}\r\n      </div>\r\n      <label class=\"sd-notify__text sd-notify__text--less text-secondary\" for=\"${id}\">${this.translate('Show less')}</label>`;\r\n    }\r\n    const content = String.format(messageContainer, messages.map(m => String.format(messageTemp, m)).join(''), contentRest);\r\n    let toast: ActiveToast<any>;\r\n    // khi truyền message html sẽ bị sanitize nên phải truyền innerHTML khi toast hiện lên\r\n    // @see https://github.com/scttcper/ngx-toastr/blob/v12.1.0/src/lib/toastr/toastr.service.ts#L271\r\n    switch (type) {\r\n      case 'error':\r\n        toast = this.toastr.error(content, `${title || this.translate('Error')} (${messageLength})`, {\r\n          enableHtml: true,\r\n          timeOut: delay || 3000,\r\n          messageClass: `toast-message toast-message-${id}`,\r\n          closeButton: true,\r\n          tapToDismiss: false\r\n        });\r\n        break;\r\n      case 'warning':\r\n        toast = this.toastr.warning(content, `${title || this.translate('Warning')} (${messageLength})`, {\r\n          enableHtml: true,\r\n          timeOut: delay || 3000,\r\n          messageClass: `toast-message toast-message-${id}`,\r\n          closeButton: true,\r\n          tapToDismiss: false\r\n        });\r\n        break;\r\n    }\r\n\r\n    if (toast) {\r\n      toast.onShown\r\n        .pipe(\r\n          takeUntil(toast.onHidden)\r\n        )\r\n        .subscribe(() => {\r\n          const messageEle: HTMLDivElement = document.querySelector(`.toast-message-${id}`);\r\n          messageEle.innerHTML = content;\r\n        })\r\n    }\r\n  }\r\n\r\n  handle = {\r\n    error: (err: any) => {\r\n      if (typeof err === \"string\") {\r\n        this.notify.warning(err);\r\n      } else if (typeof err === \"object\") {\r\n        let message =\r\n          err?.error ||\r\n          err?.message ||\r\n          err?.ExceptionMessage ||\r\n          err?.Message ||\r\n          \"Unknown error\";\r\n        if (typeof err.json === \"function\") {\r\n          err = err.json();\r\n          if (err) {\r\n            message =\r\n              err?.error ||\r\n              err?.message ||\r\n              err?.ExceptionMessage ||\r\n              err?.Message ||\r\n              \"Unknown error\";\r\n          }\r\n        }\r\n        this.notify.warning(message);\r\n      } else {\r\n        this.notify.warning(\"Unknown error\");\r\n      }\r\n    },\r\n  };\r\n\r\n  confirm = (\r\n    message: string,\r\n    option: {\r\n      title?: string;\r\n      yesTitle?: string;\r\n      noTitle?: string;\r\n      yesButtonColor?: string;\r\n      noButtonColor?: string;\r\n    } = {}\r\n  ) => {\r\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\r\n      width: \"400px\",\r\n      data: {\r\n        title: option?.title || this.translate(\"Confirm\"),\r\n        message,\r\n        yesTitle: option?.yesTitle || this.translate(\"Yes\"),\r\n        noTitle: option?.noTitle || this.translate(\"No\"),\r\n        noButtonColor: option?.noButtonColor || \"secondary\",\r\n        yesButtonColor: option?.yesButtonColor || \"primary\",\r\n      },\r\n    });\r\n    return new Promise((resolve, reject) => {\r\n      dialogRef.afterClosed().subscribe((result) => {\r\n        if (result) {\r\n          if (result === \"ACCEPT\") {\r\n            resolve(null);\r\n          } else if (result === \"CANCEL\") {\r\n            reject(result);\r\n          } else {\r\n            resolve(null);\r\n          }\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  confirmDelete = () => this.confirm(this.translate(\"Delete record(s)\"));\r\n\r\n  confirmApprove = () => this.confirm(this.translate(\"Approve record(s)\"));\r\n\r\n  confirmWithInput = (\r\n    title: string,\r\n    option: {\r\n      message?: string;\r\n      yesTitle?: string;\r\n      noTitle?: string;\r\n      required?: boolean;\r\n      maxlength?: number;\r\n      yesButtonColor?: string;\r\n      noButtonColor?: string;\r\n      defaultValue?: string;\r\n    } = {}\r\n  ): Promise<string> => {\r\n    const dialogRef = this.dialog.open(DialogConfirmComponent, {\r\n      width: \"400px\",\r\n      data: {\r\n        title: title || this.translate(\"Confirm\"),\r\n        message: option?.message,\r\n        yesTitle: option?.yesTitle || this.translate(\"Yes\"),\r\n        noTitle: option?.noTitle || this.translate(\"No\"),\r\n        noButtonColor: option?.noButtonColor || \"secondary\",\r\n        yesButtonColor: option?.yesButtonColor || \"primary\",\r\n        input: {\r\n          maxlength: option?.maxlength || 255,\r\n          required: option?.required,\r\n          defaultValue: option?.defaultValue || ''\r\n        },\r\n      },\r\n    });\r\n    return new Promise((resolve, reject) => {\r\n      dialogRef.afterClosed().subscribe((result) => {\r\n        if (result) {\r\n          if (result === \"ACCEPT\") {\r\n            resolve(result);\r\n          } else if (result === \"CANCEL\") {\r\n            reject(result);\r\n          } else {\r\n            resolve(result);\r\n          }\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  private translate = (value: string): string => {\r\n    return this.translateService.translate(value);\r\n  };\r\n}\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MatDialogModule } from \"@angular/material/dialog\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\nimport { MatButtonModule } from \"@angular/material/button\";\r\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\r\nimport { MatInputModule } from \"@angular/material/input\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { ToastrService, ToastrModule } from \"ngx-toastr\";\r\nimport { SdButtonModule } from \"@sd-angular/core/button\";\r\n\r\nimport { SdNotifyService } from \"./notify.service\";\r\nimport { DialogConfirmComponent } from \"./components/dialog-confirm/dialog-confirm.component\";\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    ToastrModule.forRoot(),\r\n\r\n    SdButtonModule,\r\n  ],\r\n  declarations: [DialogConfirmComponent],\r\n  entryComponents: [DialogConfirmComponent],\r\n  exports: [],\r\n  providers: [SdNotifyService],\r\n})\r\nexport class SdNotifyModule {}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdNotifyModule } from './lib/notify.module';\r\nexport * from './lib/notify.service';\r\nexport * from './lib/components/dialog-confirm/dialog-confirm.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-utility.js

@@ -226,6 +226,9 @@ class SdUtilityService {
             link.click();
             document.body.removeChild(link);
         };
+        this.copyToClipboard = (text) => {
+            navigator.clipboard.writeText(text);
+        };
     }
 }
 _uploadId = new WeakMap(), _translate = new WeakMap();