@alauda/ui 7.2.1-beta → 7.2.1-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alauda/ui",
-  "version": "7.2.1-beta",
+  "version": "7.2.1-beta.1",
   "description": "Angular UI components by Alauda Frontend Team.",
   "repository": "git+https://github.com/alauda/alauda-ui.git",
   "author": "Alauda Frontend",

package/select/base-select.d.ts

@@ -1,79 +1,100 @@
-import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { AfterContentInit, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { CommonFormControl } from '../form';
+import { VirtualScrollViewportComponent } from '../scrolling/virtual-scroll-viewport.component';
 import { TooltipDirective } from '../tooltip';
 import { ComponentSize } from '../types';
-import { OptionContentDirective } from './helper-directives';
-import { OptionComponent } from './option/option.component';
-import { OptionFilterFn, SelectFilterOption, TrackFn } from './select.types';
+import { OptionItemComponent } from './option-item/option-item.component';
+import { OptionComponent } from './option.component';
+import { CreateFn, DisplayOption, OptionFilterFn, SelectFilterOption, TrackFn } from './select.types';
 import * as i0 from "@angular/core";
-export declare abstract class BaseSelect<T, V = T> extends CommonFormControl<V> implements AfterContentInit, AfterViewInit, OnDestroy {
+export declare abstract class BaseSelect<T, V = T> extends CommonFormControl<V> implements AfterContentInit {
     get size(): ComponentSize;
     set size(val: ComponentSize);
+    get options(): Array<SelectFilterOption<T>>;
+    set options(val: Array<SelectFilterOption<T>>);
     filterable: boolean;
     clearable: boolean;
-    filterFn: OptionFilterFn<T>;
-    trackFn: TrackFn<T>;
-    labelFn?: (value: T) => string;
     allowCreate: boolean;
-    get allOptions(): OptionComponent<T>[];
-    get opened(): boolean;
-    get inputReadonly(): boolean;
-    get filterString(): string;
-    set filterString(val: string);
     loading: boolean;
     placeholder: string;
     defaultFirstOption: boolean;
-    lazy: boolean;
+    useVirtual: boolean;
+    itemSize: number;
+    maxItemLength: number;
+    createFn: CreateFn<T>;
+    filterFn: OptionFilterFn<T>;
+    trackFn: TrackFn<T>;
+    labelFn?: (value: T) => string;
     filterChange: EventEmitter<string>;
     show: EventEmitter<void>;
     hide: EventEmitter<void>;
     protected selectRef: ElementRef<HTMLElement>;
     protected tooltipRef: TooltipDirective;
     protected optionListRef: ElementRef<HTMLDivElement>;
-    protected inputtingOption: OptionComponent<T>;
-    protected optionContent?: OptionContentDirective;
-    customOptions: QueryList<OptionComponent<T>>;
-    contentOptions: QueryList<OptionComponent<T>>;
-    isTemplateRef: (label: any) => label is import("@angular/core").TemplateRef<unknown>;
+    virtualScrollViewport: VirtualScrollViewportComponent;
+    inputItemTemplate: TemplateRef<any>;
+    contentOptionItems: QueryList<ElementRef<HTMLElement>>;
+    contentTplOptions: QueryList<OptionComponent<T>>;
+    get opened(): boolean;
+    get inputReadonly(): boolean;
+    get _itemSize(): number;
+    set filterString(val: string);
+    get filterString(): string;
+    isTemplateRef: (label: any) => label is TemplateRef<unknown>;
     isMulti: boolean;
-    abstract readonly values$: Observable<T[]>;
-    allOptions$: Observable<Array<OptionComponent<T>>>;
-    protected focusedOption: OptionComponent<T>;
+    protected scrolledIndex: number;
     private _size;
+    private _options;
     private _filterString;
-    protected destroy$$: Subject<void>;
+    selectableOptions: Array<DisplayOption<T>>;
+    abstract readonly values$: Observable<T[]>;
+    protected options$$: BehaviorSubject<DisplayOption<T>[]>;
+    protected contentOptions$: Observable<Array<DisplayOption<T>>>;
+    protected customOptions$: Observable<Array<DisplayOption<T>>>;
+    protected inputtingOption$: Observable<DisplayOption<T>>;
+    allOptions$: BehaviorSubject<DisplayOption<T>[]>;
+    filterOptions$: BehaviorSubject<DisplayOption<T>[]>;
+    containerWidth: string;
     protected size$$: BehaviorSubject<ComponentSize>;
     private readonly filterString$$;
     size$: Observable<ComponentSize>;
+    options$: Observable<DisplayOption<T>[]>;
     filterString$: Observable<string>;
-    optionVisibles$: Observable<boolean[]>;
-    hasVisibleOption$: Observable<boolean>;
-    hasMatchedOption$: Observable<boolean>;
-    customCreatedOptions$: Observable<Array<SelectFilterOption<T>>>;
-    containerWidth: string;
+    focused$: BehaviorSubject<DisplayOption<T>>;
+    private readonly destroyRef;
     ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    private tplOptions2Data;
+    private transformOptions;
+    trackByValue: (_: number, item: SelectFilterOption<T>) => unknown;
     openOption(): void;
     closeOption(): void;
     onShowOptions(): void;
     onHideOptions(): void;
     onInput(event: Event): void;
+    stopEvent(event: KeyboardEvent): void;
     onKeyDown(event: KeyboardEvent): void;
-    onOptionClick(option: OptionComponent<T>): void;
+    onOptionClick(option: OptionItemComponent<T>): void;
+    updateAllOptions(option: DisplayOption<T>): void;
     protected autoFocusFirstOption(): void;
     protected focusOptionDir(dir: 'down' | 'up'): void;
-    protected resetFocusedOption(focusedOption?: OptionComponent<T>): void;
-    protected scrollToOption(option: OptionComponent<T>): void;
+    isFocus: (value: DisplayOption<T>['value'], focusOption?: DisplayOption<T>) => boolean;
+    protected resetFocusedOption(focusedOption?: DisplayOption<T>): void;
+    onScrolledIndexChange(index: number): void;
+    protected scrollToOption(option: DisplayOption<T>): void;
     protected selectFocusedOption(): void;
+    getSelected(value: DisplayOption<T>['value'], values: Array<DisplayOption<T>['value']>): boolean;
+    focus(option: DisplayOption<T>): void;
+    blur(): void;
+    getLabelByValue(value: T): string;
     protected escSelect(): void;
     private _trackFn;
+    private _createFn;
     private _filterFn;
-    abstract selectOption(option: OptionComponent<T>): void;
+    abstract selectOption(option: DisplayOption<T>): void;
     abstract clearValue(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelect<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelect<any, any>, never, never, { "size": { "alias": "size"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "trackFn": { "alias": "trackFn"; "required": false; }; "labelFn": { "alias": "labelFn"; "required": false; }; "allowCreate": { "alias": "allowCreate"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "defaultFirstOption": { "alias": "defaultFirstOption"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; }, { "filterChange": "filterChange"; "show": "show"; "hide": "hide"; }, ["optionContent", "contentOptions"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelect<any, any>, never, never, { "size": { "alias": "size"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "allowCreate": { "alias": "allowCreate"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "defaultFirstOption": { "alias": "defaultFirstOption"; "required": false; }; "useVirtual": { "alias": "useVirtual"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "maxItemLength": { "alias": "maxItemLength"; "required": false; }; "createFn": { "alias": "createFn"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "trackFn": { "alias": "trackFn"; "required": false; }; "labelFn": { "alias": "labelFn"; "required": false; }; }, { "filterChange": "filterChange"; "show": "show"; "hide": "hide"; }, ["inputItemTemplate", "contentTplOptions"], never, true, never>;
     static ngAcceptInputType_filterable: unknown;
     static ngAcceptInputType_clearable: unknown;
     static ngAcceptInputType_allowCreate: unknown;

package/select/helper-directives.d.ts

@@ -1,22 +1,9 @@
-import { ApplicationRef, ComponentFactoryResolver, Injector, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class OptionGroupTitleDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupTitleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<OptionGroupTitleDirective, "[auiOptionGroupTitle]", ["auiOptionGroupTitle"], {}, {}, never, never, true, never>;
 }
-export declare class OptionContentDirective implements OnDestroy {
-    private readonly templateRef;
-    private readonly appRef;
-    private readonly viewContainerRef;
-    private readonly componentFactoryResolver;
-    private readonly injector;
-    private portal;
-    private outlet;
-    private readonly doc;
-    constructor(templateRef: TemplateRef<unknown>, appRef: ApplicationRef, viewContainerRef: ViewContainerRef, componentFactoryResolver: ComponentFactoryResolver, injector: Injector, document: any);
-    attach(context?: any): void;
-    detach(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OptionContentDirective, "*[auiOptionContent]", ["auiOptionContent"], {}, {}, never, never, true, never>;
+export declare class OptionItemCustomDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionItemCustomDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OptionItemCustomDirective, "[auiOptionItemCustom]", ["auiOptionItemCustom"], {}, {}, never, never, true, never>;
 }

package/select/index.d.ts

@@ -1,7 +1,8 @@
 export * from './helper-directives';
 export * from './multi-select/multi-select.component';
-export * from './option/option.component';
+export * from './option.component';
 export * from './option-group/option-group.component';
+export * from './option-item/option-item.component';
 export * from './option-placeholder.component';
 export * from './select.component';
 export * from './select.module';

package/select/multi-select/multi-select.component.d.ts

@@ -1,21 +1,11 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Bem } from '../../utils';
 import { BaseSelect } from '../base-select';
-import { OptionComponent } from '../option/option.component';
-import { SelectAllStatus, SelectFilterOption, TagClassFn } from '../select.types';
+import { DisplayOption, SelectAllStatus, SelectFilterOption, TagClassFn } from '../select.types';
 import * as i0 from "@angular/core";
-export declare class MultiSelectComponent<T = unknown> extends BaseSelect<T, T[]> implements AfterContentInit, AfterViewInit {
+export declare class MultiSelectComponent<T = unknown> extends BaseSelect<T, T[]> implements AfterContentInit {
     private readonly renderer;
-    bem: Bem;
-    bemSelectAll: Bem;
-    selectedOptions$: Observable<Array<SelectFilterOption<T>>>;
-    selectAllStatus$: Observable<SelectAllStatus>;
-    selectAllStatus: SelectAllStatus;
-    hasEnabledOptions$: Observable<boolean>;
-    isMulti: boolean;
-    model: T[];
-    values$: import("rxjs").ReplaySubject<T[]>;
     tagClassFn: TagClassFn<T>;
     maxRowCount: number;
     customRowHeight: number;
@@ -24,34 +14,40 @@ export declare class MultiSelectComponent<T = unknown> extends BaseSelect<T, T[]
     inputValueMirror: ElementRef<HTMLElement>;
     get hostPosition(): string;
     get hostDisplay(): string;
-    inputValue: string;
-    hasDisabledOption: boolean;
     get rootClass(): string;
     get tagSize(): "medium" | "mini";
     get inputClass(): string;
     get displayClearBtn(): number;
     get maxHeight(): string;
+    bem: Bem;
+    bemSelectAll: Bem;
+    selectedOptions$: Observable<Array<SelectFilterOption<T>>>;
+    selectAllStatus$: Observable<SelectAllStatus>;
+    selectAllStatus: SelectAllStatus;
+    hasEnabledOptions$: Observable<boolean>;
+    isMulti: boolean;
+    model: T[];
+    values$: import("rxjs").ReplaySubject<T[]>;
+    inputValue: string;
+    hasDisabledOption: boolean;
     private readonly withMaxRowCount;
     focused: boolean;
-    trackByValue: (_: number, item: SelectFilterOption<T>) => unknown;
     constructor(cdr: ChangeDetectorRef, renderer: Renderer2);
     ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
     onVisibleOptions(visible: boolean): void;
     onInput(event: Event): void;
     onInputFocus(): void;
     onInputBlur(): void;
     onKeyDown(event: KeyboardEvent): void;
-    selectOption(option: OptionComponent<T>): void;
+    selectOption(option: DisplayOption<T>): void;
     addValue(value: T): void;
     removeValue(value: T): void;
     clearValue(event: Event): void;
     onSelectAllClick(): void;
-    private includes;
     protected valueIn(v: T[]): T[];
     private resetInput;
     private setInputWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent<any>, "aui-multi-select", never, { "tagClassFn": { "alias": "tagClassFn"; "required": false; }; "maxRowCount": { "alias": "maxRowCount"; "required": false; }; "customRowHeight": { "alias": "customRowHeight"; "required": false; }; "allowSelectAll": { "alias": "allowSelectAll"; "required": false; }; }, {}, never, ["*", "aui-option-placeholder"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent<any>, "aui-multi-select", never, { "tagClassFn": { "alias": "tagClassFn"; "required": false; }; "maxRowCount": { "alias": "maxRowCount"; "required": false; }; "customRowHeight": { "alias": "customRowHeight"; "required": false; }; "allowSelectAll": { "alias": "allowSelectAll"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]", "aui-option-placeholder"], true, never>;
     static ngAcceptInputType_allowSelectAll: unknown;
 }

package/select/option-group/option-group.component.d.ts

@@ -1,11 +1,10 @@
-import { AfterContentInit, QueryList } from '@angular/core';
-import { Observable } from 'rxjs';
-import { OptionComponent } from '../option/option.component';
+import { AfterContentInit, QueryList, ElementRef } from '@angular/core';
+import { OptionComponent } from '../option.component';
 import * as i0 from "@angular/core";
 export declare class OptionGroupComponent<T> implements AfterContentInit {
     options: QueryList<OptionComponent<T>>;
-    hasVisibleOption$: Observable<boolean>;
+    groupTitle: ElementRef;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupComponent<any>, "aui-option-group", never, {}, {}, ["options"], ["[auiOptionGroupTitle]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupComponent<any>, "aui-option-group", never, {}, {}, ["groupTitle", "options"], ["[auiOptionGroupTitle]", "*"], true, never>;
 }

package/select/option-item/option-item.component.d.ts

@@ -0,0 +1,23 @@
+import { DomPortal } from '@angular/cdk/portal';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { Bem } from '../../utils';
+import { BaseSelect } from '../base-select';
+import { SelectOption } from '../select.types';
+import * as i0 from "@angular/core";
+export declare class OptionItemComponent<T> {
+    readonly select: BaseSelect<T>;
+    label: SelectOption['label'];
+    value: T;
+    disabled: boolean;
+    labelContext: unknown;
+    focused: boolean;
+    selected: boolean;
+    groupTitle: ElementRef;
+    contentTemplate: TemplateRef<any>;
+    bem: Bem;
+    get groupTitlePortal(): DomPortal<any>;
+    constructor(select: BaseSelect<T>);
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionItemComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionItemComponent<any>, "aui-option-item", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelContext": { "alias": "labelContext"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "groupTitle": { "alias": "groupTitle"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/select/option.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, OnChanges, TemplateRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { SelectOption } from './select.types';
+import * as i0 from "@angular/core";
+export declare class OptionComponent<T> implements OnChanges {
+    label: SelectOption['label'];
+    value: T;
+    disabled: boolean;
+    labelContext: unknown;
+    contentTemplate: TemplateRef<any>;
+    changes$: Subject<unknown>;
+    groupTitle: ElementRef;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent<any>, "aui-option", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelContext": { "alias": "labelContext"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/select/select.component.d.ts

@@ -2,7 +2,7 @@ import { AfterContentInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { InputComponent } from '../input';
 import { BaseSelect } from './base-select';
-import { OptionComponent } from './option/option.component';
+import { OptionItemComponent } from './option-item/option-item.component';
 import { SelectOption } from './select.types';
 import * as i0 from "@angular/core";
 export declare class SelectComponent<T = unknown> extends BaseSelect<T> implements AfterContentInit {
@@ -16,8 +16,8 @@ export declare class SelectComponent<T = unknown> extends BaseSelect<T> implemen
     ngAfterContentInit(): void;
     onVisibleOptions(visible: boolean): void;
     protected valueIn(v: T): T;
-    selectOption(option: OptionComponent<T>): void;
+    selectOption(option: OptionItemComponent<T>): void;
     clearValue(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "aui-select", never, {}, {}, never, ["*", "aui-option-placeholder"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "aui-select", never, {}, {}, never, ["[prefix]", "[suffix]", "aui-option-placeholder"], true, never>;
 }

package/select/select.module.d.ts

@@ -1,27 +1,22 @@
-import { OptionContentDirective, OptionGroupTitleDirective } from './helper-directives';
+import { OptionGroupTitleDirective } from './helper-directives';
 import { MultiSelectComponent } from './multi-select/multi-select.component';
-import { OptionComponent } from './option/option.component';
 import { OptionGroupComponent } from './option-group/option-group.component';
 import { OptionPlaceholderComponent } from './option-placeholder.component';
+import { OptionComponent } from './option.component';
 import { SelectComponent } from './select.component';
 import { IncludesDirective } from './validators';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../input/input.module";
-import * as i3 from "../i18n/i18n.module";
-import * as i4 from "../icon/icon.module";
-import * as i5 from "../tooltip/tooltip.module";
-import * as i6 from "../tag/tag.module";
-import * as i7 from "./select.component";
-import * as i8 from "./option/option.component";
-import * as i9 from "./option-group/option-group.component";
-import * as i10 from "./option-placeholder.component";
-import * as i11 from "./multi-select/multi-select.component";
-import * as i12 from "./validators";
-import * as i13 from "./helper-directives";
+import * as i1 from "./select.component";
+import * as i2 from "./option.component";
+import * as i3 from "./option-item/option-item.component";
+import * as i4 from "./option-group/option-group.component";
+import * as i5 from "./option-placeholder.component";
+import * as i6 from "./multi-select/multi-select.component";
+import * as i7 from "./validators";
+import * as i8 from "./helper-directives";
 export declare class SelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, never, [typeof i1.CommonModule, typeof i2.InputModule, typeof i3.I18nModule, typeof i4.IconModule, typeof i5.TooltipModule, typeof i6.TagModule, typeof i7.SelectComponent, typeof i8.OptionComponent, typeof i9.OptionGroupComponent, typeof i10.OptionPlaceholderComponent, typeof i11.MultiSelectComponent, typeof i12.IncludesDirective, typeof i13.OptionGroupTitleDirective, typeof i13.OptionContentDirective], [typeof i7.SelectComponent, typeof i8.OptionComponent, typeof i9.OptionGroupComponent, typeof i10.OptionPlaceholderComponent, typeof i11.MultiSelectComponent, typeof i12.IncludesDirective, typeof i13.OptionGroupTitleDirective, typeof i13.OptionContentDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, never, [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.OptionItemCustomDirective], [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.OptionItemCustomDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SelectModule>;
 }
-export declare const SELECT_MODULE: readonly [typeof SelectComponent, typeof OptionComponent, typeof OptionGroupComponent, typeof OptionPlaceholderComponent, typeof MultiSelectComponent, typeof IncludesDirective, typeof OptionGroupTitleDirective, typeof OptionContentDirective];
+export declare const SELECT_MODULE: readonly [typeof SelectComponent, typeof OptionComponent, typeof OptionGroupComponent, typeof OptionPlaceholderComponent, typeof MultiSelectComponent, typeof IncludesDirective, typeof OptionGroupTitleDirective];

package/select/select.types.d.ts

@@ -1,14 +1,20 @@
-import { TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
 export interface SelectOption {
-    label: string | TemplateRef<unknown>;
+    label?: string | TemplateRef<unknown>;
     labelContext?: unknown;
 }
 export interface SelectFilterOption<T> extends SelectOption {
     disabled?: boolean;
     value: T;
 }
+export interface DisplayOption<T> extends SelectFilterOption<T> {
+    selected?: boolean;
+    groupTitle?: ElementRef;
+    contentTemplate?: TemplateRef<any>;
+}
 export type OptionFilterFn<T> = (filter: string, option: SelectFilterOption<T>) => boolean;
 export type TrackFn<T, R = unknown> = (value: T) => R;
+export type CreateFn<T> = (input: string) => DisplayOption<T>;
 export type TagClassFn<V, T extends string | TemplateRef<unknown> = string | TemplateRef<unknown>> = (label: T, value: V) => string | string[] | Set<string> | {
     [className: string]: unknown;
 };

package/esm2022/select/option/option.component.mjs

@@ -1,120 +0,0 @@
-import { NgIf, AsyncPipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Inject, Input, ViewChild, ViewEncapsulation, forwardRef, } from '@angular/core';
-import { BehaviorSubject, combineLatest, distinctUntilChanged, map, tap, } from 'rxjs';
-import { IconComponent } from '../../icon/icon.component';
-import { ComponentSize } from '../../types';
-import { buildBem, coerceAttrBoolean, publishRef } from '../../utils';
-import { BaseSelect } from '../base-select';
-import * as i0 from "@angular/core";
-import * as i1 from "../base-select";
-export class OptionComponent {
-    cdr;
-    bem = buildBem('aui-option');
-    _disabled = false;
-    _label = '';
-    _labelContext = {};
-    _value;
-    label$$ = new BehaviorSubject(this.label);
-    labelContext$$ = new BehaviorSubject(this.labelContext);
-    value$$ = new BehaviorSubject(this.value);
-    disabled$$ = new BehaviorSubject(this.disabled);
-    get label() {
-        return this._label;
-    }
-    set label(val) {
-        this._label = val;
-        this.label$$.next(val);
-    }
-    get labelContext() {
-        return this._labelContext;
-    }
-    set labelContext(val) {
-        this._labelContext = val;
-        this.labelContext$$.next(val);
-    }
-    get value() {
-        return this._value;
-    }
-    set value(val) {
-        this._value = val;
-        this.value$$.next(val);
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(val) {
-        this._disabled = coerceAttrBoolean(val);
-        this.disabled$$.next(this._disabled);
-    }
-    isMulti = false;
-    elRef;
-    select;
-    selected = false;
-    visible = true;
-    size = ComponentSize.Medium;
-    focused = false;
-    value$ = this.value$$.asObservable();
-    label$ = this.label$$.asObservable();
-    labelContext$ = this.labelContext$$.asObservable();
-    disabled$ = this.disabled$$.asObservable();
-    selected$;
-    size$;
-    visible$;
-    constructor(cdr, select) {
-        this.cdr = cdr;
-        this.isMulti = select.isMulti;
-        this.select = select;
-        this.selected$ = combineLatest([this.select.values$, this.value$$]).pipe(map(([selectValue, selfValue]) => selectValue
-            ?.map(this.select.trackFn)
-            .includes(this.select.trackFn(selfValue))), distinctUntilChanged(), tap(selected => {
-            this.selected = selected;
-        }), publishRef());
-        this.size$ = this.select.size$.pipe(tap(size => {
-            this.size = size;
-        }));
-        this.visible$ = combineLatest([
-            this.select.filterString$,
-            combineLatest([this.label$, this.value$, this.labelContext$]).pipe(map(([label, value, labelContext]) => ({ label, value, labelContext }))),
-        ]).pipe(map(([filterString, option]) => this.select.filterFn(filterString, option)), distinctUntilChanged(), tap(visible => {
-            this.visible = visible;
-        }), publishRef());
-    }
-    onClick() {
-        if (this.disabled) {
-            return;
-        }
-        this.select.onOptionClick(this);
-    }
-    focus() {
-        if (this.disabled) {
-            return;
-        }
-        this.focused = true;
-        this.cdr.markForCheck();
-    }
-    blur() {
-        this.focused = false;
-        this.cdr.markForCheck();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: OptionComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: forwardRef(() => BaseSelect) }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: OptionComponent, isStandalone: true, selector: "aui-option", inputs: { label: "label", labelContext: "labelContext", value: "value", disabled: "disabled" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], ngImport: i0, template: "<div\n  #elRef\n  [hidden]=\"!(visible$ | async)\"\n  [class]=\"bem.block(size$ | async)\"\n  [class.isDisabled]=\"disabled\"\n  [class.isSelected]=\"selected$ | async\"\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$ | async)\"\n      icon=\"check\"\n    ></aui-icon>\n  </i>\n  <ng-content></ng-content>\n</div>\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__divider{display:block;width:100%;height:1px;background-color:rgb(var(--aui-color-divider))}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: OptionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'aui-option', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, standalone: true, imports: [NgIf, IconComponent, AsyncPipe], template: "<div\n  #elRef\n  [hidden]=\"!(visible$ | async)\"\n  [class]=\"bem.block(size$ | async)\"\n  [class.isDisabled]=\"disabled\"\n  [class.isSelected]=\"selected$ | async\"\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$ | async)\"\n      icon=\"check\"\n    ></aui-icon>\n  </i>\n  <ng-content></ng-content>\n</div>\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__divider{display:block;width:100%;height:1px;background-color:rgb(var(--aui-color-divider))}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.BaseSelect, decorators: [{
-                    type: Inject,
-                    args: [forwardRef(() => BaseSelect)]
-                }] }]; }, propDecorators: { label: [{
-                type: Input
-            }], labelContext: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], elRef: [{
-                type: ViewChild,
-                args: ['elRef', { static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zZWxlY3Qvb3B0aW9uL29wdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvc2VsZWN0L29wdGlvbi9vcHRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNsRCxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxNQUFNLEVBQ04sS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxlQUFlLEVBRWYsYUFBYSxFQUNiLG9CQUFvQixFQUNwQixHQUFHLEVBQ0gsR0FBRyxHQUNKLE1BQU0sTUFBTSxDQUFDO0FBRWQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFPLFFBQVEsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDM0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFZNUMsTUFBTSxPQUFPLGVBQWU7SUE0RVA7SUEzRW5CLEdBQUcsR0FBUSxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7SUFFMUIsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUNsQixNQUFNLEdBQWtDLEVBQUUsQ0FBQztJQUMzQyxhQUFhLEdBQVksRUFBRSxDQUFDO0lBQzVCLE1BQU0sQ0FBSTtJQUNELE9BQU8sR0FBRyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFMUMsY0FBYyxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxZQUFZLENB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QyxRQUFRLEVBQUU7WUFDakIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQzt1R0F0SVUsZUFBZSxtREE2RWhCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUM7MkZBN0UzQixlQUFlLG9SQ3JDNUIsMmRBcUJBLDBzR0RjWSxJQUFJLDZGQUFFLGFBQWEsdUpBQUUsU0FBUzs7MkZBRTdCLGVBQWU7a0JBVjNCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLLGNBQ2QsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLGFBQWEsRUFBRSxTQUFTLENBQUM7OzBCQStFdEMsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDOzRDQTdEbEMsS0FBSztzQkFEUixLQUFLO2dCQVdGLFlBQVk7c0JBRGYsS0FBSztnQkFXRixLQUFLO3NCQURSLEtBQUs7Z0JBV0YsUUFBUTtzQkFEWCxLQUFLO2dCQWFOLEtBQUs7c0JBREosU0FBUzt1QkFBQyxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiwgQXN5bmNQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBCZWhhdmlvclN1YmplY3QsXG4gIE9ic2VydmFibGUsXG4gIGNvbWJpbmVMYXRlc3QsXG4gIGRpc3RpbmN0VW50aWxDaGFuZ2VkLFxuICBtYXAsXG4gIHRhcCxcbn0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IENvbXBvbmVudFNpemUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBCZW0sIGJ1aWxkQmVtLCBjb2VyY2VBdHRyQm9vbGVhbiwgcHVibGlzaFJlZiB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IEJhc2VTZWxlY3QgfSBmcm9tICcuLi9iYXNlLXNlbGVjdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1aS1vcHRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vb3B0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3B0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIEljb25Db21wb25lbnQsIEFzeW5jUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIE9wdGlvbkNvbXBvbmVudDxUPiB7XG4gIGJlbTogQmVtID0gYnVpbGRCZW0oJ2F1aS1vcHRpb24nKTtcblxuICBwcml2YXRlIF9kaXNhYmxlZCA9IGZhbHNlO1xuICBwcml2YXRlIF9sYWJlbDogc3RyaW5nIHwgVGVtcGxhdGVSZWY8dW5rbm93bj4gPSAnJztcbiAgcHJpdmF0ZSBfbGFiZWxDb250ZXh0OiB1bmtub3duID0ge307XG4gIHByaXZhdGUgX3ZhbHVlOiBUO1xuICBwcml2YXRlIHJlYWRvbmx5IGxhYmVsJCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KHRoaXMubGFiZWwpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgbGFiZWxDb250ZXh0JCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KHRoaXMubGFiZWxDb250ZXh0KTtcblxuICBwcml2YXRlIHJlYWRvbmx5IHZhbHVlJCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KHRoaXMudmFsdWUpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgZGlzYWJsZWQkJCA9IG5ldyBCZWhhdmlvclN1YmplY3QodGhpcy5kaXNhYmxlZCk7XG5cbiAgQElucHV0KClcbiAgZ2V0IGxhYmVsKCkge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbDtcbiAgfVxuXG4gIHNldCBsYWJlbCh2YWwpIHtcbiAgICB0aGlzLl9sYWJlbCA9IHZhbDtcbiAgICB0aGlzLmxhYmVsJCQubmV4dCh2YWwpO1xuICB9XG5cbiAgQElucHV0KClcbiAgZ2V0IGxhYmVsQ29udGV4dCgpIHtcbiAgICByZXR1cm4gdGhpcy5fbGFiZWxDb250ZXh0O1xuICB9XG5cbiAgc2V0IGxhYmVsQ29udGV4dCh2YWwpIHtcbiAgICB0aGlzLl9sYWJlbENvbnRleHQgPSB2YWw7XG4gICAgdGhpcy5sYWJlbENvbnRleHQkJC5uZXh0KHZhbCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBnZXQgdmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgc2V0IHZhbHVlKHZhbCkge1xuICAgIHRoaXMuX3ZhbHVlID0gdmFsO1xuICAgIHRoaXMudmFsdWUkJC5uZXh0KHZhbCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICB9XG5cbiAgc2V0IGRpc2FibGVkKHZhbDogYm9vbGVhbiB8ICcnKSB7XG4gICAgdGhpcy5fZGlzYWJsZWQgPSBjb2VyY2VBdHRyQm9vbGVhbih2YWwpO1xuICAgIHRoaXMuZGlzYWJsZWQkJC5uZXh0KHRoaXMuX2Rpc2FibGVkKTtcbiAgfVxuXG4gIGlzTXVsdGkgPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdlbFJlZicsIHsgc3RhdGljOiB0cnVlIH0pXG4gIGVsUmVmOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBwcml2YXRlIHJlYWRvbmx5IHNlbGVjdDogQmFzZVNlbGVjdDxUPjtcbiAgc2VsZWN0ZWQgPSBmYWxzZTtcbiAgdmlzaWJsZSA9IHRydWU7XG4gIHNpemU6IENvbXBvbmVudFNpemUgPSBDb21wb25lbnRTaXplLk1lZGl1bTtcbiAgZm9jdXNlZCA9IGZhbHNlO1xuXG4gIHZhbHVlJCA9IHRoaXMudmFsdWUkJC5hc09ic2VydmFibGUoKTtcbiAgbGFiZWwkID0gdGhpcy5sYWJlbCQkLmFzT2JzZXJ2YWJsZSgpO1xuICBsYWJlbENvbnRleHQkID0gdGhpcy5sYWJlbENvbnRleHQkJC5hc09ic2VydmFibGUoKTtcbiAgZGlzYWJsZWQkID0gdGhpcy5kaXNhYmxlZCQkLmFzT2JzZXJ2YWJsZSgpO1xuXG4gIHNlbGVjdGVkJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgc2l6ZSQ6IE9ic2VydmFibGU8Q29tcG9uZW50U2l6ZT47XG4gIHZpc2libGUkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gQmFzZVNlbGVjdCkpXG4gICAgc2VsZWN0OiBCYXNlU2VsZWN0PFQ+LFxuICApIHtcbiAgICB0aGlzLmlzTXVsdGkgPSBzZWxlY3QuaXNNdWx0aTtcbiAgICB0aGlzLnNlbGVjdCA9IHNlbGVjdDtcbiAgICB0aGlzLnNlbGVjdGVkJCA9IGNvbWJpbmVMYXRlc3QoW3RoaXMuc2VsZWN0LnZhbHVlcyQsIHRoaXMudmFsdWUkJF0pLnBpcGUoXG4gICAgICBtYXAoKFtzZWxlY3RWYWx1ZSwgc2VsZlZhbHVlXSkgPT5cbiAgICAgICAgc2VsZWN0VmFsdWVcbiAgICAgICAgICA/Lm1hcCh0aGlzLnNlbGVjdC50cmFja0ZuKVxuICAgICAgICAgIC5pbmNsdWRlcyh0aGlzLnNlbGVjdC50cmFja0ZuKHNlbGZWYWx1ZSkpLFxuICAgICAgKSxcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICB0YXAoc2VsZWN0ZWQgPT4ge1xuICAgICAgICB0aGlzLnNlbGVjdGVkID0gc2VsZWN0ZWQ7XG4gICAgICB9KSxcbiAgICAgIHB1Ymxpc2hSZWYoKSxcbiAgICApO1xuICAgIHRoaXMuc2l6ZSQgPSB0aGlzLnNlbGVjdC5zaXplJC5waXBlKFxuICAgICAgdGFwKHNpemUgPT4ge1xuICAgICAgICB0aGlzLnNpemUgPSBzaXplO1xuICAgICAgfSksXG4gICAgKTtcbiAgICB0aGlzLnZpc2libGUkID0gY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLnNlbGVjdC5maWx0ZXJTdHJpbmckLFxuICAgICAgY29tYmluZUxhdGVzdChbdGhpcy5sYWJlbCQsIHRoaXMudmFsdWUkLCB0aGlzLmxhYmVsQ29udGV4dCRdKS5waXBlKFxuICAgICAgICBtYXAoKFtsYWJlbCwgdmFsdWUsIGxhYmVsQ29udGV4dF0pID0+ICh7IGxhYmVsLCB2YWx1ZSwgbGFiZWxDb250ZXh0IH0pKSxcbiAgICAgICksXG4gICAgXSkucGlwZShcbiAgICAgIG1hcCgoW2ZpbHRlclN0cmluZywgb3B0aW9uXSkgPT5cbiAgICAgICAgdGhpcy5zZWxlY3QuZmlsdGVyRm4oZmlsdGVyU3RyaW5nLCBvcHRpb24pLFxuICAgICAgKSxcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICB0YXAodmlzaWJsZSA9PiB7XG4gICAgICAgIHRoaXMudmlzaWJsZSA9IHZpc2libGU7XG4gICAgICB9KSxcbiAgICAgIHB1Ymxpc2hSZWYoKSxcbiAgICApO1xuICB9XG5cbiAgb25DbGljaygpIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdC5vbk9wdGlvbkNsaWNrKHRoaXMpO1xuICB9XG5cbiAgZm9jdXMoKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5mb2N1c2VkID0gdHJ1ZTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIGJsdXIoKSB7XG4gICAgdGhpcy5mb2N1c2VkID0gZmFsc2U7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgI2VsUmVmXG4gIFtoaWRkZW5dPVwiISh2aXNpYmxlJCB8IGFzeW5jKVwiXG4gIFtjbGFzc109XCJiZW0uYmxvY2soc2l6ZSQgfCBhc3luYylcIlxuICBbY2xhc3MuaXNEaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtjbGFzcy5pc1NlbGVjdGVkXT1cInNlbGVjdGVkJCB8IGFzeW5jXCJcbiAgW2NsYXNzLmlzTXVsdGldPVwiaXNNdWx0aVwiXG4gIFtjbGFzcy5pc0ZvY3VzZWRdPVwiZm9jdXNlZFwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuPlxuICA8aVxuICAgICpuZ0lmPVwiaXNNdWx0aVwiXG4gICAgY2xhc3M9XCJhdWktb3B0aW9uX19wb2ludGVyXCJcbiAgPlxuICAgIDxhdWktaWNvblxuICAgICAgW2hpZGRlbl09XCIhKHNlbGVjdGVkJCB8IGFzeW5jKVwiXG4gICAgICBpY29uPVwiY2hlY2tcIlxuICAgID48L2F1aS1pY29uPlxuICA8L2k+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/select/option/option.component.d.ts

@@ -1,46 +0,0 @@
-import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
-import { Observable } from 'rxjs';
-import { ComponentSize } from '../../types';
-import { Bem } from '../../utils';
-import { BaseSelect } from '../base-select';
-import * as i0 from "@angular/core";
-export declare class OptionComponent<T> {
-    private readonly cdr;
-    bem: Bem;
-    private _disabled;
-    private _label;
-    private _labelContext;
-    private _value;
-    private readonly label$$;
-    private readonly labelContext$$;
-    private readonly value$$;
-    private readonly disabled$$;
-    get label(): string | TemplateRef<unknown>;
-    set label(val: string | TemplateRef<unknown>);
-    get labelContext(): unknown;
-    set labelContext(val: unknown);
-    get value(): T;
-    set value(val: T);
-    get disabled(): boolean;
-    set disabled(val: boolean | '');
-    isMulti: boolean;
-    elRef: ElementRef<HTMLDivElement>;
-    private readonly select;
-    selected: boolean;
-    visible: boolean;
-    size: ComponentSize;
-    focused: boolean;
-    value$: Observable<T>;
-    label$: Observable<string | TemplateRef<unknown>>;
-    labelContext$: Observable<unknown>;
-    disabled$: Observable<boolean>;
-    selected$: Observable<boolean>;
-    size$: Observable<ComponentSize>;
-    visible$: Observable<boolean>;
-    constructor(cdr: ChangeDetectorRef, select: BaseSelect<T>);
-    onClick(): void;
-    focus(): void;
-    blur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent<any>, "aui-option", never, { "label": { "alias": "label"; "required": false; }; "labelContext": { "alias": "labelContext"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-}