@taiga-ui/kit 5.0.0-canary.2da416d → 5.0.0-canary.2f662cc

package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-phone-international.mjs","sources":["../../../projects/kit/components/input-phone-international/input-phone-international.options.ts","../../../projects/kit/components/input-phone-international/input-phone-international.component.ts","../../../projects/kit/components/input-phone-international/input-phone-international.template.html","../../../projects/kit/components/input-phone-international/input-phone-international.ts","../../../projects/kit/components/input-phone-international/taiga-ui-kit-components-input-phone-international.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\nimport {type MetadataJson} from 'libphonenumber-js/core';\nimport {type Observable, of} from 'rxjs';\n\nexport interface TuiInputPhoneInternationalOptions {\n    readonly countries: readonly TuiCountryIsoCode[];\n    readonly countrySearch: boolean;\n    readonly countryIsoCode: TuiCountryIsoCode;\n    readonly metadata: Observable<MetadataJson> | Promise<MetadataJson>;\n    readonly separator: string;\n}\n\nexport const TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS: TuiInputPhoneInternationalOptions =\n    {\n        countries: [],\n        countrySearch: false,\n        countryIsoCode: 'RU',\n        metadata: of({countries: {}, country_calling_codes: {}}),\n        separator: '-',\n    };\n\n/**\n * Default parameters for input phone international component\n */\nexport const [\n    TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS,\n    tuiInputPhoneInternationalOptionsProvider,\n] = tuiCreateOptions(TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS);\n","import {NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    model,\n    signal,\n    viewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed, toSignal} from '@angular/core/rxjs-interop';\nimport {FormsModule} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {\n    MASKITO_DEFAULT_OPTIONS,\n    maskitoInitialCalibrationPlugin,\n    type MaskitoOptions,\n    maskitoTransform,\n} from '@maskito/core';\nimport {maskitoGetCountryFromNumber, maskitoPhoneOptionsGenerator} from '@maskito/phone';\nimport {WA_IS_IOS} from '@ng-web-apis/platform';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {CHAR_PLUS, TUI_DEFAULT_MATCHER} from '@taiga-ui/cdk/constants';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {\n    TuiAutoFocus,\n    tuiAutoFocusOptionsProvider,\n} from '@taiga-ui/cdk/directives/auto-focus';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement, tuiIsInputEvent, tuiValue} from '@taiga-ui/cdk/utils/dom';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiDataList, TuiOption} from '@taiga-ui/core/components/data-list';\nimport {TuiInput, TuiWithInput} from '@taiga-ui/core/components/input';\nimport {\n    TUI_TEXTFIELD_OPTIONS,\n    TuiTextfieldContent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiTitle} from '@taiga-ui/core/components/title';\nimport {tuiDropdownEnabled, TuiDropdownOpen} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\nimport {TuiAppearanceProxy} from '@taiga-ui/kit/directives/appearance-proxy';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport {TuiFlagPipe} from '@taiga-ui/kit/pipes/flag';\nimport {TUI_COUNTRIES, TUI_INTERNATIONAL_SEARCH} from '@taiga-ui/kit/tokens';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\nimport {validatePhoneNumberLength} from 'libphonenumber-js';\nimport {getCountryCallingCode, type MetadataJson} from 'libphonenumber-js/core';\nimport {filter, from} from 'rxjs';\n\nimport {TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS} from './input-phone-international.options';\n\nconst NOT_FORM_CONTROL_SYMBOLS = /[^+\\d]/g;\n\n@Component({\n    selector: 'input[tuiInputPhoneInternational]',\n    imports: [\n        FormsModule,\n        NgTemplateOutlet,\n        TuiAutoFocus,\n        TuiButton,\n        TuiChevron,\n        TuiDataList,\n        TuiFlagPipe,\n        TuiInput,\n        TuiTextfieldContent,\n        TuiTitle,\n    ],\n    templateUrl: './input-phone-international.template.html',\n    styleUrl: './input-phone-international.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsControl(TuiInputPhoneInternationalComponent),\n        tuiFallbackValueProvider(''),\n        tuiAutoFocusOptionsProvider({preventScroll: true}),\n    ],\n    hostDirectives: [MaskitoDirective, TuiWithInput, TuiAppearanceProxy],\n    host: {\n        type: 'tel',\n        ngSkipHydration: 'true',\n        '[attr.inputmode]': '!ios && open() ? \"none\" : null',\n        '[disabled]': 'disabled()',\n        '(input)': 'masked.set($event.target.value)',\n        '(click)': 'open.set(false)',\n        '(beforeinput.capture)': 'onPaste($event)',\n    },\n})\nexport class TuiInputPhoneInternationalComponent extends TuiControl<string> {\n    protected readonly list = viewChildren(TuiOption, {read: ElementRef});\n    protected readonly el = tuiInjectElement<HTMLInputElement>();\n    protected readonly ios = inject(WA_IS_IOS);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly options = inject(TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS);\n    protected readonly label = inject(TUI_INTERNATIONAL_SEARCH);\n    protected readonly metadata = toSignal(from(this.options.metadata));\n    protected readonly names = inject(TUI_COUNTRIES);\n    protected readonly open = inject(TuiDropdownOpen).open;\n    protected readonly dropdownEnabled = tuiDropdownEnabled(this.interactive);\n    protected readonly change = effect(() => this.onChange(this.unmask(this.masked())));\n    protected readonly search = signal<string>('');\n    protected readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n    protected readonly masked = tuiValue(this.el);\n    protected readonly mask = tuiMaskito(\n        computed(() => this.computeMask(this.countryIsoCode(), this.metadata())),\n    );\n\n    protected readonly filtered = computed(() =>\n        this.countries()\n            .map((iso) => ({\n                iso,\n                name: this.names()?.[iso] || '',\n                code: getCallingCode(iso, this.metadata()),\n            }))\n            .filter(({name, code}) => TUI_DEFAULT_MATCHER(name + code, this.search())),\n    );\n\n    protected readonly $ = inject(TuiActiveZone)\n        .tuiActiveZoneChange.pipe(\n            filter(() => !this.readOnly()),\n            takeUntilDestroyed(),\n        )\n        .subscribe((active) => {\n            const prefix = `${getCallingCode(this.countryIsoCode(), this.metadata())} `;\n\n            this.search.set('');\n            this.masked.update((value) => {\n                const fallback = active ? value || prefix : value;\n\n                return value === prefix ? '' : fallback;\n            });\n        });\n\n    public readonly countrySearch = input(this.options.countrySearch);\n    public readonly countryIsoCode = model(this.options.countryIsoCode);\n    public readonly countries = input(this.options.countries);\n\n    public override writeValue(unmasked: string | null): void {\n        const code = this.getCountryCode(unmasked ?? '');\n\n        if (code) {\n            this.countryIsoCode.set(code);\n        }\n\n        super.writeValue(unmasked);\n        this.masked.set(\n            maskitoTransform(this.value() ?? '', this.mask() || MASKITO_DEFAULT_OPTIONS),\n        );\n    }\n\n    protected onPaste(event: Event): void {\n        const data = tuiIsInputEvent(event) && event.data;\n\n        if (\n            !data ||\n            (!event.inputType.includes('Drop') && !event.inputType.includes('Paste'))\n        ) {\n            return;\n        }\n\n        const code = this.getCountryCode(data);\n\n        if (code) {\n            this.countryIsoCode.set(code);\n        }\n    }\n\n    protected onItemClick(code: TuiCountryIsoCode): void {\n        this.el.focus();\n        this.open.set(false);\n        this.countryIsoCode.set(code);\n        this.search.set('');\n        this.masked.set(\n            maskitoTransform(\n                this.value() || getCallingCode(code, this.metadata()),\n                this.mask() || MASKITO_DEFAULT_OPTIONS,\n            ),\n        );\n    }\n\n    private computeMask(\n        countryIsoCode: TuiCountryIsoCode,\n        metadata?: MetadataJson,\n    ): MaskitoOptions {\n        if (!metadata) {\n            return MASKITO_DEFAULT_OPTIONS;\n        }\n\n        const {plugins, ...options} = maskitoPhoneOptionsGenerator({\n            countryIsoCode,\n            metadata,\n            separator: this.options.separator,\n        });\n\n        return {\n            ...options,\n            plugins: [...plugins, maskitoInitialCalibrationPlugin()],\n        };\n    }\n\n    private unmask(maskedValue: string): string {\n        const value = maskedValue.replaceAll(NOT_FORM_CONTROL_SYMBOLS, '');\n        const code = getCallingCode(this.countryIsoCode(), this.metadata());\n\n        return value === code ? '' : value;\n    }\n\n    private getCountryCode(value: string): TuiCountryIsoCode | null {\n        const metadata = this.metadata();\n        const phone = value.startsWith(CHAR_PLUS) ? value : CHAR_PLUS + value;\n\n        return metadata && validatePhoneNumberLength(phone) !== 'TOO_SHORT'\n            ? (maskitoGetCountryFromNumber(phone, metadata) ?? null)\n            : null;\n    }\n}\n\nfunction getCallingCode(iso: TuiCountryIsoCode, metadata?: MetadataJson | null): string {\n    return metadata ? CHAR_PLUS + getCountryCallingCode(iso, metadata) : '';\n}\n","<ng-container *tuiTextfieldContent>\n    <button\n        appearance=\"textfield\"\n        tabindex=\"-1\"\n        tuiButton\n        tuiChevron\n        type=\"button\"\n        class=\"t-ipi-select\"\n        [attr.data-mode]=\"mode()\"\n        [class.t-ipi-select_readonly]=\"readOnly()\"\n        [disabled]=\"disabled()\"\n        [size]=\"size()\"\n        [tuiAppearanceFocus]=\"open()\"\n        (click.prevent)=\"interactive() && open.set(!open())\"\n        (pointerdown.stop)=\"(0)\"\n    >\n        <img\n            class=\"t-ipi-flag\"\n            [alt]=\"names()[countryIsoCode()]\"\n            [class.t-ipi-flag_small]=\"size() === 's'\"\n            [src]=\"countryIsoCode() | tuiFlag\"\n        />\n    </button>\n</ng-container>\n<ng-template #filter>\n    <div class=\"t-ipi-search\">\n        <tui-textfield\n            [iconStart]=\"icons.search\"\n            [tuiTextfieldSize]=\"size() === 's' ? 's' : 'm'\"\n        >\n            <input\n                autocomplete=\"off\"\n                tuiInput\n                type=\"text\"\n                [ngModel]=\"search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!ios\"\n                (keydown.arrowDown)=\"list()[0]?.nativeElement?.focus()\"\n                (ngModelChange)=\"search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n</ng-template>\n<ng-container *tuiDropdown>\n    <!-- To keep it under local injector -->\n    @if (countrySearch()) {\n        <ng-container *ngTemplateOutlet=\"filter\" />\n    }\n    <tui-data-list class=\"t-ipi-options\">\n        @for (item of filtered(); track $index) {\n            <button\n                tuiOption\n                type=\"button\"\n                (click)=\"onItemClick(item.iso)\"\n            >\n                <img\n                    alt=\"\"\n                    class=\"t-ipi-flag\"\n                    [class.t-ipi-flag_small]=\"size() === 's'\"\n                    [src]=\"item.iso | tuiFlag\"\n                />\n                <span tuiTitle>{{ item.name }}</span>\n                <span class=\"t-ipi-code\">{{ item.code }}</span>\n            </button>\n        }\n    </tui-data-list>\n</ng-container>\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputPhoneInternationalComponent} from './input-phone-international.component';\n\nexport const TuiInputPhoneInternational = [\n    TuiInputPhoneInternationalComponent,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\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-input-phone-international.mjs","sources":["../../../projects/kit/components/input-phone-international/input-phone-international.options.ts","../../../projects/kit/components/input-phone-international/input-phone-international.component.ts","../../../projects/kit/components/input-phone-international/input-phone-international.template.html","../../../projects/kit/components/input-phone-international/input-phone-international.ts","../../../projects/kit/components/input-phone-international/taiga-ui-kit-components-input-phone-international.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\nimport {type MetadataJson} from 'libphonenumber-js/core';\nimport {type Observable, of} from 'rxjs';\n\nexport interface TuiInputPhoneInternationalOptions {\n    readonly countries: readonly TuiCountryIsoCode[];\n    readonly countrySearch: boolean;\n    readonly countryIsoCode: TuiCountryIsoCode;\n    readonly metadata: Observable<MetadataJson> | Promise<MetadataJson>;\n    readonly separator: string;\n}\n\nexport const TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS: TuiInputPhoneInternationalOptions =\n    {\n        countries: [],\n        countrySearch: false,\n        countryIsoCode: 'RU',\n        metadata: of({countries: {}, country_calling_codes: {}}),\n        separator: '-',\n    };\n\n/**\n * Default parameters for input phone international component\n */\nexport const [\n    TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS,\n    tuiInputPhoneInternationalOptionsProvider,\n] = tuiCreateOptions(TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS);\n","import {NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    model,\n    signal,\n    viewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed, toSignal} from '@angular/core/rxjs-interop';\nimport {FormsModule} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {\n    MASKITO_DEFAULT_OPTIONS,\n    maskitoInitialCalibrationPlugin,\n    type MaskitoOptions,\n    maskitoTransform,\n} from '@maskito/core';\nimport {maskitoGetCountryFromNumber, maskitoPhoneOptionsGenerator} from '@maskito/phone';\nimport {WA_IS_IOS} from '@ng-web-apis/platform';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {CHAR_PLUS, TUI_DEFAULT_MATCHER} from '@taiga-ui/cdk/constants';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {\n    TuiAutoFocus,\n    tuiAutoFocusOptionsProvider,\n} from '@taiga-ui/cdk/directives/auto-focus';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement, tuiIsInputEvent, tuiValue} from '@taiga-ui/cdk/utils/dom';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiDataList, TuiOption} from '@taiga-ui/core/components/data-list';\nimport {TuiInput, TuiWithInput} from '@taiga-ui/core/components/input';\nimport {\n    TUI_TEXTFIELD_OPTIONS,\n    TuiTextfieldContent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiTitle} from '@taiga-ui/core/components/title';\nimport {tuiDropdownEnabled, TuiDropdownOpen} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\nimport {TuiAppearanceProxy} from '@taiga-ui/kit/directives/appearance-proxy';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport {TuiFlagPipe} from '@taiga-ui/kit/pipes/flag';\nimport {TUI_COUNTRIES, TUI_INTERNATIONAL_SEARCH} from '@taiga-ui/kit/tokens';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\nimport {validatePhoneNumberLength} from 'libphonenumber-js';\nimport {getCountryCallingCode, type MetadataJson} from 'libphonenumber-js/core';\nimport {filter, from} from 'rxjs';\n\nimport {TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS} from './input-phone-international.options';\n\nconst NOT_FORM_CONTROL_SYMBOLS = /[^+\\d]/g;\n\n@Component({\n    selector: 'input[tuiInputPhoneInternational]',\n    imports: [\n        FormsModule,\n        NgTemplateOutlet,\n        TuiAutoFocus,\n        TuiButton,\n        TuiChevron,\n        TuiDataList,\n        TuiFlagPipe,\n        TuiInput,\n        TuiTextfieldContent,\n        TuiTitle,\n    ],\n    templateUrl: './input-phone-international.template.html',\n    styleUrl: './input-phone-international.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsControl(TuiInputPhoneInternationalComponent),\n        tuiFallbackValueProvider(''),\n        tuiAutoFocusOptionsProvider({preventScroll: true}),\n    ],\n    hostDirectives: [MaskitoDirective, TuiWithInput, TuiAppearanceProxy],\n    host: {\n        type: 'tel',\n        ngSkipHydration: 'true',\n        '[attr.inputmode]': '!ios && open() ? \"none\" : null',\n        '[disabled]': 'disabled()',\n        '(input)': 'masked.set($event.target.value)',\n        '(click)': 'open.set(false)',\n        '(beforeinput.capture)': 'onPaste($event)',\n    },\n})\nexport class TuiInputPhoneInternationalComponent extends TuiControl<string> {\n    protected readonly list = viewChildren(TuiOption, {read: ElementRef});\n    protected readonly el = tuiInjectElement<HTMLInputElement>();\n    protected readonly ios = inject(WA_IS_IOS);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly options = inject(TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS);\n    protected readonly label = inject(TUI_INTERNATIONAL_SEARCH);\n    protected readonly metadata = toSignal(from(this.options.metadata));\n    protected readonly names = inject(TUI_COUNTRIES);\n    protected readonly open = inject(TuiDropdownOpen).open;\n    protected readonly dropdownEnabled = tuiDropdownEnabled(this.interactive);\n    protected readonly change = effect(() => this.onChange(this.unmask(this.masked())));\n    protected readonly search = signal<string>('');\n    protected readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n    protected readonly masked = tuiValue(this.el);\n    protected readonly mask = tuiMaskito(\n        computed(() => this.computeMask(this.countryIsoCode(), this.metadata())),\n    );\n\n    protected readonly filtered = computed(() =>\n        this.countries()\n            .map((iso) => ({\n                iso,\n                name: this.names()?.[iso] || '',\n                code: getCallingCode(iso, this.metadata()),\n            }))\n            .filter(({name, code}) => TUI_DEFAULT_MATCHER(name + code, this.search())),\n    );\n\n    protected readonly $ = inject(TuiActiveZone)\n        .tuiActiveZoneChange.pipe(\n            filter(() => !this.readOnly()),\n            takeUntilDestroyed(),\n        )\n        .subscribe((active) => {\n            const prefix = `${getCallingCode(this.countryIsoCode(), this.metadata())} `;\n\n            this.search.set('');\n            this.masked.update((value) => {\n                const fallback = active ? value || prefix : value;\n\n                return value === prefix ? '' : fallback;\n            });\n        });\n\n    public readonly countrySearch = input(this.options.countrySearch);\n    public readonly countryIsoCode = model(this.options.countryIsoCode);\n    public readonly countries = input(this.options.countries);\n\n    public override writeValue(unmasked: string | null): void {\n        const code = this.getCountryCode(unmasked ?? '');\n\n        if (code) {\n            this.countryIsoCode.set(code);\n        }\n\n        super.writeValue(unmasked);\n        this.masked.set(\n            maskitoTransform(this.value() ?? '', this.mask() || MASKITO_DEFAULT_OPTIONS),\n        );\n    }\n\n    protected onPaste(event: Event): void {\n        const data = tuiIsInputEvent(event) && event.data;\n\n        if (\n            !data ||\n            (!event.inputType.includes('Drop') && !event.inputType.includes('Paste'))\n        ) {\n            return;\n        }\n\n        const code = this.getCountryCode(data);\n\n        if (code) {\n            this.countryIsoCode.set(code);\n        }\n    }\n\n    protected onItemClick(code: TuiCountryIsoCode): void {\n        this.el.focus();\n        this.open.set(false);\n        this.countryIsoCode.set(code);\n        this.search.set('');\n        this.masked.set(\n            maskitoTransform(\n                this.value() || getCallingCode(code, this.metadata()),\n                this.mask() || MASKITO_DEFAULT_OPTIONS,\n            ),\n        );\n    }\n\n    private computeMask(\n        countryIsoCode: TuiCountryIsoCode,\n        metadata?: MetadataJson,\n    ): MaskitoOptions {\n        if (!metadata) {\n            return MASKITO_DEFAULT_OPTIONS;\n        }\n\n        const {plugins, ...options} = maskitoPhoneOptionsGenerator({\n            countryIsoCode,\n            metadata,\n            separator: this.options.separator,\n        });\n\n        return {\n            ...options,\n            plugins: [...plugins, maskitoInitialCalibrationPlugin()],\n        };\n    }\n\n    private unmask(maskedValue: string): string {\n        const value = maskedValue.replaceAll(NOT_FORM_CONTROL_SYMBOLS, '');\n        const code = getCallingCode(this.countryIsoCode(), this.metadata());\n\n        return value === code ? '' : value;\n    }\n\n    private getCountryCode(value: string): TuiCountryIsoCode | null {\n        const metadata = this.metadata();\n        const phone = value.startsWith(CHAR_PLUS) ? value : CHAR_PLUS + value;\n\n        return metadata && validatePhoneNumberLength(phone) !== 'TOO_SHORT'\n            ? (maskitoGetCountryFromNumber(phone, metadata) ?? null)\n            : null;\n    }\n}\n\nfunction getCallingCode(iso: TuiCountryIsoCode, metadata?: MetadataJson | null): string {\n    return metadata ? CHAR_PLUS + getCountryCallingCode(iso, metadata) : '';\n}\n","<ng-container *tuiTextfieldContent>\n    <button\n        appearance=\"textfield\"\n        tabindex=\"-1\"\n        tuiButton\n        tuiChevron\n        type=\"button\"\n        class=\"t-ipi-select\"\n        [attr.data-mode]=\"mode()\"\n        [class.t-ipi-select_readonly]=\"readOnly()\"\n        [disabled]=\"disabled()\"\n        [size]=\"size()\"\n        [tuiAppearanceFocus]=\"open()\"\n        (click.prevent)=\"interactive() && open.set(!open())\"\n        (pointerdown.stop)=\"(0)\"\n    >\n        <img\n            class=\"t-ipi-flag\"\n            [alt]=\"names()[countryIsoCode()]\"\n            [class.t-ipi-flag_small]=\"size() === 's'\"\n            [src]=\"countryIsoCode() | tuiFlag\"\n        />\n    </button>\n</ng-container>\n<ng-template #filter>\n    <div class=\"t-ipi-search\">\n        <tui-textfield\n            [iconStart]=\"icons.search\"\n            [tuiTextfieldSize]=\"size() === 's' ? 's' : 'm'\"\n        >\n            <input\n                autocomplete=\"off\"\n                tuiInput\n                type=\"text\"\n                [ngModel]=\"search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!ios\"\n                (keydown.arrowDown)=\"list()[0]?.nativeElement?.focus()\"\n                (ngModelChange)=\"search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n</ng-template>\n<ng-container *tuiDropdown>\n    <!-- To keep it under local injector -->\n    @if (countrySearch()) {\n        <ng-container *ngTemplateOutlet=\"filter\" />\n    }\n    <tui-data-list class=\"t-ipi-options\">\n        @for (item of filtered(); track $index) {\n            <button\n                tuiOption\n                type=\"button\"\n                (click)=\"onItemClick(item.iso)\"\n            >\n                <img\n                    alt=\"\"\n                    class=\"t-ipi-flag\"\n                    [class.t-ipi-flag_small]=\"size() === 's'\"\n                    [src]=\"item.iso | tuiFlag\"\n                />\n                <span tuiTitle>{{ item.name }}</span>\n                <span class=\"t-ipi-code\">{{ item.code }}</span>\n            </button>\n        }\n    </tui-data-list>\n</ng-container>\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputPhoneInternationalComponent} from './input-phone-international.component';\n\nexport const TuiInputPhoneInternational = [\n    TuiInputPhoneInternationalComponent,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-input-pin.mjs

@@ -44,7 +44,7 @@ class TuiInputPinComponent {
                     index === this.el.maxLength - 1)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiInputPinComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiInputPinComponent, isStandalone: true, selector: "input[tuiInputPin]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ngSkipHydration": "true", "inputmode": "numeric", "spellcheck": "false" }, listeners: { "pointerdown.prevent": "onClick(0)", "selectionchange": "onSelection()", "keydown.arrowLeft": "onArrow()" } }, hostDirectives: [{ directive: i1.MaskitoDirective }], ngImport: i0, template: "<div\n    *tuiTextfieldContent\n    class=\"t-wrapper\"\n>\n    @for (_ of '-'.repeat(el.maxLength); track $index) {\n        <label\n            class=\"t-item\"\n            [tuiAppearance]=\"appearance()\"\n            [tuiAppearanceFocus]=\"isFocused($index)\"\n            [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n            (pointerdown.prevent)=\"onClick($index)\"\n        >\n            <span\n                class=\"t-value\"\n                [class.t-value_filled]=\"el.value[$index]\"\n                [textContent]=\"el.value[$index] || el.placeholder[$index]\"\n            ></span>\n        </label>\n    }\n</div>\n", styles: ["@keyframes blink{50%{opacity:0}}:host{position:absolute;inset:0;color:transparent;background:transparent;border:none;outline:none;--t-caret-color: rgba(255, 255, 255, .01);caret-color:var(--t-caret-color)}:host ::ng-deep+.t-content{gap:inherit!important}:host :host-context([tuiTheme=\"dark\"]){--t-caret-color: rgba(50, 50, 50, .01)}:host::selection{background:transparent}:host::placeholder{color:transparent!important}:host ::ng-deep+.t-content [tuiButtonX]{display:none!important}.t-wrapper{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;display:flex;gap:inherit;border-radius:inherit}.t-item{display:flex;flex:1;align-items:center;justify-content:center;border-radius:inherit;pointer-events:auto;cursor:text;margin-inline-start:.25rem}.t-item:first-child{pointer-events:none;margin:0}.t-item[data-focus=true] .t-value_filled{background:var(--tui-service-selection-background)}.t-item[data-focus=true] .t-value_filled:before{display:none}.t-item[data-focus=true] .t-value:before{content:\"\";block-size:1em;border-inline-start:1px solid var(--tui-text-primary);animation:blink 1s steps(1) infinite}.t-value{color:var(--tui-text-tertiary)}.t-value_filled{color:var(--tui-text-primary)}\n"], dependencies: [{ kind: "directive", type: TuiAppearance, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceMode"] }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiInputPinComponent, isStandalone: true, selector: "input[tuiInputPin]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ngSkipHydration": "true", "inputmode": "numeric", "spellcheck": "false" }, listeners: { "pointerdown.prevent": "onClick(0)", "selectionchange": "onSelection()", "keydown.arrowLeft": "onArrow()" } }, hostDirectives: [{ directive: i1.MaskitoDirective }], ngImport: i0, template: "<div\n    *tuiTextfieldContent\n    class=\"t-wrapper\"\n>\n    @for (_ of '-'.repeat(el.maxLength); track $index) {\n        <label\n            class=\"t-item\"\n            [tuiAppearance]=\"appearance()\"\n            [tuiAppearanceFocus]=\"isFocused($index)\"\n            [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n            (pointerdown.prevent)=\"onClick($index)\"\n        >\n            <span\n                class=\"t-value\"\n                [class.t-value_filled]=\"el.value[$index]\"\n                [textContent]=\"el.value[$index] || el.placeholder[$index]\"\n            ></span>\n        </label>\n    }\n</div>\n", styles: ["@keyframes blink{50%{opacity:0}}:host{position:absolute;inset:0;color:transparent;background:transparent;border:none;outline:none;--t-caret-color: rgba(255, 255, 255, .01);caret-color:var(--t-caret-color)}:host ::ng-deep+.t-content{gap:inherit!important}:host :host-context([tuiTheme=\"dark\"]){--t-caret-color: rgba(50, 50, 50, .01)}:host::selection{background:transparent}:host::placeholder{color:transparent!important}:host ::ng-deep+.t-content [tuiButtonX]{display:none!important}.t-wrapper{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;display:flex;gap:inherit;border-radius:inherit}.t-item{display:flex;flex:1;align-items:center;justify-content:center;border-radius:inherit;pointer-events:auto;cursor:text;margin-inline-start:.25rem}.t-item:first-child{pointer-events:none;margin:0}.t-item[data-focus=true] .t-value_filled{background:var(--tui-service-selection-background)}.t-item[data-focus=true] .t-value_filled:before{display:none}.t-item[data-focus=true] .t-value:before{content:\"\";block-size:1em;border-inline-start:1px solid var(--tui-text-primary);animation:blink 1s steps(1) infinite}.t-value{color:var(--tui-text-secondary)}.t-value_filled{color:var(--tui-text-primary)}\n"], dependencies: [{ kind: "directive", type: TuiAppearance, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceMode"] }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiInputPinComponent, decorators: [{
             type: Component,
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         '(pointerdown.prevent)': 'onClick(0)',
                         '(selectionchange)': 'onSelection()',
                         '(keydown.arrowLeft)': 'onArrow()',
-                    }, template: "<div\n    *tuiTextfieldContent\n    class=\"t-wrapper\"\n>\n    @for (_ of '-'.repeat(el.maxLength); track $index) {\n        <label\n            class=\"t-item\"\n            [tuiAppearance]=\"appearance()\"\n            [tuiAppearanceFocus]=\"isFocused($index)\"\n            [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n            (pointerdown.prevent)=\"onClick($index)\"\n        >\n            <span\n                class=\"t-value\"\n                [class.t-value_filled]=\"el.value[$index]\"\n                [textContent]=\"el.value[$index] || el.placeholder[$index]\"\n            ></span>\n        </label>\n    }\n</div>\n", styles: ["@keyframes blink{50%{opacity:0}}:host{position:absolute;inset:0;color:transparent;background:transparent;border:none;outline:none;--t-caret-color: rgba(255, 255, 255, .01);caret-color:var(--t-caret-color)}:host ::ng-deep+.t-content{gap:inherit!important}:host :host-context([tuiTheme=\"dark\"]){--t-caret-color: rgba(50, 50, 50, .01)}:host::selection{background:transparent}:host::placeholder{color:transparent!important}:host ::ng-deep+.t-content [tuiButtonX]{display:none!important}.t-wrapper{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;display:flex;gap:inherit;border-radius:inherit}.t-item{display:flex;flex:1;align-items:center;justify-content:center;border-radius:inherit;pointer-events:auto;cursor:text;margin-inline-start:.25rem}.t-item:first-child{pointer-events:none;margin:0}.t-item[data-focus=true] .t-value_filled{background:var(--tui-service-selection-background)}.t-item[data-focus=true] .t-value_filled:before{display:none}.t-item[data-focus=true] .t-value:before{content:\"\";block-size:1em;border-inline-start:1px solid var(--tui-text-primary);animation:blink 1s steps(1) infinite}.t-value{color:var(--tui-text-tertiary)}.t-value_filled{color:var(--tui-text-primary)}\n"] }]
+                    }, template: "<div\n    *tuiTextfieldContent\n    class=\"t-wrapper\"\n>\n    @for (_ of '-'.repeat(el.maxLength); track $index) {\n        <label\n            class=\"t-item\"\n            [tuiAppearance]=\"appearance()\"\n            [tuiAppearanceFocus]=\"isFocused($index)\"\n            [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n            (pointerdown.prevent)=\"onClick($index)\"\n        >\n            <span\n                class=\"t-value\"\n                [class.t-value_filled]=\"el.value[$index]\"\n                [textContent]=\"el.value[$index] || el.placeholder[$index]\"\n            ></span>\n        </label>\n    }\n</div>\n", styles: ["@keyframes blink{50%{opacity:0}}:host{position:absolute;inset:0;color:transparent;background:transparent;border:none;outline:none;--t-caret-color: rgba(255, 255, 255, .01);caret-color:var(--t-caret-color)}:host ::ng-deep+.t-content{gap:inherit!important}:host :host-context([tuiTheme=\"dark\"]){--t-caret-color: rgba(50, 50, 50, .01)}:host::selection{background:transparent}:host::placeholder{color:transparent!important}:host ::ng-deep+.t-content [tuiButtonX]{display:none!important}.t-wrapper{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;display:flex;gap:inherit;border-radius:inherit}.t-item{display:flex;flex:1;align-items:center;justify-content:center;border-radius:inherit;pointer-events:auto;cursor:text;margin-inline-start:.25rem}.t-item:first-child{pointer-events:none;margin:0}.t-item[data-focus=true] .t-value_filled{background:var(--tui-service-selection-background)}.t-item[data-focus=true] .t-value_filled:before{display:none}.t-item[data-focus=true] .t-value:before{content:\"\";block-size:1em;border-inline-start:1px solid var(--tui-text-primary);animation:blink 1s steps(1) infinite}.t-value{color:var(--tui-text-secondary)}.t-value_filled{color:var(--tui-text-primary)}\n"] }]
         }] });
 
 const TuiInputPin = [

package/fesm2022/taiga-ui-kit-components-input-pin.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-pin.mjs","sources":["../../../projects/kit/components/input-pin/input-pin.component.ts","../../../projects/kit/components/input-pin/input-pin.template.html","../../../projects/kit/components/input-pin/input-pin.ts","../../../projects/kit/components/input-pin/taiga-ui-kit-components-input-pin.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {type MaskitoMask} from '@maskito/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiIsFocused} from '@taiga-ui/cdk/utils/focus';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    TUI_TEXTFIELD_OPTIONS,\n    TuiTextfieldContent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\n@Component({\n    selector: 'input[tuiInputPin]',\n    imports: [TuiAppearance, TuiTextfieldContent],\n    templateUrl: './input-pin.template.html',\n    styleUrl: './input-pin.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [MaskitoDirective],\n    host: {\n        ngSkipHydration: 'true',\n        inputmode: 'numeric',\n        spellcheck: 'false',\n        '(pointerdown.prevent)': 'onClick(0)',\n        '(selectionchange)': 'onSelection()',\n        '(keydown.arrowLeft)': 'onArrow()',\n    },\n})\nexport class TuiInputPinComponent {\n    protected readonly el = tuiInjectElement<HTMLInputElement>();\n    protected readonly appearance = inject(TUI_TEXTFIELD_OPTIONS).appearance;\n    protected readonly control = inject(NgControl);\n    protected readonly maskito = tuiMaskito(\n        computed(() => ({mask: this.mask(), overwriteMode: 'replace'})),\n    );\n\n    public readonly mask = input(/^\\d+$/, {\n        transform: (mask: MaskitoMask | string): MaskitoMask =>\n            tuiIsString(mask) ? new RegExp(mask) : mask,\n    });\n\n    public onClick(index: number): void {\n        this.el.focus();\n        this.el.setSelectionRange(index, index + 1);\n    }\n\n    public onSelection(): void {\n        if (this.el.selectionStart === this.el.maxLength) {\n            this.el.setSelectionRange(this.el.maxLength - 1, this.el.maxLength);\n        }\n    }\n\n    public onArrow(): void {\n        if (\n            this.el.selectionStart === this.el.maxLength - 1 &&\n            this.el.selectionEnd === this.el.maxLength\n        ) {\n            this.el.setSelectionRange(this.el.maxLength - 2, this.el.maxLength - 2);\n        }\n    }\n\n    public isFocused(index: number): boolean {\n        return (\n            tuiIsFocused(this.el) &&\n            (this.el.selectionStart === index ||\n                (this.el.selectionStart === this.el.maxLength &&\n                    index === this.el.maxLength - 1))\n        );\n    }\n}\n","<div\n    *tuiTextfieldContent\n    class=\"t-wrapper\"\n>\n    @for (_ of '-'.repeat(el.maxLength); track $index) {\n        <label\n            class=\"t-item\"\n            [tuiAppearance]=\"appearance()\"\n            [tuiAppearanceFocus]=\"isFocused($index)\"\n            [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n            (pointerdown.prevent)=\"onClick($index)\"\n        >\n            <span\n                class=\"t-value\"\n                [class.t-value_filled]=\"el.value[$index]\"\n                [textContent]=\"el.value[$index] || el.placeholder[$index]\"\n            ></span>\n        </label>\n    }\n</div>\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputPinComponent} from './input-pin.component';\n\nexport const TuiInputPin = [\n    TuiInputPinComponent,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\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-input-pin.mjs","sources":["../../../projects/kit/components/input-pin/input-pin.component.ts","../../../projects/kit/components/input-pin/input-pin.template.html","../../../projects/kit/components/input-pin/input-pin.ts","../../../projects/kit/components/input-pin/taiga-ui-kit-components-input-pin.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {type MaskitoMask} from '@maskito/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiIsFocused} from '@taiga-ui/cdk/utils/focus';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    TUI_TEXTFIELD_OPTIONS,\n    TuiTextfieldContent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\n@Component({\n    selector: 'input[tuiInputPin]',\n    imports: [TuiAppearance, TuiTextfieldContent],\n    templateUrl: './input-pin.template.html',\n    styleUrl: './input-pin.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [MaskitoDirective],\n    host: {\n        ngSkipHydration: 'true',\n        inputmode: 'numeric',\n        spellcheck: 'false',\n        '(pointerdown.prevent)': 'onClick(0)',\n        '(selectionchange)': 'onSelection()',\n        '(keydown.arrowLeft)': 'onArrow()',\n    },\n})\nexport class TuiInputPinComponent {\n    protected readonly el = tuiInjectElement<HTMLInputElement>();\n    protected readonly appearance = inject(TUI_TEXTFIELD_OPTIONS).appearance;\n    protected readonly control = inject(NgControl);\n    protected readonly maskito = tuiMaskito(\n        computed(() => ({mask: this.mask(), overwriteMode: 'replace'})),\n    );\n\n    public readonly mask = input(/^\\d+$/, {\n        transform: (mask: MaskitoMask | string): MaskitoMask =>\n            tuiIsString(mask) ? new RegExp(mask) : mask,\n    });\n\n    public onClick(index: number): void {\n        this.el.focus();\n        this.el.setSelectionRange(index, index + 1);\n    }\n\n    public onSelection(): void {\n        if (this.el.selectionStart === this.el.maxLength) {\n            this.el.setSelectionRange(this.el.maxLength - 1, this.el.maxLength);\n        }\n    }\n\n    public onArrow(): void {\n        if (\n            this.el.selectionStart === this.el.maxLength - 1 &&\n            this.el.selectionEnd === this.el.maxLength\n        ) {\n            this.el.setSelectionRange(this.el.maxLength - 2, this.el.maxLength - 2);\n        }\n    }\n\n    public isFocused(index: number): boolean {\n        return (\n            tuiIsFocused(this.el) &&\n            (this.el.selectionStart === index ||\n                (this.el.selectionStart === this.el.maxLength &&\n                    index === this.el.maxLength - 1))\n        );\n    }\n}\n","<div\n    *tuiTextfieldContent\n    class=\"t-wrapper\"\n>\n    @for (_ of '-'.repeat(el.maxLength); track $index) {\n        <label\n            class=\"t-item\"\n            [tuiAppearance]=\"appearance()\"\n            [tuiAppearanceFocus]=\"isFocused($index)\"\n            [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n            (pointerdown.prevent)=\"onClick($index)\"\n        >\n            <span\n                class=\"t-value\"\n                [class.t-value_filled]=\"el.value[$index]\"\n                [textContent]=\"el.value[$index] || el.placeholder[$index]\"\n            ></span>\n        </label>\n    }\n</div>\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputPinComponent} from './input-pin.component';\n\nexport const TuiInputPin = [\n    TuiInputPinComponent,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MA8Ba,oBAAoB,CAAA;AAhBjC,IAAA,WAAA,GAAA;QAiBuB,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAoB;AACzC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,UAAU;AACrD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;QAC3B,IAAO,CAAA,OAAA,GAAG,UAAU,CACnC,QAAQ,CAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,CAAC,CAAC,CAClE;AAEe,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,OAAO,EAAE;YAClC,SAAS,EAAE,CAAC,IAA0B,KAClC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI;AAClD,SAAA,CAAC;AA8BL;AA5BU,IAAA,OAAO,CAAC,KAAa,EAAA;AACxB,QAAA,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QACf,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC;;IAGxC,WAAW,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,EAAE,CAAC,cAAc,KAAK,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE;AAC9C,YAAA,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC;;;IAIpE,OAAO,GAAA;AACV,QAAA,IACI,IAAI,CAAC,EAAE,CAAC,cAAc,KAAK,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAChD,IAAI,CAAC,EAAE,CAAC,YAAY,KAAK,IAAI,CAAC,EAAE,CAAC,SAAS,EAC5C;YACE,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC;;;AAIxE,IAAA,SAAS,CAAC,KAAa,EAAA;AAC1B,QAAA,QACI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;AACrB,aAAC,IAAI,CAAC,EAAE,CAAC,cAAc,KAAK,KAAK;iBAC5B,IAAI,CAAC,EAAE,CAAC,cAAc,KAAK,IAAI,CAAC,EAAE,CAAC,SAAS;oBACzC,KAAK,KAAK,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;;+GAtCxC,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,EC9BjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,EAAA,qBAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,iqBAoBA,EDJc,MAAA,EAAA,CAAA,0rCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAa,wJAAE,mBAAmB,EAAA,QAAA,EAAA,kCAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAcnC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EACrB,OAAA,EAAA,CAAC,aAAa,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAG5B,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B,CAAC,gBAAgB,CAAC,EAC5B,IAAA,EAAA;AACF,wBAAA,eAAe,EAAE,MAAM;AACvB,wBAAA,SAAS,EAAE,SAAS;AACpB,wBAAA,UAAU,EAAE,OAAO;AACnB,wBAAA,uBAAuB,EAAE,YAAY;AACrC,wBAAA,mBAAmB,EAAE,eAAe;AACpC,wBAAA,qBAAqB,EAAE,WAAW;AACrC,qBAAA,EAAA,QAAA,EAAA,iqBAAA,EAAA,MAAA,EAAA,CAAA,0rCAAA,CAAA,EAAA;;;AEnBQ,MAAA,WAAW,GAAG;IACvB,oBAAoB;IACpB,QAAQ;IACR,qBAAqB;IACrB,4BAA4B;IAC5B,kBAAkB;;;ACdtB;;AAEG;;;;"}

package/fesm2022/taiga-ui-kit-components-input-year.mjs

@@ -9,6 +9,7 @@ import * as i2 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import { maskitoNumberOptionsGenerator } from '@maskito/kit';
 import { TUI_IDENTITY_VALUE_TRANSFORMER, TuiControl, tuiAsControl, tuiValueTransformerFrom } from '@taiga-ui/cdk/classes';
+import { tuiSetSignal } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i1 from '@taiga-ui/core/components/input';
 import { TuiInputDirective, TuiWithInput } from '@taiga-ui/core/components/input';
 import { tuiIconEnd } from '@taiga-ui/core/directives/icons';
@@ -47,10 +48,10 @@ class TuiInputYearDirective extends TuiControl {
         this.calendarInEffect = effect(() => {
             const calendar = this.calendar();
             if (calendar) {
-                calendar.initialItemSetter = this.initialItem();
-                calendar.value.set(this.value());
-                calendar.min.set(this.min());
-                calendar.max.set(this.max());
+                tuiSetSignal(calendar.initialItem, this.initialItem());
+                tuiSetSignal(calendar.value, this.value());
+                tuiSetSignal(calendar.min, this.min());
+                tuiSetSignal(calendar.max, this.max());
             }
         });
         this.calendarOutEffect = effect((onCleanup) => {

package/fesm2022/taiga-ui-kit-components-input-year.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-year.mjs","sources":["../../../projects/kit/components/input-year/input-year.options.ts","../../../projects/kit/components/input-year/input-year.directive.ts","../../../projects/kit/components/input-year/input-year.ts","../../../projects/kit/components/input-year/taiga-ui-kit-components-input-year.ts"],"sourcesContent":["import {type FactoryProvider, inject, InjectionToken} from '@angular/core';\nimport {\n    TUI_IDENTITY_VALUE_TRANSFORMER,\n    type TuiValueTransformer,\n} from '@taiga-ui/cdk/classes';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/di';\nimport {\n    TUI_INPUT_DATE_DEFAULT_OPTIONS,\n    TUI_INPUT_DATE_OPTIONS,\n    type TuiInputDateOptions,\n} from '@taiga-ui/kit/components/input-date';\n\nexport interface TuiInputYearOptions extends Omit<\n    TuiInputDateOptions,\n    'valueTransformer'\n> {\n    readonly valueTransformer: TuiValueTransformer<number | null, any>;\n}\n\nexport const TUI_INPUT_YEAR_OPTIONS = new InjectionToken<TuiInputYearOptions>(\n    ngDevMode ? 'TUI_INPUT_YEAR_OPTIONS' : '',\n    {\n        factory: () => ({\n            ...inject(TUI_INPUT_DATE_OPTIONS),\n            valueTransformer: TUI_IDENTITY_VALUE_TRANSFORMER,\n        }),\n    },\n);\n\nexport const tuiInputInputYearOptionsProvider = (\n    options: Partial<TuiInputYearOptions>,\n): FactoryProvider =>\n    tuiProvideOptions(TUI_INPUT_YEAR_OPTIONS, options, TUI_INPUT_DATE_DEFAULT_OPTIONS);\n","import {computed, Directive, effect, inject, input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {maskitoNumberOptionsGenerator} from '@maskito/kit';\nimport {tuiAsControl, TuiControl, tuiValueTransformerFrom} from '@taiga-ui/cdk/classes';\nimport {TuiCalendarYear} from '@taiga-ui/core/components/calendar';\nimport {TuiInputDirective, TuiWithInput} from '@taiga-ui/core/components/input';\nimport {tuiInjectAuxiliary} from '@taiga-ui/core/components/textfield';\nimport {tuiIconEnd} from '@taiga-ui/core/directives/icons';\nimport {\n    TuiDropdownAuto,\n    tuiDropdownEnabled,\n    TuiDropdownOpen,\n} from '@taiga-ui/core/portals/dropdown';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {TUI_INPUT_YEAR_OPTIONS} from './input-year.options';\n\n@Directive({\n    selector: 'input[tuiInputYear]',\n    providers: [\n        tuiAsControl(TuiInputYearDirective),\n        tuiValueTransformerFrom(TUI_INPUT_YEAR_OPTIONS),\n    ],\n    hostDirectives: [TuiWithInput, MaskitoDirective, TuiDropdownAuto],\n    host: {\n        maxlength: '4',\n        inputmode: 'numeric',\n        '[disabled]': 'disabled()',\n        '(click)': 'toggle()',\n        '(input)': 'onInput($event.target.value)',\n    },\n})\nexport class TuiInputYearDirective extends TuiControl<number | null> {\n    private readonly options = inject(TUI_INPUT_YEAR_OPTIONS);\n    private readonly input = inject(TuiInputDirective);\n    private readonly open = inject(TuiDropdownOpen).open;\n    private readonly initialItem = computed(\n        () => this.value() ?? this.calendar()?.initialItem() ?? null,\n    );\n\n    protected readonly dropdownEnabled = tuiDropdownEnabled(this.interactive);\n    protected readonly icon = tuiIconEnd(this.options.icon);\n    protected readonly calendar = tuiInjectAuxiliary<TuiCalendarYear>(\n        (x) => x instanceof TuiCalendarYear,\n    );\n\n    /**\n     * TODO: move to [value]=\"value()\" after update to Angular 17+\n     * something wrong with change detection on host binding\n     */\n    protected readonly valueEffect = effect(() =>\n        this.input.value.set(this.value()?.toString() ?? ''),\n    );\n\n    protected readonly mask = tuiMaskito(\n        computed(() =>\n            maskitoNumberOptionsGenerator({\n                min: this.min(),\n                max: this.max(),\n                thousandSeparator: '',\n            }),\n        ),\n    );\n\n    protected readonly calendarInEffect = effect(() => {\n        const calendar = this.calendar();\n\n        if (calendar) {\n            calendar.initialItemSetter = this.initialItem();\n            calendar.value.set(this.value());\n            calendar.min.set(this.min());\n            calendar.max.set(this.max());\n        }\n    });\n\n    protected readonly calendarOutEffect = effect((onCleanup) => {\n        const subscription = this.calendar()?.yearClick.subscribe((year) => {\n            this.onChange(year);\n            this.open.set(false);\n        });\n\n        onCleanup(() => subscription?.unsubscribe());\n    });\n\n    public readonly min = input(this.options.min.year);\n    public readonly max = input(this.options.max.year);\n\n    protected toggle(): void {\n        if (this.interactive()) {\n            this.open.update((x) => !x);\n        }\n    }\n\n    protected onInput(raw: string): void {\n        const value = Number(raw);\n\n        this.onChange(!raw || Number.isNaN(value) ? null : value);\n    }\n}\n","import {TuiCalendarYear} from '@taiga-ui/core/components/calendar';\nimport {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputYearDirective} from './input-year.directive';\n\nexport const TuiInputYear = [\n    TuiInputYearDirective,\n    TuiCalendarYear,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\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-input-year.mjs","sources":["../../../projects/kit/components/input-year/input-year.options.ts","../../../projects/kit/components/input-year/input-year.directive.ts","../../../projects/kit/components/input-year/input-year.ts","../../../projects/kit/components/input-year/taiga-ui-kit-components-input-year.ts"],"sourcesContent":["import {type FactoryProvider, inject, InjectionToken} from '@angular/core';\nimport {\n    TUI_IDENTITY_VALUE_TRANSFORMER,\n    type TuiValueTransformer,\n} from '@taiga-ui/cdk/classes';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/di';\nimport {\n    TUI_INPUT_DATE_DEFAULT_OPTIONS,\n    TUI_INPUT_DATE_OPTIONS,\n    type TuiInputDateOptions,\n} from '@taiga-ui/kit/components/input-date';\n\nexport interface TuiInputYearOptions extends Omit<\n    TuiInputDateOptions,\n    'valueTransformer'\n> {\n    readonly valueTransformer: TuiValueTransformer<number | null, any>;\n}\n\nexport const TUI_INPUT_YEAR_OPTIONS = new InjectionToken<TuiInputYearOptions>(\n    ngDevMode ? 'TUI_INPUT_YEAR_OPTIONS' : '',\n    {\n        factory: () => ({\n            ...inject(TUI_INPUT_DATE_OPTIONS),\n            valueTransformer: TUI_IDENTITY_VALUE_TRANSFORMER,\n        }),\n    },\n);\n\nexport const tuiInputInputYearOptionsProvider = (\n    options: Partial<TuiInputYearOptions>,\n): FactoryProvider =>\n    tuiProvideOptions(TUI_INPUT_YEAR_OPTIONS, options, TUI_INPUT_DATE_DEFAULT_OPTIONS);\n","import {computed, Directive, effect, inject, input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {maskitoNumberOptionsGenerator} from '@maskito/kit';\nimport {tuiAsControl, TuiControl, tuiValueTransformerFrom} from '@taiga-ui/cdk/classes';\nimport {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiCalendarYear} from '@taiga-ui/core/components/calendar';\nimport {TuiInputDirective, TuiWithInput} from '@taiga-ui/core/components/input';\nimport {tuiInjectAuxiliary} from '@taiga-ui/core/components/textfield';\nimport {tuiIconEnd} from '@taiga-ui/core/directives/icons';\nimport {\n    TuiDropdownAuto,\n    tuiDropdownEnabled,\n    TuiDropdownOpen,\n} from '@taiga-ui/core/portals/dropdown';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {TUI_INPUT_YEAR_OPTIONS} from './input-year.options';\n\n@Directive({\n    selector: 'input[tuiInputYear]',\n    providers: [\n        tuiAsControl(TuiInputYearDirective),\n        tuiValueTransformerFrom(TUI_INPUT_YEAR_OPTIONS),\n    ],\n    hostDirectives: [TuiWithInput, MaskitoDirective, TuiDropdownAuto],\n    host: {\n        maxlength: '4',\n        inputmode: 'numeric',\n        '[disabled]': 'disabled()',\n        '(click)': 'toggle()',\n        '(input)': 'onInput($event.target.value)',\n    },\n})\nexport class TuiInputYearDirective extends TuiControl<number | null> {\n    private readonly options = inject(TUI_INPUT_YEAR_OPTIONS);\n    private readonly input = inject(TuiInputDirective);\n    private readonly open = inject(TuiDropdownOpen).open;\n    private readonly initialItem = computed(\n        () => this.value() ?? this.calendar()?.initialItem() ?? null,\n    );\n\n    protected readonly dropdownEnabled = tuiDropdownEnabled(this.interactive);\n    protected readonly icon = tuiIconEnd(this.options.icon);\n    protected readonly calendar = tuiInjectAuxiliary<TuiCalendarYear>(\n        (x) => x instanceof TuiCalendarYear,\n    );\n\n    /**\n     * TODO: move to [value]=\"value()\" after update to Angular 17+\n     * something wrong with change detection on host binding\n     */\n    protected readonly valueEffect = effect(() =>\n        this.input.value.set(this.value()?.toString() ?? ''),\n    );\n\n    protected readonly mask = tuiMaskito(\n        computed(() =>\n            maskitoNumberOptionsGenerator({\n                min: this.min(),\n                max: this.max(),\n                thousandSeparator: '',\n            }),\n        ),\n    );\n\n    protected readonly calendarInEffect = effect(() => {\n        const calendar = this.calendar();\n\n        if (calendar) {\n            tuiSetSignal(calendar.initialItem, this.initialItem());\n            tuiSetSignal(calendar.value, this.value());\n            tuiSetSignal(calendar.min, this.min());\n            tuiSetSignal(calendar.max, this.max());\n        }\n    });\n\n    protected readonly calendarOutEffect = effect((onCleanup) => {\n        const subscription = this.calendar()?.yearClick.subscribe((year) => {\n            this.onChange(year);\n            this.open.set(false);\n        });\n\n        onCleanup(() => subscription?.unsubscribe());\n    });\n\n    public readonly min = input(this.options.min.year);\n    public readonly max = input(this.options.max.year);\n\n    protected toggle(): void {\n        if (this.interactive()) {\n            this.open.update((x) => !x);\n        }\n    }\n\n    protected onInput(raw: string): void {\n        const value = Number(raw);\n\n        this.onChange(!raw || Number.isNaN(value) ? null : value);\n    }\n}\n","import {TuiCalendarYear} from '@taiga-ui/core/components/calendar';\nimport {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputYearDirective} from './input-year.directive';\n\nexport const TuiInputYear = [\n    TuiInputYearDirective,\n    TuiCalendarYear,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-like.mjs

@@ -33,7 +33,7 @@ class TuiLike {
                 provide: TUI_ICON_END,
                 useFactory: () => inject(TUI_LIKE_OPTIONS).icons.checked,
             },
-        ], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiIcons, inputs: ["iconStart", "uncheckedIcon", "iconEnd", "checkedIcon"] }], ngImport: i0, template: '', isInline: true, styles: ["[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]){inline-size:1em;block-size:1em;font-size:var(--tui-height-m);border-radius:100%;cursor:pointer;margin:0;flex-shrink:0}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):before,[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:transform,opacity}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):after{opacity:0;color:var(--t-icon-color, inherit);transform:scale(0)}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):checked:after{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])[data-size=s]:after{font-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiIcons, inputs: ["iconStart", "uncheckedIcon", "iconEnd", "checkedIcon"] }], ngImport: i0, template: '', isInline: true, styles: ["[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]){inline-size:1em;block-size:1em;font-size:var(--tui-height-m);border-radius:100%;cursor:pointer;margin:0;flex-shrink:0}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):before,[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:transform,opacity}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):after{opacity:0;color:var(--t-icon-color, inherit);transform:scale(0)}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):checked:after{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])[data-size=s]:after{font-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiLike, decorators: [{
             type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         '[attr.data-size]': 'size()',
                         '[attr.data-mode]': '""',
                         '[style.--t-icon-color]': 'color()',
-                    }, styles: ["[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]){inline-size:1em;block-size:1em;font-size:var(--tui-height-m);border-radius:100%;cursor:pointer;margin:0;flex-shrink:0}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):before,[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:transform,opacity}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):after{opacity:0;color:var(--t-icon-color, inherit);transform:scale(0)}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):checked:after{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])[data-size=s]:after{font-size:1rem}\n"] }]
+                    }, styles: ["[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]){inline-size:1em;block-size:1em;font-size:var(--tui-height-m);border-radius:100%;cursor:pointer;margin:0;flex-shrink:0}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):before,[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:transform,opacity}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):after{opacity:0;color:var(--t-icon-color, inherit);transform:scale(0)}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):checked:after{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])[data-size=s]:after{font-size:1rem}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-kit-components-message.mjs

@@ -7,11 +7,11 @@ import { TUI_APPEARANCE_OPTIONS, TuiWithAppearance } from '@taiga-ui/core/direct
 
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-message" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]){display:inline-flex;padding:.5rem .625rem;min-block-size:2.25rem;block-size:auto;box-sizing:border-box;inline-size:fit-content;isolation:isolate;white-space:nowrap;text-align:start;font:var(--tui-typography-ui-m);border-radius:var(--tui-radius-l)}[tuiMessage]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])>[tuiLink]{color:inherit!important;text-decoration:underline solid!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-message" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]){display:inline-flex;padding:.5rem .625rem;min-block-size:2.25rem;block-size:auto;box-sizing:border-box;inline-size:fit-content;isolation:isolate;white-space:nowrap;text-align:start;font:var(--tui-typography-ui-m);border-radius:var(--tui-radius-l)}[tuiMessage]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])>[tuiLink]{color:inherit!important;text-decoration:underline solid!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-message' }, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]){display:inline-flex;padding:.5rem .625rem;min-block-size:2.25rem;block-size:auto;box-sizing:border-box;inline-size:fit-content;isolation:isolate;white-space:nowrap;text-align:start;font:var(--tui-typography-ui-m);border-radius:var(--tui-radius-l)}[tuiMessage]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])>[tuiLink]{color:inherit!important;text-decoration:underline solid!important}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-message' }, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]){display:inline-flex;padding:.5rem .625rem;min-block-size:2.25rem;block-size:auto;box-sizing:border-box;inline-size:fit-content;isolation:isolate;white-space:nowrap;text-align:start;font:var(--tui-typography-ui-m);border-radius:var(--tui-radius-l)}[tuiMessage]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])>[tuiLink]{color:inherit!important;text-decoration:underline solid!important}\n"] }]
         }] });
 class TuiMessage {
     constructor() {

package/fesm2022/taiga-ui-kit-components-multi-select.mjs

@@ -10,12 +10,12 @@ import { TuiTextfieldComponent, TUI_TEXTFIELD_OPTIONS, TuiTextfieldMultiComponen
 import { TUI_ITEMS_HANDLERS } from '@taiga-ui/core/directives/items-handlers';
 import { TUI_MULTI_SELECT_TEXTS } from '@taiga-ui/kit/tokens';
 import { tuiInjectValue, tuiIsFlat } from '@taiga-ui/kit/utils';
+import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { TuiCheckbox } from '@taiga-ui/core/components/checkbox';
 import { NgTemplateOutlet } from '@angular/common';
 import { WA_IS_IOS, WA_IS_ANDROID } from '@ng-web-apis/platform';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
-import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import * as i1 from '@taiga-ui/kit/components/input-chip';
 import { TuiInputChipDirective } from '@taiga-ui/kit/components/input-chip';
 import * as i4 from '@taiga-ui/core/portals/dropdown';
@@ -61,9 +61,10 @@ class TuiMultiSelectOption {
                 item === optionValue));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiMultiSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiMultiSelectOption, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiMultiSelectOption, isStandalone: true, selector: "ng-component", host: { properties: { "attr.aria-selected": "selected()" } }, ngImport: i0, template: `
         @if (option) {
             <input
+                aria-hidden="true"
                 tuiCheckbox
                 type="checkbox"
                 [checked]="selected()"
@@ -77,16 +78,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             args: [{ imports: [TuiCheckbox], template: `
         @if (option) {
             <input
+                aria-hidden="true"
                 tuiCheckbox
                 type="checkbox"
                 [checked]="selected()"
                 [size]="size() === 'l' ? 'm' : 's'"
             />
         }
-    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host[data-size=m] input{margin-inline-start:.25rem}:host-context(tui-dropdown-mobile) [tuiCheckbox],:host-context(tui-sheet-dialog) [tuiCheckbox]{order:100;margin-inline-start:auto}\n"] }]
+    `, changeDetection: ChangeDetectionStrategy.OnPush, host: { '[attr.aria-selected]': 'selected()' }, styles: [":host[data-size=m] input{margin-inline-start:.25rem}:host-context(tui-dropdown-mobile) [tuiCheckbox],:host-context(tui-sheet-dialog) [tuiCheckbox]{order:100;margin-inline-start:auto}\n"] }]
         }] });
 
 class TuiMultiSelectGroupDirective {
+    constructor() {
+        tuiInjectElement()
+            .closest('[role="listbox"]')
+            ?.setAttribute('aria-multiselectable', 'true');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiMultiSelectGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiMultiSelectGroupDirective, isStandalone: true, selector: "[tuiMultiSelectGroup]", providers: [tuiAsOptionContent(TuiMultiSelectOption)], ngImport: i0 }); }
 }
@@ -96,7 +103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[tuiMultiSelectGroup]',
                     providers: [tuiAsOptionContent(TuiMultiSelectOption)],
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class TuiMultiSelectNative {
     constructor() {

package/fesm2022/taiga-ui-kit-components-multi-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-multi-select.mjs","sources":["../../../projects/kit/components/multi-select/multi-select-group/multi-select-group.component.ts","../../../projects/kit/components/multi-select/multi-select-group/multi-select-group.template.html","../../../projects/kit/components/multi-select/multi-select-option/multi-select-option.component.ts","../../../projects/kit/components/multi-select/multi-select-group/multi-select-group.directive.ts","../../../projects/kit/components/multi-select/multi-select-native/multi-select-native.component.ts","../../../projects/kit/components/multi-select/multi-select-native/multi-select-native.template.html","../../../projects/kit/components/multi-select/multi-select.ts","../../../projects/kit/components/multi-select/taiga-ui-kit-components-multi-select.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChildren,\n    inject,\n    input,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiOptionWithValue} from '@taiga-ui/core/components/data-list';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_MULTI_SELECT_TEXTS} from '@taiga-ui/kit/tokens';\nimport {tuiInjectValue} from '@taiga-ui/kit/utils';\n\n@Component({\n    selector: 'tui-opt-group[tuiMultiSelectGroup]',\n    imports: [TuiLink],\n    templateUrl: './multi-select-group.template.html',\n    styleUrl: './multi-select-group.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMultiSelectGroupComponent<T> {\n    private readonly options = contentChildren(TuiOptionWithValue<T>);\n    private readonly handlers = inject<TuiItemsHandlers<T>>(TUI_ITEMS_HANDLERS);\n    private readonly control =\n        inject(TuiTextfieldComponent, {optional: true})?.control() ||\n        inject(NgControl, {optional: true});\n\n    protected readonly values = computed(() => this.options().map(({value}) => value()));\n    protected readonly texts = inject(TUI_MULTI_SELECT_TEXTS);\n    protected readonly value = tuiInjectValue<readonly T[] | null>();\n    protected readonly checked = computed(() =>\n        this.values().every((item) =>\n            this.value()?.some(\n                (v) => tuiIsPresent(item) && this.handlers.identityMatcher()(item, v),\n            ),\n        ),\n    );\n\n    public readonly label = input('');\n\n    protected toggle(): void {\n        const values = this.values().filter(tuiIsPresent);\n        const matcher = this.handlers.identityMatcher();\n        const value = this.value() || [];\n        const others = value.filter((a) => values.every((b) => !matcher(a, b)));\n\n        this.control?.control?.setValue(this.checked() ? others : others.concat(values));\n    }\n}\n","@if (values().length) {\n    <span class=\"t-label\">\n        {{ label() }}\n        <button\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            (click)=\"toggle()\"\n        >\n            {{ texts()[checked() ? 'none' : 'all'] }}\n        </button>\n    </span>\n}\n<ng-content />\n","import {ChangeDetectionStrategy, Component, computed, inject} from '@angular/core';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiCheckbox} from '@taiga-ui/core/components/checkbox';\nimport {TuiOptionWithValue} from '@taiga-ui/core/components/data-list';\nimport {TUI_TEXTFIELD_OPTIONS} from '@taiga-ui/core/components/textfield';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {tuiInjectValue} from '@taiga-ui/kit/utils';\n\n@Component({\n    imports: [TuiCheckbox],\n    template: `\n        @if (option) {\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                [checked]=\"selected()\"\n                [size]=\"size() === 'l' ? 'm' : 's'\"\n            />\n        }\n    `,\n    styles: `\n        :host[data-size='m'] input {\n            margin-inline-start: 0.25rem;\n        }\n\n        :host-context(tui-dropdown-mobile) [tuiCheckbox],\n        :host-context(tui-sheet-dialog) [tuiCheckbox] {\n            order: 100;\n            margin-inline-start: auto;\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMultiSelectOption<T> {\n    protected readonly option = inject<TuiOptionWithValue<T>>(TuiOptionWithValue, {\n        optional: true,\n    });\n\n    protected readonly handlers = inject<TuiItemsHandlers<T>>(TUI_ITEMS_HANDLERS);\n    protected readonly value = tuiInjectValue<readonly T[]>();\n    protected readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n    protected readonly selected = computed(\n        (controlValue = this.value(), optionValue = this.option?.value()) =>\n            tuiIsPresent(optionValue) &&\n            tuiIsPresent(controlValue) &&\n            controlValue.some(\n                (item) =>\n                    this.handlers?.identityMatcher()(item, optionValue) ??\n                    item === optionValue,\n            ),\n    );\n}\n","import {Directive} from '@angular/core';\nimport {tuiAsOptionContent} from '@taiga-ui/core/components/data-list';\n\nimport {TuiMultiSelectOption} from '../multi-select-option/multi-select-option.component';\n\n@Directive({\n    selector: '[tuiMultiSelectGroup]',\n    providers: [tuiAsOptionContent(TuiMultiSelectOption)],\n})\nexport class TuiMultiSelectGroupDirective {}\n","import {NgTemplateOutlet} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {WA_IS_ANDROID, WA_IS_IOS} from '@ng-web-apis/platform';\nimport {TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {tuiAsOptionContent, TuiDataList} from '@taiga-ui/core/components/data-list';\nimport {\n    TuiSelectLike,\n    TuiTextfield,\n    TuiTextfieldMultiComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {TuiInputChipDirective} from '@taiga-ui/kit/components/input-chip';\nimport {tuiIsFlat} from '@taiga-ui/kit/utils';\n\nimport {TuiMultiSelectGroupComponent} from '../multi-select-group/multi-select-group.component';\nimport {TuiMultiSelectOption} from '../multi-select-option/multi-select-option.component';\n\n@Component({\n    selector: 'select[tuiMultiSelect]',\n    imports: [NgTemplateOutlet, TuiDataList, TuiMultiSelectGroupComponent, TuiTextfield],\n    templateUrl: './multi-select-native.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsOptionContent(TuiMultiSelectOption)],\n    hostDirectives: [TuiInputChipDirective, TuiSelectLike],\n    host: {\n        multiple: '',\n        '[size]': 'mobile ? 1 : 2',\n        '(click.stop.zoneless)': '0',\n        '(input)': 'onInput()',\n    },\n})\nexport class TuiMultiSelectNative<T> {\n    private readonly control: TuiControl<readonly T[]> = inject(TuiControl);\n    private readonly textfield = inject(TuiTextfieldMultiComponent);\n\n    protected readonly isFlat = tuiIsFlat;\n    protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n    protected readonly el = tuiInjectElement<HTMLSelectElement>();\n    protected readonly mobile =\n        inject(WA_IS_IOS) || (inject(WA_IS_ANDROID) && 'showPicker' in this.el);\n\n    protected readonly isSelected = computed(\n        (value = this.control.value()) =>\n            (x: T) =>\n                tuiIsPresent(value) &&\n                value.some((item) => this.handlers.identityMatcher()(x, item)),\n    );\n\n    public readonly items = input<ReadonlyArray<readonly T[]> | readonly T[] | null>([]);\n    public readonly labels = input<readonly string[]>([]);\n    public readonly placeholder = input('');\n\n    protected readonly binding = tuiDirectiveBinding(\n        TuiTextfieldMultiComponent,\n        'filler',\n        this.placeholder,\n        {},\n    );\n\n    protected onInput(): void {\n        const items = this.items()?.flat() || [];\n        const options = Array.from(this.el.selectedOptions).map(({index}) => index);\n\n        this.textfield.cva()?.onChange(items.filter((_, i) => options.includes(i)));\n    }\n}\n","@let list = items();\n@if (list && !isFlat(list)) {\n    @for (label of labels(); track $index) {\n        <optgroup [label]=\"label\">\n            <ng-container *ngTemplateOutlet=\"options; context: {$implicit: list[$index]}\" />\n        </optgroup>\n    }\n    @if (!mobile) {\n        <tui-data-list *tuiDropdown>\n            @for (group of list; track $index) {\n                <tui-opt-group\n                    tuiMultiSelectGroup\n                    [label]=\"labels()[$index] || ''\"\n                >\n                    @for (item of group; track $index) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"handlers.disabledItemHandler()(item)\"\n                            [value]=\"item\"\n                        >\n                            {{ handlers.stringify()(item) }}\n                        </button>\n                    }\n                </tui-opt-group>\n            }\n        </tui-data-list>\n    }\n} @else {\n    <ng-container *ngTemplateOutlet=\"options; context: {$implicit: list}\" />\n    @if (!mobile) {\n        <tui-data-list *tuiDropdown>\n            @for (item of list; track $index) {\n                <button\n                    tuiOption\n                    type=\"button\"\n                    [disabled]=\"handlers.disabledItemHandler()(item)\"\n                    [value]=\"item\"\n                >\n                    {{ handlers.stringify()(item) }}\n                </button>\n            }\n        </tui-data-list>\n    }\n}\n\n<ng-template\n    #options\n    let-items\n>\n    @for (option of items; track option) {\n        <option\n            [disabled]=\"handlers.disabledItemHandler()(option)\"\n            [selected]=\"isSelected()(option)\"\n            [value]=\"handlers.stringify()(option)\"\n        >\n            {{ handlers.stringify()(option) }}\n        </option>\n    }\n</ng-template>\n","import {TuiMultiSelectGroupComponent} from './multi-select-group/multi-select-group.component';\nimport {TuiMultiSelectGroupDirective} from './multi-select-group/multi-select-group.directive';\nimport {TuiMultiSelectNative} from './multi-select-native/multi-select-native.component';\n\nexport const TuiMultiSelect = [\n    TuiMultiSelectGroupComponent,\n    TuiMultiSelectGroupDirective,\n    TuiMultiSelectNative,\n] as const;\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-multi-select.mjs","sources":["../../../projects/kit/components/multi-select/multi-select-group/multi-select-group.component.ts","../../../projects/kit/components/multi-select/multi-select-group/multi-select-group.template.html","../../../projects/kit/components/multi-select/multi-select-option/multi-select-option.component.ts","../../../projects/kit/components/multi-select/multi-select-group/multi-select-group.directive.ts","../../../projects/kit/components/multi-select/multi-select-native/multi-select-native.component.ts","../../../projects/kit/components/multi-select/multi-select-native/multi-select-native.template.html","../../../projects/kit/components/multi-select/multi-select.ts","../../../projects/kit/components/multi-select/taiga-ui-kit-components-multi-select.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChildren,\n    inject,\n    input,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiOptionWithValue} from '@taiga-ui/core/components/data-list';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_MULTI_SELECT_TEXTS} from '@taiga-ui/kit/tokens';\nimport {tuiInjectValue} from '@taiga-ui/kit/utils';\n\n@Component({\n    selector: 'tui-opt-group[tuiMultiSelectGroup]',\n    imports: [TuiLink],\n    templateUrl: './multi-select-group.template.html',\n    styleUrl: './multi-select-group.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMultiSelectGroupComponent<T> {\n    private readonly options = contentChildren(TuiOptionWithValue<T>);\n    private readonly handlers = inject<TuiItemsHandlers<T>>(TUI_ITEMS_HANDLERS);\n    private readonly control =\n        inject(TuiTextfieldComponent, {optional: true})?.control() ||\n        inject(NgControl, {optional: true});\n\n    protected readonly values = computed(() => this.options().map(({value}) => value()));\n    protected readonly texts = inject(TUI_MULTI_SELECT_TEXTS);\n    protected readonly value = tuiInjectValue<readonly T[] | null>();\n    protected readonly checked = computed(() =>\n        this.values().every((item) =>\n            this.value()?.some(\n                (v) => tuiIsPresent(item) && this.handlers.identityMatcher()(item, v),\n            ),\n        ),\n    );\n\n    public readonly label = input('');\n\n    protected toggle(): void {\n        const values = this.values().filter(tuiIsPresent);\n        const matcher = this.handlers.identityMatcher();\n        const value = this.value() || [];\n        const others = value.filter((a) => values.every((b) => !matcher(a, b)));\n\n        this.control?.control?.setValue(this.checked() ? others : others.concat(values));\n    }\n}\n","@if (values().length) {\n    <span class=\"t-label\">\n        {{ label() }}\n        <button\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            (click)=\"toggle()\"\n        >\n            {{ texts()[checked() ? 'none' : 'all'] }}\n        </button>\n    </span>\n}\n<ng-content />\n","import {ChangeDetectionStrategy, Component, computed, inject} from '@angular/core';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiCheckbox} from '@taiga-ui/core/components/checkbox';\nimport {TuiOptionWithValue} from '@taiga-ui/core/components/data-list';\nimport {TUI_TEXTFIELD_OPTIONS} from '@taiga-ui/core/components/textfield';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {tuiInjectValue} from '@taiga-ui/kit/utils';\n\n@Component({\n    imports: [TuiCheckbox],\n    template: `\n        @if (option) {\n            <input\n                aria-hidden=\"true\"\n                tuiCheckbox\n                type=\"checkbox\"\n                [checked]=\"selected()\"\n                [size]=\"size() === 'l' ? 'm' : 's'\"\n            />\n        }\n    `,\n    styles: `\n        :host[data-size='m'] input {\n            margin-inline-start: 0.25rem;\n        }\n\n        :host-context(tui-dropdown-mobile) [tuiCheckbox],\n        :host-context(tui-sheet-dialog) [tuiCheckbox] {\n            order: 100;\n            margin-inline-start: auto;\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {'[attr.aria-selected]': 'selected()'},\n})\nexport class TuiMultiSelectOption<T> {\n    protected readonly option = inject<TuiOptionWithValue<T>>(TuiOptionWithValue, {\n        optional: true,\n    });\n\n    protected readonly handlers = inject<TuiItemsHandlers<T>>(TUI_ITEMS_HANDLERS);\n    protected readonly value = tuiInjectValue<readonly T[]>();\n    protected readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n    protected readonly selected = computed(\n        (controlValue = this.value(), optionValue = this.option?.value()) =>\n            tuiIsPresent(optionValue) &&\n            tuiIsPresent(controlValue) &&\n            controlValue.some(\n                (item) =>\n                    this.handlers?.identityMatcher()(item, optionValue) ??\n                    item === optionValue,\n            ),\n    );\n}\n","import {Directive} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiAsOptionContent} from '@taiga-ui/core/components/data-list';\n\nimport {TuiMultiSelectOption} from '../multi-select-option/multi-select-option.component';\n\n@Directive({\n    selector: '[tuiMultiSelectGroup]',\n    providers: [tuiAsOptionContent(TuiMultiSelectOption)],\n})\nexport class TuiMultiSelectGroupDirective {\n    constructor() {\n        tuiInjectElement()\n            .closest('[role=\"listbox\"]')\n            ?.setAttribute('aria-multiselectable', 'true');\n    }\n}\n","import {NgTemplateOutlet} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {WA_IS_ANDROID, WA_IS_IOS} from '@ng-web-apis/platform';\nimport {TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {tuiAsOptionContent, TuiDataList} from '@taiga-ui/core/components/data-list';\nimport {\n    TuiSelectLike,\n    TuiTextfield,\n    TuiTextfieldMultiComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {TuiInputChipDirective} from '@taiga-ui/kit/components/input-chip';\nimport {tuiIsFlat} from '@taiga-ui/kit/utils';\n\nimport {TuiMultiSelectGroupComponent} from '../multi-select-group/multi-select-group.component';\nimport {TuiMultiSelectOption} from '../multi-select-option/multi-select-option.component';\n\n@Component({\n    selector: 'select[tuiMultiSelect]',\n    imports: [NgTemplateOutlet, TuiDataList, TuiMultiSelectGroupComponent, TuiTextfield],\n    templateUrl: './multi-select-native.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsOptionContent(TuiMultiSelectOption)],\n    hostDirectives: [TuiInputChipDirective, TuiSelectLike],\n    host: {\n        multiple: '',\n        '[size]': 'mobile ? 1 : 2',\n        '(click.stop.zoneless)': '0',\n        '(input)': 'onInput()',\n    },\n})\nexport class TuiMultiSelectNative<T> {\n    private readonly control: TuiControl<readonly T[]> = inject(TuiControl);\n    private readonly textfield = inject(TuiTextfieldMultiComponent);\n\n    protected readonly isFlat = tuiIsFlat;\n    protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n    protected readonly el = tuiInjectElement<HTMLSelectElement>();\n    protected readonly mobile =\n        inject(WA_IS_IOS) || (inject(WA_IS_ANDROID) && 'showPicker' in this.el);\n\n    protected readonly isSelected = computed(\n        (value = this.control.value()) =>\n            (x: T) =>\n                tuiIsPresent(value) &&\n                value.some((item) => this.handlers.identityMatcher()(x, item)),\n    );\n\n    public readonly items = input<ReadonlyArray<readonly T[]> | readonly T[] | null>([]);\n    public readonly labels = input<readonly string[]>([]);\n    public readonly placeholder = input('');\n\n    protected readonly binding = tuiDirectiveBinding(\n        TuiTextfieldMultiComponent,\n        'filler',\n        this.placeholder,\n        {},\n    );\n\n    protected onInput(): void {\n        const items = this.items()?.flat() || [];\n        const options = Array.from(this.el.selectedOptions).map(({index}) => index);\n\n        this.textfield.cva()?.onChange(items.filter((_, i) => options.includes(i)));\n    }\n}\n","@let list = items();\n@if (list && !isFlat(list)) {\n    @for (label of labels(); track $index) {\n        <optgroup [label]=\"label\">\n            <ng-container *ngTemplateOutlet=\"options; context: {$implicit: list[$index]}\" />\n        </optgroup>\n    }\n    @if (!mobile) {\n        <tui-data-list *tuiDropdown>\n            @for (group of list; track $index) {\n                <tui-opt-group\n                    tuiMultiSelectGroup\n                    [label]=\"labels()[$index] || ''\"\n                >\n                    @for (item of group; track $index) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"handlers.disabledItemHandler()(item)\"\n                            [value]=\"item\"\n                        >\n                            {{ handlers.stringify()(item) }}\n                        </button>\n                    }\n                </tui-opt-group>\n            }\n        </tui-data-list>\n    }\n} @else {\n    <ng-container *ngTemplateOutlet=\"options; context: {$implicit: list}\" />\n    @if (!mobile) {\n        <tui-data-list *tuiDropdown>\n            @for (item of list; track $index) {\n                <button\n                    tuiOption\n                    type=\"button\"\n                    [disabled]=\"handlers.disabledItemHandler()(item)\"\n                    [value]=\"item\"\n                >\n                    {{ handlers.stringify()(item) }}\n                </button>\n            }\n        </tui-data-list>\n    }\n}\n\n<ng-template\n    #options\n    let-items\n>\n    @for (option of items; track option) {\n        <option\n            [disabled]=\"handlers.disabledItemHandler()(option)\"\n            [selected]=\"isSelected()(option)\"\n            [value]=\"handlers.stringify()(option)\"\n        >\n            {{ handlers.stringify()(option) }}\n        </option>\n    }\n</ng-template>\n","import {TuiMultiSelectGroupComponent} from './multi-select-group/multi-select-group.component';\nimport {TuiMultiSelectGroupDirective} from './multi-select-group/multi-select-group.directive';\nimport {TuiMultiSelectNative} from './multi-select-native/multi-select-native.component';\n\nexport const TuiMultiSelect = [\n    TuiMultiSelectGroupComponent,\n    TuiMultiSelectGroupDirective,\n    TuiMultiSelectNative,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-pin.mjs

@@ -5,11 +5,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-pin" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]){--t-size: 2rem;transition-property:width,height,border,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;inline-size:var(--t-size);block-size:var(--t-size);align-items:stretch;flex-direction:column;justify-content:center;text-align:center;border-radius:100%;font:var(--tui-typography-body-s);font-weight:700;box-sizing:border-box;color:var(--tui-text-primary-on-accent-2);background:var(--tui-background-accent-2);box-shadow:0 0 0 .125rem var(--tui-background-elevation-2);border:0 solid var(--tui-background-accent-2);transform:translate(-50%,-50%)}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):empty{--t-size: .75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):empty:before{display:none}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])>input{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-base)}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])>tui-icon{transition-property:width,height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:1.25rem;align-self:center}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked){--t-size: 3.5rem;font:var(--tui-typography-body-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked)>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked)>tui-icon{font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked):before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked):after{top:4.5rem;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open{--t-size: 3.5rem;font:var(--tui-typography-body-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open>tui-icon{font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open:before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open:after{top:4.5rem;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):before{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;right:-.25rem;bottom:-.625rem;box-sizing:border-box;border-width:2.2rem 2rem;border-style:solid;border-color:inherit;opacity:0;transform:scale(.57) translate(-1.875rem,-1.875rem);transform-origin:top left;pointer-events:none;mask:url('data:image/svg+xml,<svg width=\"60\" height=\"66\" viewBox=\"0 0 60 66\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 30.0917C0 13.4726 13.4313 0 30.0002 0C46.5687 0 60 13.4726 60 30.0917C60 44.2105 50.4927 56.0529 37.4162 59.2986C32.5552 60.5551 31.0408 65.275 31.0408 65.275C30.8892 65.697 30.4909 66 30.0183 66C29.5453 66 29.147 65.697 28.9938 65.275C28.9938 65.275 27.481 60.5551 22.6199 59.2986C9.46433 56.0206 0 43.5901 0 30.0917ZM30 57.75C45.3259 57.75 57.75 45.3259 57.75 30C57.75 14.6741 45.3259 2.25 30 2.25C14.6741 2.25 2.25 14.6741 2.25 30C2.25 45.3259 14.6741 57.75 30 57.75Z\" /></svg>') no-repeat}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):after{transition-property:top,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(-50%,-50%);opacity:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-pin" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]){--t-size: 2rem;transition-property:width,height,border,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;inline-size:var(--t-size);block-size:var(--t-size);align-items:stretch;flex-direction:column;justify-content:center;text-align:center;border-radius:100%;font:var(--tui-typography-body-s);font-weight:700;box-sizing:border-box;color:var(--tui-text-primary-on-accent-2);background:var(--tui-background-accent-2);box-shadow:0 0 0 .125rem var(--tui-background-elevation-2);border:0 solid var(--tui-background-accent-2);transform:translate(-50%,-50%)}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):empty{--t-size: .75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):empty:before{display:none}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])>input{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-base)}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])>tui-icon{transition-property:width,height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:1.25rem;align-self:center}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked){--t-size: 3.5rem;font:var(--tui-typography-body-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked)>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked)>tui-icon{font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked):before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked):after{top:4.5rem;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open{--t-size: 3.5rem;font:var(--tui-typography-body-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open>tui-icon{font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open:before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open:after{top:4.5rem;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):before{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;right:-.25rem;bottom:-.625rem;box-sizing:border-box;border-width:2.2rem 2rem;border-style:solid;border-color:inherit;opacity:0;transform:scale(.57) translate(-1.875rem,-1.875rem);transform-origin:top left;pointer-events:none;mask:url('data:image/svg+xml,<svg width=\"60\" height=\"66\" viewBox=\"0 0 60 66\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 30.0917C0 13.4726 13.4313 0 30.0002 0C46.5687 0 60 13.4726 60 30.0917C60 44.2105 50.4927 56.0529 37.4162 59.2986C32.5552 60.5551 31.0408 65.275 31.0408 65.275C30.8892 65.697 30.4909 66 30.0183 66C29.5453 66 29.147 65.697 28.9938 65.275C28.9938 65.275 27.481 60.5551 22.6199 59.2986C9.46433 56.0206 0 43.5901 0 30.0917ZM30 57.75C45.3259 57.75 57.75 45.3259 57.75 30C57.75 14.6741 45.3259 2.25 30 2.25C14.6741 2.25 2.25 14.6741 2.25 30C2.25 45.3259 14.6741 57.75 30 57.75Z\" /></svg>') no-repeat}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):after{transition-property:top,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(-50%,-50%);opacity:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-pin' }, styles: ["[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]){--t-size: 2rem;transition-property:width,height,border,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;inline-size:var(--t-size);block-size:var(--t-size);align-items:stretch;flex-direction:column;justify-content:center;text-align:center;border-radius:100%;font:var(--tui-typography-body-s);font-weight:700;box-sizing:border-box;color:var(--tui-text-primary-on-accent-2);background:var(--tui-background-accent-2);box-shadow:0 0 0 .125rem var(--tui-background-elevation-2);border:0 solid var(--tui-background-accent-2);transform:translate(-50%,-50%)}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):empty{--t-size: .75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):empty:before{display:none}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])>input{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-base)}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])>tui-icon{transition-property:width,height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:1.25rem;align-self:center}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked){--t-size: 3.5rem;font:var(--tui-typography-body-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked)>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked)>tui-icon{font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked):before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):has(:checked):after{top:4.5rem;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open{--t-size: 3.5rem;font:var(--tui-typography-body-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open>tui-icon{font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open:before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"])._open:after{top:4.5rem;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):before{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;right:-.25rem;bottom:-.625rem;box-sizing:border-box;border-width:2.2rem 2rem;border-style:solid;border-color:inherit;opacity:0;transform:scale(.57) translate(-1.875rem,-1.875rem);transform-origin:top left;pointer-events:none;mask:url('data:image/svg+xml,<svg width=\"60\" height=\"66\" viewBox=\"0 0 60 66\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 30.0917C0 13.4726 13.4313 0 30.0002 0C46.5687 0 60 13.4726 60 30.0917C60 44.2105 50.4927 56.0529 37.4162 59.2986C32.5552 60.5551 31.0408 65.275 31.0408 65.275C30.8892 65.697 30.4909 66 30.0183 66C29.5453 66 29.147 65.697 28.9938 65.275C28.9938 65.275 27.481 60.5551 22.6199 59.2986C9.46433 56.0206 0 43.5901 0 30.0917ZM30 57.75C45.3259 57.75 57.75 45.3259 57.75 30C57.75 14.6741 45.3259 2.25 30 2.25C14.6741 2.25 2.25 14.6741 2.25 30C2.25 45.3259 14.6741 57.75 30 57.75Z\" /></svg>') no-repeat}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2da416d\"]):after{transition-property:top,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(-50%,-50%);opacity:0}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-pin' }, styles: ["[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]){--t-size: 2rem;transition-property:width,height,border,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;inline-size:var(--t-size);block-size:var(--t-size);align-items:stretch;flex-direction:column;justify-content:center;text-align:center;border-radius:100%;font:var(--tui-typography-body-s);font-weight:700;box-sizing:border-box;color:var(--tui-text-primary-on-accent-2);background:var(--tui-background-accent-2);box-shadow:0 0 0 .125rem var(--tui-background-elevation-2);border:0 solid var(--tui-background-accent-2);transform:translate(-50%,-50%)}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):empty{--t-size: .75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):empty:before{display:none}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])>input{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-base)}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])>tui-icon{transition-property:width,height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:1.25rem;align-self:center}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked){--t-size: 3.5rem;font:var(--tui-typography-body-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked)>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked)>tui-icon{font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked):before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):has(:checked):after{top:4.5rem;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open{--t-size: 3.5rem;font:var(--tui-typography-body-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open>tui-icon{font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open:before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"])._open:after{top:4.5rem;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):before{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;right:-.25rem;bottom:-.625rem;box-sizing:border-box;border-width:2.2rem 2rem;border-style:solid;border-color:inherit;opacity:0;transform:scale(.57) translate(-1.875rem,-1.875rem);transform-origin:top left;pointer-events:none;mask:url('data:image/svg+xml,<svg width=\"60\" height=\"66\" viewBox=\"0 0 60 66\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 30.0917C0 13.4726 13.4313 0 30.0002 0C46.5687 0 60 13.4726 60 30.0917C60 44.2105 50.4927 56.0529 37.4162 59.2986C32.5552 60.5551 31.0408 65.275 31.0408 65.275C30.8892 65.697 30.4909 66 30.0183 66C29.5453 66 29.147 65.697 28.9938 65.275C28.9938 65.275 27.481 60.5551 22.6199 59.2986C9.46433 56.0206 0 43.5901 0 30.0917ZM30 57.75C45.3259 57.75 57.75 45.3259 57.75 30C57.75 14.6741 45.3259 2.25 30 2.25C14.6741 2.25 2.25 14.6741 2.25 30C2.25 45.3259 14.6741 57.75 30 57.75Z\" /></svg>') no-repeat}[tuiPin]:where(*[data-tui-version=\"5.0.0-canary.2f662cc\"]):after{transition-property:top,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(-50%,-50%);opacity:0}\n"] }]
         }] });
 class TuiPin {
     constructor() {
@@ -17,7 +17,7 @@ class TuiPin {
         this.open = input('', { alias: 'tuiPin' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPin, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiPin, isStandalone: true, selector: "[tuiPin]", inputs: { open: { classPropertyName: "open", publicName: "tuiPin", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiPin": "", "data-tui-version": "5.0.0-canary.2da416d" }, properties: { "class._open": "open()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiPin, isStandalone: true, selector: "[tuiPin]", inputs: { open: { classPropertyName: "open", publicName: "tuiPin", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiPin": "", "data-tui-version": "5.0.0-canary.2f662cc" }, properties: { "class._open": "open()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPin, decorators: [{
             type: Directive,