@taiga-ui/kit 2.31.0 → 2.35.0

package/fesm5/taiga-ui-kit-components-radio-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-radio-list.js","sources":["ng://@taiga-ui/kit/components/radio-list/radio-list.component.ts","ng://@taiga-ui/kit/components/radio-list/radio-list.module.ts","ng://@taiga-ui/kit/components/radio-list/taiga-ui-kit-components-radio-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    Self,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    EMPTY_QUERY,\n    isNativeFocusedIn,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n    TuiIdentityMatcher,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TuiOrientationT, TuiSizeL, TuiValueContentContext} from '@taiga-ui/core';\nimport {TuiRadioLabeledComponent} from '@taiga-ui/kit/components/radio-labeled';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-radio-list',\n    templateUrl: './radio-list.template.html',\n    styleUrls: ['./radio-list.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRadioListComponent),\n        },\n    ],\n})\nexport class TuiRadioListComponent<T> extends AbstractTuiNullableControl<T> {\n    @ViewChildren(TuiRadioLabeledComponent)\n    private readonly radioButtons: QueryList<TuiRadioLabeledComponent<{}>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<T> = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-orientation')\n    @tuiDefaultProp()\n    orientation: TuiOrientationT = 'vertical';\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    // @bad TODO: Remove & { index: number }\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T> & {index: number}> = ({\n        $implicit,\n    }) => String($implicit);\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        const focusableRadioButton = this.radioButtons.find(\n            radioButton => radioButton.nativeFocusableElement !== null,\n        );\n\n        return focusableRadioButton ? focusableRadioButton.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    computeId(index: number): string {\n        return `${this.id}-${index}`;\n    }\n\n    itemIsDisabled(item: T): boolean {\n        return this.disabledItemHandler(item);\n    }\n\n    getContentContext(\n        item: T,\n        index: number,\n        active: boolean,\n    ): TuiValueContentContext<T> & {index: number} {\n        return {$implicit: item, index, active};\n    }\n\n    onModelChange(value: T) {\n        this.updateValue(value);\n    }\n\n    itemIsActive(item: T): boolean {\n        return this.value === null\n            ? item === null\n            : this.identityMatcher(this.value, item);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiRadioGroupModule} from '@taiga-ui/kit/components/radio-group';\nimport {TuiRadioLabeledModule} from '@taiga-ui/kit/components/radio-labeled';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRadioListComponent} from './radio-list.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiRadioGroupModule,\n        TuiRadioLabeledModule,\n    ],\n    declarations: [TuiRadioListComponent],\n    exports: [TuiRadioListComponent],\n})\nexport class TuiRadioListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-radio-list.js","sources":["ng://@taiga-ui/kit/components/radio-list/radio-list.component.ts","ng://@taiga-ui/kit/components/radio-list/radio-list.module.ts","ng://@taiga-ui/kit/components/radio-list/taiga-ui-kit-components-radio-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    Self,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    EMPTY_QUERY,\n    isNativeFocusedIn,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n    TuiIdentityMatcher,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TuiOrientationT, TuiSizeL, TuiValueContentContext} from '@taiga-ui/core';\nimport {TuiRadioLabeledComponent} from '@taiga-ui/kit/components/radio-labeled';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-radio-list',\n    templateUrl: './radio-list.template.html',\n    styleUrls: ['./radio-list.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRadioListComponent),\n        },\n    ],\n})\nexport class TuiRadioListComponent<T> extends AbstractTuiNullableControl<T> {\n    @ViewChildren(TuiRadioLabeledComponent)\n    private readonly radioButtons: QueryList<TuiRadioLabeledComponent<{}>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<T> = [];\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-orientation')\n    @tuiDefaultProp()\n    orientation: TuiOrientationT = 'vertical';\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    // @bad TODO: Remove & { index: number }\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T> & {index: number}> = ({\n        $implicit,\n    }) => String($implicit);\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        const focusableRadioButton = this.radioButtons.find(\n            radioButton => radioButton.nativeFocusableElement !== null,\n        );\n\n        return focusableRadioButton ? focusableRadioButton.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    computeId(index: number): string {\n        return `${this.id}-${index}`;\n    }\n\n    itemIsDisabled(item: T): boolean {\n        return this.disabledItemHandler(item);\n    }\n\n    getContentContext(\n        item: T,\n        index: number,\n        active: boolean,\n    ): TuiValueContentContext<T> & {index: number} {\n        return {$implicit: item, index, active};\n    }\n\n    onModelChange(value: T) {\n        this.updateValue(value);\n    }\n\n    itemIsActive(item: T): boolean {\n        return this.value === null\n            ? item === null\n            : this.identityMatcher(this.value, item);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiRadioGroupModule} from '@taiga-ui/kit/components/radio-group';\nimport {TuiRadioLabeledModule} from '@taiga-ui/kit/components/radio-labeled';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRadioListComponent} from './radio-list.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiRadioGroupModule,\n        TuiRadioLabeledModule,\n    ],\n    declarations: [TuiRadioListComponent],\n    exports: [TuiRadioListComponent],\n})\nexport class TuiRadioListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-radio.js

@@ -1,4 +1,4 @@
-import { __extends, __assign, __decorate, __param } from 'tslib';
+import { __assign, __extends, __decorate, __param } from 'tslib';
 import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TUI_DEFAULT_IDENTITY_MATCHER, isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiCheckedModule, TuiFocusableModule, TuiFocusedModule, TuiHoveredModule, TuiPressedModule, TuiFocusVisibleModule } from '@taiga-ui/cdk';
@@ -17,6 +17,10 @@ var TUI_RADIO_DEFAULT_OPTIONS = {
 var TUI_RADIO_OPTIONS = new InjectionToken('Default parameters for radio component', {
     factory: function () { return TUI_RADIO_DEFAULT_OPTIONS; },
 });
+var tuiRadioOptionsProvider = function (options) { return ({
+    provide: TUI_RADIO_OPTIONS,
+    useValue: __assign(__assign({}, TUI_RADIO_DEFAULT_OPTIONS), options),
+}); };
 
 // @dynamic
 var TuiRadioComponent = /** @class */ (function (_super) {
@@ -137,7 +141,7 @@ var TuiRadioComponent = /** @class */ (function (_super) {
     ], TuiRadioComponent.prototype, "name", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-tui-host-size'),
+        HostBinding('attr.data-size'),
         tuiDefaultProp()
     ], TuiRadioComponent.prototype, "size", void 0);
     __decorate([
@@ -159,7 +163,7 @@ var TuiRadioComponent = /** @class */ (function (_super) {
                 },
             ],
             animations: [tuiScaleIn],
-            styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}:host[data-tui-host-size='m']{width:1rem;height:1rem}:host[data-tui-host-size='l']{width:1.5rem;height:1.5rem}:host._readonly{pointer-events:none}.mark{position:absolute;background-color:currentColor;border-radius:100%}:host[data-tui-host-size='m'] .mark{margin:.25rem;width:.5rem;height:.5rem}:host[data-tui-host-size='l'] .mark{margin:.4375rem;width:.625rem;height:.625rem}.native{padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host._disabled .native{cursor:default}"]
+            styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}:host[data-size='m']{width:1rem;height:1rem}:host[data-size='l']{width:1.5rem;height:1.5rem}:host._readonly{pointer-events:none}.mark{position:absolute;background-color:currentColor;border-radius:100%}:host[data-size='m'] .mark{margin:.25rem;width:.5rem;height:.5rem}:host[data-size='l'] .mark{margin:.4375rem;width:.625rem;height:.625rem}.native{padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host._disabled .native{cursor:default}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),
@@ -199,5 +203,5 @@ var TuiRadioModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_RADIO_DEFAULT_OPTIONS, TUI_RADIO_OPTIONS, TuiRadioComponent, TuiRadioModule };
+export { TUI_RADIO_DEFAULT_OPTIONS, TUI_RADIO_OPTIONS, TuiRadioComponent, TuiRadioModule, tuiRadioOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-radio.js.map

package/fesm5/taiga-ui-kit-components-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-radio.js","sources":["ng://@taiga-ui/kit/components/radio/radio-options.ts","ng://@taiga-ui/kit/components/radio/radio.component.ts","ng://@taiga-ui/kit/components/radio/radio.module.ts","ng://@taiga-ui/kit/components/radio/taiga-ui-kit-components-radio.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {TuiSizeL} from '@taiga-ui/core/types';\n\nexport interface RadioOptions {\n    readonly size: TuiSizeL;\n    readonly appearances: Readonly<{\n        unchecked: string;\n        checked: string;\n    }>;\n}\n\n/** Default values for the checkbox options. */\nexport const TUI_RADIO_DEFAULT_OPTIONS: RadioOptions = {\n    size: 'm',\n    appearances: {\n        unchecked: TuiAppearance.Outline,\n        checked: TuiAppearance.Primary,\n    },\n};\n\nexport const TUI_RADIO_OPTIONS = new InjectionToken<RadioOptions>(\n    'Default parameters for radio component',\n    {\n        factory: () => TUI_RADIO_DEFAULT_OPTIONS,\n    },\n);\n","import {AnimationOptions} from '@angular/animations';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TUI_ANIMATION_OPTIONS, tuiScaleIn, TuiSizeL} from '@taiga-ui/core';\nimport {TuiRadioGroupComponent} from '@taiga-ui/kit/components/radio-group';\n\nimport {RadioOptions, TUI_RADIO_OPTIONS} from './radio-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-radio',\n    templateUrl: './radio.template.html',\n    styleUrls: ['./radio.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRadioComponent),\n        },\n    ],\n    animations: [tuiScaleIn],\n})\nexport class TuiRadioComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    @Input()\n    item?: T;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    name: string | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    pseudoDisabled = false;\n\n    readonly animation = {value: '', ...this.animationOptions} as const;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_ANIMATION_OPTIONS)\n        private readonly animationOptions: AnimationOptions,\n        @Inject(TUI_RADIO_OPTIONS)\n        private readonly options: RadioOptions,\n        @Optional()\n        @Inject(TuiRadioGroupComponent)\n        private readonly radioGroup: TuiRadioGroupComponent | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get appearance(): string {\n        return this.checked\n            ? this.options.appearances.checked\n            : this.options.appearances.unchecked;\n    }\n\n    @HostBinding('class._disabled')\n    get computedDisabled(): boolean {\n        return this.disabled || this.pseudoDisabled;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get checked(): boolean {\n        return this.value === null\n            ? this.item === null\n            : this.item !== undefined && this.identityMatcher(this.value, this.item);\n    }\n\n    get computedName(): string | number | null {\n        return this.name || this.radioGroupName || this.controlName || null;\n    }\n\n    get isFocusable(): boolean {\n        return !this.readOnly && this.computedFocusable;\n    }\n\n    onChecked(checked: boolean) {\n        if (checked) {\n            this.updateValue(this.item !== undefined ? this.item : this.fallbackValue);\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    private get radioGroupName(): string | null {\n        return this.radioGroup === null ? null : this.radioGroup.name;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiWrapperModule} from '@taiga-ui/core';\n\nimport {TuiRadioComponent} from './radio.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCheckedModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiRadioComponent],\n    exports: [TuiRadioComponent],\n})\nexport class TuiRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-radio.js","sources":["ng://@taiga-ui/kit/components/radio/radio-options.ts","ng://@taiga-ui/kit/components/radio/radio.component.ts","ng://@taiga-ui/kit/components/radio/radio.module.ts","ng://@taiga-ui/kit/components/radio/taiga-ui-kit-components-radio.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {TuiSizeL} from '@taiga-ui/core/types';\n\nexport interface TuiRadioOptions {\n    readonly size: TuiSizeL;\n    readonly appearances: Readonly<{\n        unchecked: string;\n        checked: string;\n    }>;\n}\n\n/**\n * @deprecated: use TuiRadioOptions instead\n * todo: remove in 3.0\n */\nexport type RadioOptions = TuiRadioOptions;\n\n/** Default values for the checkbox options. */\nexport const TUI_RADIO_DEFAULT_OPTIONS: TuiRadioOptions = {\n    size: 'm',\n    appearances: {\n        unchecked: TuiAppearance.Outline,\n        checked: TuiAppearance.Primary,\n    },\n};\n\nexport const TUI_RADIO_OPTIONS = new InjectionToken<TuiRadioOptions>(\n    'Default parameters for radio component',\n    {\n        factory: () => TUI_RADIO_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiRadioOptionsProvider: (\n    options: Partial<TuiRadioOptions>,\n) => ValueProvider = (options: Partial<TuiRadioOptions>) => ({\n    provide: TUI_RADIO_OPTIONS,\n    useValue: {...TUI_RADIO_DEFAULT_OPTIONS, ...options},\n});\n","import {AnimationOptions} from '@angular/animations';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TUI_ANIMATION_OPTIONS, tuiScaleIn, TuiSizeL} from '@taiga-ui/core';\nimport {TuiRadioGroupComponent} from '@taiga-ui/kit/components/radio-group';\n\nimport {TUI_RADIO_OPTIONS, TuiRadioOptions} from './radio-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-radio',\n    templateUrl: './radio.template.html',\n    styleUrls: ['./radio.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRadioComponent),\n        },\n    ],\n    animations: [tuiScaleIn],\n})\nexport class TuiRadioComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    @Input()\n    item?: T;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    name: string | null = null;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    pseudoDisabled = false;\n\n    readonly animation = {value: '', ...this.animationOptions} as const;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_ANIMATION_OPTIONS)\n        private readonly animationOptions: AnimationOptions,\n        @Inject(TUI_RADIO_OPTIONS)\n        private readonly options: TuiRadioOptions,\n        @Optional()\n        @Inject(TuiRadioGroupComponent)\n        private readonly radioGroup: TuiRadioGroupComponent | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get appearance(): string {\n        return this.checked\n            ? this.options.appearances.checked\n            : this.options.appearances.unchecked;\n    }\n\n    @HostBinding('class._disabled')\n    get computedDisabled(): boolean {\n        return this.disabled || this.pseudoDisabled;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get checked(): boolean {\n        return this.value === null\n            ? this.item === null\n            : this.item !== undefined && this.identityMatcher(this.value, this.item);\n    }\n\n    get computedName(): string | number | null {\n        return this.name || this.radioGroupName || this.controlName || null;\n    }\n\n    get isFocusable(): boolean {\n        return !this.readOnly && this.computedFocusable;\n    }\n\n    onChecked(checked: boolean) {\n        if (checked) {\n            this.updateValue(this.item !== undefined ? this.item : this.fallbackValue);\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    private get radioGroupName(): string | null {\n        return this.radioGroup === null ? null : this.radioGroup.name;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiWrapperModule} from '@taiga-ui/core';\n\nimport {TuiRadioComponent} from './radio.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCheckedModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiRadioComponent],\n    exports: [TuiRadioComponent],\n})\nexport class TuiRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-range.js

@@ -102,7 +102,7 @@ var TuiRangeComponent = /** @class */ (function (_super) {
                     useExisting: forwardRef(function () { return TuiRangeComponent_1; }),
                 },
             ],
-            styles: [":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-tui-host-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);top:100%;font:var(--tui-font-text-s);margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}"]
+            styles: [":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);top:100%;font:var(--tui-font-text-s);margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),

package/fesm5/taiga-ui-kit-components-rating.js

@@ -1,4 +1,4 @@
-import { __extends, __decorate, __param } from 'tslib';
+import { __assign, __extends, __decorate, __param } from 'tslib';
 import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiFocusableModule, TuiRepeatTimesModule } from '@taiga-ui/cdk';
@@ -13,6 +13,10 @@ var TUI_RATING_DEFAULT_OPTIONS = {
 var TUI_RATING_OPTIONS = new InjectionToken('Default parameters for rating component', {
     factory: function () { return TUI_RATING_DEFAULT_OPTIONS; },
 });
+var tuiRatingOptionsProvider = function (options) { return ({
+    provide: TUI_RATING_OPTIONS,
+    useValue: __assign(__assign({}, TUI_RATING_DEFAULT_OPTIONS), options),
+}); };
 
 var TuiRatingComponent = /** @class */ (function (_super) {
     __extends(TuiRatingComponent, _super);
@@ -142,5 +146,5 @@ var TuiRatingModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_RATING_DEFAULT_OPTIONS, TUI_RATING_OPTIONS, TuiRatingComponent, TuiRatingModule };
+export { TUI_RATING_DEFAULT_OPTIONS, TUI_RATING_OPTIONS, TuiRatingComponent, TuiRatingModule, tuiRatingOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-rating.js.map

package/fesm5/taiga-ui-kit-components-rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-rating.js","sources":["ng://@taiga-ui/kit/components/rating/rating-options.ts","ng://@taiga-ui/kit/components/rating/rating.component.ts","ng://@taiga-ui/kit/components/rating/rating.module.ts","ng://@taiga-ui/kit/components/rating/taiga-ui-kit-components-rating.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\n\nexport interface TuiRatingOptions {\n    readonly min: number;\n    readonly max: number;\n    readonly iconNormal: string;\n    readonly iconFilled: string;\n}\n\nexport const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions = {\n    min: 0,\n    max: 5,\n    iconNormal: 'tuiIconStarLarge',\n    iconFilled: 'tuiIconStarFilledLarge',\n};\n\nexport const TUI_RATING_OPTIONS: InjectionToken<TuiRatingOptions> =\n    new InjectionToken<TuiRatingOptions>('Default parameters for rating component', {\n        factory: () => TUI_RATING_DEFAULT_OPTIONS,\n    });\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\n\nimport {TUI_RATING_OPTIONS, TuiRatingOptions} from './rating-options';\n\n@Component({\n    selector: 'tui-rating',\n    templateUrl: './rating.template.html',\n    styleUrls: ['./rating.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRatingComponent),\n        },\n    ],\n})\nexport class TuiRatingComponent\n    extends AbstractTuiControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    min = this.options.min;\n\n    @Input()\n    @tuiDefaultProp()\n    max = this.options.max;\n\n    @Input()\n    @tuiDefaultProp()\n    iconNormal = this.options.iconNormal;\n\n    @Input()\n    @tuiDefaultProp()\n    iconFilled = this.options.iconFilled;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        ngControl: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_RATING_OPTIONS)\n        private readonly options: TuiRatingOptions,\n    ) {\n        super(ngControl, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.focusableElement\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get isFocusable(): boolean {\n        return !(this.readOnly || this.disabled);\n    }\n\n    get percent(): number {\n        return (100 * this.value) / this.max;\n    }\n\n    @HostListener('focusin', ['true'])\n    @HostListener('focusout', ['false'])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    setRateByReverseIndex(index: number): void {\n        this.updateValue(this.max - index);\n    }\n\n    setRate(value: number): void {\n        this.updateValue(value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiRatingComponent} from './rating.component';\n\n@NgModule({\n    imports: [\n        TuiSvgModule,\n        TuiFocusableModule,\n        TuiRepeatTimesModule,\n        FormsModule,\n        ReactiveFormsModule,\n    ],\n    declarations: [TuiRatingComponent],\n    exports: [TuiRatingComponent],\n})\nexport class TuiRatingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-rating.js","sources":["ng://@taiga-ui/kit/components/rating/rating-options.ts","ng://@taiga-ui/kit/components/rating/rating.component.ts","ng://@taiga-ui/kit/components/rating/rating.module.ts","ng://@taiga-ui/kit/components/rating/taiga-ui-kit-components-rating.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\n\nexport interface TuiRatingOptions {\n    readonly min: number;\n    readonly max: number;\n    readonly iconNormal: string;\n    readonly iconFilled: string;\n}\n\nexport const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions = {\n    min: 0,\n    max: 5,\n    iconNormal: 'tuiIconStarLarge',\n    iconFilled: 'tuiIconStarFilledLarge',\n};\n\nexport const TUI_RATING_OPTIONS = new InjectionToken<TuiRatingOptions>(\n    'Default parameters for rating component',\n    {\n        factory: () => TUI_RATING_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiRatingOptionsProvider: (\n    options: Partial<TuiRatingOptions>,\n) => ValueProvider = (options: Partial<TuiRatingOptions>) => ({\n    provide: TUI_RATING_OPTIONS,\n    useValue: {...TUI_RATING_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\n\nimport {TUI_RATING_OPTIONS, TuiRatingOptions} from './rating-options';\n\n@Component({\n    selector: 'tui-rating',\n    templateUrl: './rating.template.html',\n    styleUrls: ['./rating.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiRatingComponent),\n        },\n    ],\n})\nexport class TuiRatingComponent\n    extends AbstractTuiControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    min = this.options.min;\n\n    @Input()\n    @tuiDefaultProp()\n    max = this.options.max;\n\n    @Input()\n    @tuiDefaultProp()\n    iconNormal = this.options.iconNormal;\n\n    @Input()\n    @tuiDefaultProp()\n    iconFilled = this.options.iconFilled;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        ngControl: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_RATING_OPTIONS)\n        private readonly options: TuiRatingOptions,\n    ) {\n        super(ngControl, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.focusableElement\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get isFocusable(): boolean {\n        return !(this.readOnly || this.disabled);\n    }\n\n    get percent(): number {\n        return (100 * this.value) / this.max;\n    }\n\n    @HostListener('focusin', ['true'])\n    @HostListener('focusout', ['false'])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    setRateByReverseIndex(index: number): void {\n        this.updateValue(this.max - index);\n    }\n\n    setRate(value: number): void {\n        this.updateValue(value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiRatingComponent} from './rating.component';\n\n@NgModule({\n    imports: [\n        TuiSvgModule,\n        TuiFocusableModule,\n        TuiRepeatTimesModule,\n        FormsModule,\n        ReactiveFormsModule,\n    ],\n    declarations: [TuiRatingComponent],\n    exports: [TuiRatingComponent],\n})\nexport class TuiRatingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-select.js

@@ -1,9 +1,10 @@
-import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { __assign, __extends, __decorate, __param } from 'tslib';
+import { forwardRef, InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TUI_DEFAULT_IDENTITY_MATCHER, isNativeFocused, setNativeFocused, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TuiTextfieldCleanerDirective, TUI_TEXTFIELD_CLEANER, TuiPrimitiveTextfieldComponent, TuiHostedDropdownComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule } from '@taiga-ui/core';
-import { TUI_ARROW, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
+import { AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR, isNativeFocused, setNativeFocused, tuiDefaultProp, tuiPure, AbstractTuiNullableControl, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import { TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TuiTextfieldCleanerDirective, TUI_TEXTFIELD_CLEANER, TuiPrimitiveTextfieldComponent, TuiHostedDropdownComponent, TuiDataListDirective, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { TUI_ARROW_MODE, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
+import { TUI_ITEMS_HANDLERS } from '@taiga-ui/kit/tokens';
 import { TUI_SELECT_OPTION, TuiSelectOptionModule } from '@taiga-ui/kit/components/select-option';
 import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { CommonModule } from '@angular/common';
@@ -11,20 +12,54 @@ import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
 // TODO: remove in ivy compilation
 var SELECT_OPTION = TUI_SELECT_OPTION;
+var TUI_SELECT_PROVIDERS = [
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(function () { return TuiSelectComponent; }),
+    },
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(function () { return TuiSelectComponent; }),
+    },
+    {
+        provide: TUI_DATA_LIST_HOST,
+        useExisting: forwardRef(function () { return TuiSelectComponent; }),
+    },
+    {
+        provide: TUI_OPTION_CONTENT,
+        useValue: SELECT_OPTION,
+    },
+    FIXED_DROPDOWN_CONTROLLER_PROVIDER,
+];
+
+var TUI_SELECT_DEFAULT_OPTIONS = {
+    valueContent: '',
+};
+var TUI_SELECT_OPTIONS = new InjectionToken('Default parameters for select component', {
+    factory: function () { return TUI_SELECT_DEFAULT_OPTIONS; },
+});
+var tuiSelectOptionsProvider = function (options) { return ({
+    provide: TUI_SELECT_OPTIONS,
+    useValue: __assign(__assign({}, TUI_SELECT_DEFAULT_OPTIONS), options),
+}); };
+
 var TuiSelectComponent = /** @class */ (function (_super) {
     __extends(TuiSelectComponent, _super);
-    function TuiSelectComponent(control, changeDetectorRef, textfieldCleaner) {
+    function TuiSelectComponent(control, changeDetectorRef, textfieldCleaner, arrowMode, itemsHandlers, options) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
         _this.textfieldCleaner = textfieldCleaner;
-        _this.identityMatcher = TUI_DEFAULT_IDENTITY_MATCHER;
-        _this.valueContent = '';
+        _this.arrowMode = arrowMode;
+        _this.itemsHandlers = itemsHandlers;
+        _this.options = options;
+        _this.stringify = _this.itemsHandlers.stringify;
+        _this.identityMatcher = _this.itemsHandlers.identityMatcher;
+        _this.valueContent = _this.options.valueContent;
         _this.datalist = '';
         return _this;
     }
-    TuiSelectComponent_1 = TuiSelectComponent;
     Object.defineProperty(TuiSelectComponent.prototype, "arrow", {
         get: function () {
-            return !this.interactive ? '' : TUI_ARROW;
+            return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;
         },
         enumerable: true,
         configurable: true
@@ -46,7 +81,7 @@ var TuiSelectComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiSelectComponent.prototype, "computedValue", {
         get: function () {
-            return this.value === null ? '' : String(this.value) || ' ';
+            return this.value === null ? '' : this.stringify(this.value) || ' ';
         },
         enumerable: true,
         configurable: true
@@ -78,11 +113,10 @@ var TuiSelectComponent = /** @class */ (function (_super) {
         }
     };
     TuiSelectComponent.prototype.handleOption = function (option) {
+        var _a;
         this.focusInput();
         this.updateValue(option);
-        if (this.hostedDropdown) {
-            this.hostedDropdown.updateOpen(false);
-        }
+        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(false);
     };
     TuiSelectComponent.prototype.focusInput = function (preventScroll) {
         if (preventScroll === void 0) { preventScroll = false; }
@@ -90,11 +124,13 @@ var TuiSelectComponent = /** @class */ (function (_super) {
             setNativeFocused(this.nativeFocusableElement, true, preventScroll);
         }
     };
-    var TuiSelectComponent_1;
     TuiSelectComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: TuiTextfieldCleanerDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_CLEANER,] }] }
+        { type: TuiTextfieldCleanerDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_CLEANER,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ITEMS_HANDLERS,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_SELECT_OPTIONS,] }] }
     ]; };
     __decorate([
         ViewChild(TuiPrimitiveTextfieldComponent)
@@ -102,6 +138,10 @@ var TuiSelectComponent = /** @class */ (function (_super) {
     __decorate([
         ViewChild(TuiHostedDropdownComponent)
     ], TuiSelectComponent.prototype, "hostedDropdown", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiSelectComponent.prototype, "stringify", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
@@ -116,37 +156,64 @@ var TuiSelectComponent = /** @class */ (function (_super) {
     __decorate([
         tuiPure
     ], TuiSelectComponent.prototype, "computeContext", null);
-    TuiSelectComponent = TuiSelectComponent_1 = __decorate([
+    TuiSelectComponent = __decorate([
         Component({
             selector: 'tui-select',
-            template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-select__textfield\"\n        class=\"t-textfield\"\n        [editable]=\"false\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"arrow\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (keydown.delete.prevent)=\"onKeyDownDelete()\"\n        (keydown.backspace.prevent)=\"onKeyDownDelete()\"\n    >\n        <ng-content></ng-content>\n        <div\n            *ngIf=\"value !== null\"\n            polymorpheus-outlet\n            automation-id=\"tui-select__value\"\n            class=\"t-value\"\n            [content]=\"computedContent\"\n            [context]=\"computeContext(value, computedFocused)\"\n        >\n            <ng-template let-primitiveValue>\n                <div class=\"t-primitive-value\">{{ primitiveValue }}</div>\n            </ng-template>\n        </div>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
+            template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-select__textfield\"\n        class=\"t-textfield\"\n        [editable]=\"false\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"arrow\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (keydown.delete.prevent)=\"onKeyDownDelete()\"\n        (keydown.backspace.prevent)=\"onKeyDownDelete()\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n        <div\n            *ngIf=\"value !== null\"\n            polymorpheus-outlet\n            automation-id=\"tui-select__value\"\n            class=\"t-value\"\n            [content]=\"computedContent\"\n            [context]=\"computeContext(value, computedFocused)\"\n        >\n            <ng-template let-primitiveValue>\n                <div class=\"t-primitive-value\">{{ primitiveValue }}</div>\n            </ng-template>\n        </div>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiSelectComponent_1; }),
-                },
-                {
-                    provide: TUI_DATA_LIST_HOST,
-                    useExisting: forwardRef(function () { return TuiSelectComponent_1; }),
-                },
-                {
-                    provide: TUI_OPTION_CONTENT,
-                    useValue: SELECT_OPTION,
-                },
-                FIXED_DROPDOWN_CONTROLLER_PROVIDER,
-            ],
-            styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host:not(._readonly) ::ng-deep input:not(:disabled){cursor:pointer}:host._readonly ::ng-deep input{cursor:default}.t-hosted{display:block;border-radius:inherit}.t-textfield{border-radius:inherit;text-align:inherit}.t-value{display:flex;width:100%;align-items:center;overflow:hidden}.t-primitive-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]
+            providers: TUI_SELECT_PROVIDERS,
+            styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host:not(._readonly) ::ng-deep input:not(:disabled){cursor:pointer}:host._readonly ::ng-deep input{cursor:default}.t-hosted{display:block;border-radius:inherit}.t-textfield{border-radius:inherit;text-align:inherit}.t-value{display:flex;width:100%;align-items:center}.t-primitive-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),
         __param(0, Inject(NgControl)),
         __param(1, Inject(ChangeDetectorRef)),
-        __param(2, Inject(TUI_TEXTFIELD_CLEANER))
+        __param(2, Inject(TUI_TEXTFIELD_CLEANER)),
+        __param(3, Inject(TUI_ARROW_MODE)),
+        __param(4, Inject(TUI_ITEMS_HANDLERS)),
+        __param(5, Inject(TUI_SELECT_OPTIONS))
     ], TuiSelectComponent);
     return TuiSelectComponent;
 }(AbstractTuiNullableControl));
 
+var TuiSelectDirective = /** @class */ (function (_super) {
+    __extends(TuiSelectDirective, _super);
+    function TuiSelectDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiSelectDirective_1 = TuiSelectDirective;
+    Object.defineProperty(TuiSelectDirective.prototype, "readOnly", {
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiSelectDirective.prototype, "value", {
+        get: function () {
+            return this.host.computedValue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiSelectDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    var TuiSelectDirective_1;
+    TuiSelectDirective = TuiSelectDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-select',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiSelectDirective_1; }),
+                },
+            ],
+        })
+    ], TuiSelectDirective);
+    return TuiSelectDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiSelectModule = /** @class */ (function () {
     function TuiSelectModule() {
     }
@@ -161,8 +228,8 @@ var TuiSelectModule = /** @class */ (function () {
                 TuiSelectOptionModule,
                 TuiArrowModule,
             ],
-            declarations: [TuiSelectComponent],
-            exports: [TuiSelectComponent],
+            declarations: [TuiSelectComponent, TuiSelectDirective],
+            exports: [TuiSelectComponent, TuiSelectDirective, TuiTextfieldComponent],
         })
     ], TuiSelectModule);
     return TuiSelectModule;
@@ -172,5 +239,5 @@ var TuiSelectModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { SELECT_OPTION, TuiSelectComponent, TuiSelectModule };
+export { SELECT_OPTION, TUI_SELECT_DEFAULT_OPTIONS, TUI_SELECT_OPTIONS, TUI_SELECT_PROVIDERS, TuiSelectComponent, TuiSelectDirective, TuiSelectModule, tuiSelectOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-select.js.map

package/fesm5/taiga-ui-kit-components-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-select.js","sources":["ng://@taiga-ui/kit/components/select/select.component.ts","ng://@taiga-ui/kit/components/select/select.module.ts","ng://@taiga-ui/kit/components/select/taiga-ui-kit-components-select.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    setNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_HOST,\n    TUI_OPTION_CONTENT,\n    TUI_TEXTFIELD_CLEANER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldCleanerDirective,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW} from '@taiga-ui/kit/components/arrow';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// TODO: remove in ivy compilation\nexport const SELECT_OPTION: unknown = TUI_SELECT_OPTION;\n\n@Component({\n    selector: 'tui-select',\n    templateUrl: './select.template.html',\n    styleUrls: ['./select.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSelectComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiSelectComponent),\n        },\n        {\n            provide: TUI_OPTION_CONTENT,\n            useValue: SELECT_OPTION,\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiSelectComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T | string> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_CLEANER)\n        private readonly textfieldCleaner: TuiTextfieldCleanerDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get arrow(): PolymorpheusContent {\n        return !this.interactive ? '' : TUI_ARROW;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get computedValue(): string {\n        return this.value === null ? '' : String(this.value) || ' ';\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.computedValue;\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {$implicit, active};\n    }\n\n    onValueChange(value: string) {\n        if (!value) {\n            this.updateValue(null);\n        }\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onKeyDownDelete() {\n        if (this.textfieldCleaner.cleaner) {\n            this.updateValue(null);\n        }\n    }\n\n    handleOption(option: T) {\n        this.focusInput();\n        this.updateValue(option);\n\n        if (this.hostedDropdown) {\n            this.hostedDropdown.updateOpen(false);\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {TuiHostedDropdownModule, TuiPrimitiveTextfieldModule} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSelectComponent} from './select.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [TuiSelectComponent],\n    exports: [TuiSelectComponent],\n})\nexport class TuiSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAyCA;IACa,aAAa,GAAY,kBAAkB;;IAwB5C,sCAA6B;IAoBrC,4BAII,OAAyB,EACE,iBAAoC,EAE9C,gBAA8C;QAPnE,YASI,kBAAM,OAAO,EAAE,iBAAiB,CAAC,SACpC;QAHoB,sBAAgB,GAAhB,gBAAgB,CAA8B;QAhBnE,qBAAe,GAAmC,4BAA4B,CAAC;QAI/E,kBAAY,GAAmD,EAAE,CAAC;QAGzD,cAAQ,GAAwB,EAAE,CAAC;;KAY3C;2BA/BQ,kBAAkB;IAiC3B,sBAAI,qCAAK;aAAT;YACI,OAAO,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,GAAG,SAAS,CAAC;SAC7C;;;OAAA;IAED,sBAAI,sDAAsB;aAA1B;YACI,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC;SACxE;;;OAAA;IAED,sBAAI,uCAAO;aAAX;YACI,QACI,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC;iBAC3C,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EACxD;SACL;;;OAAA;IAED,sBAAI,6CAAa;aAAjB;YACI,OAAO,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC;SAC/D;;;OAAA;IAED,sBAAI,+CAAe;aAAnB;YACI,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,CAAC;SAClD;;;OAAA;IAGD,2CAAc,GAAd,UACI,SAAmB,EACnB,MAAe;QAEf,OAAO,EAAC,SAAS,WAAA,EAAE,MAAM,QAAA,EAAC,CAAC;KAC9B;IAED,0CAAa,GAAb,UAAc,KAAa;QACvB,IAAI,CAAC,KAAK,EAAE;YACR,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC1B;KACJ;IAED,yCAAY,GAAZ,UAAa,MAAe;QACxB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;KAC9B;IAED,sCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,4CAAe,GAAf;QACI,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC1B;KACJ;IAED,yCAAY,GAAZ,UAAa,MAAS;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEzB,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;SACzC;KACJ;IAEO,uCAAU,GAAlB,UAAmB,aAA8B;QAA9B,8BAAA,EAAA,qBAA8B;QAC7C,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;SACtE;KACJ;;;gBAxEY,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;gBAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;gBAEU,4BAA4B,uBAD9D,MAAM,SAAC,qBAAqB;;IAtBjC;QADC,SAAS,CAAC,8BAA8B,CAAC;yDACkB;IAG5D;QADC,SAAS,CAAC,0BAA0B,CAAC;8DACuB;IAI7D;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;+DAC8D;IAI/E;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;4DACiD;IAGlE;QADC,YAAY,CAAC,oBAAoB,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC;wDACZ;IAsC5C;QADC,OAAO;4DAMP;IA9DQ,kBAAkB;QArB9B,SAAS,CAAC;YACP,QAAQ,EAAE,YAAY;YACtB,k5CAAqC;YAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,2BAA2B;oBACpC,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,oBAAkB,GAAA,CAAC;iBACpD;gBACD;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,oBAAkB,GAAA,CAAC;iBACpD;gBACD;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,QAAQ,EAAE,aAAa;iBAC1B;gBACD,kCAAkC;aACrC;;SACJ,CAAC;QAuBO,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;QAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,qBAAqB,CAAC,CAAA;OA3BzB,kBAAkB,CAkG9B;IAAD,yBAAC;CAAA,CAjGW,0BAA0B;;;IC3CtC;KAA+B;IAAlB,eAAe;QAb3B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,kBAAkB;gBAClB,mBAAmB;gBACnB,2BAA2B;gBAC3B,uBAAuB;gBACvB,qBAAqB;gBACrB,cAAc;aACjB;YACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACvBA;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-select.js","sources":["ng://@taiga-ui/kit/components/select/select.providers.ts","ng://@taiga-ui/kit/components/select/select-options.ts","ng://@taiga-ui/kit/components/select/select.component.ts","ng://@taiga-ui/kit/components/select/select.directive.ts","ng://@taiga-ui/kit/components/select/select.module.ts","ng://@taiga-ui/kit/components/select/taiga-ui-kit-components-select.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT} from '@taiga-ui/core';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\n\nimport {TuiSelectComponent} from './select.component';\n\n// TODO: remove in ivy compilation\nexport const SELECT_OPTION: unknown = TUI_SELECT_OPTION;\n\nexport const TUI_SELECT_PROVIDERS = [\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiSelectComponent),\n    },\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiSelectComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiSelectComponent),\n    },\n    {\n        provide: TUI_OPTION_CONTENT,\n        useValue: SELECT_OPTION,\n    },\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiValueContentContext} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiSelectOptions<T> {\n    readonly valueContent: PolymorpheusContent<TuiValueContentContext<T>>;\n}\n\nexport const TUI_SELECT_DEFAULT_OPTIONS: TuiSelectOptions<unknown> = {\n    valueContent: '',\n};\n\nexport const TUI_SELECT_OPTIONS = new InjectionToken<TuiSelectOptions<unknown>>(\n    'Default parameters for select component',\n    {\n        factory: () => TUI_SELECT_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiSelectOptionsProvider: <T>(\n    options: Partial<TuiSelectOptions<T>>,\n) => ValueProvider = <T>(options: Partial<TuiSelectOptions<T>>) => ({\n    provide: TUI_SELECT_OPTIONS,\n    useValue: {...TUI_SELECT_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    setNativeFocused,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_TEXTFIELD_CLEANER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldCleanerDirective,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW_MODE, TuiArrowMode} from '@taiga-ui/kit/components/arrow';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_SELECT_PROVIDERS} from './select.providers';\nimport {TUI_SELECT_OPTIONS, TuiSelectOptions} from './select-options';\n\n@Component({\n    selector: 'tui-select',\n    templateUrl: './select.template.html',\n    styleUrls: ['./select.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_SELECT_PROVIDERS,\n})\nexport class TuiSelectComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    stringify: TuiItemsHandlers<T>['stringify'] = this.itemsHandlers.stringify;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiItemsHandlers<T>['identityMatcher'] =\n        this.itemsHandlers.identityMatcher;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: TuiSelectOptions<T>['valueContent'] = this.options.valueContent;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_CLEANER)\n        private readonly textfieldCleaner: TuiTextfieldCleanerDirective,\n        @Inject(TUI_ARROW_MODE)\n        private readonly arrowMode: TuiArrowMode,\n        @Inject(TUI_ITEMS_HANDLERS)\n        private readonly itemsHandlers: TuiItemsHandlers<T>,\n        @Inject(TUI_SELECT_OPTIONS)\n        private readonly options: TuiSelectOptions<T>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get arrow(): PolymorpheusContent {\n        return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get computedValue(): string {\n        return this.value === null ? '' : this.stringify(this.value) || ' ';\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.computedValue;\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {$implicit, active};\n    }\n\n    onValueChange(value: string) {\n        if (!value) {\n            this.updateValue(null);\n        }\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onKeyDownDelete() {\n        if (this.textfieldCleaner.cleaner) {\n            this.updateValue(null);\n        }\n    }\n\n    handleOption(option: T) {\n        this.focusInput();\n        this.updateValue(option);\n        this.hostedDropdown?.updateOpen(false);\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiSelectComponent} from './select.component';\n\n@Directive({\n    selector: 'tui-select',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiSelectDirective),\n        },\n    ],\n})\nexport class TuiSelectDirective extends TuiAbstractTextfieldHost<\n    TuiSelectComponent<unknown>\n> {\n    get readOnly(): boolean {\n        return true;\n    }\n\n    get value(): string {\n        return this.host.computedValue;\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSelectComponent} from './select.component';\nimport {TuiSelectDirective} from './select.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [TuiSelectComponent, TuiSelectDirective],\n    exports: [TuiSelectComponent, TuiSelectDirective, TuiTextfieldComponent],\n})\nexport class TuiSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}