@sd-angular/core 0.0.1038 → 0.0.1042

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-chip.js","sources":["../../../../projects/sd-core/chip/src/lib/directives/sd-chip-display-def.directive.ts","../../../../projects/sd-core/chip/src/lib/chip.component.ts","../../../../projects/sd-core/chip/src/lib/pipes/removable-chip.pipe.ts","../../../../projects/sd-core/chip/src/lib/chip.module.ts","../../../../projects/sd-core/chip/src/public-api.ts","../../../../projects/sd-core/chip/sd-angular-core-chip.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdChipDisplayDef]'\r\n})\r\nexport class SdChipDisplayDef {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  OnInit, OnDestroy,\r\n  AfterViewInit,\r\n  ChangeDetectorRef,\r\n  ElementRef,\r\n  ContentChild\r\n} from '@angular/core';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\nimport { map, startWith, switchMap } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport { NgForm, NgModel, FormControl, FormGroup, ValidatorFn, AsyncValidatorFn, Validators, FormGroupDirective } from '@angular/forms';\r\nimport { Observable, Subscription, Subject } from 'rxjs';\r\nimport { SdUtilityService } from '@sd-angular/core/utility';\r\nimport { SdTranslateService } from '@sd-angular/core/translate';\r\nimport { MatChipInputEvent, MatChipList } from '@angular/material/chips';\r\nimport { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { SdChipUpdate } from './chip.model';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdChipDisplayDef } from './directives/sd-chip-display-def.directive';\r\n\r\nclass SdChipErrotStateMatcher implements ErrorStateMatcher {\r\n  constructor(private formControl: FormControl) { }\r\n  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n    const isSubmitted = form && form.submitted;\r\n    return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'sd-chip',\r\n  templateUrl: './chip.component.html',\r\n  styleUrls: ['./chip.component.scss']\r\n})\r\nexport class SdChip implements OnInit, OnDestroy, AfterViewInit {\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  separatorKeysCodes: number[] = [ENTER, COMMA];\r\n  selectable = true;\r\n  @Input() size: 'sm' | 'lg';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n  @Input() label: string;\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() placeholder: string;\r\n  removable: boolean | ((item: any) => boolean) = true;\r\n  @Input('removable') set _removable(val: '' | boolean | ((item: any) => boolean)) {\r\n    this.removable = (val === '') || val;\r\n  }\r\n  #itemChanges = new Subject<any[]>();\r\n  #items: any[] = [];\r\n  @Input() set items(items: undefined | any[]) {\r\n    if (!items) {\r\n      this.#items = [];\r\n    } else if (Array.isArray(items)) {\r\n      this.#items = items.filter(e => (e ?? '').toString().trim() !== '');\r\n    } else {\r\n      this.#items = items;\r\n    }\r\n    this.inputControl.updateValueAndValidity();\r\n    this.#itemChanges.next(this.items);\r\n  }\r\n  @Input() limit = 50;\r\n  selectedItems: any[] = [];\r\n  filteredItems: Observable<any[]>;\r\n\r\n  ipt: any;\r\n\r\n  // model\r\n  @Input() set model(values: undefined | (string | number)[]) {\r\n    if (!Array.isArray(values)) {\r\n      values = [];\r\n    }\r\n    this.formControl.setValue(values, {\r\n      emitEvent: false\r\n    });\r\n  }\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  min: number;\r\n  @Input('min') set pMin(val: number | string) {\r\n    this.min = +val || 0;\r\n    this.#updateValidator();\r\n  }\r\n  max: number;\r\n  @Input('max') set pMax(val: number | string) {\r\n    this.max = +val || 0;\r\n    this.#updateValidator();\r\n  }\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n      this.inputControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n      this.inputControl.enable();\r\n    }\r\n  }\r\n\r\n  @Output() sdChange = new EventEmitter<any[]>();\r\n  @Output() sdUpdate = new EventEmitter<SdChipUpdate>();\r\n  @Output() chipSelected = new EventEmitter<any>();\r\n\r\n  @ViewChild('input') input: ElementRef<HTMLInputElement>;\r\n  @ViewChild('auto') matAutocomplete: MatAutocomplete;\r\n  @ViewChild('chipList', { static: true }) chipList: MatChipList;\r\n  @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n  @ContentChild(SdChipDisplayDef) sdChipDisplay: SdChipDisplayDef;\r\n  inputControl = new FormControl();\r\n  formControl = new FormControl();\r\n  matcher = new SdChipErrotStateMatcher(this.formControl);\r\n  #subscription = new Subscription();\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    private utilityService: SdUtilityService) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.filteredItems = this.inputControl.valueChanges.pipe(\r\n      startWith<string | { [key: string]: string }>(''),\r\n      map(item => typeof item === 'string' ? item : (item?.[this.displayField] ?? '')),\r\n      map(name => this.filter(name))\r\n    );\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.subscribe(() => {\r\n      const values: (string | number)[] = this.formControl.value || [];\r\n      this.selectedItems = this.#items.filter(item => values.findIndex(value => value === item?.[this.valueField]) !== -1);\r\n      this.modelChange.emit(values);\r\n      this.sdChange.emit(values);\r\n      setTimeout(() => {\r\n        this.#form?.markAsDirty();\r\n      }, 0);\r\n    }));\r\n    this.#subscription.add(this.#itemChanges.pipe(startWith(this.#items)).subscribe(() => {\r\n      const values: (string | number)[] = this.formControl.value || [];\r\n      this.selectedItems = [];\r\n      for (const value of values) {\r\n        const item = this.#items.find(e => e?.[this.valueField] === value) || {};\r\n        this.selectedItems.push({\r\n          ...item,\r\n          [this.valueField]: value\r\n        });\r\n      }\r\n    }));\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    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    const asyncValidators: AsyncValidatorFn[] = [];\r\n    if (this.isRequired) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.min > 0) {\r\n      validators.push(Validators.minLength(this.min));\r\n    }\r\n    if (this.max > 0) {\r\n      validators.push(Validators.maxLength(this.max));\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  filter = (value: string): { [key: string]: string }[] => {\r\n    return this.#items\r\n      .filter(item => {\r\n        if (this.formControl.value?.some(val => val === item[this.valueField])) {\r\n          return false;\r\n        }\r\n        return !value || this.utilityService.changeAliasLowerCase(item[this.displayField])\r\n          .indexOf(this.utilityService.changeAliasLowerCase(value)) !== -1;\r\n      }).filter((item, index) => index < this.limit);\r\n  }\r\n\r\n  onAdd = (event: MatChipInputEvent): void => {\r\n    // Add item only when MatAutocomplete is not open\r\n    // To make sure this does not conflict with OptionSelected Event\r\n    if (!this.matAutocomplete.isOpen) {\r\n      const value = (event.value ?? '').toString().toLowerCase().trim();\r\n      if (value) {\r\n\r\n        const item = this.#items.find(e => e[this.displayField]\r\n          && e[this.displayField].toString().toLowerCase().trim() === value);\r\n\r\n        if (item) {\r\n          const values: (string | number)[] = this.formControl.value ?? [];\r\n          values.push(item[this.valueField]);\r\n          this.formControl.setValue(values);\r\n        }\r\n      }\r\n      this.inputControl.setValue('');\r\n    }\r\n  }\r\n\r\n  onRemove = (item: any): void => {\r\n    const values: (string | number)[] = this.formControl.value ?? [];\r\n    this.formControl.setValue(values.filter(value => item?.[this.valueField] !== value));\r\n    this.inputControl.setValue('');\r\n  }\r\n\r\n  select = (item: any): void => {\r\n    this.chipSelected.emit(item);\r\n  }\r\n\r\n  selected = (event: MatAutocompleteSelectedEvent): void => {\r\n    const value = (event.option.value?.[this.valueField] ?? '').toString().trim();\r\n    if (value) {\r\n      const item = this.#items.find(e => e[this.valueField]\r\n        && e[this.valueField].toString().trim() === value);\r\n      if (item) {\r\n        const values: (string | number)[] = this.formControl.value ?? [];\r\n        values.push(item[this.valueField]);\r\n        this.formControl.setValue(values);\r\n        this.input.nativeElement.value = '';\r\n        this.inputControl.setValue('');\r\n        setTimeout(() => {\r\n          this.autocompleteTrigger?.openPanel();\r\n        }, 0);\r\n      }\r\n    }\r\n  }\r\n\r\n  displayFn = (value: string | { [key: string]: string }): string | undefined => {\r\n    if (typeof value === 'string') {\r\n      if (!this.#items) {\r\n        return undefined;\r\n      }\r\n      const selectedItem = this.#items.find(item => item[this.valueField] === value);\r\n      if (selectedItem) {\r\n        return selectedItem[this.displayField];\r\n      }\r\n      if (this.#items.some(item => item[this.displayField].toLowerCase().indexOf(value.toLowerCase()) !== -1)) {\r\n        return value;\r\n      } else {\r\n        return undefined;\r\n      }\r\n    } else {\r\n      return value ? value[this.displayField] : undefined;\r\n    }\r\n  }\r\n\r\n  onClear = ($event?: any) => {\r\n    $event?.stopPropagation();\r\n    this.inputControl.setValue('');\r\n    this.formControl.setValue([]);\r\n    this.autocompleteTrigger?.openPanel();\r\n    this.ref.detectChanges();\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n  name: 'sdRemovableChip'\r\n})\r\nexport class SdRemovableChipPipe implements PipeTransform {\r\n  constructor() { }\r\n  transform(item: any, removable: boolean | ((item: any) => boolean)): boolean {\r\n    if(typeof(removable) === 'boolean') {\r\n      return removable;\r\n    }\r\n    return removable(item);\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 { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdChip } from './chip.component';\r\nimport { SdChipDisplayDef } from './directives/sd-chip-display-def.directive';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { SdRemovableChipPipe } from './pipes/removable-chip.pipe';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatAutocompleteModule,\r\n    MatIconModule,\r\n    MatProgressSpinnerModule,\r\n    MatChipsModule,\r\n    SdTranslateModule\r\n  ],\r\n  declarations: [\r\n    SdChip,\r\n    SdChipDisplayDef,\r\n    SdRemovableChipPipe\r\n  ],\r\n  exports: [\r\n    SdChip,\r\n    SdChipDisplayDef\r\n  ]\r\n})\r\nexport class SdChipModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/chip.module';\r\nexport * from './lib/chip.component';\r\nexport * from './lib/chip.model';\r\nexport * from './lib/directives/sd-chip-display-def.directive';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdRemovableChipPipe as ɵa} from './src/lib/pipes/removable-chip.pipe';"],"names":["uuid.v4"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-chip.js","sources":["../../../../projects/sd-core/chip/src/lib/directives/sd-chip-display-def.directive.ts","../../../../projects/sd-core/chip/src/lib/chip.component.ts","../../../../projects/sd-core/chip/src/lib/pipes/removable-chip.pipe.ts","../../../../projects/sd-core/chip/src/lib/chip.module.ts","../../../../projects/sd-core/chip/src/public-api.ts","../../../../projects/sd-core/chip/sd-angular-core-chip.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdChipDisplayDef]'\r\n})\r\nexport class SdChipDisplayDef {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n  Component,\r\n  Input,\r\n  ViewChild,\r\n  Output,\r\n  EventEmitter,\r\n  OnInit, OnDestroy,\r\n  AfterViewInit,\r\n  ChangeDetectorRef,\r\n  ElementRef,\r\n  ContentChild\r\n} from '@angular/core';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\nimport { map, startWith, switchMap } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport { NgForm, NgModel, FormControl, FormGroup, ValidatorFn, AsyncValidatorFn, Validators, FormGroupDirective } from '@angular/forms';\r\nimport { Observable, Subscription, Subject } from 'rxjs';\r\nimport { SdUtilityService } from '@sd-angular/core/utility';\r\nimport { SdTranslateService } from '@sd-angular/core/translate';\r\nimport { MatChipInputEvent, MatChipList } from '@angular/material/chips';\r\nimport { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { SdChipUpdate } from './chip.model';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdChipDisplayDef } from './directives/sd-chip-display-def.directive';\r\nimport { SdViewDefDirective } from '@sd-angular/core/common';\r\n\r\nclass SdChipErrotStateMatcher implements ErrorStateMatcher {\r\n  constructor(private formControl: FormControl) { }\r\n  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n    const isSubmitted = form && form.submitted;\r\n    return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'sd-chip',\r\n  templateUrl: './chip.component.html',\r\n  styleUrls: ['./chip.component.scss']\r\n})\r\nexport class SdChip implements OnInit, OnDestroy, AfterViewInit {\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  separatorKeysCodes: number[] = [ENTER, COMMA];\r\n  selectable = true;\r\n  @Input() size: 'sm' | 'lg';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n  @Input() label: string;\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() placeholder: string;\r\n  removable: boolean | ((item: any) => boolean) = true;\r\n  @Input('removable') set _removable(val: '' | boolean | ((item: any) => boolean)) {\r\n    this.removable = (val === '') || val;\r\n  }\r\n  #itemChanges = new Subject<any[]>();\r\n  #items: any[] = [];\r\n  @Input() set items(items: undefined | any[]) {\r\n    if (!items) {\r\n      this.#items = [];\r\n    } else if (Array.isArray(items)) {\r\n      this.#items = items.filter(e => (e ?? '').toString().trim() !== '');\r\n    } else {\r\n      this.#items = items;\r\n    }\r\n    this.inputControl.updateValueAndValidity();\r\n    this.#itemChanges.next(this.items);\r\n  }\r\n  @Input() limit = 50;\r\n  selectedItems: any[] = [];\r\n  filteredItems: Observable<any[]>;\r\n\r\n  ipt: any;\r\n\r\n  // model\r\n  @Input() set model(values: undefined | (string | number)[]) {\r\n    if (!Array.isArray(values)) {\r\n      values = [];\r\n    }\r\n    this.formControl.setValue(values, {\r\n      emitEvent: false\r\n    });\r\n  }\r\n  // Validator\r\n  isRequired = false;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n\r\n  min: number;\r\n  @Input('min') set pMin(val: number | string) {\r\n    this.min = +val || 0;\r\n    this.#updateValidator();\r\n  }\r\n  max: number;\r\n  @Input('max') set pMax(val: number | string) {\r\n    this.max = +val || 0;\r\n    this.#updateValidator();\r\n  }\r\n  @Output() modelChange = new EventEmitter();\r\n\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n      this.inputControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n      this.inputControl.enable();\r\n    }\r\n  }\r\n\r\n  @Output() sdChange = new EventEmitter<any[]>();\r\n  @Output() sdUpdate = new EventEmitter<SdChipUpdate>();\r\n  @Output() chipSelected = new EventEmitter<any>();\r\n\r\n  @ViewChild('input') input: ElementRef<HTMLInputElement>;\r\n  @ViewChild('auto') matAutocomplete: MatAutocomplete;\r\n  @ViewChild('chipList', { static: true }) chipList: MatChipList;\r\n  @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n  @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n  @ContentChild(SdChipDisplayDef) sdChipDisplay: SdChipDisplayDef;\r\n  isFocused = false;\r\n  inputControl = new FormControl();\r\n  formControl = new FormControl();\r\n  matcher = new SdChipErrotStateMatcher(this.formControl);\r\n  #subscription = new Subscription();\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    private utilityService: SdUtilityService) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.filteredItems = this.inputControl.valueChanges.pipe(\r\n      startWith<string | { [key: string]: string }>(''),\r\n      map(item => typeof item === 'string' ? item : (item?.[this.displayField] ?? '')),\r\n      map(name => this.filter(name))\r\n    );\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.formControl.valueChanges.subscribe(() => {\r\n      const values: (string | number)[] = this.formControl.value || [];\r\n      this.selectedItems = this.#items.filter(item => values.findIndex(value => value === item?.[this.valueField]) !== -1);\r\n      this.modelChange.emit(values);\r\n      this.sdChange.emit(values);\r\n      setTimeout(() => {\r\n        this.#form?.markAsDirty();\r\n      }, 0);\r\n    }));\r\n    this.#subscription.add(this.#itemChanges.pipe(startWith(this.#items)).subscribe(() => {\r\n      const values: (string | number)[] = this.formControl.value || [];\r\n      this.selectedItems = [];\r\n      for (const value of values) {\r\n        const item = this.#items.find(e => e?.[this.valueField] === value) || {};\r\n        this.selectedItems.push({\r\n          ...item,\r\n          [this.valueField]: value\r\n        });\r\n      }\r\n    }));\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    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    const asyncValidators: AsyncValidatorFn[] = [];\r\n    if (this.isRequired) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.min > 0) {\r\n      validators.push(Validators.minLength(this.min));\r\n    }\r\n    if (this.max > 0) {\r\n      validators.push(Validators.maxLength(this.max));\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  filter = (value: string): { [key: string]: string }[] => {\r\n    return this.#items\r\n      .filter(item => {\r\n        if (this.formControl.value?.some(val => val === item[this.valueField])) {\r\n          return false;\r\n        }\r\n        return !value || this.utilityService.changeAliasLowerCase(item[this.displayField])\r\n          .indexOf(this.utilityService.changeAliasLowerCase(value)) !== -1;\r\n      }).filter((item, index) => index < this.limit);\r\n  }\r\n\r\n  onAdd = (event: MatChipInputEvent): void => {\r\n    // Add item only when MatAutocomplete is not open\r\n    // To make sure this does not conflict with OptionSelected Event\r\n    if (!this.matAutocomplete.isOpen) {\r\n      const value = (event.value ?? '').toString().toLowerCase().trim();\r\n      if (value) {\r\n\r\n        const item = this.#items.find(e => e[this.displayField]\r\n          && e[this.displayField].toString().toLowerCase().trim() === value);\r\n\r\n        if (item) {\r\n          const values: (string | number)[] = this.formControl.value ?? [];\r\n          values.push(item[this.valueField]);\r\n          this.formControl.setValue(values);\r\n        }\r\n      }\r\n      this.inputControl.setValue('');\r\n    }\r\n  }\r\n\r\n  onRemove = (item: any): void => {\r\n    const values: (string | number)[] = this.formControl.value ?? [];\r\n    this.formControl.setValue(values.filter(value => item?.[this.valueField] !== value));\r\n    this.inputControl.setValue('');\r\n  }\r\n\r\n  select = (item: any): void => {\r\n    this.chipSelected.emit(item);\r\n  }\r\n\r\n  onSelect = (event: MatAutocompleteSelectedEvent) => {\r\n    const value = (event.option.value?.[this.valueField] ?? '').toString().trim();\r\n    if (value) {\r\n      const item = this.#items.find(e => e[this.valueField]\r\n        && e[this.valueField].toString().trim() === value);\r\n      if (item) {\r\n        const values: (string | number)[] = this.formControl.value ?? [];\r\n        values.push(item[this.valueField]);\r\n        this.formControl.setValue(values);\r\n        this.input.nativeElement.value = '';\r\n        this.inputControl.setValue('');\r\n        setTimeout(() => {\r\n          this.autocompleteTrigger?.openPanel();\r\n        }, 0);\r\n      }\r\n    }\r\n  }\r\n\r\n  displayFn = (value: string | { [key: string]: string }): string | undefined => {\r\n    if (typeof value === 'string') {\r\n      if (!this.#items) {\r\n        return undefined;\r\n      }\r\n      const selectedItem = this.#items.find(item => item[this.valueField] === value);\r\n      if (selectedItem) {\r\n        return selectedItem[this.displayField];\r\n      }\r\n      if (this.#items.some(item => item[this.displayField].toLowerCase().indexOf(value.toLowerCase()) !== -1)) {\r\n        return value;\r\n      } else {\r\n        return undefined;\r\n      }\r\n    } else {\r\n      return value ? value[this.displayField] : undefined;\r\n    }\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.isFocused = true;\r\n    this.inputControl.setValue('');\r\n    // this.inputControl.updateValueAndValidity();\r\n  }\r\n\r\n  onBlur = () => {\r\n    this.isFocused = false;\r\n    this.inputControl.setValue('', {\r\n      emitEvent: false\r\n    });\r\n  }\r\n\r\n  onClick = () => {\r\n    if (this.sdView?.templateRef) {\r\n      if (!this.formControl.disabled && !this.isFocused) {\r\n        this.focus();\r\n      }\r\n    }\r\n  }\r\n\r\n  focus = () => {\r\n    this.isFocused = true;\r\n    setTimeout(() => {\r\n      this.autocompleteTrigger?.openPanel();\r\n      this.input?.nativeElement?.focus();\r\n    }, 100);\r\n  }\r\n\r\n  onClear = ($event?: any) => {\r\n    $event?.stopPropagation();\r\n    this.inputControl.setValue('');\r\n    this.formControl.setValue([]);\r\n    this.autocompleteTrigger?.openPanel();\r\n    this.ref.detectChanges();\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n  name: 'sdRemovableChip'\r\n})\r\nexport class SdRemovableChipPipe implements PipeTransform {\r\n  constructor() { }\r\n  transform(item: any, removable: boolean | ((item: any) => boolean)): boolean {\r\n    if(typeof(removable) === 'boolean') {\r\n      return removable;\r\n    }\r\n    return removable(item);\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 { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdChip } from './chip.component';\r\nimport { SdChipDisplayDef } from './directives/sd-chip-display-def.directive';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { SdRemovableChipPipe } from './pipes/removable-chip.pipe';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatAutocompleteModule,\r\n    MatIconModule,\r\n    MatProgressSpinnerModule,\r\n    MatChipsModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdChip,\r\n    SdChipDisplayDef,\r\n    SdRemovableChipPipe\r\n  ],\r\n  exports: [\r\n    SdCommonModule,\r\n    SdChip,\r\n    SdChipDisplayDef,\r\n  ]\r\n})\r\nexport class SdChipModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/chip.module';\r\nexport * from './lib/chip.component';\r\nexport * from './lib/chip.model';\r\nexport * from './lib/directives/sd-chip-display-def.directive';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdRemovableChipPipe as ɵa} from './src/lib/pipes/removable-chip.pipe';"],"names":["uuid.v4"],"mappings":"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"}

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

@@ -0,0 +1,323 @@
+import { Directive, TemplateRef, Input, Injectable, QueryList, Component, ContentChildren, Pipe, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { SdTranslateModule } from '@sd-angular/core/translate';
+import { SdCommonModule } from '@sd-angular/core/common';
+import { __awaiter, __classPrivateFieldGet } from 'tslib';
+import { BehaviorSubject, Subscription } from 'rxjs';
+import { startWith } from 'rxjs/operators';
+import { v4 } from 'uuid';
+import { DeviceDetectorService } from 'ngx-device-detector';
+import hash from 'object-hash';
+import { SdSettingService } from '@sd-angular/core/setting';
+import { SdFormModule } from '@sd-angular/core/form';
+import { MatButtonModule } from '@angular/material/button';
+
+class SdFilterDefDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    set _defaultShowing(val) {
+        this.defaultShowing = (val === '') || val;
+    }
+}
+SdFilterDefDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[sdFilterDef]'
+            },] }
+];
+SdFilterDefDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+SdFilterDefDirective.propDecorators = {
+    sdFilterDef: [{ type: Input }],
+    _defaultShowing: [{ type: Input, args: ['defaultShowing',] }]
+};
+
+var _prefix;
+class SdFilterService {
+    constructor(settingService) {
+        this.settingService = settingService;
+        _prefix.set(this, '61d22e8e-eee8-4aad-8e1c-044a532fea91');
+        this.get = (key) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (!key) {
+                return {
+                    selectedQuickFilter: null,
+                    quickFilters: [],
+                    filter: {}
+                };
+            }
+            const { get } = this.settingService.create({
+                prefix: __classPrivateFieldGet(this, _prefix),
+                key
+            });
+            const configuration = yield get();
+            return {
+                selectedQuickFilter: (_a = configuration === null || configuration === void 0 ? void 0 : configuration.selectedQuickFilter) !== null && _a !== void 0 ? _a : null,
+                quickFilters: (configuration === null || configuration === void 0 ? void 0 : configuration.quickFilters) || [],
+                filter: (configuration === null || configuration === void 0 ? void 0 : configuration.filter) || {}
+            };
+        });
+        this.set = (key, configuration) => __awaiter(this, void 0, void 0, function* () {
+            var _b;
+            configuration = {
+                selectedQuickFilter: (_b = configuration === null || configuration === void 0 ? void 0 : configuration.selectedQuickFilter) !== null && _b !== void 0 ? _b : null,
+                quickFilters: (configuration === null || configuration === void 0 ? void 0 : configuration.quickFilters) || [],
+                filter: (configuration === null || configuration === void 0 ? void 0 : configuration.filter) || {}
+            };
+            if (!key) {
+                return configuration;
+            }
+            const { set } = this.settingService.create({
+                prefix: __classPrivateFieldGet(this, _prefix),
+                key
+            });
+            key = hash({
+                prefix: __classPrivateFieldGet(this, _prefix),
+                key
+            });
+            yield set(configuration);
+            return configuration;
+        });
+    }
+}
+_prefix = new WeakMap();
+SdFilterService.decorators = [
+    { type: Injectable }
+];
+SdFilterService.ctorParameters = () => [
+    { type: SdSettingService }
+];
+
+var _prefix$1, _filterOptionChanges, _subscription, _format, _firstLoad;
+class SdFilter {
+    constructor(deviceService, settingService, filterService) {
+        this.deviceService = deviceService;
+        this.settingService = settingService;
+        this.filterService = filterService;
+        _prefix$1.set(this, '61d22e8e-eee8-4aad-8e1c-044a532fea91');
+        _filterOptionChanges.set(this, new BehaviorSubject(null));
+        _subscription.set(this, new Subscription());
+        this.sdFilterDefs = new QueryList();
+        this.isMobileOrTablet = false;
+        this.filterChanges = new BehaviorSubject({});
+        this.onFilter = (filter) => {
+            this.filterChanges.next({
+                filter: Object.assign({}, this.information.filter),
+                filterDef: Object.assign({}, this.information.filterDef),
+            });
+            this.setting.set(this.information);
+        };
+        this.onClear = () => {
+            this.information.filter = {};
+            this.information.filterDef = {};
+            this.onFilter();
+        };
+        _format.set(this, (filters, information) => {
+            var _a, _b, _c, _d, _e;
+            for (const filter of filters) {
+                if (filter.type === 'daterange') {
+                    information.filter[filter.field] = {
+                        from: (_b = (_a = information.filter[filter.field]) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : undefined,
+                        to: (_d = (_c = information.filter[filter.field]) === null || _c === void 0 ? void 0 : _c.to) !== null && _d !== void 0 ? _d : undefined
+                    };
+                }
+                else {
+                    information.filter[filter.field] = (_e = information.filter[filter.field]) !== null && _e !== void 0 ? _e : undefined;
+                }
+            }
+        });
+        _firstLoad.set(this, (filters, information) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            if (information.selectedQuickFilter && information.quickFilters.some(e => e.code === information.selectedQuickFilter)) {
+                const selected = information.quickFilters.find(e => e.code === information.selectedQuickFilter);
+                information.filter = Object.assign({}, selected.filter);
+                information.filterDef = Object.assign({}, selected.filterDef);
+                __classPrivateFieldGet(this, _format).call(this, filters, information);
+            }
+            else {
+                for (const filter of filters) {
+                    if (filter.type === 'daterange') {
+                        information.filter[filter.field] = {
+                            from: (_d = (_b = (_a = information.filter[filter.field]) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : (_c = filter.default) === null || _c === void 0 ? void 0 : _c.from) !== null && _d !== void 0 ? _d : undefined,
+                            to: (_h = (_f = (_e = information.filter[filter.field]) === null || _e === void 0 ? void 0 : _e.to) !== null && _f !== void 0 ? _f : (_g = filter.default) === null || _g === void 0 ? void 0 : _g.to) !== null && _h !== void 0 ? _h : undefined
+                        };
+                    }
+                    else {
+                        information.filter[filter.field] = (_k = (_j = information.filter[filter.field]) !== null && _j !== void 0 ? _j : filter.default) !== null && _k !== void 0 ? _k : undefined;
+                    }
+                }
+            }
+        });
+        this.setFilter = (args) => {
+            const { filter, filterDef } = args;
+            this.information = Object.assign(Object.assign({}, this.information), { filter: Object.assign({}, filter), filterDef: Object.assign({}, filterDef) });
+        };
+        this.isMobileOrTablet = !this.deviceService.isDesktop();
+    }
+    set _filterOption(option) {
+        console.log(option);
+        if (option) {
+            this.filterOption = option;
+            __classPrivateFieldGet(this, _filterOptionChanges).next(option);
+        }
+    }
+    ngOnInit() {
+        // if (!this.#key) {
+        //   this.setting = this.settingService.create<SdFilterInformation>(uuid.v4(), {
+        //     type: 'session',
+        //     default: {
+        //       filter: {},
+        //       visible: {},
+        //       quickFilters: [],
+        //       selectedQuickFilter: null
+        //     }
+        //   });
+        // } else {
+        //   this.setting = this.settingService.create<SdFilterInformation>(this.#key, {
+        //     default: {
+        //       filter: {},
+        //       visible: {},
+        //       quickFilters: [],
+        //       selectedQuickFilter: null
+        //     }
+        //   });
+        // }
+    }
+    ngAfterViewInit() {
+        __classPrivateFieldGet(this, _subscription).add(__classPrivateFieldGet(this, _filterOptionChanges).pipe(startWith(this.filterOption)).subscribe((filterOption) => {
+            var _a, _b;
+            console.log(filterOption);
+            if (!filterOption) {
+                return;
+            }
+            const defaultInformation = {
+                filter: {},
+                visible: {},
+                quickFilters: ((_a = filterOption === null || filterOption === void 0 ? void 0 : filterOption.quickFilter) === null || _a === void 0 ? void 0 : _a.defaults) || [],
+                selectedQuickFilter: (_b = filterOption === null || filterOption === void 0 ? void 0 : filterOption.quickFilter) === null || _b === void 0 ? void 0 : _b.selectedDefault
+            };
+            if (!filterOption.key) {
+                this.setting = this.settingService.create(v4(), {
+                    type: 'session',
+                    default: defaultInformation
+                });
+            }
+            else {
+                this.setting = this.settingService.create({
+                    prefix: __classPrivateFieldGet(this, _prefix$1),
+                    key: filterOption.key
+                }, {
+                    default: defaultInformation
+                });
+            }
+            this.information = this.setting.get();
+            console.log(this.information);
+            __classPrivateFieldGet(this, _subscription).add(this.setting.observer.subscribe(filterInformation => {
+                this.information = filterInformation;
+                __classPrivateFieldGet(this, _format).call(this, filterOption === null || filterOption === void 0 ? void 0 : filterOption.filters, this.information);
+            }));
+        }));
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _subscription).unsubscribe();
+    }
+}
+_prefix$1 = new WeakMap(), _filterOptionChanges = new WeakMap(), _subscription = new WeakMap(), _format = new WeakMap(), _firstLoad = new WeakMap();
+SdFilter.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-filter',
+                template: "<div *ngIf=\"information\" class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"d-flex align-items-center\">\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">filter_alt</mat-icon>\r\n      </button>\r\n      <span>Hi\u1EC3n th\u1ECB</span>\r\n    </div>\r\n    <div class=\"d-flex align-items-center\">\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">add</mat-icon>\r\n      </button>\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">settings</mat-icon>\r\n      </button>\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">download</mat-icon>\r\n      </button>\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">close</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"c-body row mx-0\">\r\n    <ng-container *ngFor=\"let item of filterOption?.filters\">\r\n      <div *ngIf=\"information.visible[item.field] !== false\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n        <sd-input *ngIf=\"item.type === 'string'\" [label]=\"item.title\" type=\"text\"\r\n          [(model)]=\"information.filter[item.field]\" (keyupEnter)=\"onFilter(item)\">\r\n        </sd-input>\r\n        <sd-input *ngIf=\"item.type === 'number'\" [label]=\"item.title\" type=\"number\"\r\n          [(model)]=\"information.filter[item.field]\" (keyupEnter)=\"onFilter(item)\">\r\n        </sd-input>\r\n        <sd-select *ngIf=\"item.type === 'bool'\" [label]=\"item.title\" [items]=\"[{value:true,display:item.option?.displayOnTrue || 'True' },\r\n          {value:false,display:item.option?.displayOnFalse || 'False' }]\" valueField=\"value\" displayField=\"display\"\r\n          [(model)]=\"information.filter[item.field]\" (sdChange)=\"onFilter(item)\">\r\n        </sd-select>\r\n        <ng-container *ngIf=\"item.type === 'values-local'\">\r\n          <sd-select *ngIf=\"item.option?.selection === 'MULTIPLE'\" [label]=\"item.title\"\r\n            [items]=\"item | sdValuesLocal | async\" [valueField]=\"item.option.valueField\"\r\n            [displayField]=\"item.option.displayField\" [(model)]=\"information.filter[item.field]\"\r\n            (sdChange)=\"onFilter(item)\" [selectAll]=\"item.option.selectAll\" multiple=\"true\">\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf=\"item.option?.selection === 'AUTOCOMPLETE'\" [label]=\"item.title\"\r\n            [items]=\"item | sdValuesLocal | async\" [valueField]=\"item.option.valueField\"\r\n            [displayField]=\"item.option.displayField\" [(model)]=\"information.filter[item.field]\"\r\n            (sdChange)=\"onFilter(item)\">\r\n          </sd-autocomplete>\r\n          <sd-select *ngIf=\"item.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" [label]=\"item.title\"\r\n            [items]=\"item | sdValuesLocal | async\" [valueField]=\"item.option.valueField\"\r\n            [displayField]=\"item.option.displayField\" [(model)]=\"information.filter[item.field]\"\r\n            (sdChange)=\"onFilter(item)\" filtered multiple>\r\n          </sd-select>\r\n          <sd-select *ngIf=\"!item.option?.selection\" [label]=\"item.title\" [items]=\"item | sdValuesLocal | async\"\r\n            [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n            [(model)]=\"information.filter[item.field]\" (sdChange)=\"onFilter(item)\">\r\n          </sd-select>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"item.type === 'values-server'\">\r\n          <sd-select *ngIf=\"item.option?.selection === 'MULTIPLE'\" [label]=\"item.title\"\r\n            [items]=\"item | sdValuesLocal | async\" [valueField]=\"item.option.valueField\"\r\n            [displayField]=\"item.option.displayField\" [(model)]=\"information.filter[item.field]\"\r\n            (sdChange)=\"onFilter(item)\" filtered multiple>\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf=\"!item.option?.selection\" [label]=\"item.title\" [items]=\"item | sdValuesLocal | async\"\r\n            [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n            [(model)]=\"information.filter[item.field]\" (sdChange)=\"onFilter(item)\">\r\n          </sd-autocomplete>\r\n        </ng-container>\r\n        <sd-date-time *ngIf=\"item.type ==='date' || item.type ==='datetime'\" [label]=\"item.title\"\r\n          [(model)]=\"information.filter[item.field]\" [type]=\"item.type\" [min]=\"item?.option?.min\"\r\n          [max]=\"item?.option?.max\" (sdChange)=\"onFilter(item)\">\r\n        </sd-date-time>\r\n        <sd-date-range *ngIf=\"item.type ==='daterange'\" [label]=\"item.title\"\r\n          [(from)]=\"information.filter[item.field].from\" [(to)]=\"information.filter[item.field].to\"\r\n          [min]=\"item?.option?.min\" [max]=\"item?.option?.max\" (sdChange)=\"onFilter(item)\">\r\n        </sd-date-range>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<!-- <sd-popup-filter [columns]=\"columns\" [externalFilters]=\"externalFilters\" (changeFilter)=\"onChangeFilter($event)\"\r\n    (clearFilter)=\"onReset()\" [filterDefs]=\"filterDefs\">\r\n  </sd-popup-filter> -->",
+                styles: [".c-container .c-header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 20px}.c-container mat-icon.c-icon{color:rgba(0,0,0,.54)!important}.c-container button:focus{outline:none}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}"]
+            },] }
+];
+SdFilter.ctorParameters = () => [
+    { type: DeviceDetectorService },
+    { type: SdSettingService },
+    { type: SdFilterService }
+];
+SdFilter.propDecorators = {
+    _filterOption: [{ type: Input, args: ['option',] }],
+    sdFilterDefs: [{ type: ContentChildren, args: [SdFilterDefDirective,] }]
+};
+
+class SdValuesLocalPipe {
+    constructor() {
+        this.transform = (filterValues) => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
+            if (typeof ((_a = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _a === void 0 ? void 0 : _a.items) === 'function') {
+                return yield ((_b = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _b === void 0 ? void 0 : _b.items());
+            }
+            return ((_c = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _c === void 0 ? void 0 : _c.items) || [];
+        });
+    }
+}
+SdValuesLocalPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'sdValuesLocal'
+            },] }
+];
+
+class SdValuesServerPipe {
+    constructor() {
+        this.transform = (filterValues) => {
+            var _a, _b, _c;
+            if (typeof ((_a = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _a === void 0 ? void 0 : _a.items) === 'function') {
+                return (_b = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _b === void 0 ? void 0 : _b.items;
+            }
+            return ((_c = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _c === void 0 ? void 0 : _c.items) || [];
+        };
+    }
+}
+SdValuesServerPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'sdValuesServer'
+            },] }
+];
+
+class SdFilterModule {
+}
+SdFilterModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatFormFieldModule,
+                    MatInputModule,
+                    MatIconModule,
+                    MatTooltipModule,
+                    MatButtonModule,
+                    SdTranslateModule,
+                    SdCommonModule,
+                    SdFormModule
+                ],
+                declarations: [
+                    SdFilter,
+                    SdFilterDefDirective,
+                    SdValuesLocalPipe,
+                    SdValuesServerPipe
+                ],
+                providers: [
+                    SdFilterService
+                ],
+                exports: [
+                    SdCommonModule,
+                    SdFilterDefDirective,
+                    SdFilter
+                ]
+            },] }
+];
+
+/*
+ * Public API Surface of superdev-angular-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdFilter, SdFilterDefDirective, SdFilterModule, SdFilterService as ɵa, SdValuesLocalPipe as ɵb, SdValuesServerPipe as ɵc };
+//# sourceMappingURL=sd-angular-core-filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-filter.js","sources":["../../../../projects/sd-core/filter/src/lib/directives/sd-filter-def.directive.ts","../../../../projects/sd-core/filter/src/lib/filter.service.ts","../../../../projects/sd-core/filter/src/lib/filter.component.ts","../../../../projects/sd-core/filter/src/lib/pipes/values-local.pipe.ts","../../../../projects/sd-core/filter/src/lib/pipes/values-server.pipe.ts","../../../../projects/sd-core/filter/src/lib/filter.module.ts","../../../../projects/sd-core/filter/src/public-api.ts","../../../../projects/sd-core/filter/sd-angular-core-filter.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdFilterDef]'\r\n})\r\nexport class SdFilterDefDirective {\r\n  @Input() sdFilterDef: string;\r\n  defaultShowing: boolean;\r\n  @Input('defaultShowing') set _defaultShowing(val: boolean | '') {\r\n    this.defaultShowing = (val === '') || val;\r\n  }\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport hash from 'object-hash';\r\nimport { SdSettingService } from '@sd-angular/core/setting';\r\nimport { SdFilterInformation } from './filter.model';\r\n\r\n@Injectable()\r\nexport class SdFilterService {\r\n  #prefix = '61d22e8e-eee8-4aad-8e1c-044a532fea91';\r\n  constructor(private settingService: SdSettingService) {\r\n  }\r\n  get = async (key: string): Promise<SdFilterInformation> => {\r\n    if (!key) {\r\n      return {\r\n        selectedQuickFilter: null,\r\n        quickFilters: [],\r\n        filter: {}\r\n      }\r\n    }\r\n    const { get } = this.settingService.create<SdFilterInformation>({\r\n      prefix: this.#prefix,\r\n      key\r\n    });\r\n    const configuration = await get();\r\n    return {\r\n      selectedQuickFilter: configuration?.selectedQuickFilter ?? null,\r\n      quickFilters: configuration?.quickFilters || [],\r\n      filter: configuration?.filter || {}\r\n    };\r\n  }\r\n\r\n  set = async (key: string, configuration: SdFilterInformation): Promise<SdFilterInformation> => {\r\n    configuration = {\r\n      selectedQuickFilter: configuration?.selectedQuickFilter ?? null,\r\n      quickFilters: configuration?.quickFilters || [],\r\n      filter: configuration?.filter || {}\r\n    };\r\n    if (!key) {\r\n      return configuration;\r\n    }\r\n    const { set } = this.settingService.create<SdFilterInformation>({\r\n      prefix: this.#prefix,\r\n      key\r\n    });\r\n    key = hash({\r\n      prefix: this.#prefix,\r\n      key\r\n    });\r\n    await set(configuration);\r\n    return configuration;\r\n  }\r\n}\r\n","import { Component, Input, Output, EventEmitter, ViewChild, AfterViewInit, OnDestroy, ContentChildren, QueryList } from '@angular/core';\r\nimport { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';\r\nimport { map, startWith, switchMap } from 'rxjs/operators';\r\nimport * as uuid from 'uuid';\r\nimport * as hash from 'object-hash';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { SdFilterDefDirective } from './directives/sd-filter-def.directive';\r\nimport { Filter, SdFilterInformation, FilterObject, SdFilterOption, SdQuickFilter } from './filter.model';\r\nimport { SdFilterService } from './filter.service';\r\nimport { SdSetting, SdSettingService } from '@sd-angular/core/setting';\r\nimport { SdCacheService } from '@sd-angular/core/cache';\r\n\r\n@Component({\r\n  selector: 'sd-filter',\r\n  templateUrl: './filter.component.html',\r\n  styleUrls: ['./filter.component.scss']\r\n})\r\nexport class SdFilter implements AfterViewInit, OnDestroy {\r\n  #prefix = '61d22e8e-eee8-4aad-8e1c-044a532fea91';\r\n  setting: SdSetting<SdFilterInformation>;\r\n  filterOption: SdFilterOption;\r\n  @Input('option') set _filterOption(option: SdFilterOption) {\r\n    console.log(option);\r\n    if (option) {\r\n      this.filterOption = option;\r\n      this.#filterOptionChanges.next(option);\r\n    }\r\n  }\r\n  #filterOptionChanges = new BehaviorSubject<SdFilterOption>(null);\r\n  #subscription = new Subscription();\r\n  @ContentChildren(SdFilterDefDirective) sdFilterDefs = new QueryList<SdFilterDefDirective>();\r\n  isMobileOrTablet = false;\r\n  filterChanges = new BehaviorSubject<FilterObject>({});\r\n  filterInformation: Observable<SdFilterInformation>;\r\n  information: SdFilterInformation;\r\n  constructor(\r\n    private deviceService: DeviceDetectorService,\r\n    private settingService: SdSettingService,\r\n    private filterService: SdFilterService) {\r\n    this.isMobileOrTablet = !this.deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnInit() {\r\n    // if (!this.#key) {\r\n    //   this.setting = this.settingService.create<SdFilterInformation>(uuid.v4(), {\r\n    //     type: 'session',\r\n    //     default: {\r\n    //       filter: {},\r\n    //       visible: {},\r\n    //       quickFilters: [],\r\n    //       selectedQuickFilter: null\r\n    //     }\r\n    //   });\r\n    // } else {\r\n    //   this.setting = this.settingService.create<SdFilterInformation>(this.#key, {\r\n    //     default: {\r\n    //       filter: {},\r\n    //       visible: {},\r\n    //       quickFilters: [],\r\n    //       selectedQuickFilter: null\r\n    //     }\r\n    //   });\r\n    // }\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.#subscription.add(this.#filterOptionChanges.pipe(startWith(this.filterOption)).subscribe((filterOption) => {\r\n      console.log(filterOption);\r\n      if (!filterOption) {\r\n        return;\r\n      }\r\n      const defaultInformation: SdFilterInformation = {\r\n        filter: {},\r\n        visible: {},\r\n        quickFilters: filterOption?.quickFilter?.defaults || [],\r\n        selectedQuickFilter: filterOption?.quickFilter?.selectedDefault\r\n      };\r\n      if (!filterOption.key) {\r\n        this.setting = this.settingService.create<SdFilterInformation>(uuid.v4(), {\r\n          type: 'session',\r\n          default: defaultInformation\r\n        });\r\n      } else {\r\n        this.setting = this.settingService.create<SdFilterInformation>({\r\n          prefix: this.#prefix,\r\n          key: filterOption.key\r\n        }, {\r\n          default: defaultInformation\r\n        });\r\n      }\r\n      this.information = this.setting.get();\r\n      console.log(this.information);\r\n      this.#subscription.add(this.setting.observer.subscribe(filterInformation => {\r\n        this.information = filterInformation;\r\n        this.#format(filterOption?.filters, this.information);\r\n      }));\r\n    }));\r\n  }\r\n\r\n  onFilter = (filter?: Filter) => {\r\n    this.filterChanges.next({\r\n      filter: { ...this.information.filter },\r\n      filterDef: { ...this.information.filterDef },\r\n    });\r\n    this.setting.set(this.information);\r\n  }\r\n\r\n  onClear = () => {\r\n    this.information.filter = {};\r\n    this.information.filterDef = {};\r\n    this.onFilter();\r\n  }\r\n\r\n  #format = (filters: Filter[], information: SdFilterInformation) => {\r\n    for (const filter of filters) {\r\n      if (filter.type === 'daterange') {\r\n        information.filter[filter.field] = {\r\n          from: information.filter[filter.field]?.from ?? undefined,\r\n          to: information.filter[filter.field]?.to ?? undefined\r\n        };\r\n      } else {\r\n        information.filter[filter.field] = information.filter[filter.field] ?? undefined;\r\n      }\r\n    }\r\n  }\r\n\r\n  #firstLoad = (filters: Filter[], information: SdFilterInformation) => {\r\n    if (information.selectedQuickFilter && information.quickFilters.some(e => e.code === information.selectedQuickFilter)) {\r\n      const selected = information.quickFilters.find(e => e.code === information.selectedQuickFilter);\r\n      information.filter = { ...selected.filter };\r\n      information.filterDef = { ...selected.filterDef };\r\n      this.#format(filters, information);\r\n    } else {\r\n      for (const filter of filters) {\r\n        if (filter.type === 'daterange') {\r\n          information.filter[filter.field] = {\r\n            from: information.filter[filter.field]?.from ?? filter.default?.from ?? undefined,\r\n            to: information.filter[filter.field]?.to ?? filter.default?.to ?? undefined\r\n          };\r\n        } else {\r\n          information.filter[filter.field] = information.filter[filter.field] ?? filter.default ?? undefined;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  setFilter = (args: {\r\n    filter: any,\r\n    filterDef: any\r\n  }) => {\r\n    const { filter, filterDef } = args;\r\n    this.information = {\r\n      ...this.information,\r\n      filter: { ...filter },\r\n      filterDef: { ...filterDef }\r\n    };\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { ValuesLocalFilter } from '../filter.model';\r\n\r\n@Pipe({\r\n  name: 'sdValuesLocal'\r\n})\r\nexport class SdValuesLocalPipe implements PipeTransform {\r\n  transform = async (filterValues: ValuesLocalFilter): Promise<any[]> => {\r\n    if(typeof(filterValues?.option?.items) === 'function') {\r\n      return await filterValues?.option?.items();\r\n    }\r\n    return filterValues?.option?.items || [];\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { ValuesLocalFilter, ValuesServerFilter } from '../filter.model';\r\n\r\n@Pipe({\r\n  name: 'sdValuesServer'\r\n})\r\nexport class SdValuesServerPipe implements PipeTransform {\r\n  transform = (filterValues: ValuesServerFilter): any[] | ((searchText: string | string[], isFormValue?: boolean) => Promise<any[]>) => {\r\n    if(typeof(filterValues?.option?.items) === 'function') {\r\n      return filterValues?.option?.items;\r\n    }\r\n    return filterValues?.option?.items || [];\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 { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdFilterDefDirective } from './directives/sd-filter-def.directive';\r\nimport { SdFilter } from './filter.component';\r\nimport { SdFormModule } from '@sd-angular/core/form';\r\nimport { SdValuesLocalPipe } from './pipes/values-local.pipe';\r\nimport { SdValuesServerPipe } from './pipes/values-server.pipe';\r\nimport { SdFilterService } from './filter.service';\r\nimport { MatButtonModule } from '@angular/material/button';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    MatButtonModule,\r\n    SdTranslateModule,\r\n    SdCommonModule,\r\n    SdFormModule\r\n  ],\r\n  declarations: [\r\n    SdFilter,\r\n    SdFilterDefDirective,\r\n    SdValuesLocalPipe,\r\n    SdValuesServerPipe\r\n  ],\r\n  providers: [\r\n    SdFilterService\r\n  ],\r\n  exports: [\r\n    SdCommonModule,\r\n    SdFilterDefDirective,\r\n    SdFilter\r\n  ]\r\n})\r\nexport class SdFilterModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/filter.module';\r\nexport * from './lib/directives/sd-filter-def.directive';\r\nexport * from './lib/filter.model';\r\nexport * from './lib/filter.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdFilterService as ɵa} from './src/lib/filter.service';\nexport {SdValuesLocalPipe as ɵb} from './src/lib/pipes/values-local.pipe';\nexport {SdValuesServerPipe as ɵc} from './src/lib/pipes/values-server.pipe';"],"names":["_prefix","uuid.v4"],"mappings":"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"}