ngwr 6.0.0 → 6.1.1

package/fesm2022/ngwr-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-select.mjs","sources":["../../../projects/lib/select/select-option.component.ts","../../../projects/lib/select/select-option.component.html","../../../projects/lib/select/select-option-group.component.ts","../../../projects/lib/select/select-option-group.component.html","../../../projects/lib/select/select.component.ts","../../../projects/lib/select/select.component.html","../../../projects/lib/select/public-api.ts","../../../projects/lib/select/ngwr-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  HostBinding,\n  inject,\n  booleanAttribute,\n  TemplateRef,\n  ContentChild,\n} from '@angular/core';\n\nimport { SafeAny } from 'ngwr/cdk/types';\n\nimport { WrSelectComponent } from './select.component';\n\n@Component({\n  selector: 'wr-option',\n  templateUrl: './select-option.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '(click)': 'select()',\n  },\n  imports: [NgTemplateOutlet],\n})\nexport class WrOptionComponent {\n  @Input()\n  value: SafeAny;\n\n  @Input()\n  label?: string;\n\n  @Input({ transform: booleanAttribute })\n  disabled = false;\n\n  @ContentChild(TemplateRef)\n  customTemplate?: TemplateRef<SafeAny>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-option': true,\n      'wr-option--selected': this.isSelected,\n      'wr-option--disabled': this.disabled,\n      'wr-option--highlighted': this.isHighlighted,\n      'wr-option--filtered': this.isFiltered,\n    };\n  }\n\n  protected readonly context: { $implicit: SafeAny; option: SafeAny } = {\n    $implicit: this,\n    option: this,\n  };\n\n  private readonly selectComponent = inject(WrSelectComponent);\n\n  get isSelected(): boolean {\n    const currentValue = this.selectComponent.currentValue;\n    if (this.selectComponent.isMultiple) {\n      return Array.isArray(currentValue) && currentValue.includes(this.value);\n    }\n    return currentValue === this.value;\n  }\n\n  get isHighlighted(): boolean {\n    return this.selectComponent.isHighlightedOption(this);\n  }\n\n  get isFiltered(): boolean {\n    return this.selectComponent.isFilteredOption(this);\n  }\n\n  select(): void {\n    if (!this.disabled) {\n      this.selectComponent.onOptionSelect(this);\n    }\n  }\n}\n","<div class=\"wr-option__content\">\n  @if (customTemplate) {\n    <ng-container *ngTemplateOutlet=\"customTemplate; context: context\"> </ng-container>\n  } @else {\n    {{ label }}\n  }\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  HostBinding,\n  booleanAttribute,\n} from '@angular/core';\n\nimport { WrOptionComponent } from './select-option.component';\n\n@Component({\n  selector: 'wr-option-group',\n  templateUrl: './select-option-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrOptionGroupComponent implements AfterContentInit {\n  @Input()\n  label = '';\n\n  @Input({ transform: booleanAttribute })\n  disabled = false;\n\n  @ContentChildren(WrOptionComponent)\n  options!: QueryList<WrOptionComponent>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-select-group': true,\n      'wr-select-group--disabled': this.disabled,\n    };\n  }\n\n  ngAfterContentInit(): void {\n    if (this.disabled) {\n      this.options.forEach(option => (option.disabled = true));\n    }\n  }\n}\n","<div class=\"wr-select-group__label\">{{ label }}</div>\n<div class=\"wr-select-group__content\">\n  <ng-content></ng-content>\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  Input,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  forwardRef,\n  HostBinding,\n  inject,\n  signal,\n  computed,\n  ChangeDetectorRef,\n  booleanAttribute,\n  ElementRef,\n  ViewChild,\n  HostListener,\n  numberAttribute,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { noop } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, chevronDown, WrIconComponent, close } from 'ngwr/icon';\nimport { WrTagComponent } from 'ngwr/tag';\n\nimport { WrOptionGroupComponent } from './select-option-group.component';\nimport { WrOptionComponent } from './select-option.component';\n\n/**\n * NGWR select component.\n *\n * {@tutorial} [How to use wr-select]{@link http://ngwr.dev/docs/components/select}\n */\n@Component({\n  selector: 'wr-select',\n  templateUrl: './select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    provideWrIcons([chevronDown, close]),\n    {\n      provide: NG_VALUE_ACCESSOR,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrSelectComponent),\n      multi: true,\n    },\n  ],\n  imports: [WrIconComponent, WrTagComponent, NgTemplateOutlet],\n})\nexport class WrSelectComponent extends WrAbstractBase implements ControlValueAccessor, AfterContentInit {\n  @Input()\n  placeholder = '';\n\n  @Input()\n  noItemsLabel = 'No Items';\n\n  @Input({ transform: booleanAttribute })\n  multiple = false;\n\n  @Input({ transform: booleanAttribute })\n  searchable = false;\n\n  @Input({ transform: booleanAttribute })\n  clearable = false;\n\n  @Input({ transform: numberAttribute })\n  maxMultipleCount?: number;\n\n  @Input({ transform: booleanAttribute })\n  set disabled(value: boolean) {\n    this.isDisabled.set(value);\n  }\n  get disabled(): boolean {\n    return this.isDisabled();\n  }\n\n  @ViewChild('searchInput')\n  searchInput?: ElementRef<HTMLInputElement>;\n\n  @ContentChildren(WrOptionComponent, { descendants: true })\n  options!: QueryList<WrOptionComponent>;\n\n  @ContentChildren(WrOptionGroupComponent)\n  optionGroups!: QueryList<WrOptionGroupComponent>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-select': true,\n      'wr-select--open': this.isOpen(),\n      'wr-select--multiple': this.multiple,\n      'wr-select--disabled': this.isDisabled(),\n      'wr-select--focused': this.isFocused(),\n    };\n  }\n\n  @HostListener('document:keydown', ['$event'])\n  onKeyDown(event: KeyboardEvent): void {\n    if (!this.isOpen()) {\n      return;\n    }\n\n    const filteredOpts = this.filteredOptions();\n    const currentIndex = this.highlightedOptionIndex();\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.highlightedOptionIndex.set(currentIndex < filteredOpts.length - 1 ? currentIndex + 1 : 0);\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        this.highlightedOptionIndex.set(currentIndex > 0 ? currentIndex - 1 : filteredOpts.length - 1);\n        break;\n\n      case 'Enter':\n        event.preventDefault();\n        if (currentIndex >= 0 && filteredOpts[currentIndex]) {\n          this.onOptionSelect(filteredOpts[currentIndex]);\n        }\n        break;\n\n      case 'Backspace':\n        if (this.multiple && !this.searchValue() && this.selectedOptions().length) {\n          const selectedOptionsArray = this.selectedOptions();\n          const lastSelected = selectedOptionsArray[selectedOptionsArray.length - 1];\n          this.onOptionSelect(lastSelected);\n        }\n        break;\n\n      case 'Escape':\n        event.preventDefault();\n        this.close();\n        break;\n    }\n  }\n\n  @HostListener('document:click', ['$event'])\n  onClickOutside(event: MouseEvent): void {\n    if (!this.elementRef.nativeElement.contains(event.target)) {\n      this.close();\n    }\n  }\n\n  protected readonly value = signal<SafeAny>(null);\n  protected readonly isOpen = signal(false);\n  protected readonly isFocused = signal(false);\n  protected readonly isDisabled = signal(false);\n  protected readonly searchValue = signal('');\n  protected readonly highlightedOptionIndex = signal(-1);\n\n  protected readonly selectedOptions = computed(() => {\n    const currentValue = this.value();\n    const optionsArray = this.options?.toArray() || [];\n\n    if (this.multiple) {\n      return optionsArray.filter(option => Array.isArray(currentValue) && currentValue.includes(option.value));\n    }\n    return optionsArray.filter(option => option.value === currentValue);\n  });\n\n  protected readonly selectedLabel = computed(() => {\n    const selected = this.selectedOptions();\n    return selected.length ? selected[0].label || selected[0].value : '';\n  });\n\n  protected readonly filteredOptions = computed(() => {\n    const search = this.searchValue().toLowerCase();\n    const optionsArray = this.options?.toArray() || [];\n\n    let filteredArray = optionsArray;\n    if (this.multiple) {\n      const currentValue = this.value();\n      filteredArray = optionsArray.filter(\n        option => !Array.isArray(currentValue) || !currentValue.includes(option.value)\n      );\n    }\n\n    if (!search) {\n      return filteredArray;\n    }\n\n    return filteredArray.filter(option => (option.label || option.value.toString()).toLowerCase().includes(search));\n  });\n\n  private readonly elementRef = inject(ElementRef);\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  get currentValue(): SafeAny {\n    return this.value();\n  }\n\n  get isMultiple(): boolean {\n    return this.multiple;\n  }\n\n  ngAfterContentInit(): void {\n    this.options.changes.pipe(takeUntilDestroyed(this.destroyRef$)).subscribe(() => {\n      this.cdr.markForCheck();\n    });\n  }\n\n  onChange: (value: string) => void = noop;\n  onTouch: () => void = noop;\n\n  onOptionSelect(option: WrOptionComponent): void {\n    if (this.isDisabled()) return;\n\n    if (this.multiple) {\n      const currentValue = Array.isArray(this.value()) ? this.value() : [];\n\n      if (this.maxMultipleCount && !this.isSelectedOption(option) && currentValue.length >= this.maxMultipleCount) {\n        return;\n      }\n\n      const newValue = this.isSelectedOption(option)\n        ? currentValue.filter((v: SafeAny) => v !== option.value)\n        : [...currentValue, option.value];\n\n      this.writeValue(newValue);\n      this.searchValue.set('');\n    } else {\n      this.writeValue(option.value);\n      this.close();\n    }\n  }\n\n  onSearch(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.searchValue.set(value);\n  }\n\n  isHighlightedOption(option: WrOptionComponent): boolean {\n    if (this.highlightedOptionIndex() === -1) {\n      return false;\n    }\n\n    const filteredOpts = this.filteredOptions();\n    const optionIndex = filteredOpts.findIndex(item => item.value === option.value);\n\n    return optionIndex !== -1 && optionIndex === this.highlightedOptionIndex();\n  }\n\n  isFilteredOption(option: WrOptionComponent): boolean {\n    if (this.multiple) {\n      const currentValue = this.value();\n      if (Array.isArray(currentValue) && currentValue.includes(option.value)) {\n        return true;\n      }\n    }\n\n    const search = this.searchValue().toLowerCase();\n    if (search) {\n      return !(option.label || option.value.toString()).toLowerCase().includes(search);\n    }\n\n    return false;\n  }\n\n  writeValue(value: SafeAny): void {\n    this.value.set(value);\n    this.onChange(value);\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: SafeAny) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled);\n  }\n\n  clear(event: Event): void {\n    event.stopPropagation();\n    if (this.isDisabled()) return;\n\n    if (this.multiple) {\n      this.writeValue([]);\n    } else {\n      this.writeValue(null);\n    }\n  }\n\n  toggle(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    this.isOpen.update(value => !value);\n    this.isFocused.update(value => !value);\n\n    if (this.isOpen() && this.searchable) {\n      // TODO Разобраться с этим хаком\n      setTimeout(() => {\n        this.searchInput?.nativeElement.focus();\n      }, 10);\n    }\n  }\n\n  private close(): void {\n    this.isOpen.set(false);\n    this.isFocused.set(false);\n    this.searchValue.set('');\n    this.highlightedOptionIndex.set(-1);\n  }\n\n  private isSelectedOption(option: WrOptionComponent): boolean {\n    const currentValue = this.value();\n    if (this.multiple) {\n      return Array.isArray(currentValue) && currentValue.includes(option.value);\n    }\n\n    return currentValue === option.value;\n  }\n}\n","<ng-template #searchTemplate let-placeholder=\"placeholder\">\n  <input\n    #searchInput\n    class=\"wr-select__search\"\n    [value]=\"searchValue()\"\n    (input)=\"onSearch($event)\"\n    (click)=\"$event.stopPropagation()\"\n    [placeholder]=\"placeholder || ''\"\n  />\n</ng-template>\n\n<ng-template #selectedOptionsTemplate>\n  @for (option of selectedOptions(); track option.value) {\n    <wr-tag [hoverable]=\"true\" color=\"light\" (click)=\"onOptionSelect(option); $event.stopPropagation()\">\n      {{ option.label || option.value }}\n      <button class=\"wr-select__tag-remove\">×</button>\n    </wr-tag>\n  }\n</ng-template>\n\n<div class=\"wr-select__trigger\" (click)=\"toggle()\">\n  <div class=\"wr-select__value\">\n    @if (multiple) {\n      <div class=\"wr-select__tags\">\n        <div class=\"wr-select__tags-container\">\n          <ng-container *ngTemplateOutlet=\"selectedOptionsTemplate\"></ng-container>\n        </div>\n\n        @if (searchable && isOpen()) {\n          <ng-container *ngTemplateOutlet=\"searchTemplate\"></ng-container>\n        }\n\n        @if (maxMultipleCount) {\n          <div class=\"wr-select__counter\">{{ selectedOptions().length }}/{{ maxMultipleCount }}</div>\n        }\n      </div>\n    } @else {\n      @if (searchable && isOpen()) {\n        <ng-container\n          *ngTemplateOutlet=\"searchTemplate; context: { placeholder: selectedLabel() || placeholder }\"\n        ></ng-container>\n      } @else {\n        {{ selectedLabel() || placeholder }}\n      }\n    }\n  </div>\n\n  @if (clearable && selectedOptions().length) {\n    <button class=\"wr-select__clear\" (click)=\"clear($event)\" [class.wr-select__clear--multiple]=\"multiple\">\n      <wr-icon name=\"close\" />\n    </button>\n  }\n  <wr-icon class=\"wr-select__arrow\" name=\"chevron-down\" />\n</div>\n\n<div class=\"wr-select__dropdown\" [class.wr-select__dropdown--open]=\"isOpen()\">\n  <div class=\"wr-select__dropdown-content\">\n    @if (!filteredOptions().length) {\n      <div class=\"wr-select__no-data\">{{ noItemsLabel }}</div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </div>\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './select.types';\nexport * from './select.component';\nexport * from './select-option.component';\nexport * from './select-option-group.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-select.mjs","sources":["../../../projects/lib/select/select-option.component.ts","../../../projects/lib/select/select-option.component.html","../../../projects/lib/select/select-option-group.component.ts","../../../projects/lib/select/select-option-group.component.html","../../../projects/lib/select/select.component.ts","../../../projects/lib/select/select.component.html","../../../projects/lib/select/public-api.ts","../../../projects/lib/select/ngwr-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  HostBinding,\n  inject,\n  booleanAttribute,\n  TemplateRef,\n  ContentChild,\n} from '@angular/core';\n\nimport { SafeAny } from 'ngwr/cdk/types';\n\nimport { WrSelectComponent } from './select.component';\n\n@Component({\n  selector: 'wr-option',\n  templateUrl: './select-option.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '(click)': 'select()',\n  },\n  imports: [NgTemplateOutlet],\n})\nexport class WrOptionComponent {\n  @Input()\n  value: SafeAny;\n\n  @Input()\n  label?: string;\n\n  @Input({ transform: booleanAttribute })\n  disabled = false;\n\n  @ContentChild(TemplateRef)\n  customTemplate?: TemplateRef<SafeAny>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-option': true,\n      'wr-option--selected': this.isSelected,\n      'wr-option--disabled': this.disabled,\n      'wr-option--highlighted': this.isHighlighted,\n      'wr-option--filtered': this.isFiltered,\n    };\n  }\n\n  protected readonly context: { $implicit: SafeAny; option: SafeAny } = {\n    $implicit: this,\n    option: this,\n  };\n\n  private readonly selectComponent = inject(WrSelectComponent);\n\n  get isSelected(): boolean {\n    const currentValue = this.selectComponent.currentValue;\n    if (this.selectComponent.isMultiple) {\n      return Array.isArray(currentValue) && currentValue.includes(this.value);\n    }\n    return currentValue === this.value;\n  }\n\n  get isHighlighted(): boolean {\n    return this.selectComponent.isHighlightedOption(this);\n  }\n\n  get isFiltered(): boolean {\n    return this.selectComponent.isFilteredOption(this);\n  }\n\n  select(): void {\n    if (!this.disabled) {\n      this.selectComponent.onOptionSelect(this);\n    }\n  }\n}\n","<div class=\"wr-option__content\">\n  @if (customTemplate) {\n    <ng-container *ngTemplateOutlet=\"customTemplate; context: context\"> </ng-container>\n  } @else {\n    {{ label }}\n  }\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  HostBinding,\n  booleanAttribute,\n} from '@angular/core';\n\nimport { WrOptionComponent } from './select-option.component';\n\n@Component({\n  selector: 'wr-option-group',\n  templateUrl: './select-option-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrOptionGroupComponent implements AfterContentInit {\n  @Input()\n  label = '';\n\n  @Input({ transform: booleanAttribute })\n  disabled = false;\n\n  @ContentChildren(WrOptionComponent)\n  options!: QueryList<WrOptionComponent>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-select-group': true,\n      'wr-select-group--disabled': this.disabled,\n    };\n  }\n\n  ngAfterContentInit(): void {\n    if (this.disabled) {\n      this.options.forEach(option => (option.disabled = true));\n    }\n  }\n}\n","<div class=\"wr-select-group__label\">{{ label }}</div>\n<div class=\"wr-select-group__content\">\n  <ng-content></ng-content>\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  Input,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  forwardRef,\n  HostBinding,\n  inject,\n  signal,\n  computed,\n  ChangeDetectorRef,\n  booleanAttribute,\n  ElementRef,\n  ViewChild,\n  HostListener,\n  numberAttribute,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { noop } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, chevronDown, WrIconComponent, close } from 'ngwr/icon';\nimport { WrTagComponent } from 'ngwr/tag';\n\nimport { WrOptionGroupComponent } from './select-option-group.component';\nimport { WrOptionComponent } from './select-option.component';\n\n/**\n * NGWR select component.\n *\n * {@tutorial} [How to use wr-select]{@link http://ngwr.dev/docs/components/select}\n */\n@Component({\n  selector: 'wr-select',\n  templateUrl: './select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    provideWrIcons([chevronDown, close]),\n    {\n      provide: NG_VALUE_ACCESSOR,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrSelectComponent),\n      multi: true,\n    },\n  ],\n  imports: [WrIconComponent, WrTagComponent, NgTemplateOutlet],\n})\nexport class WrSelectComponent extends WrAbstractBase implements ControlValueAccessor, AfterContentInit {\n  @Input()\n  placeholder = '';\n\n  @Input()\n  noItemsLabel = 'No Items';\n\n  @Input({ transform: booleanAttribute })\n  multiple = false;\n\n  @Input({ transform: booleanAttribute })\n  searchable = false;\n\n  @Input({ transform: booleanAttribute })\n  clearable = false;\n\n  @Input({ transform: numberAttribute })\n  maxMultipleCount?: number;\n\n  @Input({ transform: booleanAttribute })\n  set disabled(value: boolean) {\n    this.isDisabled.set(value);\n  }\n  get disabled(): boolean {\n    return this.isDisabled();\n  }\n\n  @ViewChild('searchInput')\n  searchInput?: ElementRef<HTMLInputElement>;\n\n  @ContentChildren(WrOptionComponent, { descendants: true })\n  options!: QueryList<WrOptionComponent>;\n\n  @ContentChildren(WrOptionGroupComponent)\n  optionGroups!: QueryList<WrOptionGroupComponent>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-select': true,\n      'wr-select--open': this.isOpen(),\n      'wr-select--multiple': this.multiple,\n      'wr-select--disabled': this.isDisabled(),\n      'wr-select--focused': this.isFocused(),\n    };\n  }\n\n  @HostListener('document:keydown', ['$event'])\n  onKeyDown(event: KeyboardEvent): void {\n    if (!this.isOpen()) {\n      return;\n    }\n\n    const filteredOpts = this.filteredOptions();\n    const currentIndex = this.highlightedOptionIndex();\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.highlightedOptionIndex.set(currentIndex < filteredOpts.length - 1 ? currentIndex + 1 : 0);\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        this.highlightedOptionIndex.set(currentIndex > 0 ? currentIndex - 1 : filteredOpts.length - 1);\n        break;\n\n      case 'Enter':\n        event.preventDefault();\n        if (currentIndex >= 0 && filteredOpts[currentIndex]) {\n          this.onOptionSelect(filteredOpts[currentIndex]);\n        }\n        break;\n\n      case 'Backspace':\n        if (this.multiple && !this.searchValue() && this.selectedOptions().length) {\n          const selectedOptionsArray = this.selectedOptions();\n          const lastSelected = selectedOptionsArray[selectedOptionsArray.length - 1];\n          this.onOptionSelect(lastSelected);\n        }\n        break;\n\n      case 'Escape':\n        event.preventDefault();\n        this.close();\n        break;\n    }\n  }\n\n  @HostListener('document:click', ['$event'])\n  onClickOutside(event: MouseEvent): void {\n    if (!this.elementRef.nativeElement.contains(event.target)) {\n      this.close();\n    }\n  }\n\n  protected readonly value = signal<SafeAny>(null);\n  protected readonly isOpen = signal(false);\n  protected readonly isFocused = signal(false);\n  protected readonly isDisabled = signal(false);\n  protected readonly searchValue = signal('');\n  protected readonly highlightedOptionIndex = signal(-1);\n\n  protected readonly selectedOptions = computed(() => {\n    const currentValue = this.value();\n    const optionsArray = this.options?.toArray() || [];\n\n    if (this.multiple) {\n      return optionsArray.filter(option => Array.isArray(currentValue) && currentValue.includes(option.value));\n    }\n    return optionsArray.filter(option => option.value === currentValue);\n  });\n\n  protected readonly selectedLabel = computed(() => {\n    const selected = this.selectedOptions();\n    return selected.length ? selected[0].label || selected[0].value : '';\n  });\n\n  protected readonly filteredOptions = computed(() => {\n    const search = this.searchValue().toLowerCase();\n    const optionsArray = this.options?.toArray() || [];\n\n    let filteredArray = optionsArray;\n    if (this.multiple) {\n      const currentValue = this.value();\n      filteredArray = optionsArray.filter(\n        option => !Array.isArray(currentValue) || !currentValue.includes(option.value)\n      );\n    }\n\n    if (!search) {\n      return filteredArray;\n    }\n\n    return filteredArray.filter(option => (option.label || option.value.toString()).toLowerCase().includes(search));\n  });\n\n  private readonly elementRef = inject(ElementRef);\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  get currentValue(): SafeAny {\n    return this.value();\n  }\n\n  get isMultiple(): boolean {\n    return this.multiple;\n  }\n\n  ngAfterContentInit(): void {\n    this.options.changes.pipe(takeUntilDestroyed(this.destroyRef$)).subscribe(() => {\n      this.cdr.markForCheck();\n    });\n  }\n\n  onChange: (value: string) => void = noop;\n  onTouch: () => void = noop;\n\n  onOptionSelect(option: WrOptionComponent): void {\n    if (this.isDisabled()) return;\n\n    if (this.multiple) {\n      const currentValue = Array.isArray(this.value()) ? this.value() : [];\n\n      if (this.maxMultipleCount && !this.isSelectedOption(option) && currentValue.length >= this.maxMultipleCount) {\n        return;\n      }\n\n      const newValue = this.isSelectedOption(option)\n        ? currentValue.filter((v: SafeAny) => v !== option.value)\n        : [...currentValue, option.value];\n\n      this.writeValue(newValue);\n      this.searchValue.set('');\n    } else {\n      this.writeValue(option.value);\n      this.close();\n    }\n  }\n\n  onSearch(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.searchValue.set(value);\n  }\n\n  isHighlightedOption(option: WrOptionComponent): boolean {\n    if (this.highlightedOptionIndex() === -1) {\n      return false;\n    }\n\n    const filteredOpts = this.filteredOptions();\n    const optionIndex = filteredOpts.findIndex(item => item.value === option.value);\n\n    return optionIndex !== -1 && optionIndex === this.highlightedOptionIndex();\n  }\n\n  isFilteredOption(option: WrOptionComponent): boolean {\n    if (this.multiple) {\n      const currentValue = this.value();\n      if (Array.isArray(currentValue) && currentValue.includes(option.value)) {\n        return true;\n      }\n    }\n\n    const search = this.searchValue().toLowerCase();\n    if (search) {\n      return !(option.label || option.value.toString()).toLowerCase().includes(search);\n    }\n\n    return false;\n  }\n\n  writeValue(value: SafeAny): void {\n    this.value.set(value);\n    this.onChange(value);\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: SafeAny) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled);\n  }\n\n  clear(event: Event): void {\n    event.stopPropagation();\n    if (this.isDisabled()) return;\n\n    if (this.multiple) {\n      this.writeValue([]);\n    } else {\n      this.writeValue(null);\n    }\n  }\n\n  toggle(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    this.isOpen.update(value => !value);\n    this.isFocused.update(value => !value);\n\n    if (this.isOpen() && this.searchable) {\n      // TODO Разобраться с этим хаком\n      setTimeout(() => {\n        this.searchInput?.nativeElement.focus();\n      }, 10);\n    }\n  }\n\n  private close(): void {\n    this.isOpen.set(false);\n    this.isFocused.set(false);\n    this.searchValue.set('');\n    this.highlightedOptionIndex.set(-1);\n  }\n\n  private isSelectedOption(option: WrOptionComponent): boolean {\n    const currentValue = this.value();\n    if (this.multiple) {\n      return Array.isArray(currentValue) && currentValue.includes(option.value);\n    }\n\n    return currentValue === option.value;\n  }\n}\n","<ng-template #searchTemplate let-placeholder=\"placeholder\">\n  <input\n    #searchInput\n    class=\"wr-select__search\"\n    [value]=\"searchValue()\"\n    (input)=\"onSearch($event)\"\n    (click)=\"$event.stopPropagation()\"\n    [placeholder]=\"placeholder || ''\"\n  />\n</ng-template>\n\n<ng-template #selectedOptionsTemplate>\n  @for (option of selectedOptions(); track option.value) {\n    <wr-tag [hoverable]=\"true\" color=\"light\" (click)=\"onOptionSelect(option); $event.stopPropagation()\">\n      {{ option.label || option.value }}\n      <button class=\"wr-select__tag-remove\">×</button>\n    </wr-tag>\n  }\n</ng-template>\n\n<div class=\"wr-select__trigger\" (click)=\"toggle()\">\n  <div class=\"wr-select__value\">\n    @if (multiple) {\n      <div class=\"wr-select__tags\">\n        <div class=\"wr-select__tags-container\">\n          <ng-container *ngTemplateOutlet=\"selectedOptionsTemplate\"></ng-container>\n        </div>\n\n        @if (searchable && isOpen()) {\n          <ng-container *ngTemplateOutlet=\"searchTemplate\"></ng-container>\n        }\n\n        @if (maxMultipleCount) {\n          <div class=\"wr-select__counter\">{{ selectedOptions().length }}/{{ maxMultipleCount }}</div>\n        }\n      </div>\n    } @else {\n      @if (searchable && isOpen()) {\n        <ng-container\n          *ngTemplateOutlet=\"searchTemplate; context: { placeholder: selectedLabel() || placeholder }\"\n        ></ng-container>\n      } @else {\n        {{ selectedLabel() || placeholder }}\n      }\n    }\n  </div>\n\n  @if (clearable && selectedOptions().length) {\n    <button class=\"wr-select__clear\" (click)=\"clear($event)\" [class.wr-select__clear--multiple]=\"multiple\">\n      <wr-icon name=\"close\" />\n    </button>\n  }\n  <wr-icon class=\"wr-select__arrow\" name=\"chevron-down\" />\n</div>\n\n<div class=\"wr-select__dropdown\" [class.wr-select__dropdown--open]=\"isOpen()\">\n  <div class=\"wr-select__dropdown-content\">\n    @if (!filteredOptions().length) {\n      <div class=\"wr-select__no-data\">{{ noItemsLabel }}</div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </div>\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './select.types';\nexport * from './select.component';\nexport * from './select-option.component';\nexport * from './select-option-group.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-skeleton.mjs

@@ -20,10 +20,10 @@ class WrSkeletonComponent {
             'wr-skeleton--dark': this.color === 'dark',
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.5", type: WrSkeletonComponent, isStandalone: true, selector: "wr-skeleton", inputs: { color: "color", animated: ["animated", "animated", booleanAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.10", type: WrSkeletonComponent, isStandalone: true, selector: "wr-skeleton", inputs: { color: "color", animated: ["animated", "animated", booleanAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrSkeletonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-skeleton',

package/fesm2022/ngwr-skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-skeleton.mjs","sources":["../../../projects/lib/skeleton/skeleton.component.ts","../../../projects/lib/skeleton/ngwr-skeleton.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\n  selector: 'wr-skeleton',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrSkeletonComponent {\n  @Input() color: WrThemeColor = 'dark';\n  @Input({ transform: booleanAttribute }) animated = true;\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-skeleton': true,\n      'wr-skeleton--animated': this.animated,\n      'wr-skeleton--primary': this.color === 'primary',\n      'wr-skeleton--secondary': this.color === 'secondary',\n      'wr-skeleton--success': this.color === 'success',\n      'wr-skeleton--warning': this.color === 'warning',\n      'wr-skeleton--danger': this.color === 'danger',\n      'wr-skeleton--light': this.color === 'light',\n      'wr-skeleton--medium': this.color === 'medium',\n      'wr-skeleton--dark': this.color === 'dark',\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAiBa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAOW,IAAK,CAAA,KAAA,GAAiB,MAAM;QACG,IAAQ,CAAA,QAAA,GAAG,IAAI;AAiBxD;AAfC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,IAAI,CAAC,QAAQ;AACtC,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,wBAAwB,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AACpD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAC5C,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;SAC3C;;8GAjBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEV,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAN1B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAID,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb;gBACuC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAGlC,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;ACrBtB;;AAEG;;;;"}
+{"version":3,"file":"ngwr-skeleton.mjs","sources":["../../../projects/lib/skeleton/skeleton.component.ts","../../../projects/lib/skeleton/ngwr-skeleton.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\n  selector: 'wr-skeleton',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrSkeletonComponent {\n  @Input() color: WrThemeColor = 'dark';\n  @Input({ transform: booleanAttribute }) animated = true;\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-skeleton': true,\n      'wr-skeleton--animated': this.animated,\n      'wr-skeleton--primary': this.color === 'primary',\n      'wr-skeleton--secondary': this.color === 'secondary',\n      'wr-skeleton--success': this.color === 'success',\n      'wr-skeleton--warning': this.color === 'warning',\n      'wr-skeleton--danger': this.color === 'danger',\n      'wr-skeleton--light': this.color === 'light',\n      'wr-skeleton--medium': this.color === 'medium',\n      'wr-skeleton--dark': this.color === 'dark',\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAiBa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAOW,IAAK,CAAA,KAAA,GAAiB,MAAM;QACG,IAAQ,CAAA,QAAA,GAAG,IAAI;AAiBxD;AAfC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,IAAI,CAAC,QAAQ;AACtC,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,wBAAwB,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AACpD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAC5C,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;SAC3C;;+GAjBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEV,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAN1B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAID,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;sBAEE;;sBACA,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAErC,WAAW;uBAAC,OAAO;;;ACrBtB;;AAEG;;;;"}

package/fesm2022/ngwr-spinner.mjs

@@ -14,7 +14,7 @@ import { input, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBindi
  */
 class WrSpinnerComponent {
     constructor() {
-        this.size = input('small');
+        this.size = input('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
     }
     get hostClasses() {
         return {
@@ -23,10 +23,10 @@ class WrSpinnerComponent {
             'wr-spinner--large': this.size() === 'large',
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: WrSpinnerComponent, isStandalone: true, selector: "wr-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" stroke-width="5" fill="none"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: WrSpinnerComponent, isStandalone: true, selector: "wr-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" stroke-width="5" fill="none"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrSpinnerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-spinner',
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], propDecorators: { hostClasses: [{
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hostClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });

package/fesm2022/ngwr-spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-spinner.mjs","sources":["../../../projects/lib/spinner/spinner.component.ts","../../../projects/lib/spinner/ngwr-spinner.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\nimport { WrSpinnerSize } from './spinner.types';\n\n/**\n * NGWR spinner component.\n *\n * {@tutorial} [How to use wr-spinner]{@link http://ngwr.dev/docs/components/spinner\n */\n@Component({\n  selector: 'wr-spinner',\n  template:\n    '<svg viewBox=\"0 0 50 50\"><circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" stroke-width=\"5\" fill=\"none\"></circle></svg>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrSpinnerComponent {\n  size = input<WrSpinnerSize>('small');\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-spinner': true,\n      'wr-spinner--small': this.size() === 'small',\n      'wr-spinner--large': this.size() === 'large',\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;AAMH;;;;AAIG;MAQU,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,OAAO,CAAC;AAUrC;AARC,IAAA,IACI,WAAW,GAAA;QACb,OAAO;AACL,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO;AAC5C,YAAA,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO;SAC7C;;8GATQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,8PAJ3B,mHAAmH,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAI1G,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EACN,mHAAmH;oBACrH,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAKK,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO;;;AC1BtB;;AAEG;;;;"}
+{"version":3,"file":"ngwr-spinner.mjs","sources":["../../../projects/lib/spinner/spinner.component.ts","../../../projects/lib/spinner/ngwr-spinner.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\nimport { WrSpinnerSize } from './spinner.types';\n\n/**\n * NGWR spinner component.\n *\n * {@tutorial} [How to use wr-spinner]{@link http://ngwr.dev/docs/components/spinner\n */\n@Component({\n  selector: 'wr-spinner',\n  template:\n    '<svg viewBox=\"0 0 50 50\"><circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" stroke-width=\"5\" fill=\"none\"></circle></svg>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrSpinnerComponent {\n  size = input<WrSpinnerSize>('small');\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-spinner': true,\n      'wr-spinner--small': this.size() === 'small',\n      'wr-spinner--large': this.size() === 'large',\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;AAMH;;;;AAIG;MAQU,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,OAAO,gDAAC;AAUrC;AARC,IAAA,IACI,WAAW,GAAA;QACb,OAAO;AACL,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO;AAC5C,YAAA,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO;SAC7C;;+GATQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,8PAJ3B,mHAAmH,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAI1G,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EACN,mHAAmH;oBACrH,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;sBAIE,WAAW;uBAAC,OAAO;;;AC1BtB;;AAEG;;;;"}

package/fesm2022/ngwr-table.mjs

@@ -6,10 +6,10 @@ import { provideWrIcons, checkmark, filter, WrIconComponent, arrowTop, infoCircl
 import { WrPaginationComponent } from 'ngwr/pagination';
 import { NewArrayPipe } from 'ngwr/pipes';
 import { WrSpinnerComponent } from 'ngwr/spinner';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { startWith } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
 import { WrAbstractBase } from 'ngwr/cdk';
 
 var WrTableOrder;
@@ -21,18 +21,18 @@ var WrTableOrder;
 
 class WrTableCellDirective {
     constructor() {
-        this.columnKey = input.required({ alias: 'wrTableCell' });
+        this.columnKey = input.required(...(ngDevMode ? [{ debugName: "columnKey", alias: 'wrTableCell' }] : [{ alias: 'wrTableCell' }]));
         this.template = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrTableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: WrTableCellDirective, isStandalone: true, selector: "[wrTableCell]", inputs: { columnKey: { classPropertyName: "columnKey", publicName: "wrTableCell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrTableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: WrTableCellDirective, isStandalone: true, selector: "[wrTableCell]", inputs: { columnKey: { classPropertyName: "columnKey", publicName: "wrTableCell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrTableCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrTableCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrTableCell]',
                 }]
-        }] });
+        }], propDecorators: { columnKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrTableCell", required: true }] }] } });
 
 /**
  * @license
@@ -44,10 +44,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
 class WrTableFilterComponent extends WrAbstractBase {
     constructor() {
         super(...arguments);
-        this.items = input.required();
+        this.items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
         this.selectedItems = new EventEmitter();
         this.search = new FormControl(null, { nonNullable: true });
-        this.filteredItems = signal([]);
+        this.filteredItems = signal([], ...(ngDevMode ? [{ debugName: "filteredItems" }] : []));
     }
     get length() {
         return this.filteredItems().filter(i => i.isSelected).length;
@@ -55,7 +55,7 @@ class WrTableFilterComponent extends WrAbstractBase {
     ngOnInit() {
         this.search.valueChanges
             .pipe(startWith(null))
-            .pipe(takeUntil(this.destroyed$))
+            .pipe(takeUntilDestroyed(this.destroyRef$))
             .subscribe(value => {
             let filtered = [...this.items()];
             if (value) {
@@ -87,16 +87,16 @@ class WrTableFilterComponent extends WrAbstractBase {
         const selected = this.filteredItems().filter(i => i.isSelected);
         this.selectedItems.emit(selected);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrTableFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: WrTableFilterComponent, isStandalone: true, selector: "wr-table-filter", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedItems: "selectedItems" }, host: { properties: { "class.wr-table-filter--active": "length > 0" }, classAttribute: "wr-table-filter" }, providers: [provideWrIcons([checkmark, filter])], usesInheritance: true, ngImport: i0, template: "<div class=\"wr-table-filter-icon\" wrDropdown [dropdownMenu]=\"tableFilterDropdown\">\n  <wr-icon class=\"wr-table-filter-icon__icon\" name=\"filter\" />\n</div>\n\n<wr-dropdown-menu #tableFilterDropdown=\"wrDropdownMenu\">\n  <div class=\"wr-table-filter-dropdown\">\n    <input class=\"wr-table-filter-dropdown__input\" [formControl]=\"search\" placeholder=\"\u041F\u043E\u0438\u0441\u043A...\" />\n\n    <div class=\"wr-table-filter-dropdown__body\">\n      @if (filteredItems(); as items) {\n        @for (item of items; track $index) {\n          <div\n            class=\"wr-table-filter-dropdown-item\"\n            [class.wr-table-filter-dropdown-item--selected]=\"item?.isSelected\"\n            (click)=\"onItemSelect(item)\"\n          >\n            <div class=\"wr-table-filter-dropdown-item-check\">\n              <wr-icon class=\"wr-table-filter-dropdown-item-check__icon\" name=\"checkmark\" />\n            </div>\n            <span class=\"wr-table-filter-dropdown-item__title\">{{ item?.title }}</span>\n          </div>\n        }\n\n        @if (items.length < 1) {\n          <div class=\"wr-table-filter-dropdown-empty\">\n            <span class=\"wr-table-filter-dropdown-empty__title\">\u041D\u0435\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432</span>\n          </div>\n        }\n      }\n    </div>\n\n    @if (length > 0) {\n      <div class=\"wr-table-filter-dropdown__reset\" (click)=\"onResetClick()\">\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C</div>\n    }\n  </div>\n</wr-dropdown-menu>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }, { kind: "directive", type: WrDropdownDirective, selector: "[wrDropdown]", inputs: ["dropdownMenu", "trigger", "position"] }, { kind: "component", type: WrDropdownMenuComponent, selector: "wr-dropdown-menu", exportAs: ["wrDropdownMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrTableFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: WrTableFilterComponent, isStandalone: true, selector: "wr-table-filter", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedItems: "selectedItems" }, host: { properties: { "class.wr-table-filter--active": "length > 0" }, classAttribute: "wr-table-filter" }, providers: [provideWrIcons([checkmark, filter])], usesInheritance: true, ngImport: i0, template: "<div class=\"wr-table-filter-icon\" wrDropdown [dropdownMenu]=\"tableFilterDropdown\">\n  <wr-icon class=\"wr-table-filter-icon__icon\" name=\"filter\" />\n</div>\n\n<wr-dropdown-menu #tableFilterDropdown=\"wrDropdownMenu\">\n  <div class=\"wr-table-filter-dropdown\">\n    <input class=\"wr-table-filter-dropdown__input\" [formControl]=\"search\" placeholder=\"\u041F\u043E\u0438\u0441\u043A...\" />\n\n    <div class=\"wr-table-filter-dropdown__body\">\n      @if (filteredItems(); as items) {\n        @for (item of items; track $index) {\n          <div\n            class=\"wr-table-filter-dropdown-item\"\n            [class.wr-table-filter-dropdown-item--selected]=\"item?.isSelected\"\n            (click)=\"onItemSelect(item)\"\n          >\n            <div class=\"wr-table-filter-dropdown-item-check\">\n              <wr-icon class=\"wr-table-filter-dropdown-item-check__icon\" name=\"checkmark\" />\n            </div>\n            <span class=\"wr-table-filter-dropdown-item__title\">{{ item?.title }}</span>\n          </div>\n        }\n\n        @if (items.length < 1) {\n          <div class=\"wr-table-filter-dropdown-empty\">\n            <span class=\"wr-table-filter-dropdown-empty__title\">\u041D\u0435\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432</span>\n          </div>\n        }\n      }\n    </div>\n\n    @if (length > 0) {\n      <div class=\"wr-table-filter-dropdown__reset\" (click)=\"onResetClick()\">\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C</div>\n    }\n  </div>\n</wr-dropdown-menu>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }, { kind: "directive", type: WrDropdownDirective, selector: "[wrDropdown]", inputs: ["dropdownMenu", "trigger", "position"] }, { kind: "component", type: WrDropdownMenuComponent, selector: "wr-dropdown-menu", exportAs: ["wrDropdownMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrTableFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrTableFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wr-table-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ReactiveFormsModule, WrIconComponent, WrDropdownDirective, WrDropdownMenuComponent], providers: [provideWrIcons([checkmark, filter])], host: {
                         class: 'wr-table-filter',
                         '[class.wr-table-filter--active]': 'length > 0',
                     }, template: "<div class=\"wr-table-filter-icon\" wrDropdown [dropdownMenu]=\"tableFilterDropdown\">\n  <wr-icon class=\"wr-table-filter-icon__icon\" name=\"filter\" />\n</div>\n\n<wr-dropdown-menu #tableFilterDropdown=\"wrDropdownMenu\">\n  <div class=\"wr-table-filter-dropdown\">\n    <input class=\"wr-table-filter-dropdown__input\" [formControl]=\"search\" placeholder=\"\u041F\u043E\u0438\u0441\u043A...\" />\n\n    <div class=\"wr-table-filter-dropdown__body\">\n      @if (filteredItems(); as items) {\n        @for (item of items; track $index) {\n          <div\n            class=\"wr-table-filter-dropdown-item\"\n            [class.wr-table-filter-dropdown-item--selected]=\"item?.isSelected\"\n            (click)=\"onItemSelect(item)\"\n          >\n            <div class=\"wr-table-filter-dropdown-item-check\">\n              <wr-icon class=\"wr-table-filter-dropdown-item-check__icon\" name=\"checkmark\" />\n            </div>\n            <span class=\"wr-table-filter-dropdown-item__title\">{{ item?.title }}</span>\n          </div>\n        }\n\n        @if (items.length < 1) {\n          <div class=\"wr-table-filter-dropdown-empty\">\n            <span class=\"wr-table-filter-dropdown-empty__title\">\u041D\u0435\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432</span>\n          </div>\n        }\n      }\n    </div>\n\n    @if (length > 0) {\n      <div class=\"wr-table-filter-dropdown__reset\" (click)=\"onResetClick()\">\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C</div>\n    }\n  </div>\n</wr-dropdown-menu>\n" }]
-        }], propDecorators: { selectedItems: [{
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], selectedItems: [{
                 type: Output
             }] } });
 
@@ -109,20 +109,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
 
 class WrTableSortComponent {
     constructor() {
-        this.order = input();
+        this.order = input(...(ngDevMode ? [undefined, { debugName: "order" }] : []));
         this.TableOrder = WrTableOrder;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrTableSortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: WrTableSortComponent, isStandalone: true, selector: "wr-table-sort", inputs: { order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wr-table-sort--asc": "order() === TableOrder.ASC", "class.wr-table-sort--desc": "order() === TableOrder.DESC" }, classAttribute: "wr-table-sort" }, providers: [provideWrIcons([arrowTop])], ngImport: i0, template: "<wr-icon class=\"wr-table-sort__icon\" name=\"arrow-top\" />\n", dependencies: [{ kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrTableSortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: WrTableSortComponent, isStandalone: true, selector: "wr-table-sort", inputs: { order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wr-table-sort--asc": "order() === TableOrder.ASC", "class.wr-table-sort--desc": "order() === TableOrder.DESC" }, classAttribute: "wr-table-sort" }, providers: [provideWrIcons([arrowTop])], ngImport: i0, template: "<wr-icon class=\"wr-table-sort__icon\" name=\"arrow-top\" />\n", dependencies: [{ kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrTableSortComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrTableSortComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wr-table-sort', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [provideWrIcons([arrowTop])], imports: [WrIconComponent], host: {
                         class: 'wr-table-sort',
                         '[class.wr-table-sort--asc]': 'order() === TableOrder.ASC',
                         '[class.wr-table-sort--desc]': 'order() === TableOrder.DESC',
                     }, template: "<wr-icon class=\"wr-table-sort__icon\" name=\"arrow-top\" />\n" }]
-        }] });
+        }], propDecorators: { order: [{ type: i0.Input, args: [{ isSignal: true, alias: "order", required: false }] }] } });
 
 /**
  * @license
@@ -133,15 +133,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
 
 class WrTableComponent {
     constructor() {
-        this.columns = input.required();
-        this.items = input.required();
-        this.loading = input();
-        this.pagination = input(false);
-        this.total = input(1, { transform: numberAttribute });
-        this.currentPage = model(1);
-        this.pageSize = model(15);
-        this.pageSizeOptions = input([15, 25, 50]);
-        this.ordering = model();
+        this.columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : []));
+        this.items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.loading = input(...(ngDevMode ? [undefined, { debugName: "loading" }] : []));
+        this.pagination = input(false, ...(ngDevMode ? [{ debugName: "pagination" }] : []));
+        this.total = input(1, ...(ngDevMode ? [{ debugName: "total", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.currentPage = model(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+        this.pageSize = model(15, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+        this.pageSizeOptions = input([15, 25, 50], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+        this.ordering = model(...(ngDevMode ? [undefined, { debugName: "ordering" }] : []));
         this.filterChange = new EventEmitter();
         this.cellTemplates = new Map();
         /**
@@ -211,10 +211,10 @@ class WrTableComponent {
     onFilterChange(key, items) {
         this.filterChange.emit({ key, items });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: WrTableComponent, isStandalone: true, selector: "wr-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, ordering: { classPropertyName: "ordering", publicName: "ordering", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange", ordering: "orderingChange", filterChange: "filterChange" }, host: { listeners: { "document:keydown": "onKeypress($event)" }, properties: { "style": "this.styles" }, classAttribute: "wr-table" }, providers: [provideWrIcons([infoCircleOutline])], queries: [{ propertyName: "customCells", predicate: WrTableCellDirective }], ngImport: i0, template: "@if (pagination()) {\n  <div class=\"wr-table-top\">\n    @if (loading()) {\n      <wr-spinner class=\"wr-table__spinner\" />\n    }\n\n    <div class=\"wr-table-hint\" wrDropdown [dropdownMenu]=\"tablePaginationHelpDropdown\">\n      <wr-icon class=\"wr-table-hint__icon\" name=\"info-circle-outline\" />\n    </div>\n\n    <ng-template [ngTemplateOutlet]=\"tablePagination\" />\n  </div>\n}\n\n<div class=\"wr-table-head\">\n  <div class=\"wr-table-head__wrapper\">\n    @for (item of columns() | keyvalue: keepOrder; track item.key) {\n      @if (item.value; as column) {\n        <div class=\"wr-table-head-cell\">\n          <span class=\"wr-table-head-cell__title\">{{ column.title }}</span>\n\n          @if (column.sortable) {\n            <wr-table-sort [order]=\"getOrder(item.key)\" (click)=\"onOrderChange(item.key)\" />\n          }\n          @if (column.filterItems && column.filterItems.length > 0) {\n            <wr-table-filter [items]=\"column.filterItems\" (selectedItems)=\"onFilterChange(item.key, $event)\" />\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div class=\"wr-table-body\">\n  @if (items()?.length) {\n    @for (item of items(); track $index) {\n      <div class=\"wr-table-body__row\">\n        @for (column of columns() | keyvalue: keepOrder; track column.key) {\n          <div class=\"wr-table-body-cell\">\n            @if (hasCellTemplate(column.key)) {\n              <ng-container\n                [ngTemplateOutlet]=\"getCellTemplate(column.key)!\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: item[column.key],\n                  item: item,\n                  column: column.value,\n                }\"\n              />\n            } @else {\n              <span>{{ item[column.key] }}</span>\n            }\n          </div>\n        }\n      </div>\n    }\n  } @else {\n    <div class=\"wr-table-body__loader\">\n      <wr-spinner size=\"large\"></wr-spinner>\n    </div>\n\n    @for (i of pageSize() | newArray; track $index) {\n      <div class=\"wr-table-body__row\">\n        @for (column of columns() | keyvalue; track column.key) {\n          <div class=\"wr-table-body-item\">\n            <span>&nbsp;</span>\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n\n@if (pagination()) {\n  <div class=\"wr-table-bot\">\n    <ng-template [ngTemplateOutlet]=\"tablePagination\" />\n  </div>\n}\n\n<ng-template #tablePagination>\n  <wr-pagination\n    class=\"wr-table__pagination\"\n    [showSizeChanger]=\"true\"\n    [disabled]=\"!!loading()\"\n    [total]=\"total()\"\n    [(currentPage)]=\"currentPage\"\n    [(pageSize)]=\"pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions()\"\n  />\n</ng-template>\n\n<wr-dropdown-menu #tablePaginationHelpDropdown=\"wrDropdownMenu\">\n  <div class=\"wr-table-hint-dropdown\">\n    <div class=\"wr-table-hint-dropdown-item\">\n      <span class=\"wr-table-hint-dropdown-item__title\">Next:</span>\n      <div class=\"wr-table-hint-dropdown-item__keys\">\n        <span class=\"wr-table-hint-dropdown-item__key\">Ctrl</span>\n        <span>+</span>\n        <span class=\"wr-table-hint-dropdown-item__key\">{{ '>' }}</span>\n      </div>\n    </div>\n\n    <div class=\"wr-table-hint-dropdown-item\">\n      <span class=\"wr-table-hint-dropdown-item__title\">Prev:</span>\n      <div class=\"wr-table-hint-dropdown-item__keys\">\n        <span class=\"wr-table-hint-dropdown-item__key\">Ctrl</span>\n        <span>+</span>\n        <span class=\"wr-table-hint-dropdown-item__key\">{{ '<' }}</span>\n      </div>\n    </div>\n  </div>\n</wr-dropdown-menu>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: NewArrayPipe, name: "newArray" }, { kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }, { kind: "component", type: WrSpinnerComponent, selector: "wr-spinner", inputs: ["size"] }, { kind: "directive", type: WrDropdownDirective, selector: "[wrDropdown]", inputs: ["dropdownMenu", "trigger", "position"] }, { kind: "component", type: WrDropdownMenuComponent, selector: "wr-dropdown-menu", exportAs: ["wrDropdownMenu"] }, { kind: "component", type: WrPaginationComponent, selector: "wr-pagination", inputs: ["currentPage", "total", "pageSize", "pageSizeOptions", "showSizeChanger", "showTotal", "position", "disabled", "ofLabel"], outputs: ["currentPageChange", "pageSizeChange"] }, { kind: "component", type: WrTableSortComponent, selector: "wr-table-sort", inputs: ["order"] }, { kind: "component", type: WrTableFilterComponent, selector: "wr-table-filter", inputs: ["items"], outputs: ["selectedItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: WrTableComponent, isStandalone: true, selector: "wr-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, ordering: { classPropertyName: "ordering", publicName: "ordering", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange", ordering: "orderingChange", filterChange: "filterChange" }, host: { listeners: { "document:keydown": "onKeypress($event)" }, properties: { "style": "this.styles" }, classAttribute: "wr-table" }, providers: [provideWrIcons([infoCircleOutline])], queries: [{ propertyName: "customCells", predicate: WrTableCellDirective }], ngImport: i0, template: "@if (pagination()) {\n  <div class=\"wr-table-top\">\n    @if (loading()) {\n      <wr-spinner class=\"wr-table__spinner\" />\n    }\n\n    <div class=\"wr-table-hint\" wrDropdown [dropdownMenu]=\"tablePaginationHelpDropdown\">\n      <wr-icon class=\"wr-table-hint__icon\" name=\"info-circle-outline\" />\n    </div>\n\n    <ng-template [ngTemplateOutlet]=\"tablePagination\" />\n  </div>\n}\n\n<div class=\"wr-table-head\">\n  <div class=\"wr-table-head__wrapper\">\n    @for (item of columns() | keyvalue: keepOrder; track item.key) {\n      @if (item.value; as column) {\n        <div class=\"wr-table-head-cell\">\n          <span class=\"wr-table-head-cell__title\">{{ column.title }}</span>\n\n          @if (column.sortable) {\n            <wr-table-sort [order]=\"getOrder(item.key)\" (click)=\"onOrderChange(item.key)\" />\n          }\n          @if (column.filterItems && column.filterItems.length > 0) {\n            <wr-table-filter [items]=\"column.filterItems\" (selectedItems)=\"onFilterChange(item.key, $event)\" />\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div class=\"wr-table-body\">\n  @if (items()?.length) {\n    @for (item of items(); track $index) {\n      <div class=\"wr-table-body__row\">\n        @for (column of columns() | keyvalue: keepOrder; track column.key) {\n          <div class=\"wr-table-body-cell\">\n            @if (hasCellTemplate(column.key)) {\n              <ng-container\n                [ngTemplateOutlet]=\"getCellTemplate(column.key)!\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: item[column.key],\n                  item: item,\n                  column: column.value,\n                }\"\n              />\n            } @else {\n              <span>{{ item[column.key] }}</span>\n            }\n          </div>\n        }\n      </div>\n    }\n  } @else {\n    <div class=\"wr-table-body__loader\">\n      <wr-spinner size=\"large\"></wr-spinner>\n    </div>\n\n    @for (i of pageSize() | newArray; track $index) {\n      <div class=\"wr-table-body__row\">\n        @for (column of columns() | keyvalue; track column.key) {\n          <div class=\"wr-table-body-item\">\n            <span>&nbsp;</span>\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n\n@if (pagination()) {\n  <div class=\"wr-table-bot\">\n    <ng-template [ngTemplateOutlet]=\"tablePagination\" />\n  </div>\n}\n\n<ng-template #tablePagination>\n  <wr-pagination\n    class=\"wr-table__pagination\"\n    [showSizeChanger]=\"true\"\n    [disabled]=\"!!loading()\"\n    [total]=\"total()\"\n    [(currentPage)]=\"currentPage\"\n    [(pageSize)]=\"pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions()\"\n  />\n</ng-template>\n\n<wr-dropdown-menu #tablePaginationHelpDropdown=\"wrDropdownMenu\">\n  <div class=\"wr-table-hint-dropdown\">\n    <div class=\"wr-table-hint-dropdown-item\">\n      <span class=\"wr-table-hint-dropdown-item__title\">Next:</span>\n      <div class=\"wr-table-hint-dropdown-item__keys\">\n        <span class=\"wr-table-hint-dropdown-item__key\">Ctrl</span>\n        <span>+</span>\n        <span class=\"wr-table-hint-dropdown-item__key\">{{ '>' }}</span>\n      </div>\n    </div>\n\n    <div class=\"wr-table-hint-dropdown-item\">\n      <span class=\"wr-table-hint-dropdown-item__title\">Prev:</span>\n      <div class=\"wr-table-hint-dropdown-item__keys\">\n        <span class=\"wr-table-hint-dropdown-item__key\">Ctrl</span>\n        <span>+</span>\n        <span class=\"wr-table-hint-dropdown-item__key\">{{ '<' }}</span>\n      </div>\n    </div>\n  </div>\n</wr-dropdown-menu>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }, { kind: "component", type: WrSpinnerComponent, selector: "wr-spinner", inputs: ["size"] }, { kind: "directive", type: WrDropdownDirective, selector: "[wrDropdown]", inputs: ["dropdownMenu", "trigger", "position"] }, { kind: "component", type: WrDropdownMenuComponent, selector: "wr-dropdown-menu", exportAs: ["wrDropdownMenu"] }, { kind: "component", type: WrPaginationComponent, selector: "wr-pagination", inputs: ["currentPage", "total", "pageSize", "pageSizeOptions", "showSizeChanger", "showTotal", "position", "disabled", "ofLabel"], outputs: ["currentPageChange", "pageSizeChange"] }, { kind: "component", type: WrTableSortComponent, selector: "wr-table-sort", inputs: ["order"] }, { kind: "component", type: WrTableFilterComponent, selector: "wr-table-filter", inputs: ["items"], outputs: ["selectedItems"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: NewArrayPipe, name: "newArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: WrTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wr-table', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         NgTemplateOutlet,
@@ -230,7 +230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     ], providers: [provideWrIcons([infoCircleOutline])], host: {
                         class: 'wr-table',
                     }, template: "@if (pagination()) {\n  <div class=\"wr-table-top\">\n    @if (loading()) {\n      <wr-spinner class=\"wr-table__spinner\" />\n    }\n\n    <div class=\"wr-table-hint\" wrDropdown [dropdownMenu]=\"tablePaginationHelpDropdown\">\n      <wr-icon class=\"wr-table-hint__icon\" name=\"info-circle-outline\" />\n    </div>\n\n    <ng-template [ngTemplateOutlet]=\"tablePagination\" />\n  </div>\n}\n\n<div class=\"wr-table-head\">\n  <div class=\"wr-table-head__wrapper\">\n    @for (item of columns() | keyvalue: keepOrder; track item.key) {\n      @if (item.value; as column) {\n        <div class=\"wr-table-head-cell\">\n          <span class=\"wr-table-head-cell__title\">{{ column.title }}</span>\n\n          @if (column.sortable) {\n            <wr-table-sort [order]=\"getOrder(item.key)\" (click)=\"onOrderChange(item.key)\" />\n          }\n          @if (column.filterItems && column.filterItems.length > 0) {\n            <wr-table-filter [items]=\"column.filterItems\" (selectedItems)=\"onFilterChange(item.key, $event)\" />\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div class=\"wr-table-body\">\n  @if (items()?.length) {\n    @for (item of items(); track $index) {\n      <div class=\"wr-table-body__row\">\n        @for (column of columns() | keyvalue: keepOrder; track column.key) {\n          <div class=\"wr-table-body-cell\">\n            @if (hasCellTemplate(column.key)) {\n              <ng-container\n                [ngTemplateOutlet]=\"getCellTemplate(column.key)!\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: item[column.key],\n                  item: item,\n                  column: column.value,\n                }\"\n              />\n            } @else {\n              <span>{{ item[column.key] }}</span>\n            }\n          </div>\n        }\n      </div>\n    }\n  } @else {\n    <div class=\"wr-table-body__loader\">\n      <wr-spinner size=\"large\"></wr-spinner>\n    </div>\n\n    @for (i of pageSize() | newArray; track $index) {\n      <div class=\"wr-table-body__row\">\n        @for (column of columns() | keyvalue; track column.key) {\n          <div class=\"wr-table-body-item\">\n            <span>&nbsp;</span>\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n\n@if (pagination()) {\n  <div class=\"wr-table-bot\">\n    <ng-template [ngTemplateOutlet]=\"tablePagination\" />\n  </div>\n}\n\n<ng-template #tablePagination>\n  <wr-pagination\n    class=\"wr-table__pagination\"\n    [showSizeChanger]=\"true\"\n    [disabled]=\"!!loading()\"\n    [total]=\"total()\"\n    [(currentPage)]=\"currentPage\"\n    [(pageSize)]=\"pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions()\"\n  />\n</ng-template>\n\n<wr-dropdown-menu #tablePaginationHelpDropdown=\"wrDropdownMenu\">\n  <div class=\"wr-table-hint-dropdown\">\n    <div class=\"wr-table-hint-dropdown-item\">\n      <span class=\"wr-table-hint-dropdown-item__title\">Next:</span>\n      <div class=\"wr-table-hint-dropdown-item__keys\">\n        <span class=\"wr-table-hint-dropdown-item__key\">Ctrl</span>\n        <span>+</span>\n        <span class=\"wr-table-hint-dropdown-item__key\">{{ '>' }}</span>\n      </div>\n    </div>\n\n    <div class=\"wr-table-hint-dropdown-item\">\n      <span class=\"wr-table-hint-dropdown-item__title\">Prev:</span>\n      <div class=\"wr-table-hint-dropdown-item__keys\">\n        <span class=\"wr-table-hint-dropdown-item__key\">Ctrl</span>\n        <span>+</span>\n        <span class=\"wr-table-hint-dropdown-item__key\">{{ '<' }}</span>\n      </div>\n    </div>\n  </div>\n</wr-dropdown-menu>\n" }]
-        }], propDecorators: { filterChange: [{
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], pagination: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagination", required: false }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], ordering: [{ type: i0.Input, args: [{ isSignal: true, alias: "ordering", required: false }] }, { type: i0.Output, args: ["orderingChange"] }], filterChange: [{
                 type: Output
             }], styles: [{
                 type: HostBinding,