@alauda/ui 6.5.7-beta.0 → 6.5.7-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/esm2020/autocomplete/autocomplete.component.mjs +2 -2
  2. package/esm2020/drawer/component/drawer.component.mjs +2 -2
  3. package/esm2020/paginator/paginator.component.mjs +2 -2
  4. package/esm2020/scrolling/virtual-for-of.directive.mjs +2 -14
  5. package/esm2020/select/base-select.mjs +88 -185
  6. package/esm2020/select/index.mjs +2 -2
  7. package/esm2020/select/multi-select/multi-select.component.mjs +47 -26
  8. package/esm2020/select/option/option.component.mjs +112 -0
  9. package/esm2020/select/option-group/option-group.component.mjs +6 -13
  10. package/esm2020/select/select.component.mjs +18 -22
  11. package/esm2020/select/select.module.mjs +3 -14
  12. package/esm2020/select/select.types.mjs +1 -1
  13. package/esm2020/select/validators.mjs +4 -7
  14. package/esm2020/tooltip/base-tooltip.mjs +1 -5
  15. package/esm2020/tree-select/tree-select.component.mjs +3 -3
  16. package/fesm2015/alauda-ui.mjs +894 -1035
  17. package/fesm2015/alauda-ui.mjs.map +1 -1
  18. package/fesm2020/alauda-ui.mjs +899 -1036
  19. package/fesm2020/alauda-ui.mjs.map +1 -1
  20. package/package.json +1 -1
  21. package/select/base-select.d.ts +27 -55
  22. package/select/index.d.ts +1 -1
  23. package/select/multi-select/multi-select.component.d.ts +5 -3
  24. package/select/option/option.component.d.ts +45 -0
  25. package/select/option-group/option-group.component.d.ts +3 -4
  26. package/select/select.component.d.ts +6 -6
  27. package/select/select.module.d.ts +13 -16
  28. package/select/select.types.d.ts +2 -8
  29. package/esm2020/select/option-item/option-item.component.mjs +0 -104
  30. package/esm2020/select/option.component.mjs +0 -46
  31. package/select/option-item/option-item.component.d.ts +0 -41
  32. package/select/option.component.d.ts +0 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alauda/ui",
3
- "version": "6.5.7-beta.0",
3
+ "version": "6.5.7-beta.2",
4
4
  "description": "Angular UI components by Alauda Frontend Team.",
5
5
  "repository": "git+https://github.com/alauda/alauda-ui.git",
6
6
  "author": "Alauda Frontend",
@@ -1,86 +1,65 @@
1
1
  import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
2
2
  import { BehaviorSubject, Observable, Subject } from 'rxjs';
3
3
  import { CommonFormControl } from '../form';
4
- import { VirtualScrollViewportComponent } from '../scrolling/virtual-scroll-viewport.component';
5
4
  import { TooltipDirective } from '../tooltip';
6
5
  import { ComponentSize } from '../types';
7
6
  import { OptionContentDirective } from './helper-directives';
8
- import { OptionItemComponent } from './option-item/option-item.component';
9
- import { OptionComponent } from './option.component';
10
- import { CreateFn, DisplayOption, OptionFilterFn, SelectFilterOption, TrackFn } from './select.types';
7
+ import { OptionComponent } from './option/option.component';
8
+ import { OptionFilterFn, SelectFilterOption, TrackFn } from './select.types';
11
9
  import * as i0 from "@angular/core";
12
- export declare const itemSizeMap: {
13
- large: number;
14
- medium: number;
15
- small: number;
16
- mini: number;
17
- "": number;
18
- };
19
10
  export declare abstract class BaseSelect<T, V = T> extends CommonFormControl<V> implements AfterContentInit, AfterViewInit, OnDestroy {
20
11
  get size(): ComponentSize;
21
12
  set size(val: ComponentSize);
22
- get options(): Array<SelectFilterOption<T>>;
23
- set options(val: Array<SelectFilterOption<T>>);
24
13
  get filterable(): boolean | '';
25
14
  set filterable(val: boolean | '');
26
15
  get clearable(): boolean | '';
27
16
  set clearable(val: boolean | '');
28
- get allowCreate(): boolean | '';
29
- set allowCreate(val: boolean | '');
30
17
  filterFn: OptionFilterFn<T>;
31
18
  trackFn: TrackFn<T>;
32
19
  labelFn?: (value: T) => string;
20
+ get allowCreate(): boolean | '';
21
+ set allowCreate(val: boolean | '');
22
+ get allOptions(): OptionComponent<T>[];
23
+ get opened(): boolean;
24
+ get inputReadonly(): boolean;
25
+ get filterString(): string;
26
+ set filterString(val: string);
33
27
  loading: boolean;
34
28
  placeholder: string;
35
29
  defaultFirstOption: boolean;
36
30
  lazy: boolean;
37
- useVirtual: boolean;
38
- itemSize: number;
39
- maxItemLength: number;
40
- createFn: CreateFn<T>;
41
31
  filterChange: EventEmitter<string>;
42
32
  show: EventEmitter<void>;
43
33
  hide: EventEmitter<void>;
44
34
  protected selectRef: ElementRef<HTMLElement>;
45
35
  protected tooltipRef: TooltipDirective;
46
36
  protected optionListRef: ElementRef<HTMLDivElement>;
47
- virtualScrollViewport: VirtualScrollViewportComponent;
48
- contentOptionItems: QueryList<ElementRef>;
37
+ protected inputtingOption: OptionComponent<T>;
49
38
  protected optionContent?: OptionContentDirective;
50
- contentTplOptions: QueryList<OptionComponent<T>>;
51
- get opened(): boolean;
52
- get inputReadonly(): boolean;
53
- get _itemSize(): number;
54
- get filterString(): string;
55
- set filterString(val: string);
39
+ customOptions: QueryList<OptionComponent<T>>;
40
+ contentOptions: QueryList<OptionComponent<T>>;
56
41
  isTemplateRef: (label: any) => label is import("@angular/core").TemplateRef<unknown>;
57
42
  isMulti: boolean;
58
- protected scrolledIndex: number;
43
+ /**
44
+ * Utility field to make sure the users always see the value as type array
45
+ */
46
+ abstract readonly values$: Observable<T[]>;
47
+ allOptions$: Observable<Array<OptionComponent<T>>>;
48
+ protected focusedOption: OptionComponent<T>;
59
49
  private _size;
60
- private _options;
61
50
  private _filterable;
62
51
  private _clearable;
63
52
  private _allowCreate;
64
53
  private _filterString;
65
- selectableOptions: Array<DisplayOption<T>>;
66
- /**
67
- * Utility field to make sure the users always see the value as type array
68
- */
69
- abstract readonly values$: Observable<T[]>;
70
- protected contentOptions$: Observable<Array<DisplayOption<T>>>;
71
- protected customOptions$: Observable<Array<DisplayOption<T>>>;
72
- protected inputtingOption$: Observable<DisplayOption<T>>;
73
- containerWidth: string;
74
54
  protected destroy$$: Subject<void>;
75
55
  protected size$$: BehaviorSubject<ComponentSize>;
76
- protected options$$: BehaviorSubject<DisplayOption<T>[]>;
77
56
  private readonly filterString$$;
78
57
  size$: Observable<ComponentSize>;
79
- options$: Observable<DisplayOption<T>[]>;
80
58
  filterString$: Observable<string>;
81
- allOptions$: BehaviorSubject<DisplayOption<T>[]>;
82
- filterOptions$: BehaviorSubject<DisplayOption<T>[]>;
83
- focused$: BehaviorSubject<DisplayOption<T>>;
59
+ hasVisibleOption$: Observable<boolean>;
60
+ hasMatchedOption$: Observable<boolean>;
61
+ customCreatedOptions$: Observable<Array<SelectFilterOption<T>>>;
62
+ containerWidth: string;
84
63
  ngAfterContentInit(): void;
85
64
  ngAfterViewInit(): void;
86
65
  ngOnDestroy(): void;
@@ -90,24 +69,17 @@ export declare abstract class BaseSelect<T, V = T> extends CommonFormControl<V>
90
69
  onHideOptions(): void;
91
70
  onInput(event: Event): void;
92
71
  onKeyDown(event: KeyboardEvent): void;
93
- onOptionClick(option: OptionItemComponent<T>): void;
72
+ onOptionClick(option: OptionComponent<T>): void;
94
73
  protected autoFocusFirstOption(): void;
95
74
  protected focusOptionDir(dir: 'down' | 'up'): void;
96
- isFocus: (value: DisplayOption<T>['value'], focusOption?: DisplayOption<T>) => boolean;
97
- protected resetFocusedOption(focusedOption?: DisplayOption<T>): void;
98
- onScrolledIndexChange(index: number): void;
99
- protected scrollToOption(option: DisplayOption<T>): void;
75
+ protected resetFocusedOption(focusedOption?: OptionComponent<T>): void;
76
+ protected scrollToOption(option: OptionComponent<T>): void;
100
77
  protected selectFocusedOption(): void;
101
- getSelected(value: DisplayOption<T>['value'], values: Array<DisplayOption<T>['value']>): boolean;
102
- focus(option: DisplayOption<T>): void;
103
- blur(): void;
104
- getLabelByValue(value: T): string;
105
78
  protected escSelect(): void;
106
79
  private _trackFn;
107
- private _createFn;
108
80
  private _filterFn;
109
- abstract selectOption(option: DisplayOption<T>): void;
81
+ abstract selectOption(option: OptionComponent<T>): void;
110
82
  abstract clearValue(event: Event): void;
111
83
  static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelect<any, any>, never>;
112
- static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelect<any, any>, never, never, { "size": "size"; "options": "options"; "filterable": "filterable"; "clearable": "clearable"; "allowCreate": "allowCreate"; "filterFn": "filterFn"; "trackFn": "trackFn"; "labelFn": "labelFn"; "loading": "loading"; "placeholder": "placeholder"; "defaultFirstOption": "defaultFirstOption"; "lazy": "lazy"; "useVirtual": "useVirtual"; "itemSize": "itemSize"; "maxItemLength": "maxItemLength"; "createFn": "createFn"; }, { "filterChange": "filterChange"; "show": "show"; "hide": "hide"; }, ["optionContent", "contentTplOptions"]>;
84
+ static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelect<any, any>, never, never, { "size": "size"; "filterable": "filterable"; "clearable": "clearable"; "filterFn": "filterFn"; "trackFn": "trackFn"; "labelFn": "labelFn"; "allowCreate": "allowCreate"; "loading": "loading"; "placeholder": "placeholder"; "defaultFirstOption": "defaultFirstOption"; "lazy": "lazy"; }, { "filterChange": "filterChange"; "show": "show"; "hide": "hide"; }, ["optionContent", "contentOptions"]>;
113
85
  }
package/select/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export * from './helper-directives';
2
2
  export * from './multi-select/multi-select.component';
3
- export * from './option.component';
3
+ export * from './option/option.component';
4
4
  export * from './option-group/option-group.component';
5
5
  export * from './option-placeholder.component';
6
6
  export * from './select.component';
@@ -2,7 +2,8 @@ import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, Rendere
2
2
  import { Observable } from 'rxjs';
3
3
  import { Bem } from '../../utils';
4
4
  import { BaseSelect } from '../base-select';
5
- import { DisplayOption, SelectAllStatus, SelectFilterOption, TagClassFn } from '../select.types';
5
+ import { OptionComponent } from '../option/option.component';
6
+ import { SelectAllStatus, SelectFilterOption, TagClassFn } from '../select.types';
6
7
  import * as i0 from "@angular/core";
7
8
  export declare class MultiSelectComponent<T = unknown> extends BaseSelect<T, T[]> implements AfterContentInit, AfterViewInit {
8
9
  private readonly renderer;
@@ -44,14 +45,15 @@ export declare class MultiSelectComponent<T = unknown> extends BaseSelect<T, T[]
44
45
  onInputFocus(): void;
45
46
  onInputBlur(): void;
46
47
  onKeyDown(event: KeyboardEvent): void;
47
- selectOption(option: DisplayOption<T>): void;
48
+ selectOption(option: OptionComponent<T>): void;
48
49
  addValue(value: T): void;
49
50
  removeValue(value: T): void;
50
51
  clearValue(event: Event): void;
51
52
  onSelectAllClick(): void;
53
+ private includes;
52
54
  protected valueIn(v: T[]): T[];
53
55
  private resetInput;
54
56
  private setInputWidth;
55
57
  static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent<any>, never>;
56
- static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent<any>, "aui-multi-select", never, { "tagClassFn": "tagClassFn"; "maxRowCount": "maxRowCount"; "customRowHeight": "customRowHeight"; "allowSelectAll": "allowSelectAll"; }, {}, never, ["aui-option-placeholder"]>;
58
+ static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent<any>, "aui-multi-select", never, { "tagClassFn": "tagClassFn"; "maxRowCount": "maxRowCount"; "customRowHeight": "customRowHeight"; "allowSelectAll": "allowSelectAll"; }, {}, never, ["*", "aui-option-placeholder"]>;
57
59
  }
@@ -0,0 +1,45 @@
1
+ import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
2
+ import { Observable } from 'rxjs';
3
+ import { ComponentSize } from '../../types';
4
+ import { Bem } from '../../utils';
5
+ import * as i0 from "@angular/core";
6
+ export declare class OptionComponent<T> {
7
+ private readonly cdr;
8
+ bem: Bem;
9
+ private _disabled;
10
+ private _label;
11
+ private _labelContext;
12
+ private _value;
13
+ private readonly label$$;
14
+ private readonly labelContext$$;
15
+ private readonly value$$;
16
+ private readonly disabled$$;
17
+ get label(): string | TemplateRef<unknown>;
18
+ set label(val: string | TemplateRef<unknown>);
19
+ get labelContext(): unknown;
20
+ set labelContext(val: unknown);
21
+ get value(): T;
22
+ set value(val: T);
23
+ get disabled(): boolean;
24
+ set disabled(val: boolean | '');
25
+ isMulti: boolean;
26
+ elRef: ElementRef<HTMLDivElement>;
27
+ private readonly select;
28
+ selected: boolean;
29
+ visible: boolean;
30
+ size: ComponentSize;
31
+ focused: boolean;
32
+ value$: Observable<T>;
33
+ label$: Observable<string | TemplateRef<unknown>>;
34
+ labelContext$: Observable<unknown>;
35
+ disabled$: Observable<boolean>;
36
+ selected$: Observable<boolean>;
37
+ size$: Observable<ComponentSize>;
38
+ visible$: Observable<boolean>;
39
+ constructor(cdr: ChangeDetectorRef, select: any);
40
+ onClick(): void;
41
+ focus(): void;
42
+ blur(): void;
43
+ static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent<any>, never>;
44
+ static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent<any>, "aui-option", never, { "label": "label"; "labelContext": "labelContext"; "value": "value"; "disabled": "disabled"; }, {}, never, ["*"]>;
45
+ }
@@ -1,12 +1,11 @@
1
- import { AfterContentInit, QueryList, ElementRef } from '@angular/core';
1
+ import { AfterContentInit, QueryList } from '@angular/core';
2
2
  import { Observable } from 'rxjs';
3
- import { OptionComponent } from '../option.component';
3
+ import { OptionComponent } from '../option/option.component';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class OptionGroupComponent<T> implements AfterContentInit {
6
6
  options: QueryList<OptionComponent<T>>;
7
- groupTitle: ElementRef;
8
7
  hasVisibleOption$: Observable<boolean>;
9
8
  ngAfterContentInit(): void;
10
9
  static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupComponent<any>, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupComponent<any>, "aui-option-group", never, {}, {}, ["groupTitle", "options"], ["[auiOptionGroupTitle]", "*"]>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupComponent<any>, "aui-option-group", never, {}, {}, ["options"], ["[auiOptionGroupTitle]", "*"]>;
12
11
  }
@@ -1,11 +1,11 @@
1
- import { AfterViewInit } from '@angular/core';
1
+ import { AfterContentInit } from '@angular/core';
2
2
  import { Observable } from 'rxjs';
3
3
  import { InputComponent } from '../input';
4
4
  import { BaseSelect } from './base-select';
5
- import { OptionItemComponent } from './option-item/option-item.component';
5
+ import { OptionComponent } from './option/option.component';
6
6
  import { SelectOption } from './select.types';
7
7
  import * as i0 from "@angular/core";
8
- export declare class SelectComponent<T = unknown> extends BaseSelect<T> implements AfterViewInit {
8
+ export declare class SelectComponent<T = unknown> extends BaseSelect<T> implements AfterContentInit {
9
9
  inputRef: InputComponent;
10
10
  values$: Observable<T[]>;
11
11
  selectedOption$: Observable<SelectOption>;
@@ -13,12 +13,12 @@ export declare class SelectComponent<T = unknown> extends BaseSelect<T> implemen
13
13
  get rootClass(): string;
14
14
  get containerClass(): string;
15
15
  isClearable: (hasSelected: boolean) => boolean;
16
- ngAfterViewInit(): void;
16
+ ngAfterContentInit(): void;
17
17
  onShowOptions(): void;
18
18
  onHideOptions(): void;
19
19
  protected valueIn(v: T): T;
20
- selectOption(option: OptionItemComponent<T>): void;
20
+ selectOption(option: OptionComponent<T>): void;
21
21
  clearValue(event: Event): void;
22
22
  static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "aui-select", never, {}, {}, never, ["aui-option-placeholder"]>;
23
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "aui-select", never, {}, {}, never, ["*", "aui-option-placeholder"]>;
24
24
  }
@@ -1,22 +1,19 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./select.component";
3
- import * as i2 from "./option.component";
4
- import * as i3 from "./option-item/option-item.component";
5
- import * as i4 from "./option-group/option-group.component";
6
- import * as i5 from "./option-placeholder.component";
7
- import * as i6 from "./multi-select/multi-select.component";
8
- import * as i7 from "./validators";
9
- import * as i8 from "./helper-directives";
10
- import * as i9 from "@angular/common";
11
- import * as i10 from "../input/input.module";
12
- import * as i11 from "../i18n/i18n.module";
13
- import * as i12 from "../icon/icon.module";
14
- import * as i13 from "../tooltip/tooltip.module";
15
- import * as i14 from "../tag/tag.module";
16
- import * as i15 from "../scrolling/scrolling.module";
17
- import * as i16 from "@angular/cdk/portal";
3
+ import * as i2 from "./option/option.component";
4
+ import * as i3 from "./option-group/option-group.component";
5
+ import * as i4 from "./option-placeholder.component";
6
+ import * as i5 from "./multi-select/multi-select.component";
7
+ import * as i6 from "./validators";
8
+ import * as i7 from "./helper-directives";
9
+ import * as i8 from "@angular/common";
10
+ import * as i9 from "../input/input.module";
11
+ import * as i10 from "../i18n/i18n.module";
12
+ import * as i11 from "../icon/icon.module";
13
+ import * as i12 from "../tooltip/tooltip.module";
14
+ import * as i13 from "../tag/tag.module";
18
15
  export declare class SelectModule {
19
16
  static ɵfac: i0.ɵɵFactoryDeclaration<SelectModule, never>;
20
- static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, [typeof i1.SelectComponent, typeof i2.OptionComponent, typeof i3.OptionItemComponent, typeof i4.OptionGroupComponent, typeof i5.OptionPlaceholderComponent, typeof i6.MultiSelectComponent, typeof i7.IncludesDirective, typeof i8.OptionGroupTitleDirective, typeof i8.OptionContentDirective], [typeof i9.CommonModule, typeof i10.InputModule, typeof i11.I18nModule, typeof i12.IconModule, typeof i13.TooltipModule, typeof i14.TagModule, typeof i15.ScrollingModule, typeof i16.PortalModule], [typeof i1.SelectComponent, typeof i2.OptionComponent, typeof i4.OptionGroupComponent, typeof i5.OptionPlaceholderComponent, typeof i6.MultiSelectComponent, typeof i7.IncludesDirective, typeof i8.OptionGroupTitleDirective, typeof i8.OptionContentDirective]>;
17
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, [typeof i1.SelectComponent, typeof i2.OptionComponent, typeof i3.OptionGroupComponent, typeof i4.OptionPlaceholderComponent, typeof i5.MultiSelectComponent, typeof i6.IncludesDirective, typeof i7.OptionGroupTitleDirective, typeof i7.OptionContentDirective], [typeof i8.CommonModule, typeof i9.InputModule, typeof i10.I18nModule, typeof i11.IconModule, typeof i12.TooltipModule, typeof i13.TagModule], [typeof i1.SelectComponent, typeof i2.OptionComponent, typeof i3.OptionGroupComponent, typeof i4.OptionPlaceholderComponent, typeof i5.MultiSelectComponent, typeof i6.IncludesDirective, typeof i7.OptionGroupTitleDirective, typeof i7.OptionContentDirective]>;
21
18
  static ɵinj: i0.ɵɵInjectorDeclaration<SelectModule>;
22
19
  }
@@ -1,20 +1,14 @@
1
- import { ElementRef, TemplateRef } from '@angular/core';
1
+ import { TemplateRef } from '@angular/core';
2
2
  export interface SelectOption {
3
- label?: string | TemplateRef<unknown>;
3
+ label: string | TemplateRef<unknown>;
4
4
  labelContext?: unknown;
5
5
  }
6
6
  export interface SelectFilterOption<T> extends SelectOption {
7
7
  disabled?: boolean;
8
8
  value: T;
9
9
  }
10
- export interface DisplayOption<T> extends SelectFilterOption<T> {
11
- selected?: boolean;
12
- groupTitle?: ElementRef;
13
- contentTemplate?: TemplateRef<any>;
14
- }
15
10
  export declare type OptionFilterFn<T> = (filter: string, option: SelectFilterOption<T>) => boolean;
16
11
  export declare type TrackFn<T, R = unknown> = (value: T) => R;
17
- export declare type CreateFn<T> = (input: string) => DisplayOption<T>;
18
12
  export declare type TagClassFn<V, T extends string | TemplateRef<unknown> = string | TemplateRef<unknown>> = (label: T, value: V) => string | string[] | Set<string> | {
19
13
  [className: string]: unknown;
20
14
  };
@@ -1,104 +0,0 @@
1
- import { DomPortal } from '@angular/cdk/portal';
2
- import { ChangeDetectionStrategy, Component, Inject, Input, ViewChild, ViewEncapsulation, forwardRef, HostBinding, } from '@angular/core';
3
- import { BehaviorSubject, Subject, tap } from 'rxjs';
4
- import { ComponentSize } from '../../types';
5
- import { buildBem } from '../../utils';
6
- import { BaseSelect } from '../base-select';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "../../icon/icon.component";
9
- import * as i2 from "@angular/common";
10
- import * as i3 from "@angular/cdk/portal";
11
- export class OptionItemComponent {
12
- constructor(select) {
13
- this.changes = new Subject();
14
- this.bem = buildBem('aui-option');
15
- this._label = '';
16
- this._labelContext = {};
17
- this.label$$ = new BehaviorSubject(this.label);
18
- this.labelContext$$ = new BehaviorSubject(this.labelContext);
19
- this.value$$ = new BehaviorSubject(this.value);
20
- this._focused = false;
21
- this.isMulti = false;
22
- this.size = ComponentSize.Medium;
23
- this.isMulti = select.isMulti;
24
- this.select = select;
25
- this.size$ = this.select.size$.pipe(tap(size => {
26
- this.size = size;
27
- }));
28
- }
29
- get label() {
30
- return this._label;
31
- }
32
- set label(val) {
33
- this._label = val;
34
- this.label$$.next(val);
35
- }
36
- get labelContext() {
37
- return this._labelContext;
38
- }
39
- set labelContext(val) {
40
- this._labelContext = val;
41
- this.labelContext$$.next(val);
42
- }
43
- get value() {
44
- return this._value;
45
- }
46
- set value(val) {
47
- this._value = val;
48
- this.value$$.next(val);
49
- }
50
- get groupTitlePortal() {
51
- return this.groupTitle ? new DomPortal(this.groupTitle) : '';
52
- }
53
- ngOnChanges() {
54
- this.changes.next(null);
55
- }
56
- onClick() {
57
- if (this.disabled) {
58
- return;
59
- }
60
- this.select.onOptionClick(this);
61
- }
62
- focus() {
63
- console.log(123);
64
- if (this.disabled) {
65
- return;
66
- }
67
- this.select.focus(this);
68
- }
69
- blur() {
70
- this.select.blur();
71
- }
72
- }
73
- OptionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OptionItemComponent, deps: [{ token: forwardRef(() => BaseSelect) }], target: i0.ɵɵFactoryTarget.Component });
74
- OptionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: OptionItemComponent, selector: "aui-option-item", inputs: { label: "label", labelContext: "labelContext", value: "value", disabled: "disabled", focused: "focused", selected: "selected", groupTitle: "groupTitle", contentTemplate: "contentTemplate" }, host: { properties: { "class.is-group": "this.groupTitle" } }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div\n #elRef\n *ngIf=\"!groupTitlePortal; else group\"\n [class]=\"bem.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected\"\n [class.isMulti]=\"isMulti\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <i\n *ngIf=\"isMulti\"\n class=\"aui-option__pointer\"\n >\n <aui-icon\n [hidden]=\"!selected\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <ng-content></ng-content>\n</div>\n\n<ng-template #group>\n <div class=\"aui-option__group-item\">\n <ng-container *cdkPortalOutlet=\"groupTitlePortal!\"></ng-container>\n </div>\n</ng-template>\n", styles: [".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}aui-option-item.is-group:not(:first-of-type) .aui-option__group-item{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], components: [{ type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
75
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OptionItemComponent, decorators: [{
76
- type: Component,
77
- args: [{ selector: 'aui-option-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n #elRef\n *ngIf=\"!groupTitlePortal; else group\"\n [class]=\"bem.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected\"\n [class.isMulti]=\"isMulti\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <i\n *ngIf=\"isMulti\"\n class=\"aui-option__pointer\"\n >\n <aui-icon\n [hidden]=\"!selected\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <ng-content></ng-content>\n</div>\n\n<ng-template #group>\n <div class=\"aui-option__group-item\">\n <ng-container *cdkPortalOutlet=\"groupTitlePortal!\"></ng-container>\n </div>\n</ng-template>\n", styles: [".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}aui-option-item.is-group:not(:first-of-type) .aui-option__group-item{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
78
- }], ctorParameters: function () { return [{ type: undefined, decorators: [{
79
- type: Inject,
80
- args: [forwardRef(() => BaseSelect)]
81
- }] }]; }, propDecorators: { label: [{
82
- type: Input
83
- }], labelContext: [{
84
- type: Input
85
- }], value: [{
86
- type: Input
87
- }], disabled: [{
88
- type: Input
89
- }], focused: [{
90
- type: Input
91
- }], selected: [{
92
- type: Input
93
- }], groupTitle: [{
94
- type: HostBinding,
95
- args: ['class.is-group']
96
- }, {
97
- type: Input
98
- }], contentTemplate: [{
99
- type: Input
100
- }], elRef: [{
101
- type: ViewChild,
102
- args: ['elRef', { static: true }]
103
- }] } });
104
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3NlbGVjdC9vcHRpb24taXRlbS9vcHRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvc2VsZWN0L29wdGlvbi1pdGVtL29wdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxNQUFNLEVBQ04sS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsVUFBVSxFQUVWLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFjLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQU8sUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFVNUMsTUFBTSxPQUFPLG1CQUFtQjtJQXlFOUIsWUFFRSxNQUFXO1FBMUViLFlBQU8sR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQ3hCLFFBQUcsR0FBUSxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7UUFFMUIsV0FBTSxHQUFrQyxFQUFFLENBQUM7UUFDM0Msa0JBQWEsR0FBWSxFQUFFLENBQUM7UUFFbkIsWUFBTyxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUxQyxtQkFBYyxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUV4RCxZQUFPLEdBQUcsSUFBSSxlQUFlLENBQUMsSUFBSSxDQUFDLEtB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S04sVUFBVTtzQkFGVCxXQUFXO3VCQUFDLGdCQUFnQjs7c0JBQzVCLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLEtBQUs7c0JBREosU0FBUzt1QkFBQyxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRG9tUG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbiAgT25DaGFuZ2VzLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIFN1YmplY3QsIHRhcCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBDb21wb25lbnRTaXplIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgQmVtLCBidWlsZEJlbSB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IEJhc2VTZWxlY3QgfSBmcm9tICcuLi9iYXNlLXNlbGVjdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1aS1vcHRpb24taXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vcHRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29wdGlvbi1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgT3B0aW9uSXRlbUNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIGNoYW5nZXMgPSBuZXcgU3ViamVjdCgpO1xuICBiZW06IEJlbSA9IGJ1aWxkQmVtKCdhdWktb3B0aW9uJyk7XG5cbiAgcHJpdmF0ZSBfbGFiZWw6IHN0cmluZyB8IFRlbXBsYXRlUmVmPHVua25vd24+ID0gJyc7XG4gIHByaXZhdGUgX2xhYmVsQ29udGV4dDogdW5rbm93biA9IHt9O1xuICBwcml2YXRlIF92YWx1ZTogVDtcbiAgcHJpdmF0ZSByZWFkb25seSBsYWJlbCQkID0gbmV3IEJlaGF2aW9yU3ViamVjdCh0aGlzLmxhYmVsKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IGxhYmVsQ29udGV4dCQkID0gbmV3IEJlaGF2aW9yU3ViamVjdCh0aGlzLmxhYmVsQ29udGV4dCk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSB2YWx1ZSQkID0gbmV3IEJlaGF2aW9yU3ViamVjdCh0aGlzLnZhbHVlKTtcblxuICBASW5wdXQoKVxuICBnZXQgbGFiZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2xhYmVsO1xuICB9XG5cbiAgc2V0IGxhYmVsKHZhbCkge1xuICAgIHRoaXMuX2xhYmVsID0gdmFsO1xuICAgIHRoaXMubGFiZWwkJC5uZXh0KHZhbCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBnZXQgbGFiZWxDb250ZXh0KCkge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbENvbnRleHQ7XG4gIH1cblxuICBzZXQgbGFiZWxDb250ZXh0KHZhbCkge1xuICAgIHRoaXMuX2xhYmVsQ29udGV4dCA9IHZhbDtcbiAgICB0aGlzLmxhYmVsQ29udGV4dCQkLm5leHQodmFsKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCB2YWx1ZSgpIHtcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gIH1cblxuICBzZXQgdmFsdWUodmFsKSB7XG4gICAgdGhpcy5fdmFsdWUgPSB2YWw7XG4gICAgdGhpcy52YWx1ZSQkLm5leHQodmFsKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIGZvY3VzZWQ6IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pcy1ncm91cCcpXG4gIEBJbnB1dCgpXG4gIGdyb3VwVGl0bGU6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KClcbiAgY29udGVudFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBWaWV3Q2hpbGQoJ2VsUmVmJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgZWxSZWY6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xuXG4gIGdldCBncm91cFRpdGxlUG9ydGFsKCkge1xuICAgIHJldHVybiB0aGlzLmdyb3VwVGl0bGUgPyBuZXcgRG9tUG9ydGFsKHRoaXMuZ3JvdXBUaXRsZSkgOiAnJztcbiAgfVxuXG4gIF9mb2N1c2VkID0gZmFsc2U7XG4gIGlzTXVsdGkgPSBmYWxzZTtcbiAgcHJpdmF0ZSByZWFkb25seSBzZWxlY3Q6IEJhc2VTZWxlY3Q8VD47XG4gIHNpemU6IENvbXBvbmVudFNpemUgPSBDb21wb25lbnRTaXplLk1lZGl1bTtcblxuICBzaXplJDogT2JzZXJ2YWJsZTxDb21wb25lbnRTaXplPjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gQmFzZVNlbGVjdCkpXG4gICAgc2VsZWN0OiBhbnksIC8vIEZJWE1FOiB3b3JrYXJvdW5kIHRlbXBvcmFyaWx5XG4gICkge1xuICAgIHRoaXMuaXNNdWx0aSA9IHNlbGVjdC5pc011bHRpO1xuICAgIHRoaXMuc2VsZWN0ID0gc2VsZWN0O1xuICAgIHRoaXMuc2l6ZSQgPSB0aGlzLnNlbGVjdC5zaXplJC5waXBlKFxuICAgICAgdGFwKHNpemUgPT4ge1xuICAgICAgICB0aGlzLnNpemUgPSBzaXplO1xuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuY2hhbmdlcy5uZXh0KG51bGwpO1xuICB9XG5cbiAgb25DbGljaygpIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdC5vbk9wdGlvbkNsaWNrKHRoaXMpO1xuICB9XG5cbiAgZm9jdXMoKSB7XG4gICAgY29uc29sZS5sb2coMTIzKTtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdC5mb2N1cyh0aGlzKTtcbiAgfVxuXG4gIGJsdXIoKSB7XG4gICAgdGhpcy5zZWxlY3QuYmx1cigpO1xuICB9XG59XG4iLCI8ZGl2XG4gICNlbFJlZlxuICAqbmdJZj1cIiFncm91cFRpdGxlUG9ydGFsOyBlbHNlIGdyb3VwXCJcbiAgW2NsYXNzXT1cImJlbS5ibG9jayhzaXplJCB8IGFzeW5jKVwiXG4gIFtjbGFzcy5pc0Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2NsYXNzLmlzU2VsZWN0ZWRdPVwic2VsZWN0ZWRcIlxuICBbY2xhc3MuaXNNdWx0aV09XCJpc011bHRpXCJcbiAgW2NsYXNzLmlzRm9jdXNlZF09XCJmb2N1c2VkXCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4+XG4gIDxpXG4gICAgKm5nSWY9XCJpc011bHRpXCJcbiAgICBjbGFzcz1cImF1aS1vcHRpb25fX3BvaW50ZXJcIlxuICA+XG4gICAgPGF1aS1pY29uXG4gICAgICBbaGlkZGVuXT1cIiFzZWxlY3RlZFwiXG4gICAgICBpY29uPVwiY2hlY2tcIlxuICAgID48L2F1aS1pY29uPlxuICA8L2k+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2dyb3VwPlxuICA8ZGl2IGNsYXNzPVwiYXVpLW9wdGlvbl9fZ3JvdXAtaXRlbVwiPlxuICAgIDxuZy1jb250YWluZXIgKmNka1BvcnRhbE91dGxldD1cImdyb3VwVGl0bGVQb3J0YWwhXCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
@@ -1,46 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewChild, ViewEncapsulation, } from '@angular/core';
2
- import { Subject } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- export class OptionComponent {
5
- constructor() {
6
- this.changes = new Subject();
7
- this.value = null;
8
- this.disabled = false;
9
- this.labelContext = {};
10
- }
11
- ngOnChanges() {
12
- this.changes.next(null);
13
- }
14
- }
15
- OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
- OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: OptionComponent, selector: "aui-option", inputs: { label: "label", value: "value", disabled: "disabled", labelContext: "labelContext" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
17
- <ng-template>
18
- <ng-content></ng-content>
19
- </ng-template>
20
- `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OptionComponent, decorators: [{
22
- type: Component,
23
- args: [{
24
- selector: 'aui-option',
25
- encapsulation: ViewEncapsulation.None,
26
- changeDetection: ChangeDetectionStrategy.OnPush,
27
- template: `
28
- <ng-template>
29
- <ng-content></ng-content>
30
- </ng-template>
31
- `,
32
- preserveWhitespaces: false,
33
- }]
34
- }], propDecorators: { template: [{
35
- type: ViewChild,
36
- args: [TemplateRef, { static: true }]
37
- }], label: [{
38
- type: Input
39
- }], value: [{
40
- type: Input
41
- }], disabled: [{
42
- type: Input
43
- }], labelContext: [{
44
- type: Input
45
- }] } });
46
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWxlY3Qvb3B0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxLQUFLLEVBRUwsV0FBVyxFQUNYLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFlL0IsTUFBTSxPQUFPLGVBQWU7SUFYNUI7UUFZRSxZQUFPLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUlmLFVBQUssR0FBTSxJQUFJLENBQUM7UUFDaEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixpQkFBWSxHQUFZLEVBQUUsQ0FBQztLQU9yQztJQUhDLFdBQVc7UUFDVCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDOzs0R0FiVSxlQUFlO2dHQUFmLGVBQWUsNExBR2YsV0FBVyxtRkFWWjs7OztHQUlUOzJGQUdVLGVBQWU7a0JBWDNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsUUFBUSxFQUFFOzs7O0dBSVQ7b0JBQ0QsbUJBQW1CLEVBQUUsS0FBSztpQkFDM0I7OEJBSTJDLFFBQVE7c0JBQWpELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDL0IsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4vc2VsZWN0LnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLW9wdGlvbicsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy10ZW1wbGF0ZT5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgT3B0aW9uQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgY2hhbmdlcyA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgQFZpZXdDaGlsZChUZW1wbGF0ZVJlZiwgeyBzdGF0aWM6IHRydWUgfSkgdGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASW5wdXQoKSBsYWJlbDogU2VsZWN0T3B0aW9uWydsYWJlbCddO1xuICBASW5wdXQoKSB2YWx1ZTogVCA9IG51bGw7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxhYmVsQ29udGV4dDogdW5rbm93biA9IHt9O1xuXG4gIGdyb3VwVGl0bGU6IEVsZW1lbnRSZWY7XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VzLm5leHQobnVsbCk7XG4gIH1cbn1cbiJdfQ==
@@ -1,41 +0,0 @@
1
- import { DomPortal } from '@angular/cdk/portal';
2
- import { ElementRef, TemplateRef, OnChanges } from '@angular/core';
3
- import { Observable, Subject } from 'rxjs';
4
- import { ComponentSize } from '../../types';
5
- import { Bem } from '../../utils';
6
- import * as i0 from "@angular/core";
7
- export declare class OptionItemComponent<T> implements OnChanges {
8
- changes: Subject<unknown>;
9
- bem: Bem;
10
- private _label;
11
- private _labelContext;
12
- private _value;
13
- private readonly label$$;
14
- private readonly labelContext$$;
15
- private readonly value$$;
16
- get label(): string | TemplateRef<unknown>;
17
- set label(val: string | TemplateRef<unknown>);
18
- get labelContext(): unknown;
19
- set labelContext(val: unknown);
20
- get value(): T;
21
- set value(val: T);
22
- disabled: boolean;
23
- focused: boolean;
24
- selected: boolean;
25
- groupTitle: ElementRef;
26
- contentTemplate: TemplateRef<any>;
27
- elRef: ElementRef<HTMLDivElement>;
28
- get groupTitlePortal(): "" | DomPortal<any>;
29
- _focused: boolean;
30
- isMulti: boolean;
31
- private readonly select;
32
- size: ComponentSize;
33
- size$: Observable<ComponentSize>;
34
- constructor(select: any);
35
- ngOnChanges(): void;
36
- onClick(): void;
37
- focus(): void;
38
- blur(): void;
39
- static ɵfac: i0.ɵɵFactoryDeclaration<OptionItemComponent<any>, never>;
40
- static ɵcmp: i0.ɵɵComponentDeclaration<OptionItemComponent<any>, "aui-option-item", never, { "label": "label"; "labelContext": "labelContext"; "value": "value"; "disabled": "disabled"; "focused": "focused"; "selected": "selected"; "groupTitle": "groupTitle"; "contentTemplate": "contentTemplate"; }, {}, never, ["*"]>;
41
- }
@@ -1,16 +0,0 @@
1
- import { ElementRef, OnChanges, TemplateRef } from '@angular/core';
2
- import { Subject } from 'rxjs';
3
- import { SelectOption } from './select.types';
4
- import * as i0 from "@angular/core";
5
- export declare class OptionComponent<T> implements OnChanges {
6
- changes: Subject<unknown>;
7
- template: TemplateRef<any>;
8
- label: SelectOption['label'];
9
- value: T;
10
- disabled: boolean;
11
- labelContext: unknown;
12
- groupTitle: ElementRef;
13
- ngOnChanges(): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent<any>, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent<any>, "aui-option", never, { "label": "label"; "value": "value"; "disabled": "disabled"; "labelContext": "labelContext"; }, {}, never, ["*"]>;
16
- }