@sd-angular/core 0.0.953 → 0.0.957

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

@@ -1,4 +1,4 @@
-import { Directive, TemplateRef, EventEmitter, Component, ChangeDetectorRef, Input, Output, ViewChild, ContentChild, Pipe, NgModule } from '@angular/core';
+import { Directive, TemplateRef, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, ViewChild, ContentChild, Pipe, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -221,6 +221,7 @@ SdInput.decorators = [
     { type: Component, args: [{
                 selector: 'sd-input',
                 template: "<div class=\"d-flex align-items-center\">\r\n  <mat-form-field class=\"sd-md\" [ngClass]=\"{'sd-form-tooltip':tooltip, 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\" 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\" [readonly]=\"isReadonly\" [autocomplete]=\"id\"\r\n      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</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-tooltip{display:inline-block;margin:auto;text-align:center;width:30px}:host{display:block;padding-top:5px}"]
             },] }
 ];

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/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} from '@angular/core';\r\nimport { AbstractControl, FormControl, NgForm, ValidatorFn, Validators, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport $ from 'jquery';\r\nimport { debounceTime, startWith } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { SdInputSuffixDirective } from './directives/input-suffix.directive';\r\n\r\n@Component({\r\n  selector: 'sd-input',\r\n  templateUrl: './input.component.html',\r\n  styleUrls: ['./input.component.scss']\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    val = (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 FormControl();\r\n  #subscription = new Subscription();\r\n  constructor(private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\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  }\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.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    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  blur = () => {\r\n    $(this.control.nativeElement).trigger('blur');\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 { 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\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  ],\r\n  declarations: [\r\n    SdInput,\r\n    SdInputTooltipPipe,\r\n    SdInputSuffixDirective\r\n  ],\r\n  exports: [\r\n    SdInput,\r\n    SdInputTooltipPipe,\r\n    SdInputSuffixDirective\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"],"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/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} from '@angular/core';\r\nimport { AbstractControl, FormControl, NgForm, ValidatorFn, Validators, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport $ from 'jquery';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\nimport { SdInputSuffixDirective } from './directives/input-suffix.directive';\r\n\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    val = (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 FormControl();\r\n  #subscription = new Subscription();\r\n  constructor(private ref: ChangeDetectorRef) {\r\n  }\r\n\r\n  ngOnInit() {\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  }\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.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    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  blur = () => {\r\n    $(this.control.nativeElement).trigger('blur');\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 { 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\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  ],\r\n  declarations: [\r\n    SdInput,\r\n    SdInputTooltipPipe,\r\n    SdInputSuffixDirective\r\n  ],\r\n  exports: [\r\n    SdInput,\r\n    SdInputTooltipPipe,\r\n    SdInputSuffixDirective\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"],"names":["uuid.v4"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { Component, ViewEncapsulation, ViewChild, Input, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, NgModule } from '@angular/core';
 import { MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { MatBottomSheet, MatBottomSheetModule } from '@angular/material/bottom-sheet';
@@ -77,6 +77,7 @@ SdModal.decorators = [
                 selector: 'sd-modal',
                 template: "<ng-template #templateRef>\r\n  <ng-container *ngIf=\"!lazyLoadContent || alreadyOpened\">\r\n    <sd-modal-header *ngIf=\"title\">\r\n      <span [innerHtml]=\"title\"></span>\r\n      <button *ngIf=\"!noClose\" class=\"float-right\" type=\"button\" (click)=\"close()\" mat-icon-button>\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </sd-modal-header>\r\n    <div class=\"d-flex flex-column px-12 px-md-24 pb-6 overflow-auto w-100 mh-100\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>",
                 encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: ["button:focus{outline:none!important}.mat-dialog-container{padding:0!important}.mat-dialog-container .mat-dialog-content{max-height:80vh}.mat-dialog-container .mat-dialog-actions{margin-bottom:0;min-height:auto;padding:0}.mat-bottom-sheet-container{max-height:\"inherit\"}sd-modal-header{display:block;padding:12px 24px;width:100%}@media (max-width:640px){sd-modal-header{padding:12px}}.cdk-global-overlay-wrapper .mat-bottom-sheet-container{border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;min-width:100vw;outline:0;overflow:hidden;padding:0}"]
             },] }
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-modal.js","sources":["../../../../projects/sd-core/modal/src/lib/modal/modal.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-header/modal-header.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-body/modal-body.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-footer/modal-footer.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component.ts","../../../../projects/sd-core/modal/src/lib/modal.module.ts","../../../../projects/sd-core/modal/src/public-api.ts","../../../../projects/sd-core/modal/sd-angular-core-modal.ts"],"sourcesContent":["import { Component, ElementRef, Input, ViewChild, OnInit, OnDestroy, TemplateRef, ViewEncapsulation } from '@angular/core';\r\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\nimport { MatBottomSheetRef } from '@angular/material/bottom-sheet';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'sd-modal',\r\n  templateUrl: './modal.component.html',\r\n  styleUrls: ['./modal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SdModal implements OnInit, OnDestroy {\r\n  static index = 0;\r\n  @ViewChild('templateRef') templateRef: TemplateRef<any>;\r\n  @Input() title: string;\r\n  @Input() noClose: boolean;\r\n  @Input() type: 'primary' | 'info' | 'success' | 'warning' | 'danger';\r\n  @Input() width: 'lg' | 'md' | 'sm' | string;\r\n  @Input() height = 'auto';\r\n  @Input() view: 'dialog' | 'bottomSheet';\r\n  @Input() lazyLoadContent = true;\r\n  @ViewChild('modal') modal: ElementRef;\r\n  isOpened = false;\r\n  alreadyOpened = false;\r\n  isMobileOrTablet = false;\r\n  private bottomSheetRef: MatBottomSheetRef<any>;\r\n  private dialogRef: MatDialogRef<any>;\r\n  private subcription = new Subscription();\r\n  constructor(\r\n    private dialog: MatDialog,\r\n    private bottomSheet: MatBottomSheet,\r\n    deviceService: DeviceDetectorService) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n  ngOnInit(): void {\r\n    this.type = this.type || 'primary';\r\n    this.width = this.width || '80vw';\r\n    if (!this.isMobileOrTablet) {\r\n      switch (this.width) {\r\n        case 'lg':\r\n          this.width = '80vw';\r\n          break;\r\n        case 'md':\r\n          this.width = '60vw';\r\n          break;\r\n        case 'sm':\r\n          this.width = '40vw';\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.subcription?.unsubscribe();\r\n  }\r\n\r\n  open = (): void => {\r\n    if (this.isOpened) {\r\n      return;\r\n    }\r\n    this.alreadyOpened = true;\r\n    this.isOpened = true;\r\n    if ((!this.view && this.isMobileOrTablet) || this.view === 'bottomSheet') {\r\n      this.bottomSheetRef = this.bottomSheet.open(this.templateRef);\r\n      this.subcription.add(this.bottomSheetRef.afterDismissed().subscribe(() => {\r\n        this.isOpened = false;\r\n      }));\r\n    } else {\r\n      this.dialogRef = this.dialog.open(this.templateRef, {\r\n        width: this.width,\r\n        maxWidth: this.width,\r\n        disableClose: true\r\n      });\r\n      this.subcription.add(this.dialogRef.afterClosed().subscribe(() => {\r\n        this.isOpened = false;\r\n      }));\r\n    }\r\n  }\r\n\r\n  close = (): void => {\r\n    this.bottomSheetRef?.dismiss();\r\n    this.dialogRef?.close();\r\n  }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n  selector: 'sd-modal-header',\r\n  templateUrl: './modal-header.component.html',\r\n  styleUrls: [\r\n    './modal-header.component.scss'],\r\n  encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SdModalHeader implements OnInit {\r\n  isMobileOrTablet = false;\r\n  constructor(deviceService: DeviceDetectorService) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n  selector: 'sd-modal-body',\r\n  templateUrl: './modal-body.component.html',\r\n  styleUrls: ['./modal-body.component.scss'],\r\n})\r\nexport class SdModalBody implements OnInit {\r\n  @Input() height = 'auto';\r\n  isMobileOrTablet = false;\r\n  constructor(deviceService: DeviceDetectorService) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n  ngOnInit() {\r\n  }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n  selector: 'sd-modal-footer',\r\n  templateUrl: './modal-footer.component.html',\r\n  styleUrls: ['./modal-footer.component.scss']\r\n})\r\nexport class SdModalFooter implements OnInit {\r\n  isMobileOrTablet = false;\r\n  constructor(deviceService: DeviceDetectorService) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n}\r\n","import { Component, ViewChild, TemplateRef, Input } from '@angular/core';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\n\r\n@Component({\r\n  selector: 'sd-bottom-sheet',\r\n  templateUrl: './bottom-sheet.component.html'\r\n})\r\nexport class SdBottomSheet {\r\n  @ViewChild('templateRef') templateRef: TemplateRef<OptionTemplateContext>;\r\n  @Input() title: string;\r\n  isOpened = false;\r\n  constructor(\r\n    private bottomSheet: MatBottomSheet,\r\n  ) { }\r\n\r\n  open = () => {\r\n    this.isOpened = true;\r\n    this.bottomSheet.open(this.templateRef);\r\n  }\r\n\r\n  close = () => {\r\n    this.bottomSheet.dismiss();\r\n  }\r\n}\r\n\r\ninterface OptionTemplateContext {\r\n  $implicit: any;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-bottom-sheet-header',\r\n  templateUrl: './bottom-sheet-header.component.html'\r\n})\r\nexport class SdBottomSheetHeader implements OnInit {\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n  }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-bottom-sheet-body',\r\n  templateUrl: './bottom-sheet-body.component.html'\r\n})\r\nexport class SdBottomSheetBody implements OnInit {\r\n  @Input() height = 'auto';\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n  }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-bottom-sheet-footer',\r\n  templateUrl: './bottom-sheet-footer.component.html',\r\n  styleUrls: ['./bottom-sheet-footer.component.scss']\r\n})\r\nexport class SdBottomSheetFooter implements OnInit {\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdModal } from './modal/modal.component';\r\nimport { SdModalHeader } from './modal/modal-header/modal-header.component';\r\nimport { SdModalBody } from './modal/modal-body/modal-body.component';\r\nimport { SdModalFooter } from './modal/modal-footer/modal-footer.component';\r\nimport { SdBottomSheet } from './bottom-sheet/bottom-sheet.component';\r\nimport { SdBottomSheetHeader } from './bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nimport { SdBottomSheetBody } from './bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nimport { SdBottomSheetFooter } from './bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nimport '@sd-angular/core/typing';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatBottomSheetModule,\r\n    MatDialogModule,\r\n    MatButtonModule,\r\n    SdButtonModule\r\n  ],\r\n  declarations: [\r\n    SdModal,\r\n    SdModalHeader,\r\n    SdModalBody,\r\n    SdModalFooter,\r\n    SdBottomSheet,\r\n    SdBottomSheetHeader,\r\n    SdBottomSheetBody,\r\n    SdBottomSheetFooter\r\n  ],\r\n  exports: [\r\n    SdModal,\r\n    SdModalHeader,\r\n    SdModalBody,\r\n    SdModalFooter,\r\n    SdBottomSheet,\r\n    SdBottomSheetHeader,\r\n    SdBottomSheetBody,\r\n    SdBottomSheetFooter\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdModalModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/modal/modal.component';\r\nexport * from './lib/modal/modal-header/modal-header.component';\r\nexport * from './lib/modal/modal-body/modal-body.component';\r\nexport * from './lib/modal/modal-footer/modal-footer.component';\r\n\r\nexport * from './lib/bottom-sheet/bottom-sheet.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nexport * from './lib/modal.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-modal.js","sources":["../../../../projects/sd-core/modal/src/lib/modal/modal.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-header/modal-header.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-body/modal-body.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-footer/modal-footer.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component.ts","../../../../projects/sd-core/modal/src/lib/modal.module.ts","../../../../projects/sd-core/modal/src/public-api.ts","../../../../projects/sd-core/modal/sd-angular-core-modal.ts"],"sourcesContent":["import { Component, ElementRef, Input, ViewChild, OnInit, OnDestroy, TemplateRef, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\nimport { MatBottomSheetRef } from '@angular/material/bottom-sheet';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'sd-modal',\r\n  templateUrl: './modal.component.html',\r\n  styleUrls: ['./modal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdModal implements OnInit, OnDestroy {\r\n  static index = 0;\r\n  @ViewChild('templateRef') templateRef: TemplateRef<any>;\r\n  @Input() title: string;\r\n  @Input() noClose: boolean;\r\n  @Input() type: 'primary' | 'info' | 'success' | 'warning' | 'danger';\r\n  @Input() width: 'lg' | 'md' | 'sm' | string;\r\n  @Input() height = 'auto';\r\n  @Input() view: 'dialog' | 'bottomSheet';\r\n  @Input() lazyLoadContent = true;\r\n  @ViewChild('modal') modal: ElementRef;\r\n  isOpened = false;\r\n  alreadyOpened = false;\r\n  isMobileOrTablet = false;\r\n  private bottomSheetRef: MatBottomSheetRef<any>;\r\n  private dialogRef: MatDialogRef<any>;\r\n  private subcription = new Subscription();\r\n  constructor(\r\n    private dialog: MatDialog,\r\n    private bottomSheet: MatBottomSheet,\r\n    deviceService: DeviceDetectorService) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n  ngOnInit(): void {\r\n    this.type = this.type || 'primary';\r\n    this.width = this.width || '80vw';\r\n    if (!this.isMobileOrTablet) {\r\n      switch (this.width) {\r\n        case 'lg':\r\n          this.width = '80vw';\r\n          break;\r\n        case 'md':\r\n          this.width = '60vw';\r\n          break;\r\n        case 'sm':\r\n          this.width = '40vw';\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.subcription?.unsubscribe();\r\n  }\r\n\r\n  open = (): void => {\r\n    if (this.isOpened) {\r\n      return;\r\n    }\r\n    this.alreadyOpened = true;\r\n    this.isOpened = true;\r\n    if ((!this.view && this.isMobileOrTablet) || this.view === 'bottomSheet') {\r\n      this.bottomSheetRef = this.bottomSheet.open(this.templateRef);\r\n      this.subcription.add(this.bottomSheetRef.afterDismissed().subscribe(() => {\r\n        this.isOpened = false;\r\n      }));\r\n    } else {\r\n      this.dialogRef = this.dialog.open(this.templateRef, {\r\n        width: this.width,\r\n        maxWidth: this.width,\r\n        disableClose: true\r\n      });\r\n      this.subcription.add(this.dialogRef.afterClosed().subscribe(() => {\r\n        this.isOpened = false;\r\n      }));\r\n    }\r\n  }\r\n\r\n  close = (): void => {\r\n    this.bottomSheetRef?.dismiss();\r\n    this.dialogRef?.close();\r\n  }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n  selector: 'sd-modal-header',\r\n  templateUrl: './modal-header.component.html',\r\n  styleUrls: [\r\n    './modal-header.component.scss'],\r\n  encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SdModalHeader implements OnInit {\r\n  isMobileOrTablet = false;\r\n  constructor(deviceService: DeviceDetectorService) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n  selector: 'sd-modal-body',\r\n  templateUrl: './modal-body.component.html',\r\n  styleUrls: ['./modal-body.component.scss'],\r\n})\r\nexport class SdModalBody implements OnInit {\r\n  @Input() height = 'auto';\r\n  isMobileOrTablet = false;\r\n  constructor(deviceService: DeviceDetectorService) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n  ngOnInit() {\r\n  }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n  selector: 'sd-modal-footer',\r\n  templateUrl: './modal-footer.component.html',\r\n  styleUrls: ['./modal-footer.component.scss']\r\n})\r\nexport class SdModalFooter implements OnInit {\r\n  isMobileOrTablet = false;\r\n  constructor(deviceService: DeviceDetectorService) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n}\r\n","import { Component, ViewChild, TemplateRef, Input } from '@angular/core';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\n\r\n@Component({\r\n  selector: 'sd-bottom-sheet',\r\n  templateUrl: './bottom-sheet.component.html'\r\n})\r\nexport class SdBottomSheet {\r\n  @ViewChild('templateRef') templateRef: TemplateRef<OptionTemplateContext>;\r\n  @Input() title: string;\r\n  isOpened = false;\r\n  constructor(\r\n    private bottomSheet: MatBottomSheet,\r\n  ) { }\r\n\r\n  open = () => {\r\n    this.isOpened = true;\r\n    this.bottomSheet.open(this.templateRef);\r\n  }\r\n\r\n  close = () => {\r\n    this.bottomSheet.dismiss();\r\n  }\r\n}\r\n\r\ninterface OptionTemplateContext {\r\n  $implicit: any;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-bottom-sheet-header',\r\n  templateUrl: './bottom-sheet-header.component.html'\r\n})\r\nexport class SdBottomSheetHeader implements OnInit {\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n  }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-bottom-sheet-body',\r\n  templateUrl: './bottom-sheet-body.component.html'\r\n})\r\nexport class SdBottomSheetBody implements OnInit {\r\n  @Input() height = 'auto';\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n  }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-bottom-sheet-footer',\r\n  templateUrl: './bottom-sheet-footer.component.html',\r\n  styleUrls: ['./bottom-sheet-footer.component.scss']\r\n})\r\nexport class SdBottomSheetFooter implements OnInit {\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdModal } from './modal/modal.component';\r\nimport { SdModalHeader } from './modal/modal-header/modal-header.component';\r\nimport { SdModalBody } from './modal/modal-body/modal-body.component';\r\nimport { SdModalFooter } from './modal/modal-footer/modal-footer.component';\r\nimport { SdBottomSheet } from './bottom-sheet/bottom-sheet.component';\r\nimport { SdBottomSheetHeader } from './bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nimport { SdBottomSheetBody } from './bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nimport { SdBottomSheetFooter } from './bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nimport '@sd-angular/core/typing';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatBottomSheetModule,\r\n    MatDialogModule,\r\n    MatButtonModule,\r\n    SdButtonModule\r\n  ],\r\n  declarations: [\r\n    SdModal,\r\n    SdModalHeader,\r\n    SdModalBody,\r\n    SdModalFooter,\r\n    SdBottomSheet,\r\n    SdBottomSheetHeader,\r\n    SdBottomSheetBody,\r\n    SdBottomSheetFooter\r\n  ],\r\n  exports: [\r\n    SdModal,\r\n    SdModalHeader,\r\n    SdModalBody,\r\n    SdModalFooter,\r\n    SdBottomSheet,\r\n    SdBottomSheetHeader,\r\n    SdBottomSheetBody,\r\n    SdBottomSheetFooter\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdModalModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/modal/modal.component';\r\nexport * from './lib/modal/modal-header/modal-header.component';\r\nexport * from './lib/modal/modal-body/modal-body.component';\r\nexport * from './lib/modal/modal-footer/modal-footer.component';\r\n\r\nexport * from './lib/bottom-sheet/bottom-sheet.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nexport * from './lib/modal.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, Input, Output, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormControl, Validators, NgForm, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -191,6 +191,7 @@ class SdSelect {
         });
         this.onOpenChange = (isOpened) => {
             if (isOpened) {
+                this.input.value = null;
                 this.searchTerm$.next('');
             }
         };
@@ -393,7 +394,8 @@ _name = new WeakMap(), _form = new WeakMap(), _model = new WeakMap(), _items = n
 SdSelect.decorators = [
     { type: Component, args: [{
                 selector: 'sd-select',
-                template: "<div class=\"d-flex align-items-center\">\r\n  <mat-form-field class=\"sd-md\" [ngClass]=\"{'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n    appearance=\"outline\">\r\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n    <mat-select #select [formControl]=\"formControl\" placeholder=\"{{placeholder || label}}\" multiple\r\n      (selectionChange)=\"onSelectionChange($event)\" disableOptionCentering=\"true\" panelClass=\"sd-select-panel\"\r\n      [ngClass]=\"{'sd-selected': !isRequired && (multiple ? formControl?.value?.length : formControl?.value)}\"\r\n      [required]=\"isRequired\" (openedChange)=\"input.value = null; onOpenChange($event)\" *ngIf=\"multiple\">\r\n      <mat-option *ngIf=\"filtered\" class=\"sd-filtered-input\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\r\n        <mat-form-field class=\"sd-md\" appearance=\"outline\">\r\n          <mat-icon matPrefix>search</mat-icon>\r\n          <input #input placeholder=\"{{'Search' | sdTranslate}}\" matInput autocomplete=\"off\"\r\n            (keydown)=\"$event.stopPropagation()\" (keyup)=\"searchTerm$.next($event.target.value)\">\r\n        </mat-form-field>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"multiple && selectAll\">\r\n        <mat-checkbox class=\"mat-option\" [(ngModel)]=\"allSelected\" [ngModelOptions]=\"{standalone: true}\"\r\n          (change)=\"onSelectAll()\">\r\n          T\u1EA5t c\u1EA3</mat-checkbox>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"valueField && displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item[valueField]\" matTooltipPosition=\"above\"\r\n          [matTooltip]=\"item[displayField]\">\r\n          {{item[displayField]}}\r\n        </mat-option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!valueField && !displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item\" matTooltipPosition=\"above\"\r\n          [matTooltip]=\"item\">\r\n          {{item}}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n    <mat-select #select [formControl]=\"formControl\" placeholder=\"{{placeholder || label}}\"\r\n      (selectionChange)=\"onSelectionChange($event)\" disableOptionCentering=\"true\" panelClass=\"sd-select-panel\"\r\n      [ngClass]=\"{'sd-selected': !isRequired && formControl?.value}\" [required]=\"isRequired\"\r\n      (openedChange)=\"input.value = null; onOpenChange($event)\" *ngIf=\"!multiple\">\r\n      <mat-option *ngIf=\"filtered\" class=\"sd-filtered-input\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\r\n        <mat-form-field class=\"sd-md\" appearance=\"outline\">\r\n          <mat-icon matPrefix>search</mat-icon>\r\n          <input #input placeholder=\"{{'Search' | sdTranslate}}\" matInput autocomplete=\"off\"\r\n            (keydown)=\"$event.stopPropagation()\" (keyup)=\"searchTerm$.next($event.target.value)\">\r\n        </mat-form-field>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"valueField && displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item[valueField]\" matTooltipPosition=\"above\"\r\n          [matTooltip]=\"item[displayField]\">\r\n          {{item[displayField]}}\r\n        </mat-option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!valueField && !displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item\" matTooltipPosition=\"above\"\r\n          [matTooltip]=\"item\">\r\n          {{item}}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n    <mat-icon\r\n      *ngIf=\"(multiple ? formControl?.value?.length : formControl?.value) && !isRequired && !formControl.disabled\"\r\n      class=\"pointer sd-suffix-icon\" (click)=\"clear($event)\" matSuffix>cancel\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?.customValidator && !disableErrorMessage\">\r\n      {{formControl?.errors?.customValidator}}\r\n    </mat-error>\r\n  </mat-form-field>\r\n</div>",
+                template: "<div class=\"d-flex align-items-center\">\r\n  <mat-form-field class=\"sd-md\" [ngClass]=\"{'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n    appearance=\"outline\">\r\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n    <mat-select #select [formControl]=\"formControl\" placeholder=\"{{placeholder || label}}\" multiple\r\n      (selectionChange)=\"onSelectionChange($event)\" disableOptionCentering=\"true\" panelClass=\"sd-select-panel\"\r\n      [ngClass]=\"{'sd-selected': !isRequired && (multiple ? formControl?.value?.length : formControl?.value)}\"\r\n      [required]=\"isRequired\" (openedChange)=\"onOpenChange($event)\" *ngIf=\"multiple\">\r\n      <mat-option *ngIf=\"filtered\" class=\"sd-filtered-input\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\r\n        <mat-form-field class=\"sd-md\" appearance=\"outline\">\r\n          <mat-icon matPrefix>search</mat-icon>\r\n          <input #input placeholder=\"{{'Search' | sdTranslate}}\" matInput autocomplete=\"off\"\r\n            (keydown)=\"$event.stopPropagation()\" (keyup)=\"searchTerm$.next($event.target.value)\">\r\n        </mat-form-field>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"multiple && selectAll\">\r\n        <mat-checkbox class=\"mat-option\" [(ngModel)]=\"allSelected\" [ngModelOptions]=\"{standalone: true}\"\r\n          (change)=\"onSelectAll()\">\r\n          T\u1EA5t c\u1EA3</mat-checkbox>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"valueField && displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item[valueField]\" matTooltipPosition=\"above\"\r\n          [matTooltip]=\"item[displayField]\">\r\n          {{item[displayField]}}\r\n        </mat-option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!valueField && !displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item\" matTooltipPosition=\"above\"\r\n          [matTooltip]=\"item\">\r\n          {{item}}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n    <mat-select #select [formControl]=\"formControl\" placeholder=\"{{placeholder || label}}\"\r\n      (selectionChange)=\"onSelectionChange($event)\" disableOptionCentering=\"true\" panelClass=\"sd-select-panel\"\r\n      [ngClass]=\"{'sd-selected': !isRequired && formControl?.value}\" [required]=\"isRequired\"\r\n      (openedChange)=\"onOpenChange($event)\" *ngIf=\"!multiple\">\r\n      <mat-option *ngIf=\"filtered\" class=\"sd-filtered-input\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\r\n        <mat-form-field class=\"sd-md\" appearance=\"outline\">\r\n          <mat-icon matPrefix>search</mat-icon>\r\n          <input #input placeholder=\"{{'Search' | sdTranslate}}\" matInput autocomplete=\"off\"\r\n            (keydown)=\"$event.stopPropagation()\" (keyup)=\"searchTerm$.next($event.target.value)\">\r\n        </mat-form-field>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"valueField && displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item[valueField]\" matTooltipPosition=\"above\"\r\n          [matTooltip]=\"item[displayField]\">\r\n          {{item[displayField]}}\r\n        </mat-option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!valueField && !displayField\">\r\n        <mat-option *ngFor=\"let item of filteredItems | async\" [value]=\"item\" matTooltipPosition=\"above\"\r\n          [matTooltip]=\"item\">\r\n          {{item}}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-select>\r\n    <mat-icon\r\n      *ngIf=\"(multiple ? formControl?.value?.length : formControl?.value) && !isRequired && !formControl.disabled\"\r\n      class=\"pointer sd-suffix-icon\" (click)=\"clear($event)\" matSuffix>cancel\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?.customValidator && !disableErrorMessage\">\r\n      {{formControl?.errors?.customValidator}}\r\n    </mat-error>\r\n  </mat-form-field>\r\n</div>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:none}:host ::ng-deep .sd-selected .mat-select-arrow{border:none}: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 mat-select.mat-select-disabled .mat-select-value{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}::ng-deep .sd-select-panel .mat-option.sd-filtered-input{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline{width:100%}::ng-deep .sd-select-panel .mat-option.sd-filtered-input mat-pseudo-checkbox{display:none}::ng-deep .mat-select-panel .mat-option.sd-filtered-input{height:auto}::ng-deep .sd-select-panel .mat-option.sd-filtered-input input{color:#000}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field-prefix .mat-icon{margin-right:0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding:10px 0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline{background-color:rgba(0,0,0,.04)}"]
             },] }
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-select.js","sources":["../../../../projects/sd-core/select/src/lib/select.component.ts","../../../../projects/sd-core/select/src/lib/select.module.ts","../../../../projects/sd-core/select/src/public-api.ts","../../../../projects/sd-core/select/sd-angular-core-select.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { NgForm, FormControl, Validators, ValidatorFn, AbstractControl, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { MatSelect, MatSelectChange } from '@angular/material/select';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { debounceTime, startWith, switchMap } from 'rxjs/operators';\r\nimport { SdUtilityService } from '@sd-angular/core/utility';\r\nimport { MatInput } from '@angular/material/input';\r\n@Component({\r\n  selector: 'sd-select',\r\n  templateUrl: './select.component.html',\r\n  styleUrls: ['./select.component.scss']\r\n})\r\nexport class SdSelect implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild('input') input: MatInput;\r\n  @ViewChild('select') select: MatSelect;\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  formControl = new FormControl();\r\n\r\n  searchTerm$ = new Subject();\r\n\r\n  get dataType(): 'boolean' | 'number' | 'string' {\r\n    if (Array.isArray(this.#model)) {\r\n      if (this.#model.length && typeof (this.#model[0]) === 'number') {\r\n        return 'number';\r\n      }\r\n      if (this.#model.length && typeof (this.#model[0]) === 'boolean') {\r\n        return 'boolean';\r\n      }\r\n      return 'string';\r\n    } else {\r\n      if ((this.#model && typeof (this.#model) === 'number') || this.#model === 0) {\r\n        return 'number';\r\n      }\r\n      if ((this.#model && typeof (this.#model) === 'boolean') || this.#model === false) {\r\n        return 'boolean';\r\n      }\r\n    }\r\n    if (this.#currentItems?.length) {\r\n      if (this.valueField && typeof (this.#currentItems[0][this.valueField]) === 'number') {\r\n        return 'number';\r\n      } else if (this.valueField && typeof (this.#currentItems[0][this.valueField]) === 'boolean') {\r\n        return 'boolean';\r\n      } else if (typeof (this.#currentItems[0]) === 'number') {\r\n        return 'number';\r\n      } else if (typeof (this.#currentItems[0]) === 'boolean') {\r\n        return 'boolean';\r\n      }\r\n    }\r\n    return 'string';\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\r\n  #model: boolean | number | string | (number | string)[];\r\n  @Input() set model(value: undefined | boolean | number | string | (number | string)[]) {\r\n    this.#model = value;\r\n    if (Array.isArray(value)) {\r\n      this.formControl.setValue(value.map(val => (val ?? '') + ''), {\r\n        emitEvent: false\r\n      });\r\n    } else {\r\n      this.formControl.setValue((value ?? '') + '', {\r\n        emitEvent: false\r\n      });\r\n    }\r\n    this.ref.detectChanges();\r\n  }\r\n  // Items\r\n  #items: any[] | ((searchText?: string) => Promise<any[]>) = [];\r\n  #currentItems: any[] = [];\r\n  #allItem: {\r\n    [key: string]: any\r\n  } = {};\r\n  @Input() set items(items: undefined | any[] | ((searchText?: string) => Promise<any[]>)) {\r\n    if (!items) {\r\n      this.#items = [];\r\n    } else if (Array.isArray(items)) {\r\n      this.#items = items.filter(e => e !== null && e !== undefined);\r\n    } else {\r\n      this.#items = items;\r\n    }\r\n    this.searchTerm$.next('');\r\n  }\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n\r\n  // Server search\r\n  loading = false;\r\n  #delay = 500; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  #validator: (value: any) => string | Promise<string>;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n  @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n    this.#validator = validator;\r\n    this.#updateValidator();\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  multiple = false;\r\n  @Input('multiple') set _multiple(val: boolean | '') {\r\n    this.multiple = (val === '') || val;\r\n  }\r\n  @Input() limit = 100;\r\n  filtered = false;\r\n  @Input('filtered') set _filtered(val: boolean | '') {\r\n    this.filtered = (val === '') || val;\r\n  }\r\n  selectAll = false;\r\n  @Input('selectAll') set _selectAll(val: boolean | '') {\r\n    this.selectAll = (val === '') || val;\r\n  }\r\n  filteredItems: Observable<any[]>;\r\n  allSelected = false;\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    private utilityService: SdUtilityService) { }\r\n\r\n  ngOnInit() {\r\n    this.filteredItems = this.searchTerm$.asObservable().pipe(\r\n      startWith(''),\r\n      debounceTime(typeof (this.#items) === 'function' ? this.#delay : 0),\r\n      // distinctUntilChanged(), Dùng sẽ gây ra bug khi items changes\r\n      switchMap(async (val: string) => {\r\n        if (typeof (this.#items) === 'function') {\r\n          const items = await this.#loadItems(val, this.#items);\r\n          this.#currentItems = items.filter((item, index) => {\r\n            const formValue: any | any[] = this.formControl.value;\r\n            let value = item?.toString() || '';\r\n            if (this.valueField && this.displayField) {\r\n              value = item[this.valueField]?.toString() || '';\r\n            }\r\n            return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)\r\n              || index < this.limit;\r\n          });\r\n          return this.#currentItems.map(e => {\r\n            if (this.valueField && this.displayField) {\r\n              return {\r\n                ...e,\r\n                [`${this.valueField}`]: e[this.valueField]?.toString()\r\n              };\r\n            }\r\n            return e?.toString();\r\n          });\r\n          // return this.#currentItems.map(e => {\r\n          //   if (this.valueField && this.displayField) {\r\n          //     return {\r\n          //       ...e,\r\n          //       [`${this.valueField}`]: e[this.displayField]?.toString() ?? e[this.valueField]?.toString()\r\n          //     };\r\n          //   }\r\n          //   return e?.toString();\r\n          // });\r\n        }\r\n        const { changeAliasLowerCase } = this.utilityService;\r\n        this.#currentItems = this.#items.filter(item => {\r\n          const searchText = changeAliasLowerCase(val);\r\n          const formValue: any | any[] = this.formControl.value;\r\n          if (this.valueField && this.displayField) {\r\n            const value = item[this.valueField]?.toString() || '';\r\n            const display = item[this.displayField]?.toString() || '';\r\n            return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)\r\n              || changeAliasLowerCase(value).indexOf(searchText) !== -1\r\n              || changeAliasLowerCase(display).indexOf(searchText) !== -1;\r\n          } else {\r\n            const value = item?.toString() || '';\r\n            return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)\r\n              || changeAliasLowerCase(value).indexOf(searchText) !== -1;\r\n          }\r\n        }).filter((item, index) => {\r\n          const formValue: any | any[] = this.formControl.value;\r\n          let value = item?.toString() || '';\r\n          if (this.valueField && this.displayField) {\r\n            value = item[this.valueField]?.toString() || '';\r\n          }\r\n          return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)\r\n            || index < this.limit;\r\n        });\r\n        return this.#currentItems.map(e => {\r\n          if (this.valueField && this.displayField) {\r\n            return {\r\n              ...e,\r\n              [`${this.valueField}`]: e[this.valueField]?.toString()\r\n            };\r\n          }\r\n          return e?.toString();\r\n        });\r\n      })\r\n    );\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#form?.removeControl(this.#name);\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.#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  #loadItems = async (searchText: string, items: (searchText?: string) => Promise<any[]>) => {\r\n    this.loading = true;\r\n    const results = await items(searchText).finally(() => this.loading = false);\r\n    if (this.multiple) {\r\n      let objItem = {};\r\n      if (this.valueField) {\r\n        objItem = this.utilityService.arrayToObject(results, this.valueField);\r\n      } else {\r\n        results.forEach(item => objItem[item?.toString()] = item);\r\n      }\r\n      Object.assign(this.#allItem, objItem);\r\n      const values: (number | string)[] = this.formControl.value || [];\r\n      values.forEach(val => {\r\n        if (!objItem[val]) {\r\n          if (this.#allItem[val]) {\r\n            results.push(this.#allItem[val]);\r\n          } else {\r\n            results.push({\r\n              [this.valueField]: val,\r\n              [this.displayField]: val\r\n            });\r\n          }\r\n        }\r\n      });\r\n    }\r\n    this.ref.detectChanges();\r\n    return results;\r\n  }\r\n\r\n  onSelectionChange = (change: MatSelectChange) => {\r\n    this.allSelected = !this.select.options.some(e => !e.selected);\r\n    const value = change?.value ?? '';\r\n    if (this.multiple) {\r\n      this.#onChange(value || []);\r\n    } else {\r\n      this.searchTerm$.next('');\r\n      this.#onChange(value);\r\n    }\r\n  }\r\n\r\n  onSelectAll() {\r\n    if (this.allSelected) {\r\n      this.formControl.setValue(this.select.options.map(e => e.value));\r\n    } else {\r\n      this.formControl.setValue([]);\r\n    }\r\n    this.#onChange(this.formControl.value);\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n\r\n  #onChange = (value: boolean | number | string | (number | string)[]) => {\r\n    if (Array.isArray(value)) {\r\n      let vals = value;\r\n      if (this.dataType === 'number' && value.every(val => Number.isNumber(val))) {\r\n        vals = value.map(e => +e);\r\n      }\r\n      this.modelChange.emit(vals);\r\n      this.sdChange.emit(vals);\r\n      this.sdSelection.emit({\r\n        value: vals,\r\n        items: this.#currentItems?.filter(e => vals.some(e1 => e1?.toString() === e?.[this.valueField]?.toString()))\r\n      });\r\n    } else {\r\n      let val = value;\r\n      if (this.dataType === 'number' && Number.isNumber(value)) {\r\n        val = +value;\r\n      }\r\n      if (this.dataType === 'boolean') {\r\n        if (value === 'true') {\r\n          val = true;\r\n        } else if (value === 'false') {\r\n          val = false;\r\n        } else {\r\n          val = !!value;\r\n        }\r\n      }\r\n      this.modelChange.emit(val);\r\n      this.sdChange.emit(val);\r\n      this.sdSelection.emit({\r\n        value: val,\r\n        item: this.#currentItems?.find(e => val?.toString() === e?.[this.valueField]?.toString())\r\n      });\r\n    }\r\n  }\r\n\r\n  clear = ($event?: any) => {\r\n    $event?.stopPropagation();\r\n    if (this.multiple) {\r\n      this.formControl.setValue([]);\r\n      this.modelChange.emit([]);\r\n      this.sdChange.emit([]);\r\n      this.sdSelection.emit({\r\n        value: [],\r\n        items: []\r\n      });\r\n    } else {\r\n      this.formControl.setValue(null);\r\n      this.modelChange.emit(null);\r\n      this.sdChange.emit(null);\r\n      this.sdSelection.emit({\r\n        value: null,\r\n        item: null\r\n      });\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  onOpenChange = (isOpened: boolean) => {\r\n    if(isOpened) {\r\n      this.searchTerm$.next('');\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport '@sd-angular/core/typing';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelect } from './select.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatSelectModule,\r\n    MatProgressSpinnerModule,\r\n    MatCheckboxModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdSelect\r\n  ],\r\n  exports: [\r\n    SdSelect\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/select.module';\r\nexport * from './lib/select.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-select.js","sources":["../../../../projects/sd-core/select/src/lib/select.component.ts","../../../../projects/sd-core/select/src/lib/select.module.ts","../../../../projects/sd-core/select/src/public-api.ts","../../../../projects/sd-core/select/sd-angular-core-select.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core';\r\nimport { NgForm, FormControl, Validators, ValidatorFn, AbstractControl, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { MatSelect, MatSelectChange } from '@angular/material/select';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { debounceTime, startWith, switchMap } from 'rxjs/operators';\r\nimport { SdUtilityService } from '@sd-angular/core/utility';\r\nimport { MatInput } from '@angular/material/input';\r\n@Component({\r\n  selector: 'sd-select',\r\n  templateUrl: './select.component.html',\r\n  styleUrls: ['./select.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelect implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild('input') input: MatInput;\r\n  @ViewChild('select') select: MatSelect;\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  formControl = new FormControl();\r\n\r\n  searchTerm$ = new Subject();\r\n\r\n  get dataType(): 'boolean' | 'number' | 'string' {\r\n    if (Array.isArray(this.#model)) {\r\n      if (this.#model.length && typeof (this.#model[0]) === 'number') {\r\n        return 'number';\r\n      }\r\n      if (this.#model.length && typeof (this.#model[0]) === 'boolean') {\r\n        return 'boolean';\r\n      }\r\n      return 'string';\r\n    } else {\r\n      if ((this.#model && typeof (this.#model) === 'number') || this.#model === 0) {\r\n        return 'number';\r\n      }\r\n      if ((this.#model && typeof (this.#model) === 'boolean') || this.#model === false) {\r\n        return 'boolean';\r\n      }\r\n    }\r\n    if (this.#currentItems?.length) {\r\n      if (this.valueField && typeof (this.#currentItems[0][this.valueField]) === 'number') {\r\n        return 'number';\r\n      } else if (this.valueField && typeof (this.#currentItems[0][this.valueField]) === 'boolean') {\r\n        return 'boolean';\r\n      } else if (typeof (this.#currentItems[0]) === 'number') {\r\n        return 'number';\r\n      } else if (typeof (this.#currentItems[0]) === 'boolean') {\r\n        return 'boolean';\r\n      }\r\n    }\r\n    return 'string';\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\r\n  #model: boolean | number | string | (number | string)[];\r\n  @Input() set model(value: undefined | boolean | number | string | (number | string)[]) {\r\n    this.#model = value;\r\n    if (Array.isArray(value)) {\r\n      this.formControl.setValue(value.map(val => (val ?? '') + ''), {\r\n        emitEvent: false\r\n      });\r\n    } else {\r\n      this.formControl.setValue((value ?? '') + '', {\r\n        emitEvent: false\r\n      });\r\n    }\r\n    this.ref.detectChanges();\r\n  }\r\n  // Items\r\n  #items: any[] | ((searchText?: string) => Promise<any[]>) = [];\r\n  #currentItems: any[] = [];\r\n  #allItem: {\r\n    [key: string]: any\r\n  } = {};\r\n  @Input() set items(items: undefined | any[] | ((searchText?: string) => Promise<any[]>)) {\r\n    if (!items) {\r\n      this.#items = [];\r\n    } else if (Array.isArray(items)) {\r\n      this.#items = items.filter(e => e !== null && e !== undefined);\r\n    } else {\r\n      this.#items = items;\r\n    }\r\n    this.searchTerm$.next('');\r\n  }\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n\r\n  // Server search\r\n  loading = false;\r\n  #delay = 500; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm\r\n\r\n  // Validator\r\n  isRequired = false;\r\n  #validator: (value: any) => string | Promise<string>;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n  @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n    this.#validator = validator;\r\n    this.#updateValidator();\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  multiple = false;\r\n  @Input('multiple') set _multiple(val: boolean | '') {\r\n    this.multiple = (val === '') || val;\r\n  }\r\n  @Input() limit = 100;\r\n  filtered = false;\r\n  @Input('filtered') set _filtered(val: boolean | '') {\r\n    this.filtered = (val === '') || val;\r\n  }\r\n  selectAll = false;\r\n  @Input('selectAll') set _selectAll(val: boolean | '') {\r\n    this.selectAll = (val === '') || val;\r\n  }\r\n  filteredItems: Observable<any[]>;\r\n  allSelected = false;\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    private utilityService: SdUtilityService) { }\r\n\r\n  ngOnInit() {\r\n    this.filteredItems = this.searchTerm$.asObservable().pipe(\r\n      startWith(''),\r\n      debounceTime(typeof (this.#items) === 'function' ? this.#delay : 0),\r\n      // distinctUntilChanged(), Dùng sẽ gây ra bug khi items changes\r\n      switchMap(async (val: string) => {\r\n        if (typeof (this.#items) === 'function') {\r\n          const items = await this.#loadItems(val, this.#items);\r\n          this.#currentItems = items.filter((item, index) => {\r\n            const formValue: any | any[] = this.formControl.value;\r\n            let value = item?.toString() || '';\r\n            if (this.valueField && this.displayField) {\r\n              value = item[this.valueField]?.toString() || '';\r\n            }\r\n            return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)\r\n              || index < this.limit;\r\n          });\r\n          return this.#currentItems.map(e => {\r\n            if (this.valueField && this.displayField) {\r\n              return {\r\n                ...e,\r\n                [`${this.valueField}`]: e[this.valueField]?.toString()\r\n              };\r\n            }\r\n            return e?.toString();\r\n          });\r\n          // return this.#currentItems.map(e => {\r\n          //   if (this.valueField && this.displayField) {\r\n          //     return {\r\n          //       ...e,\r\n          //       [`${this.valueField}`]: e[this.displayField]?.toString() ?? e[this.valueField]?.toString()\r\n          //     };\r\n          //   }\r\n          //   return e?.toString();\r\n          // });\r\n        }\r\n        const { changeAliasLowerCase } = this.utilityService;\r\n        this.#currentItems = this.#items.filter(item => {\r\n          const searchText = changeAliasLowerCase(val);\r\n          const formValue: any | any[] = this.formControl.value;\r\n          if (this.valueField && this.displayField) {\r\n            const value = item[this.valueField]?.toString() || '';\r\n            const display = item[this.displayField]?.toString() || '';\r\n            return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)\r\n              || changeAliasLowerCase(value).indexOf(searchText) !== -1\r\n              || changeAliasLowerCase(display).indexOf(searchText) !== -1;\r\n          } else {\r\n            const value = item?.toString() || '';\r\n            return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)\r\n              || changeAliasLowerCase(value).indexOf(searchText) !== -1;\r\n          }\r\n        }).filter((item, index) => {\r\n          const formValue: any | any[] = this.formControl.value;\r\n          let value = item?.toString() || '';\r\n          if (this.valueField && this.displayField) {\r\n            value = item[this.valueField]?.toString() || '';\r\n          }\r\n          return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)\r\n            || index < this.limit;\r\n        });\r\n        return this.#currentItems.map(e => {\r\n          if (this.valueField && this.displayField) {\r\n            return {\r\n              ...e,\r\n              [`${this.valueField}`]: e[this.valueField]?.toString()\r\n            };\r\n          }\r\n          return e?.toString();\r\n        });\r\n      })\r\n    );\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#form?.removeControl(this.#name);\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.#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  #loadItems = async (searchText: string, items: (searchText?: string) => Promise<any[]>) => {\r\n    this.loading = true;\r\n    const results = await items(searchText).finally(() => this.loading = false);\r\n    if (this.multiple) {\r\n      let objItem = {};\r\n      if (this.valueField) {\r\n        objItem = this.utilityService.arrayToObject(results, this.valueField);\r\n      } else {\r\n        results.forEach(item => objItem[item?.toString()] = item);\r\n      }\r\n      Object.assign(this.#allItem, objItem);\r\n      const values: (number | string)[] = this.formControl.value || [];\r\n      values.forEach(val => {\r\n        if (!objItem[val]) {\r\n          if (this.#allItem[val]) {\r\n            results.push(this.#allItem[val]);\r\n          } else {\r\n            results.push({\r\n              [this.valueField]: val,\r\n              [this.displayField]: val\r\n            });\r\n          }\r\n        }\r\n      });\r\n    }\r\n    this.ref.detectChanges();\r\n    return results;\r\n  }\r\n\r\n  onSelectionChange = (change: MatSelectChange) => {\r\n    this.allSelected = !this.select.options.some(e => !e.selected);\r\n    const value = change?.value ?? '';\r\n    if (this.multiple) {\r\n      this.#onChange(value || []);\r\n    } else {\r\n      this.searchTerm$.next('');\r\n      this.#onChange(value);\r\n    }\r\n  }\r\n\r\n  onSelectAll() {\r\n    if (this.allSelected) {\r\n      this.formControl.setValue(this.select.options.map(e => e.value));\r\n    } else {\r\n      this.formControl.setValue([]);\r\n    }\r\n    this.#onChange(this.formControl.value);\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n\r\n  #onChange = (value: boolean | number | string | (number | string)[]) => {\r\n    if (Array.isArray(value)) {\r\n      let vals = value;\r\n      if (this.dataType === 'number' && value.every(val => Number.isNumber(val))) {\r\n        vals = value.map(e => +e);\r\n      }\r\n      this.modelChange.emit(vals);\r\n      this.sdChange.emit(vals);\r\n      this.sdSelection.emit({\r\n        value: vals,\r\n        items: this.#currentItems?.filter(e => vals.some(e1 => e1?.toString() === e?.[this.valueField]?.toString()))\r\n      });\r\n    } else {\r\n      let val = value;\r\n      if (this.dataType === 'number' && Number.isNumber(value)) {\r\n        val = +value;\r\n      }\r\n      if (this.dataType === 'boolean') {\r\n        if (value === 'true') {\r\n          val = true;\r\n        } else if (value === 'false') {\r\n          val = false;\r\n        } else {\r\n          val = !!value;\r\n        }\r\n      }\r\n      this.modelChange.emit(val);\r\n      this.sdChange.emit(val);\r\n      this.sdSelection.emit({\r\n        value: val,\r\n        item: this.#currentItems?.find(e => val?.toString() === e?.[this.valueField]?.toString())\r\n      });\r\n    }\r\n  }\r\n\r\n  clear = ($event?: any) => {\r\n    $event?.stopPropagation();\r\n    if (this.multiple) {\r\n      this.formControl.setValue([]);\r\n      this.modelChange.emit([]);\r\n      this.sdChange.emit([]);\r\n      this.sdSelection.emit({\r\n        value: [],\r\n        items: []\r\n      });\r\n    } else {\r\n      this.formControl.setValue(null);\r\n      this.modelChange.emit(null);\r\n      this.sdChange.emit(null);\r\n      this.sdSelection.emit({\r\n        value: null,\r\n        item: null\r\n      });\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  onOpenChange = (isOpened: boolean) => {\r\n    if(isOpened) {\r\n      this.input.value = null;\r\n      this.searchTerm$.next('');\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport '@sd-angular/core/typing';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelect } from './select.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatSelectModule,\r\n    MatProgressSpinnerModule,\r\n    MatCheckboxModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdSelect\r\n  ],\r\n  exports: [\r\n    SdSelect\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/select.module';\r\nexport * from './lib/select.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-side-drawer.js

@@ -1,5 +1,5 @@
 import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
-import { EventEmitter, Component, ComponentFactoryResolver, ApplicationRef, Injector, ViewChild, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ComponentFactoryResolver, ApplicationRef, Injector, ViewChild, Input, Output, NgModule } from '@angular/core';
 import { DomPortalOutlet, CdkPortal, PortalModule } from '@angular/cdk/portal';
 import { v4 } from 'uuid';
 import { SdLoadingService } from '@sd-angular/core/loading';
@@ -58,6 +58,7 @@ SdSideDrawer.decorators = [
     { type: Component, args: [{
                 selector: 'sd-side-drawer',
                 template: "<ng-template cdkPortal>\r\n  <div [id]=\"id\" class=\"side-drawer\" [ngStyle]=\"{'width': width}\" [ngClass]=\"{'side-drawer--active': isOpened,'side-drawer--loading': isLoading}\"\r\n    (mouseover)=\"isHover = true\" (mouseout)=\"isHover = false\">\r\n    <ng-container *ngIf=\"isOpened\">\r\n      <div class=\"side-drawer__header media align-items-center\">\r\n        <div class=\"side-drawer__title media-body\">\r\n          <ng-content select=\"[sdTitle]\"></ng-content>\r\n        </div>\r\n        <button type=\"button\" class=\"side-drawer__icon\" (click)=\"toggleEditable()\" *ngIf=\"editable\">\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"side-drawer__icon\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div *ngIf=\"isOpened\" class=\"side-drawer__body\">\r\n        <div class=\"side-drawer__content\">\r\n          <ng-content select=\"[sdBody]\"></ng-content>\r\n        </div>\r\n      </div>\r\n      <div class=\"side-drawer__footer\">\r\n        <ng-content select=\"[sdFooter]\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <button *ngIf=\"isOpened\" type=\"button\" class=\"side-drawer-backdrop\" (click)=\"close()\"\r\n    [ngClass]=\"{ 'side-drawer-backdrop--active': isHover }\"></button>\r\n</ng-template>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [".side-drawer{background-color:#fff;bottom:0;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translate3d(100%,0,0);transition:all .3s ease-in-out;visibility:hidden;z-index:999}::ng-deep .side-drawer>div{max-height:100%!important;max-width:100%!important}::ng-deep .side-drawer>div .fa-spinner{font-size:48px!important;left:50%!important;margin-left:-24px!important;margin-top:-48px!important;position:absolute!important;top:50%!important}::ng-deep .side-drawer .mat-button-wrapper .mat-progress-spinner,::ng-deep .side-drawer .mat-button-wrapper .mat-spinner{margin-right:4px!important}::ng-deep .side-drawer .mat-info .mat-progress-spinner circle,::ng-deep .side-drawer .mat-info .mat-spinner circle{stroke:#fff!important}::ng-deep .side-drawer .mat-danger .mat-progress-spinner circle,::ng-deep .side-drawer .mat-danger .mat-spinner circle{stroke:#f82c13!important}.side-drawer__icon{background:transparent;border:0;color:#212121;outline:none;overflow:hidden}.side-drawer__icon .mat-icon{float:left}.side-drawer__header{min-height:64px;padding:12px 16px}.side-drawer__body{flex:1;position:relative}.side-drawer__content{bottom:0;left:0;overflow:auto;padding:0 16px 16px;position:absolute;right:0;top:0}.side-drawer__footer{border-top:1px solid #dde0e5;padding:5px 0}.side-drawer-backdrop{background:none;border:0;bottom:0;height:100%;left:0;outline:none!important;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:99}.side-drawer-backdrop--active{background-color:rgba(0,0,0,.4)}.side-drawer--active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}.side-drawer__title{font-size:20px;font-weight:500;line-height:28px}"]
             },] }
 ];

package/fesm2015/sd-angular-core-side-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-side-drawer.js","sources":["../../../../projects/sd-core/side-drawer/src/lib/side-drawer/side-drawer.component.ts","../../../../projects/sd-core/side-drawer/src/lib/side-drawer.module.ts","../../../../projects/sd-core/side-drawer/src/public-api.ts","../../../../projects/sd-core/side-drawer/sd-angular-core-side-drawer.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewChild,\r\n  ComponentFactoryResolver,\r\n  ApplicationRef,\r\n  Injector,\r\n  EmbeddedViewRef,\r\n  AfterViewInit,\r\n  OnDestroy,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n} from '@angular/core';\r\nimport { CdkPortal, DomPortalOutlet } from '@angular/cdk/portal';\r\nimport * as uuid from 'uuid';\r\nimport { SdLoadingService } from '@sd-angular/core/loading';\r\n\r\n@Component({\r\n  selector: 'sd-side-drawer',\r\n  templateUrl: './side-drawer.component.html',\r\n  styleUrls: ['./side-drawer.component.scss'],\r\n})\r\nexport class SdSideDrawer implements AfterViewInit, OnDestroy {\r\n  id = `I${uuid.v4()}`;\r\n  @ViewChild(CdkPortal) portal: CdkPortal;\r\n  @Input() title: string;\r\n  @Input() editable: boolean;\r\n  @Input() width = '480px';\r\n  @Output() editingChanged = new EventEmitter<boolean>();\r\n  #embeddedViewRef: EmbeddedViewRef<any>;\r\n  isEditing: boolean = false;\r\n  isOpened = false;\r\n  isHover = false;\r\n  isLoading = false;\r\n\r\n  constructor(\r\n    private cfr: ComponentFactoryResolver,\r\n    private ar: ApplicationRef,\r\n    private injector: Injector,\r\n    private loadingService: SdLoadingService\r\n  ) { }\r\n\r\n  ngAfterViewInit() {\r\n    this.#embeddedViewRef = new DomPortalOutlet(\r\n      document.body,\r\n      this.cfr,\r\n      this.ar,\r\n      this.injector\r\n    ).attachTemplatePortal(this.portal);\r\n  }\r\n\r\n  open = () => {\r\n    this.isOpened = true;\r\n  }\r\n\r\n  close = () => {\r\n    this.isOpened = false;\r\n    this.stopLoading();\r\n  }\r\n\r\n  startLoading = () => {\r\n    this.isLoading = true;\r\n    this.loadingService.stop();\r\n    this.loadingService.start(`#${this.id}`);\r\n  }\r\n\r\n  stopLoading = () => {\r\n    this.isLoading = false;\r\n    this.loadingService.stop();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#embeddedViewRef.destroy();\r\n  }\r\n\r\n  toggleEditable() {\r\n    this.isEditing = !this.isEditing;\r\n    this.editingChanged.emit(this.isEditing);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport '@sd-angular/core/typing';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdSideDrawer } from './side-drawer/side-drawer.component';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatDialogModule,\r\n    MatButtonModule,\r\n    SdButtonModule,\r\n    PortalModule\r\n  ],\r\n  declarations: [\r\n    SdSideDrawer\r\n  ],\r\n  exports: [\r\n    SdSideDrawer\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSideDrawerModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/side-drawer/side-drawer.component';\r\n\r\nexport * from './lib/side-drawer.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":";;;;;;;;;;;;;MAsBa,YAAY;IAavB,YACU,GAA6B,EAC7B,EAAkB,EAClB,QAAkB,EAClB,cAAgC;QAHhC,QAAG,GAAH,GAAG,CAA0B;QAC7B,OAAE,GAAF,EAAE,CAAgB;QAClB,aAAQ,GAAR,QAAQ,CAAU;QAClB,mBAAc,GAAd,cAAc,CAAkB;QAhB1C,OAAE,GAAG,IAAIA,EAAO,EAAE,EAAE,CAAC;QAIZ,UAAK,GAAG,OAAO,CAAC;QACf,mBAAc,GAAG,IAAI,YAAY,EAAW,CAAC;QACvD,mCAAuC;QACvC,cAAS,GAAY,KAAK,CAAC;QAC3B,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,cAAS,GAAG,KAAK,CAAC;QAkBlB,SAAI,GAAG;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB,CAAA;QAED,UAAK,GAAG;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB,CAAA;QAED,iBAAY,GAAG;YACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;SAC1C,CAAA;QAED,gBAAW,GAAG;YACZ,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;SAC5B,CAAA;KA7BI;IAEL,eAAe;QACb,uBAAA,IAAI,oBAAoB,IAAI,eAAe,CACzC,QAAQ,CAAC,IAAI,EACb,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,EAAE,EACP,IAAI,CAAC,QAAQ,CACd,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAC;KACrC;IAsBD,WAAW;QACT,+CAAsB,OAAO,EAAE,CAAC;KACjC;IAED,cAAc;QACZ,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC1C;;;;YA7DF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,+2CAA2C;;aAE5C;;;YAlBC,wBAAwB;YACxB,cAAc;YACd,QAAQ;YAUD,gBAAgB;;;qBAStB,SAAS,SAAC,SAAS;oBACnB,KAAK;uBACL,KAAK;oBACL,KAAK;6BACL,MAAM;;;MCCI,kBAAkB;;;YAlB9B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,eAAe;oBACf,eAAe;oBACf,cAAc;oBACd,YAAY;iBACb;gBACD,YAAY,EAAE;oBACZ,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,SAAS,EAAE,EACV;aACF;;;AC5BD;;;;ACAA;;;;;;"}
+{"version":3,"file":"sd-angular-core-side-drawer.js","sources":["../../../../projects/sd-core/side-drawer/src/lib/side-drawer/side-drawer.component.ts","../../../../projects/sd-core/side-drawer/src/lib/side-drawer.module.ts","../../../../projects/sd-core/side-drawer/src/public-api.ts","../../../../projects/sd-core/side-drawer/sd-angular-core-side-drawer.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewChild,\r\n  ComponentFactoryResolver,\r\n  ApplicationRef,\r\n  Injector,\r\n  EmbeddedViewRef,\r\n  AfterViewInit,\r\n  OnDestroy,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { CdkPortal, DomPortalOutlet } from '@angular/cdk/portal';\r\nimport * as uuid from 'uuid';\r\nimport { SdLoadingService } from '@sd-angular/core/loading';\r\n\r\n@Component({\r\n  selector: 'sd-side-drawer',\r\n  templateUrl: './side-drawer.component.html',\r\n  styleUrls: ['./side-drawer.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSideDrawer implements AfterViewInit, OnDestroy {\r\n  id = `I${uuid.v4()}`;\r\n  @ViewChild(CdkPortal) portal: CdkPortal;\r\n  @Input() title: string;\r\n  @Input() editable: boolean;\r\n  @Input() width = '480px';\r\n  @Output() editingChanged = new EventEmitter<boolean>();\r\n  #embeddedViewRef: EmbeddedViewRef<any>;\r\n  isEditing: boolean = false;\r\n  isOpened = false;\r\n  isHover = false;\r\n  isLoading = false;\r\n\r\n  constructor(\r\n    private cfr: ComponentFactoryResolver,\r\n    private ar: ApplicationRef,\r\n    private injector: Injector,\r\n    private loadingService: SdLoadingService\r\n  ) { }\r\n\r\n  ngAfterViewInit() {\r\n    this.#embeddedViewRef = new DomPortalOutlet(\r\n      document.body,\r\n      this.cfr,\r\n      this.ar,\r\n      this.injector\r\n    ).attachTemplatePortal(this.portal);\r\n  }\r\n\r\n  open = () => {\r\n    this.isOpened = true;\r\n  }\r\n\r\n  close = () => {\r\n    this.isOpened = false;\r\n    this.stopLoading();\r\n  }\r\n\r\n  startLoading = () => {\r\n    this.isLoading = true;\r\n    this.loadingService.stop();\r\n    this.loadingService.start(`#${this.id}`);\r\n  }\r\n\r\n  stopLoading = () => {\r\n    this.isLoading = false;\r\n    this.loadingService.stop();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#embeddedViewRef.destroy();\r\n  }\r\n\r\n  toggleEditable() {\r\n    this.isEditing = !this.isEditing;\r\n    this.editingChanged.emit(this.isEditing);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport '@sd-angular/core/typing';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdSideDrawer } from './side-drawer/side-drawer.component';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatDialogModule,\r\n    MatButtonModule,\r\n    SdButtonModule,\r\n    PortalModule\r\n  ],\r\n  declarations: [\r\n    SdSideDrawer\r\n  ],\r\n  exports: [\r\n    SdSideDrawer\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSideDrawerModule {\r\n\r\n}\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/side-drawer/side-drawer.component';\r\n\r\nexport * from './lib/side-drawer.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":";;;;;;;;;;;;;MAwBa,YAAY;IAavB,YACU,GAA6B,EAC7B,EAAkB,EAClB,QAAkB,EAClB,cAAgC;QAHhC,QAAG,GAAH,GAAG,CAA0B;QAC7B,OAAE,GAAF,EAAE,CAAgB;QAClB,aAAQ,GAAR,QAAQ,CAAU;QAClB,mBAAc,GAAd,cAAc,CAAkB;QAhB1C,OAAE,GAAG,IAAIA,EAAO,EAAE,EAAE,CAAC;QAIZ,UAAK,GAAG,OAAO,CAAC;QACf,mBAAc,GAAG,IAAI,YAAY,EAAW,CAAC;QACvD,mCAAuC;QACvC,cAAS,GAAY,KAAK,CAAC;QAC3B,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,cAAS,GAAG,KAAK,CAAC;QAkBlB,SAAI,GAAG;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB,CAAA;QAED,UAAK,GAAG;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB,CAAA;QAED,iBAAY,GAAG;YACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;SAC1C,CAAA;QAED,gBAAW,GAAG;YACZ,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;SAC5B,CAAA;KA7BI;IAEL,eAAe;QACb,uBAAA,IAAI,oBAAoB,IAAI,eAAe,CACzC,QAAQ,CAAC,IAAI,EACb,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,EAAE,EACP,IAAI,CAAC,QAAQ,CACd,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAC;KACrC;IAsBD,WAAW;QACT,+CAAsB,OAAO,EAAE,CAAC;KACjC;IAED,cAAc;QACZ,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC1C;;;;YA9DF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,+2CAA2C;gBAE3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YApBC,wBAAwB;YACxB,cAAc;YACd,QAAQ;YAWD,gBAAgB;;;qBAUtB,SAAS,SAAC,SAAS;oBACnB,KAAK;uBACL,KAAK;oBACL,KAAK;6BACL,MAAM;;;MCDI,kBAAkB;;;YAlB9B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,eAAe;oBACf,eAAe;oBACf,cAAc;oBACd,YAAY;iBACb;gBACD,YAAY,EAAE;oBACZ,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,SAAS,EAAE,EACV;aACF;;;AC5BD;;;;ACAA;;;;;;"}