@taiga-ui/kit 5.31.0 → 5.32.0

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

@@ -87,7 +87,7 @@ class TuiInputPhoneInternationalContent {
         this.host.masked.set(maskitoTransform(this.host.value() || tuiGetCallingCode(code, this.host.metadata()), this.host.mask() || MASKITO_DEFAULT_OPTIONS));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputPhoneInternationalContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiInputPhoneInternationalContent, isStandalone: true, selector: "tui-input-phone-international-content", host: { attributes: { "data-tui-version": "5.31.0" } }, viewQueries: [{ propertyName: "list", predicate: TuiOption, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<button\n    appearance=\"textfield\"\n    tabindex=\"-1\"\n    tuiButton\n    tuiChevron\n    type=\"button\"\n    class=\"t-ipi-select\"\n    [attr.data-mode]=\"host.mode()\"\n    [class.t-ipi-select_readonly]=\"host.readOnly()\"\n    [disabled]=\"host.disabled()\"\n    [size]=\"size()\"\n    [tuiAppearanceFocus]=\"host.open()\"\n    (click.prevent)=\"host.interactive() && host.open.set(!host.open())\"\n    (pointerdown.stop)=\"onPointerDown($event)\"\n>\n    <img\n        class=\"t-ipi-flag\"\n        [alt]=\"names()[host.countryIsoCode()]\"\n        [class.t-ipi-flag_small]=\"size() === 's'\"\n        [src]=\"host.countryIsoCode() | tuiFlag\"\n    />\n</button>\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]=\"host.search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!ios\"\n                (keydown.arrowDown)=\"list()[0]?.nativeElement?.focus()\"\n                (ngModelChange)=\"host.search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n</ng-template>\n<ng-container *tuiDropdown>\n    @if (host.countrySearch()) {\n        <ng-container *ngTemplateOutlet=\"filter\" />\n    }\n    <tui-data-list class=\"t-ipi-options\">\n        @for (item of filtered(); track item.iso) {\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", styles: ["tui-input-phone-international-content:where(*[data-tui-version=\"5.31.0\"]){display:contents;border-radius:inherit}[tuiInputPhoneInternational][tuiInputPhoneInternational]:where(*[data-tui-version=\"5.31.0\"]){inset-inline-start:var(--t-offset);border-top-left-radius:0;border-bottom-left-radius:0;inline-size:calc(100% - var(--t-offset))}[tuiInputPhoneInternational][tuiInputPhoneInternational]:where(*[data-tui-version=\"5.31.0\"])+[tuiLabel][tuiLabel]{padding-inline-start:var(--t-offset)}tui-textfield[data-size=s]:where(*[data-tui-version=\"5.31.0\"]){--t-offset: 4.125rem}tui-textfield[data-size=s]:where(*[data-tui-version=\"5.31.0\"]) .t-ipi-flag{margin:0 .1875rem}tui-textfield[data-size=m]:where(*[data-tui-version=\"5.31.0\"]){--t-offset: 4.875rem}tui-textfield[data-size=m]:where(*[data-tui-version=\"5.31.0\"]) .t-ipi-flag{margin:0 -.1875rem}tui-textfield[data-size=l]:where(*[data-tui-version=\"5.31.0\"]){--t-offset: 5.25rem}tui-textfield[data-size=l]:where(*[data-tui-version=\"5.31.0\"]) .t-ipi-flag{margin:0 -.1875rem}[data-tui-version=\"5.31.0\"] .t-ipi-select{position:absolute;inset-inline-start:0;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0}[data-tui-version=\"5.31.0\"] .t-ipi-select_readonly{pointer-events:none}[data-tui-version=\"5.31.0\"] .t-ipi-flag{inline-size:1.75rem;block-size:1.75rem;border-radius:100%}[data-tui-version=\"5.31.0\"] .t-ipi-flag_small{inline-size:1.25rem;block-size:1.25rem}[data-tui-version=\"5.31.0\"] .t-ipi-code{color:var(--tui-text-secondary)}[data-tui-version=\"5.31.0\"] .t-ipi-search{position:sticky;z-index:1;inset-block-start:0;background:var(--tui-background-elevation-1);padding:.375rem .375rem 0}@supports (-webkit-touch-callout: none){[data-tui-version=\"5.31.0\"] .t-ipi-search input:focus{animation:tuiPreventIOSScroll 1ms}}@keyframes tuiPreventIOSScroll{0%{opacity:0}to{opacity:1}}[data-tui-version=\"5.31.0\"] tui-dropdown-mobile .t-ipi-search,[data-tui-version=\"5.31.0\"] tui-sheet-dialog .t-ipi-search{background:var(--tui-background-elevation-1)}[data-tui-version=\"5.31.0\"] tui-dropdown-mobile .t-ipi-options:not(:first-child),[data-tui-version=\"5.31.0\"] tui-sheet-dialog .t-ipi-options:not(:first-child){min-block-size:calc(100 * var(--tui-viewport-vh) - 8.75rem)}[data-tui-version=\"5.31.0\"] tui-sheet-dialog .t-ipi-search{inset-block-start:4.5rem;padding-inline-start:0;padding-inline-end:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "pipe", type: TuiFlagPipe, name: "tuiFlag" }, { kind: "component", type: i3.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler", "invalid", "tuiAppearanceFocus", "tuiAppearanceState"] }, { kind: "directive", type: i3.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i4.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "readonly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiInputPhoneInternationalContent, isStandalone: true, selector: "tui-input-phone-international-content", host: { attributes: { "data-tui-version": "5.32.0" } }, viewQueries: [{ propertyName: "list", predicate: TuiOption, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<button\n    appearance=\"textfield\"\n    tabindex=\"-1\"\n    tuiButton\n    tuiChevron\n    type=\"button\"\n    class=\"t-ipi-select\"\n    [attr.data-mode]=\"host.mode()\"\n    [class.t-ipi-select_readonly]=\"host.readOnly()\"\n    [disabled]=\"host.disabled()\"\n    [size]=\"size()\"\n    [tuiAppearanceFocus]=\"host.open()\"\n    (click.prevent)=\"host.interactive() && host.open.set(!host.open())\"\n    (pointerdown.stop)=\"onPointerDown($event)\"\n>\n    <img\n        class=\"t-ipi-flag\"\n        [alt]=\"names()[host.countryIsoCode()]\"\n        [class.t-ipi-flag_small]=\"size() === 's'\"\n        [src]=\"host.countryIsoCode() | tuiFlag\"\n    />\n</button>\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]=\"host.search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!ios\"\n                (keydown.arrowDown)=\"list()[0]?.nativeElement?.focus()\"\n                (ngModelChange)=\"host.search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n</ng-template>\n<ng-container *tuiDropdown>\n    @if (host.countrySearch()) {\n        <ng-container *ngTemplateOutlet=\"filter\" />\n    }\n    <tui-data-list class=\"t-ipi-options\">\n        @for (item of filtered(); track item.iso) {\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", styles: ["tui-input-phone-international-content:where(*[data-tui-version=\"5.32.0\"]){display:contents;border-radius:inherit}[tuiInputPhoneInternational][tuiInputPhoneInternational]:where(*[data-tui-version=\"5.32.0\"]){inset-inline-start:var(--t-offset);border-top-left-radius:0;border-bottom-left-radius:0;inline-size:calc(100% - var(--t-offset))}[tuiInputPhoneInternational][tuiInputPhoneInternational]:where(*[data-tui-version=\"5.32.0\"])+[tuiLabel][tuiLabel]{padding-inline-start:var(--t-offset)}tui-textfield[data-size=s]:where(*[data-tui-version=\"5.32.0\"]){--t-offset: 4.125rem}tui-textfield[data-size=s]:where(*[data-tui-version=\"5.32.0\"]) .t-ipi-flag{margin:0 .1875rem}tui-textfield[data-size=m]:where(*[data-tui-version=\"5.32.0\"]){--t-offset: 4.875rem}tui-textfield[data-size=m]:where(*[data-tui-version=\"5.32.0\"]) .t-ipi-flag{margin:0 -.1875rem}tui-textfield[data-size=l]:where(*[data-tui-version=\"5.32.0\"]){--t-offset: 5.25rem}tui-textfield[data-size=l]:where(*[data-tui-version=\"5.32.0\"]) .t-ipi-flag{margin:0 -.1875rem}[data-tui-version=\"5.32.0\"] .t-ipi-select{position:absolute;inset-inline-start:0;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0}[data-tui-version=\"5.32.0\"] .t-ipi-select_readonly{pointer-events:none}[data-tui-version=\"5.32.0\"] .t-ipi-flag{inline-size:1.75rem;block-size:1.75rem;border-radius:100%}[data-tui-version=\"5.32.0\"] .t-ipi-flag_small{inline-size:1.25rem;block-size:1.25rem}[data-tui-version=\"5.32.0\"] .t-ipi-code{color:var(--tui-text-secondary)}[data-tui-version=\"5.32.0\"] .t-ipi-search{position:sticky;z-index:1;inset-block-start:0;background:var(--tui-background-elevation-1);padding:.375rem .375rem 0}@supports (-webkit-touch-callout: none){[data-tui-version=\"5.32.0\"] .t-ipi-search input:focus{animation:tuiPreventIOSScroll 1ms}}@keyframes tuiPreventIOSScroll{0%{opacity:0}to{opacity:1}}[data-tui-version=\"5.32.0\"] tui-dropdown-mobile .t-ipi-search,[data-tui-version=\"5.32.0\"] tui-sheet-dialog .t-ipi-search{background:var(--tui-background-elevation-1)}[data-tui-version=\"5.32.0\"] tui-dropdown-mobile .t-ipi-options:not(:first-child),[data-tui-version=\"5.32.0\"] tui-sheet-dialog .t-ipi-options:not(:first-child){min-block-size:calc(100 * var(--tui-viewport-vh) - 8.75rem)}[data-tui-version=\"5.32.0\"] tui-sheet-dialog .t-ipi-search{inset-block-start:4.5rem;padding-inline-start:0;padding-inline-end:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "pipe", type: TuiFlagPipe, name: "tuiFlag" }, { kind: "component", type: i3.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler", "invalid", "tuiAppearanceFocus", "tuiAppearanceState"] }, { kind: "directive", type: i3.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i4.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "readonly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputPhoneInternationalContent, decorators: [{
             type: Component,
@@ -104,7 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         TuiOption,
                         TuiTextfield,
                         TuiTitle,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, template: "<button\n    appearance=\"textfield\"\n    tabindex=\"-1\"\n    tuiButton\n    tuiChevron\n    type=\"button\"\n    class=\"t-ipi-select\"\n    [attr.data-mode]=\"host.mode()\"\n    [class.t-ipi-select_readonly]=\"host.readOnly()\"\n    [disabled]=\"host.disabled()\"\n    [size]=\"size()\"\n    [tuiAppearanceFocus]=\"host.open()\"\n    (click.prevent)=\"host.interactive() && host.open.set(!host.open())\"\n    (pointerdown.stop)=\"onPointerDown($event)\"\n>\n    <img\n        class=\"t-ipi-flag\"\n        [alt]=\"names()[host.countryIsoCode()]\"\n        [class.t-ipi-flag_small]=\"size() === 's'\"\n        [src]=\"host.countryIsoCode() | tuiFlag\"\n    />\n</button>\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]=\"host.search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!ios\"\n                (keydown.arrowDown)=\"list()[0]?.nativeElement?.focus()\"\n                (ngModelChange)=\"host.search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n</ng-template>\n<ng-container *tuiDropdown>\n    @if (host.countrySearch()) {\n        <ng-container *ngTemplateOutlet=\"filter\" />\n    }\n    <tui-data-list class=\"t-ipi-options\">\n        @for (item of filtered(); track item.iso) {\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", styles: ["tui-input-phone-international-content:where(*[data-tui-version=\"5.31.0\"]){display:contents;border-radius:inherit}[tuiInputPhoneInternational][tuiInputPhoneInternational]:where(*[data-tui-version=\"5.31.0\"]){inset-inline-start:var(--t-offset);border-top-left-radius:0;border-bottom-left-radius:0;inline-size:calc(100% - var(--t-offset))}[tuiInputPhoneInternational][tuiInputPhoneInternational]:where(*[data-tui-version=\"5.31.0\"])+[tuiLabel][tuiLabel]{padding-inline-start:var(--t-offset)}tui-textfield[data-size=s]:where(*[data-tui-version=\"5.31.0\"]){--t-offset: 4.125rem}tui-textfield[data-size=s]:where(*[data-tui-version=\"5.31.0\"]) .t-ipi-flag{margin:0 .1875rem}tui-textfield[data-size=m]:where(*[data-tui-version=\"5.31.0\"]){--t-offset: 4.875rem}tui-textfield[data-size=m]:where(*[data-tui-version=\"5.31.0\"]) .t-ipi-flag{margin:0 -.1875rem}tui-textfield[data-size=l]:where(*[data-tui-version=\"5.31.0\"]){--t-offset: 5.25rem}tui-textfield[data-size=l]:where(*[data-tui-version=\"5.31.0\"]) .t-ipi-flag{margin:0 -.1875rem}[data-tui-version=\"5.31.0\"] .t-ipi-select{position:absolute;inset-inline-start:0;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0}[data-tui-version=\"5.31.0\"] .t-ipi-select_readonly{pointer-events:none}[data-tui-version=\"5.31.0\"] .t-ipi-flag{inline-size:1.75rem;block-size:1.75rem;border-radius:100%}[data-tui-version=\"5.31.0\"] .t-ipi-flag_small{inline-size:1.25rem;block-size:1.25rem}[data-tui-version=\"5.31.0\"] .t-ipi-code{color:var(--tui-text-secondary)}[data-tui-version=\"5.31.0\"] .t-ipi-search{position:sticky;z-index:1;inset-block-start:0;background:var(--tui-background-elevation-1);padding:.375rem .375rem 0}@supports (-webkit-touch-callout: none){[data-tui-version=\"5.31.0\"] .t-ipi-search input:focus{animation:tuiPreventIOSScroll 1ms}}@keyframes tuiPreventIOSScroll{0%{opacity:0}to{opacity:1}}[data-tui-version=\"5.31.0\"] tui-dropdown-mobile .t-ipi-search,[data-tui-version=\"5.31.0\"] tui-sheet-dialog .t-ipi-search{background:var(--tui-background-elevation-1)}[data-tui-version=\"5.31.0\"] tui-dropdown-mobile .t-ipi-options:not(:first-child),[data-tui-version=\"5.31.0\"] tui-sheet-dialog .t-ipi-options:not(:first-child){min-block-size:calc(100 * var(--tui-viewport-vh) - 8.75rem)}[data-tui-version=\"5.31.0\"] tui-sheet-dialog .t-ipi-search{inset-block-start:4.5rem;padding-inline-start:0;padding-inline-end:0}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, template: "<button\n    appearance=\"textfield\"\n    tabindex=\"-1\"\n    tuiButton\n    tuiChevron\n    type=\"button\"\n    class=\"t-ipi-select\"\n    [attr.data-mode]=\"host.mode()\"\n    [class.t-ipi-select_readonly]=\"host.readOnly()\"\n    [disabled]=\"host.disabled()\"\n    [size]=\"size()\"\n    [tuiAppearanceFocus]=\"host.open()\"\n    (click.prevent)=\"host.interactive() && host.open.set(!host.open())\"\n    (pointerdown.stop)=\"onPointerDown($event)\"\n>\n    <img\n        class=\"t-ipi-flag\"\n        [alt]=\"names()[host.countryIsoCode()]\"\n        [class.t-ipi-flag_small]=\"size() === 's'\"\n        [src]=\"host.countryIsoCode() | tuiFlag\"\n    />\n</button>\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]=\"host.search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!ios\"\n                (keydown.arrowDown)=\"list()[0]?.nativeElement?.focus()\"\n                (ngModelChange)=\"host.search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n</ng-template>\n<ng-container *tuiDropdown>\n    @if (host.countrySearch()) {\n        <ng-container *ngTemplateOutlet=\"filter\" />\n    }\n    <tui-data-list class=\"t-ipi-options\">\n        @for (item of filtered(); track item.iso) {\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", styles: ["tui-input-phone-international-content:where(*[data-tui-version=\"5.32.0\"]){display:contents;border-radius:inherit}[tuiInputPhoneInternational][tuiInputPhoneInternational]:where(*[data-tui-version=\"5.32.0\"]){inset-inline-start:var(--t-offset);border-top-left-radius:0;border-bottom-left-radius:0;inline-size:calc(100% - var(--t-offset))}[tuiInputPhoneInternational][tuiInputPhoneInternational]:where(*[data-tui-version=\"5.32.0\"])+[tuiLabel][tuiLabel]{padding-inline-start:var(--t-offset)}tui-textfield[data-size=s]:where(*[data-tui-version=\"5.32.0\"]){--t-offset: 4.125rem}tui-textfield[data-size=s]:where(*[data-tui-version=\"5.32.0\"]) .t-ipi-flag{margin:0 .1875rem}tui-textfield[data-size=m]:where(*[data-tui-version=\"5.32.0\"]){--t-offset: 4.875rem}tui-textfield[data-size=m]:where(*[data-tui-version=\"5.32.0\"]) .t-ipi-flag{margin:0 -.1875rem}tui-textfield[data-size=l]:where(*[data-tui-version=\"5.32.0\"]){--t-offset: 5.25rem}tui-textfield[data-size=l]:where(*[data-tui-version=\"5.32.0\"]) .t-ipi-flag{margin:0 -.1875rem}[data-tui-version=\"5.32.0\"] .t-ipi-select{position:absolute;inset-inline-start:0;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0}[data-tui-version=\"5.32.0\"] .t-ipi-select_readonly{pointer-events:none}[data-tui-version=\"5.32.0\"] .t-ipi-flag{inline-size:1.75rem;block-size:1.75rem;border-radius:100%}[data-tui-version=\"5.32.0\"] .t-ipi-flag_small{inline-size:1.25rem;block-size:1.25rem}[data-tui-version=\"5.32.0\"] .t-ipi-code{color:var(--tui-text-secondary)}[data-tui-version=\"5.32.0\"] .t-ipi-search{position:sticky;z-index:1;inset-block-start:0;background:var(--tui-background-elevation-1);padding:.375rem .375rem 0}@supports (-webkit-touch-callout: none){[data-tui-version=\"5.32.0\"] .t-ipi-search input:focus{animation:tuiPreventIOSScroll 1ms}}@keyframes tuiPreventIOSScroll{0%{opacity:0}to{opacity:1}}[data-tui-version=\"5.32.0\"] tui-dropdown-mobile .t-ipi-search,[data-tui-version=\"5.32.0\"] tui-sheet-dialog .t-ipi-search{background:var(--tui-background-elevation-1)}[data-tui-version=\"5.32.0\"] tui-dropdown-mobile .t-ipi-options:not(:first-child),[data-tui-version=\"5.32.0\"] tui-sheet-dialog .t-ipi-options:not(:first-child){min-block-size:calc(100 * var(--tui-viewport-vh) - 8.75rem)}[data-tui-version=\"5.32.0\"] tui-sheet-dialog .t-ipi-search{inset-block-start:4.5rem;padding-inline-start:0;padding-inline-end:0}\n"] }]
         }] });
 
 const NOT_FORM_CONTROL_SYMBOLS = /[^+\d]/g;

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

@@ -21,11 +21,11 @@ class TuiInputPinContent {
         this.control = inject(NgControl);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputPinContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiInputPinContent, isStandalone: true, selector: "tui-input-pin-content", host: { attributes: { "aria-hidden": "true", "data-tui-version": "5.31.0" } }, ngImport: i0, template: "@for (_ of '-'.repeat(pin.el.maxLength); track $index) {\n    <label\n        class=\"t-item\"\n        [tuiAppearance]=\"appearance()\"\n        [tuiAppearanceFocus]=\"pin.isFocused($index)\"\n        [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n        (pointerdown.prevent)=\"pin.onClick($index)\"\n    >\n        <span\n            class=\"t-value\"\n            [class.t-value_filled]=\"pin.value()[$index]\"\n            [textContent]=\"pin.value()[$index] || pin.el.placeholder[$index]\"\n        ></span>\n    </label>\n}\n", styles: ["@keyframes blink{50%{opacity:0}}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]){position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;display:flex;gap:inherit;border-radius:inherit}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-item{display:flex;flex:1;align-items:center;justify-content:center;border-radius:inherit;pointer-events:auto;cursor:text;margin-inline-start:.25rem}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-item:first-child{pointer-events:none;margin:0}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-item[data-focus=true] .t-value_filled{background:var(--tui-service-selection-background)}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-item[data-focus=true] .t-value_filled:before{display:none}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .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}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-value{color:var(--tui-text-secondary)}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-value_filled{color:var(--tui-text-primary)}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"]){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)}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"])::selection{background:transparent}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"])::placeholder{color:transparent!important}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"])+.t-content{gap:inherit!important}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"])+.t-content [tuiButtonX]{display:none!important}[tuiTheme=dark] input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"]){--t-caret-color: rgba(50, 50, 50, .01)}\n"], dependencies: [{ kind: "directive", type: TuiAppearance, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiInputPinContent, isStandalone: true, selector: "tui-input-pin-content", host: { attributes: { "aria-hidden": "true", "data-tui-version": "5.32.0" } }, ngImport: i0, template: "@for (_ of '-'.repeat(pin.el.maxLength); track $index) {\n    <label\n        class=\"t-item\"\n        [tuiAppearance]=\"appearance()\"\n        [tuiAppearanceFocus]=\"pin.isFocused($index)\"\n        [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n        (pointerdown.prevent)=\"pin.onClick($index)\"\n    >\n        <span\n            class=\"t-value\"\n            [class.t-value_filled]=\"pin.value()[$index]\"\n            [textContent]=\"pin.value()[$index] || pin.el.placeholder[$index]\"\n        ></span>\n    </label>\n}\n", styles: ["@keyframes blink{50%{opacity:0}}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]){position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;display:flex;gap:inherit;border-radius:inherit}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-item{display:flex;flex:1;align-items:center;justify-content:center;border-radius:inherit;pointer-events:auto;cursor:text;margin-inline-start:.25rem}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-item:first-child{pointer-events:none;margin:0}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-item[data-focus=true] .t-value_filled{background:var(--tui-service-selection-background)}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-item[data-focus=true] .t-value_filled:before{display:none}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .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}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-value{color:var(--tui-text-secondary)}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-value_filled{color:var(--tui-text-primary)}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"]){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)}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"])::selection{background:transparent}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"])::placeholder{color:transparent!important}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"])+.t-content{gap:inherit!important}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"])+.t-content [tuiButtonX]{display:none!important}[tuiTheme=dark] input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"]){--t-caret-color: rgba(50, 50, 50, .01)}\n"], dependencies: [{ kind: "directive", type: TuiAppearance, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputPinContent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-input-pin-content', imports: [TuiAppearance], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'aria-hidden': 'true', 'data-tui-version': TUI_VERSION }, template: "@for (_ of '-'.repeat(pin.el.maxLength); track $index) {\n    <label\n        class=\"t-item\"\n        [tuiAppearance]=\"appearance()\"\n        [tuiAppearanceFocus]=\"pin.isFocused($index)\"\n        [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n        (pointerdown.prevent)=\"pin.onClick($index)\"\n    >\n        <span\n            class=\"t-value\"\n            [class.t-value_filled]=\"pin.value()[$index]\"\n            [textContent]=\"pin.value()[$index] || pin.el.placeholder[$index]\"\n        ></span>\n    </label>\n}\n", styles: ["@keyframes blink{50%{opacity:0}}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]){position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;display:flex;gap:inherit;border-radius:inherit}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-item{display:flex;flex:1;align-items:center;justify-content:center;border-radius:inherit;pointer-events:auto;cursor:text;margin-inline-start:.25rem}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-item:first-child{pointer-events:none;margin:0}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-item[data-focus=true] .t-value_filled{background:var(--tui-service-selection-background)}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-item[data-focus=true] .t-value_filled:before{display:none}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .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}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-value{color:var(--tui-text-secondary)}tui-input-pin-content:where(*[data-tui-version=\"5.31.0\"]) .t-value_filled{color:var(--tui-text-primary)}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"]){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)}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"])::selection{background:transparent}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"])::placeholder{color:transparent!important}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"])+.t-content{gap:inherit!important}input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"])+.t-content [tuiButtonX]{display:none!important}[tuiTheme=dark] input[tuiInputPin]:where(*[data-tui-version=\"5.31.0\"]){--t-caret-color: rgba(50, 50, 50, .01)}\n"] }]
+            args: [{ selector: 'tui-input-pin-content', imports: [TuiAppearance], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'aria-hidden': 'true', 'data-tui-version': TUI_VERSION }, template: "@for (_ of '-'.repeat(pin.el.maxLength); track $index) {\n    <label\n        class=\"t-item\"\n        [tuiAppearance]=\"appearance()\"\n        [tuiAppearanceFocus]=\"pin.isFocused($index)\"\n        [tuiAppearanceMode]=\"control.invalid && control.touched ? 'invalid' : null\"\n        (pointerdown.prevent)=\"pin.onClick($index)\"\n    >\n        <span\n            class=\"t-value\"\n            [class.t-value_filled]=\"pin.value()[$index]\"\n            [textContent]=\"pin.value()[$index] || pin.el.placeholder[$index]\"\n        ></span>\n    </label>\n}\n", styles: ["@keyframes blink{50%{opacity:0}}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]){position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;display:flex;gap:inherit;border-radius:inherit}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-item{display:flex;flex:1;align-items:center;justify-content:center;border-radius:inherit;pointer-events:auto;cursor:text;margin-inline-start:.25rem}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-item:first-child{pointer-events:none;margin:0}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-item[data-focus=true] .t-value_filled{background:var(--tui-service-selection-background)}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-item[data-focus=true] .t-value_filled:before{display:none}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .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}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-value{color:var(--tui-text-secondary)}tui-input-pin-content:where(*[data-tui-version=\"5.32.0\"]) .t-value_filled{color:var(--tui-text-primary)}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"]){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)}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"])::selection{background:transparent}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"])::placeholder{color:transparent!important}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"])+.t-content{gap:inherit!important}input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"])+.t-content [tuiButtonX]{display:none!important}[tuiTheme=dark] input[tuiInputPin]:where(*[data-tui-version=\"5.32.0\"]){--t-caret-color: rgba(50, 50, 50, .01)}\n"] }]
         }] });
 
 // TODO(v6): rename to TuiInputPinDirective
@@ -58,7 +58,7 @@ class TuiInputPinComponent {
         return (this.focused() && (this.selectionStart() ?? this.el.selectionStart) === index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputPinComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiInputPinComponent, isStandalone: true, selector: "input[tuiInputPin]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.31.0", "inputmode": "numeric", "maxlength": "4", "spellcheck": "false" }, listeners: { "pointerdown.prevent": "onClick(0)", "selectionchange": "onSelection()" } }, providers: [tuiAsTextfieldContent(() => TuiInputPinContent)], hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiTextfieldContent }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiInputPinComponent, isStandalone: true, selector: "input[tuiInputPin]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.32.0", "inputmode": "numeric", "maxlength": "4", "spellcheck": "false" }, listeners: { "pointerdown.prevent": "onClick(0)", "selectionchange": "onSelection()" } }, providers: [tuiAsTextfieldContent(() => TuiInputPinContent)], hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiTextfieldContent }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputPinComponent, decorators: [{
             type: Directive,

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

@@ -16,11 +16,11 @@ import { fromEvent, tap, filter, switchMap } from 'rxjs';
 
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-input-slider-5.31.0"], ngImport: i0, template: '', isInline: true, styles: ["tui-textfield:where(*[data-tui-version=\"5.31.0\"]) [tuiInputSlider]~.t-content [tuiButtonX]{display:none!important}tui-textfield:where(*[data-tui-version=\"5.31.0\"]) [tuiInputSlider]~[tuiSlider]:disabled{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-input-slider-5.32.0"], ngImport: i0, template: '', isInline: true, styles: ["tui-textfield:where(*[data-tui-version=\"5.32.0\"]) [tuiInputSlider]~.t-content [tuiButtonX]{display:none!important}tui-textfield:where(*[data-tui-version=\"5.32.0\"]) [tuiInputSlider]~[tuiSlider]:disabled{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-input-slider-${TUI_VERSION}`, styles: ["tui-textfield:where(*[data-tui-version=\"5.31.0\"]) [tuiInputSlider]~.t-content [tuiButtonX]{display:none!important}tui-textfield:where(*[data-tui-version=\"5.31.0\"]) [tuiInputSlider]~[tuiSlider]:disabled{display:none}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-input-slider-${TUI_VERSION}`, styles: ["tui-textfield:where(*[data-tui-version=\"5.32.0\"]) [tuiInputSlider]~.t-content [tuiButtonX]{display:none!important}tui-textfield:where(*[data-tui-version=\"5.32.0\"]) [tuiInputSlider]~[tuiSlider]:disabled{display:none}\n"] }]
         }] });
 class TuiInputSliderDirective {
     constructor() {

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

@@ -216,7 +216,7 @@ class TuiInputTimeContent {
                 (change)="setValue($any($event.target).value)"
             />
         }
-    `, isInline: true, styles: ["tui-textfield input[tuiInputTime]:where(*[data-tui-version=\"5.31.0\"])~.t-content input[type=time]{position:absolute;inset-inline-end:0;inset-inline-start:auto;inline-size:calc(var(--t-right) + var(--t-padding));opacity:0;margin:0;padding:0;pointer-events:auto}tui-textfield input[tuiInputTime]:where(*[data-tui-version=\"5.31.0\"])~.t-content input[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["tui-textfield input[tuiInputTime]:where(*[data-tui-version=\"5.32.0\"])~.t-content input[type=time]{position:absolute;inset-inline-end:0;inset-inline-start:auto;inline-size:calc(var(--t-right) + var(--t-padding));opacity:0;margin:0;padding:0;pointer-events:auto}tui-textfield input[tuiInputTime]:where(*[data-tui-version=\"5.32.0\"])~.t-content input[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputTimeContent, decorators: [{
             type: Component,
@@ -230,7 +230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 (change)="setValue($any($event.target).value)"
             />
         }
-    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tui-textfield input[tuiInputTime]:where(*[data-tui-version=\"5.31.0\"])~.t-content input[type=time]{position:absolute;inset-inline-end:0;inset-inline-start:auto;inline-size:calc(var(--t-right) + var(--t-padding));opacity:0;margin:0;padding:0;pointer-events:auto}tui-textfield input[tuiInputTime]:where(*[data-tui-version=\"5.31.0\"])~.t-content input[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}\n"] }]
+    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tui-textfield input[tuiInputTime]:where(*[data-tui-version=\"5.32.0\"])~.t-content input[type=time]{position:absolute;inset-inline-end:0;inset-inline-start:auto;inline-size:calc(var(--t-right) + var(--t-padding));opacity:0;margin:0;padding:0;pointer-events:auto}tui-textfield input[tuiInputTime]:where(*[data-tui-version=\"5.32.0\"])~.t-content input[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}\n"] }]
         }] });
 
 class TuiNativeTimePicker {
@@ -265,7 +265,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 // TODO(v6): rename to TuiInputTimeDirective
 class TuiInputTimeComponent extends TuiNativeTimePicker {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiInputTimeComponent, isStandalone: true, selector: "input[tuiInputTime][type=\"time\"]", host: { attributes: { "data-tui-version": "5.31.0" } }, providers: [tuiAsTextfieldContent(() => TuiInputTimeContent)], usesInheritance: true, hostDirectives: [{ directive: i1$1.TuiWithNativePicker }, { directive: i1$1.TuiTextfieldContent }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiInputTimeComponent, isStandalone: true, selector: "input[tuiInputTime][type=\"time\"]", host: { attributes: { "data-tui-version": "5.32.0" } }, providers: [tuiAsTextfieldContent(() => TuiInputTimeContent)], usesInheritance: true, hostDirectives: [{ directive: i1$1.TuiWithNativePicker }, { directive: i1$1.TuiTextfieldContent }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputTimeComponent, decorators: [{
             type: Directive,

package/fesm2022/taiga-ui-kit-components-items-with-more.mjs

@@ -5,14 +5,13 @@ import { input, computed, Directive, inject, Injectable, contentChild, TemplateR
 import { outputFromObservable, toSignal } from '@angular/core/rxjs-interop';
 import { WaMutationObserverService, WA_MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
 import { WaResizeObserverService } from '@ng-web-apis/resize-observer';
-import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { Subject, Observable, merge, debounceTime, map, distinctUntilChanged, share } from 'rxjs';
 import { tuiZonefreeScheduler, tuiZoneOptimized } from '@taiga-ui/cdk/observables';
+import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { tuiClamp } from '@taiga-ui/cdk/utils/math';
 
 class TuiItemsWithMoreDirective {
     constructor() {
-        this.el = tuiInjectElement();
         this.itemsLimit = input(Infinity);
         this.required = input(-1);
         this.linesLimit = input(1);
@@ -23,20 +22,12 @@ class TuiItemsWithMoreDirective {
     ngOnChanges() {
         this.change$.next();
     }
-    maxWidth() {
-        return Math.max(...Array.from(this.el.children, ({ clientWidth }) => clientWidth));
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemsWithMoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiItemsWithMoreDirective, isStandalone: true, inputs: { itemsLimit: { classPropertyName: "itemsLimit", publicName: "itemsLimit", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, linesLimit: { classPropertyName: "linesLimit", publicName: "linesLimit", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._multiline": "linesLimit() > 1", "style.--t-min-width.px": "maxWidth()" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiItemsWithMoreDirective, isStandalone: true, inputs: { itemsLimit: { classPropertyName: "itemsLimit", publicName: "itemsLimit", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, linesLimit: { classPropertyName: "linesLimit", publicName: "linesLimit", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._multiline": "linesLimit() > 1" } }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemsWithMoreDirective, decorators: [{
             type: Directive,
-            args: [{
-                    host: {
-                        '[class._multiline]': 'linesLimit() > 1',
-                        '[style.--t-min-width.px]': 'maxWidth()',
-                    },
-                }]
+            args: [{ host: { '[class._multiline]': 'linesLimit() > 1' } }]
         }] });
 
 class TuiItemsWithMoreService extends Observable {
@@ -53,7 +44,7 @@ class TuiItemsWithMoreService extends Observable {
         const { clientWidth } = this.el;
         const items = Array.from(children, ({ clientWidth }) => clientWidth);
         const index = align() === 'start' ? 0 : items.length - 1;
-        const more = children[index]?.tagName === 'SPAN' ? (items[index] ?? 0) : 0;
+        const more = isMore(children[index]) ? (items[index] ?? 0) : 0;
         const total = items.reduce((sum, width) => sum + width, 0) - more;
         if (total <= clientWidth && itemsLimit() >= items.length) {
             return align() === 'end' ? itemsLimit() : 0;
@@ -100,6 +91,7 @@ class TuiItemsWithMoreService extends Observable {
         const { children } = this.el;
         const { linesLimit, itemsLimit } = this.directive;
         const items = Array.from(children);
+        this.reserveMoreWidth(items);
         const rows = new Set(items.map((item) => item.offsetTop));
         const offset = Array.from(rows)[linesLimit() - 1];
         const firstItemLastRow = items.findIndex((i) => i.offsetTop === offset);
@@ -107,12 +99,25 @@ class TuiItemsWithMoreService extends Observable {
         const index = firstItemLastRow + this.getOverflowIndex(lastRow);
         return Math.min(itemsLimit() - 1, index);
     }
+    /**
+     * Extra pixel compensates for clientWidth rounding down fractional widths.
+     */
+    reserveMoreWidth(items) {
+        const widths = items
+            .filter((item) => !isMore(item))
+            .map(({ clientWidth }) => clientWidth);
+        const width = tuiClamp(Math.max(...widths) + 1, 0, this.el.clientWidth);
+        this.el.style.setProperty('--t-min-width', `${width}px`);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemsWithMoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemsWithMoreService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemsWithMoreService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
+function isMore(element) {
+    return !!element?.classList.contains('t-item_more');
+}
 
 class TuiMore {
     static ngTemplateContextGuard(_dir, _ctx) {

package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-items-with-more.mjs","sources":["../../../projects/kit/components/items-with-more/items-with-more.directive.ts","../../../projects/kit/components/items-with-more/items-with-more.service.ts","../../../projects/kit/components/items-with-more/more.directive.ts","../../../projects/kit/components/items-with-more/items-with-more.component.ts","../../../projects/kit/components/items-with-more/items-with-more.template.html","../../../projects/kit/components/items-with-more/items-with-more.ts","../../../projects/kit/components/items-with-more/taiga-ui-kit-components-items-with-more.ts"],"sourcesContent":["import {computed, Directive, input, type OnChanges} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {Subject} from 'rxjs';\n\n@Directive({\n    host: {\n        '[class._multiline]': 'linesLimit() > 1',\n        '[style.--t-min-width.px]': 'maxWidth()',\n    },\n})\nexport class TuiItemsWithMoreDirective implements OnChanges {\n    private readonly el = tuiInjectElement();\n\n    public readonly itemsLimit = input(Infinity);\n    public readonly required = input(-1);\n    public readonly linesLimit = input(1);\n    public readonly side = input<'end' | 'start'>('end');\n    public readonly align = computed(() => (this.linesLimit() > 1 ? 'end' : this.side()));\n    public readonly change$ = new Subject<void>();\n\n    public ngOnChanges(): void {\n        this.change$.next();\n    }\n\n    protected maxWidth(): number {\n        return Math.max(...Array.from(this.el.children, ({clientWidth}) => clientWidth));\n    }\n}\n","import {inject, Injectable} from '@angular/core';\nimport {WaMutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefreeScheduler, tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {debounceTime, distinctUntilChanged, map, merge, Observable, share} from 'rxjs';\n\nimport {TuiItemsWithMoreDirective} from './items-with-more.directive';\n\n@Injectable()\nexport class TuiItemsWithMoreService extends Observable<number> {\n    private readonly el = tuiInjectElement();\n    private readonly directive = inject(TuiItemsWithMoreDirective);\n\n    protected readonly stream$ = merge(\n        this.directive.change$,\n        inject(WaMutationObserverService, {self: true}),\n        inject(WaResizeObserverService, {self: true}),\n    ).pipe(\n        debounceTime(0, tuiZonefreeScheduler()),\n        map(() =>\n            this.directive.linesLimit() > 1\n                ? this.getOverflowIndexMultiline()\n                : this.getOverflowIndex(Array.from(this.el.children)),\n        ),\n        distinctUntilChanged(),\n        tuiZoneOptimized(),\n        share(),\n    );\n\n    constructor() {\n        super((subscriber) => this.stream$.subscribe(subscriber));\n    }\n\n    private getOverflowIndex(children: Element[]): number {\n        const {align, itemsLimit} = this.directive;\n        const {clientWidth} = this.el;\n        const items = Array.from(children, ({clientWidth}) => clientWidth);\n        const index = align() === 'start' ? 0 : items.length - 1;\n        const more = children[index]?.tagName === 'SPAN' ? (items[index] ?? 0) : 0;\n        const total = items.reduce((sum, width) => sum + width, 0) - more;\n\n        if (total <= clientWidth && itemsLimit() >= items.length) {\n            return align() === 'end' ? itemsLimit() : 0;\n        }\n\n        return align() === 'start'\n            ? this.getIndexStart(items, total, more)\n            : this.getIndexEnd(items, total, more);\n    }\n\n    private getIndexStart(items: number[], total: number, more: number): number {\n        const {required, itemsLimit} = this.directive;\n        const {clientWidth} = this.el;\n        const min = Number.isFinite(itemsLimit()) ? items.length - itemsLimit() - 1 : 0;\n        const last = items.length - 1;\n        const mandatory = required() === -1 ? last : required();\n\n        for (let i = 1; i < last; i++) {\n            if (i === mandatory + 1) {\n                continue;\n            }\n\n            total -= items[i] ?? 0;\n\n            if (total + more <= clientWidth) {\n                return tuiClamp(i, mandatory < min ? min + 1 : min, items.length);\n            }\n        }\n\n        return items.length;\n    }\n\n    private getIndexEnd(items: number[], total: number, more: number): number {\n        const {required, itemsLimit} = this.directive;\n        const {clientWidth} = this.el;\n        const max = itemsLimit() > required() ? itemsLimit() - 1 : itemsLimit() - 2;\n        const last = items.length - 1;\n        const mandatory = required() === -1 ? 0 : required;\n\n        for (let i = last - 1; i > 0; i--) {\n            if (i === mandatory) {\n                continue;\n            }\n\n            total -= items[i] ?? 0;\n\n            if (total + more <= clientWidth) {\n                return tuiClamp(i - 1, -1, max);\n            }\n        }\n\n        return -1;\n    }\n\n    private getOverflowIndexMultiline(): number {\n        const {children} = this.el;\n        const {linesLimit, itemsLimit} = this.directive;\n        const items = Array.from(children) as HTMLElement[];\n        const rows = new Set(items.map((item) => item.offsetTop));\n        const offset = Array.from(rows)[linesLimit() - 1];\n        const firstItemLastRow = items.findIndex((i) => i.offsetTop === offset);\n        const lastRow = items.slice(firstItemLastRow);\n        const index = firstItemLastRow + this.getOverflowIndex(lastRow);\n\n        return Math.min(itemsLimit() - 1, index);\n    }\n}\n","import {Directive} from '@angular/core';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\n\n@Directive({selector: '[tuiMore]'})\nexport class TuiMore {\n    public static ngTemplateContextGuard(\n        _dir: TuiMore,\n        _ctx: unknown,\n    ): _ctx is TuiContext<number> {\n        return true;\n    }\n}\n","import {NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    contentChildren,\n    inject,\n    TemplateRef,\n} from '@angular/core';\nimport {outputFromObservable, toSignal} from '@angular/core/rxjs-interop';\nimport {\n    WA_MUTATION_OBSERVER_INIT,\n    WaMutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {TuiItem} from '@taiga-ui/cdk/directives/item';\n\nimport {TuiItemsWithMoreDirective} from './items-with-more.directive';\nimport {TuiItemsWithMoreService} from './items-with-more.service';\nimport {TuiMore} from './more.directive';\n\n@Component({\n    selector: 'tui-items-with-more',\n    imports: [NgTemplateOutlet],\n    templateUrl: './items-with-more.template.html',\n    styleUrl: './items-with-more.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        WaMutationObserverService,\n        WaResizeObserverService,\n        TuiItemsWithMoreService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {\n                childList: true,\n                characterData: true,\n                subtree: true,\n            },\n        },\n    ],\n    hostDirectives: [\n        {\n            directive: TuiItemsWithMoreDirective,\n            inputs: ['itemsLimit', 'required', 'side', 'linesLimit'],\n        },\n    ],\n})\nexport class TuiItemsWithMoreComponent {\n    protected readonly service = inject(TuiItemsWithMoreService);\n    protected readonly directive = inject(TuiItemsWithMoreDirective);\n    protected readonly more = contentChild(TuiMore, {read: TemplateRef});\n\n    protected readonly items = contentChildren(TuiItem, {\n        read: TemplateRef,\n        descendants: true,\n    });\n\n    protected readonly isMoreHidden = computed(\n        (index = this.lastIndex()) =>\n            (index >= this.items().length - 1 && this.directive.align() === 'end') ||\n            (!index && this.directive.align() === 'start'),\n    );\n\n    public readonly lastIndexChange = outputFromObservable(this.service);\n    public readonly lastIndex = toSignal(this.service, {initialValue: 0});\n\n    protected isHidden(index: number): boolean {\n        const {align, required} = this.directive;\n\n        return (\n            (index > this.lastIndex() && index !== required() && align() === 'end') ||\n            (index < this.lastIndex() && index !== required() && align() === 'start')\n        );\n    }\n}\n","@if (directive.side() === 'start') {\n    <ng-container [ngTemplateOutlet]=\"template\" />\n}\n@for (item of items(); track item) {\n    <div\n        class=\"t-item\"\n        [class.t-item_hidden]=\"isHidden($index)\"\n    >\n        <ng-container *ngTemplateOutlet=\"item\" />\n    </div>\n}\n@if (directive.side() === 'end') {\n    <ng-container [ngTemplateOutlet]=\"template\" />\n}\n<ng-template #template>\n    @if (!isMoreHidden()) {\n        <span class=\"t-item t-item_more\">\n            <ng-container\n                [ngTemplateOutlet]=\"more() || null\"\n                [ngTemplateOutletContext]=\"{$implicit: lastIndex()}\"\n            />\n        </span>\n    }\n</ng-template>\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\n\nimport {TuiItemsWithMoreComponent} from './items-with-more.component';\nimport {TuiItemsWithMoreDirective} from './items-with-more.directive';\nimport {TuiMore} from './more.directive';\n\nexport const TuiItemsWithMore = [\n    TuiItemsWithMoreComponent,\n    TuiItemsWithMoreDirective,\n    TuiMore,\n    TuiItem,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.TuiItemsWithMoreDirective"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-items-with-more.mjs","sources":["../../../projects/kit/components/items-with-more/items-with-more.directive.ts","../../../projects/kit/components/items-with-more/items-with-more.service.ts","../../../projects/kit/components/items-with-more/more.directive.ts","../../../projects/kit/components/items-with-more/items-with-more.component.ts","../../../projects/kit/components/items-with-more/items-with-more.template.html","../../../projects/kit/components/items-with-more/items-with-more.ts","../../../projects/kit/components/items-with-more/taiga-ui-kit-components-items-with-more.ts"],"sourcesContent":["import {computed, Directive, input, type OnChanges} from '@angular/core';\nimport {Subject} from 'rxjs';\n\n@Directive({host: {'[class._multiline]': 'linesLimit() > 1'}})\nexport class TuiItemsWithMoreDirective implements OnChanges {\n    public readonly itemsLimit = input(Infinity);\n    public readonly required = input(-1);\n    public readonly linesLimit = input(1);\n    public readonly side = input<'end' | 'start'>('end');\n    public readonly align = computed(() => (this.linesLimit() > 1 ? 'end' : this.side()));\n    public readonly change$ = new Subject<void>();\n\n    public ngOnChanges(): void {\n        this.change$.next();\n    }\n}\n","import {inject, Injectable} from '@angular/core';\nimport {WaMutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefreeScheduler, tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {debounceTime, distinctUntilChanged, map, merge, Observable, share} from 'rxjs';\n\nimport {TuiItemsWithMoreDirective} from './items-with-more.directive';\n\n@Injectable()\nexport class TuiItemsWithMoreService extends Observable<number> {\n    private readonly el = tuiInjectElement();\n    private readonly directive = inject(TuiItemsWithMoreDirective);\n\n    protected readonly stream$ = merge(\n        this.directive.change$,\n        inject(WaMutationObserverService, {self: true}),\n        inject(WaResizeObserverService, {self: true}),\n    ).pipe(\n        debounceTime(0, tuiZonefreeScheduler()),\n        map(() =>\n            this.directive.linesLimit() > 1\n                ? this.getOverflowIndexMultiline()\n                : this.getOverflowIndex(Array.from(this.el.children)),\n        ),\n        distinctUntilChanged(),\n        tuiZoneOptimized(),\n        share(),\n    );\n\n    constructor() {\n        super((subscriber) => this.stream$.subscribe(subscriber));\n    }\n\n    private getOverflowIndex(children: Element[]): number {\n        const {align, itemsLimit} = this.directive;\n        const {clientWidth} = this.el;\n        const items = Array.from(children, ({clientWidth}) => clientWidth);\n        const index = align() === 'start' ? 0 : items.length - 1;\n        const more = isMore(children[index]) ? (items[index] ?? 0) : 0;\n        const total = items.reduce((sum, width) => sum + width, 0) - more;\n\n        if (total <= clientWidth && itemsLimit() >= items.length) {\n            return align() === 'end' ? itemsLimit() : 0;\n        }\n\n        return align() === 'start'\n            ? this.getIndexStart(items, total, more)\n            : this.getIndexEnd(items, total, more);\n    }\n\n    private getIndexStart(items: number[], total: number, more: number): number {\n        const {required, itemsLimit} = this.directive;\n        const {clientWidth} = this.el;\n        const min = Number.isFinite(itemsLimit()) ? items.length - itemsLimit() - 1 : 0;\n        const last = items.length - 1;\n        const mandatory = required() === -1 ? last : required();\n\n        for (let i = 1; i < last; i++) {\n            if (i === mandatory + 1) {\n                continue;\n            }\n\n            total -= items[i] ?? 0;\n\n            if (total + more <= clientWidth) {\n                return tuiClamp(i, mandatory < min ? min + 1 : min, items.length);\n            }\n        }\n\n        return items.length;\n    }\n\n    private getIndexEnd(items: number[], total: number, more: number): number {\n        const {required, itemsLimit} = this.directive;\n        const {clientWidth} = this.el;\n        const max = itemsLimit() > required() ? itemsLimit() - 1 : itemsLimit() - 2;\n        const last = items.length - 1;\n        const mandatory = required() === -1 ? 0 : required;\n\n        for (let i = last - 1; i > 0; i--) {\n            if (i === mandatory) {\n                continue;\n            }\n\n            total -= items[i] ?? 0;\n\n            if (total + more <= clientWidth) {\n                return tuiClamp(i - 1, -1, max);\n            }\n        }\n\n        return -1;\n    }\n\n    private getOverflowIndexMultiline(): number {\n        const {children} = this.el;\n        const {linesLimit, itemsLimit} = this.directive;\n        const items = Array.from(children) as HTMLElement[];\n\n        this.reserveMoreWidth(items);\n\n        const rows = new Set(items.map((item) => item.offsetTop));\n        const offset = Array.from(rows)[linesLimit() - 1];\n        const firstItemLastRow = items.findIndex((i) => i.offsetTop === offset);\n        const lastRow = items.slice(firstItemLastRow);\n        const index = firstItemLastRow + this.getOverflowIndex(lastRow);\n\n        return Math.min(itemsLimit() - 1, index);\n    }\n\n    /**\n     * Extra pixel compensates for clientWidth rounding down fractional widths.\n     */\n    private reserveMoreWidth(items: readonly HTMLElement[]): void {\n        const widths = items\n            .filter((item) => !isMore(item))\n            .map(({clientWidth}) => clientWidth);\n\n        const width = tuiClamp(Math.max(...widths) + 1, 0, this.el.clientWidth);\n\n        this.el.style.setProperty('--t-min-width', `${width}px`);\n    }\n}\n\nfunction isMore(element?: Element): boolean {\n    return !!element?.classList.contains('t-item_more');\n}\n","import {Directive} from '@angular/core';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\n\n@Directive({selector: '[tuiMore]'})\nexport class TuiMore {\n    public static ngTemplateContextGuard(\n        _dir: TuiMore,\n        _ctx: unknown,\n    ): _ctx is TuiContext<number> {\n        return true;\n    }\n}\n","import {NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    contentChildren,\n    inject,\n    TemplateRef,\n} from '@angular/core';\nimport {outputFromObservable, toSignal} from '@angular/core/rxjs-interop';\nimport {\n    WA_MUTATION_OBSERVER_INIT,\n    WaMutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {TuiItem} from '@taiga-ui/cdk/directives/item';\n\nimport {TuiItemsWithMoreDirective} from './items-with-more.directive';\nimport {TuiItemsWithMoreService} from './items-with-more.service';\nimport {TuiMore} from './more.directive';\n\n@Component({\n    selector: 'tui-items-with-more',\n    imports: [NgTemplateOutlet],\n    templateUrl: './items-with-more.template.html',\n    styleUrl: './items-with-more.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        WaMutationObserverService,\n        WaResizeObserverService,\n        TuiItemsWithMoreService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {\n                childList: true,\n                characterData: true,\n                subtree: true,\n            },\n        },\n    ],\n    hostDirectives: [\n        {\n            directive: TuiItemsWithMoreDirective,\n            inputs: ['itemsLimit', 'required', 'side', 'linesLimit'],\n        },\n    ],\n})\nexport class TuiItemsWithMoreComponent {\n    protected readonly service = inject(TuiItemsWithMoreService);\n    protected readonly directive = inject(TuiItemsWithMoreDirective);\n    protected readonly more = contentChild(TuiMore, {read: TemplateRef});\n\n    protected readonly items = contentChildren(TuiItem, {\n        read: TemplateRef,\n        descendants: true,\n    });\n\n    protected readonly isMoreHidden = computed(\n        (index = this.lastIndex()) =>\n            (index >= this.items().length - 1 && this.directive.align() === 'end') ||\n            (!index && this.directive.align() === 'start'),\n    );\n\n    public readonly lastIndexChange = outputFromObservable(this.service);\n    public readonly lastIndex = toSignal(this.service, {initialValue: 0});\n\n    protected isHidden(index: number): boolean {\n        const {align, required} = this.directive;\n\n        return (\n            (index > this.lastIndex() && index !== required() && align() === 'end') ||\n            (index < this.lastIndex() && index !== required() && align() === 'start')\n        );\n    }\n}\n","@if (directive.side() === 'start') {\n    <ng-container [ngTemplateOutlet]=\"template\" />\n}\n@for (item of items(); track item) {\n    <div\n        class=\"t-item\"\n        [class.t-item_hidden]=\"isHidden($index)\"\n    >\n        <ng-container *ngTemplateOutlet=\"item\" />\n    </div>\n}\n@if (directive.side() === 'end') {\n    <ng-container [ngTemplateOutlet]=\"template\" />\n}\n<ng-template #template>\n    @if (!isMoreHidden()) {\n        <span class=\"t-item t-item_more\">\n            <ng-container\n                [ngTemplateOutlet]=\"more() || null\"\n                [ngTemplateOutletContext]=\"{$implicit: lastIndex()}\"\n            />\n        </span>\n    }\n</ng-template>\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\n\nimport {TuiItemsWithMoreComponent} from './items-with-more.component';\nimport {TuiItemsWithMoreDirective} from './items-with-more.directive';\nimport {TuiMore} from './more.directive';\n\nexport const TuiItemsWithMore = [\n    TuiItemsWithMoreComponent,\n    TuiItemsWithMoreDirective,\n    TuiMore,\n    TuiItem,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.TuiItemsWithMoreDirective"],"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.31.0\"]){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.31.0\"]):before,[tuiLike]:where(*[data-tui-version=\"5.31.0\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:scale,opacity}[tuiLike]:where(*[data-tui-version=\"5.31.0\"]):after{opacity:0;color:var(--t-icon-color, inherit);scale:0}[tuiLike]:where(*[data-tui-version=\"5.31.0\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.31.0\"]):checked:after{opacity:1;scale:1;transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.31.0\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.31.0\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.31.0\"])[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.32.0\"]){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.32.0\"]):before,[tuiLike]:where(*[data-tui-version=\"5.32.0\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:scale,opacity}[tuiLike]:where(*[data-tui-version=\"5.32.0\"]):after{opacity:0;color:var(--t-icon-color, inherit);scale:0}[tuiLike]:where(*[data-tui-version=\"5.32.0\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.32.0\"]):checked:after{opacity:1;scale:1;transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.32.0\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.32.0\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.32.0\"])[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.25", ngImport: i0, type: TuiLike, decorators: [{
             type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         '[attr.data-mode]': '""',
                         '[attr.data-size]': 'size()',
                         '[style.--t-icon-color]': 'color()',
-                    }, styles: ["[tuiLike]:where(*[data-tui-version=\"5.31.0\"]){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.31.0\"]):before,[tuiLike]:where(*[data-tui-version=\"5.31.0\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:scale,opacity}[tuiLike]:where(*[data-tui-version=\"5.31.0\"]):after{opacity:0;color:var(--t-icon-color, inherit);scale:0}[tuiLike]:where(*[data-tui-version=\"5.31.0\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.31.0\"]):checked:after{opacity:1;scale:1;transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.31.0\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.31.0\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.31.0\"])[data-size=s]:after{font-size:1rem}\n"] }]
+                    }, styles: ["[tuiLike]:where(*[data-tui-version=\"5.32.0\"]){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.32.0\"]):before,[tuiLike]:where(*[data-tui-version=\"5.32.0\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:scale,opacity}[tuiLike]:where(*[data-tui-version=\"5.32.0\"]):after{opacity:0;color:var(--t-icon-color, inherit);scale:0}[tuiLike]:where(*[data-tui-version=\"5.32.0\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.32.0\"]):checked:after{opacity:1;scale:1;transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.32.0\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.32.0\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.32.0\"])[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.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-message-5.31.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.31.0\"]){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.31.0\"])>[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.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-message-5.32.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.32.0\"]){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.32.0\"])>[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.25", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-message-${TUI_VERSION}`, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.31.0\"]){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.31.0\"])>[tuiLink]{color:inherit!important;text-decoration:underline solid!important}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-message-${TUI_VERSION}`, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.32.0\"]){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.32.0\"])>[tuiLink]{color:inherit!important;text-decoration:underline solid!important}\n"] }]
         }] });
 class TuiMessage {
     constructor() {

package/fesm2022/taiga-ui-kit-components-meter.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.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-meter-5.31.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiMeter]:where(*[data-tui-version=\"5.31.0\"]){--t-min: attr(min type(<number>), 0);--t-max: attr(max type(<number>), 1);--t-low: attr(low type(<number>), var(--t-min));--t-high: attr(high type(<number>), var(--t-max));--t-optimum: attr(optimum type(<number>), calc(var(--t-max) - var(--t-min) / 2));--t-value: attr(value type(<number>), 0);--t-a: calc((var(--t-low) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-b: calc((var(--t-high) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-c: calc((var(--t-optimum) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-1: min(var(--t-a), var(--t-b), var(--t-c));--t-2: min(max(var(--t-a), var(--t-b)), max(var(--t-b), var(--t-c)), max(var(--t-a), var(--t-c)));--t-3: max(var(--t-a), var(--t-b), var(--t-c));--t-dir: clamp(-1, (var(--t-high) - var(--t-optimum)) * 9999, 1);--t-center: calc((var(--t-1) + var(--t-3)) / 2);--t-delta: calc(var(--t-3) - var(--t-1));--t-start: calc(var(--t-center) - (var(--t-delta) * var(--t-dir) / 2));--t-end: calc(var(--t-center) + (var(--t-delta) * var(--t-dir) / 2));--t-good: calc(100% * (((var(--t-start)) - .5) * var(--t-dir) + .5));--t-mid: calc(100% * (((var(--t-2)) - .5) * var(--t-dir) + .5));--t-bad: calc(100% * (((var(--t-end)) - .5) * var(--t-dir) + .5));position:relative;margin:0;block-size:1rem;inline-size:100%;border-radius:1rem;background:linear-gradient(calc(90deg * var(--t-dir)),var(--tui-status-positive) var(--t-good),var(--tui-status-warning) var(--t-mid),var(--tui-status-negative) var(--t-bad));transform:scaleX(var(--tui-inline));mask-clip:no-clip;-webkit-mask-image:radial-gradient(circle at calc(.5rem + (100% - 1rem) * (var(--t-value) - var(--t-min)) / (var(--t-max) - var(--t-min))) .5rem,black calc(.5rem - .5px),transparent .5rem,transparent .75rem,black calc(.75rem + .5px));mask-image:radial-gradient(circle at calc(.5rem + (100% - 1rem) * (var(--t-value) - var(--t-min)) / (var(--t-max) - var(--t-min))) .5rem,black calc(.5rem - .5px),transparent .5rem,transparent .75rem,black calc(.75rem + .5px))}[tuiMeter]:where(*[data-tui-version=\"5.31.0\"])::-webkit-meter-inner-element{display:none}[tuiMeter]:where(*[data-tui-version=\"5.31.0\"])::-moz-meter-bar{background:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-meter-5.32.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiMeter]:where(*[data-tui-version=\"5.32.0\"]){--t-min: attr(min type(<number>), 0);--t-max: attr(max type(<number>), 1);--t-low: attr(low type(<number>), var(--t-min));--t-high: attr(high type(<number>), var(--t-max));--t-optimum: attr(optimum type(<number>), calc(var(--t-max) - var(--t-min) / 2));--t-value: attr(value type(<number>), 0);--t-a: calc((var(--t-low) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-b: calc((var(--t-high) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-c: calc((var(--t-optimum) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-1: min(var(--t-a), var(--t-b), var(--t-c));--t-2: min(max(var(--t-a), var(--t-b)), max(var(--t-b), var(--t-c)), max(var(--t-a), var(--t-c)));--t-3: max(var(--t-a), var(--t-b), var(--t-c));--t-dir: clamp(-1, (var(--t-high) - var(--t-optimum)) * 9999, 1);--t-center: calc((var(--t-1) + var(--t-3)) / 2);--t-delta: calc(var(--t-3) - var(--t-1));--t-start: calc(var(--t-center) - (var(--t-delta) * var(--t-dir) / 2));--t-end: calc(var(--t-center) + (var(--t-delta) * var(--t-dir) / 2));--t-good: calc(100% * (((var(--t-start)) - .5) * var(--t-dir) + .5));--t-mid: calc(100% * (((var(--t-2)) - .5) * var(--t-dir) + .5));--t-bad: calc(100% * (((var(--t-end)) - .5) * var(--t-dir) + .5));position:relative;margin:0;block-size:1rem;inline-size:100%;border-radius:1rem;background:linear-gradient(calc(90deg * var(--t-dir)),var(--tui-status-positive) var(--t-good),var(--tui-status-warning) var(--t-mid),var(--tui-status-negative) var(--t-bad));transform:scaleX(var(--tui-inline));mask-clip:no-clip;-webkit-mask-image:radial-gradient(circle at calc(.5rem + (100% - 1rem) * (var(--t-value) - var(--t-min)) / (var(--t-max) - var(--t-min))) .5rem,black calc(.5rem - .5px),transparent .5rem,transparent .75rem,black calc(.75rem + .5px));mask-image:radial-gradient(circle at calc(.5rem + (100% - 1rem) * (var(--t-value) - var(--t-min)) / (var(--t-max) - var(--t-min))) .5rem,black calc(.5rem - .5px),transparent .5rem,transparent .75rem,black calc(.75rem + .5px))}[tuiMeter]:where(*[data-tui-version=\"5.32.0\"])::-webkit-meter-inner-element{display:none}[tuiMeter]:where(*[data-tui-version=\"5.32.0\"])::-moz-meter-bar{background:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-meter-${TUI_VERSION}`, styles: ["[tuiMeter]:where(*[data-tui-version=\"5.31.0\"]){--t-min: attr(min type(<number>), 0);--t-max: attr(max type(<number>), 1);--t-low: attr(low type(<number>), var(--t-min));--t-high: attr(high type(<number>), var(--t-max));--t-optimum: attr(optimum type(<number>), calc(var(--t-max) - var(--t-min) / 2));--t-value: attr(value type(<number>), 0);--t-a: calc((var(--t-low) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-b: calc((var(--t-high) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-c: calc((var(--t-optimum) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-1: min(var(--t-a), var(--t-b), var(--t-c));--t-2: min(max(var(--t-a), var(--t-b)), max(var(--t-b), var(--t-c)), max(var(--t-a), var(--t-c)));--t-3: max(var(--t-a), var(--t-b), var(--t-c));--t-dir: clamp(-1, (var(--t-high) - var(--t-optimum)) * 9999, 1);--t-center: calc((var(--t-1) + var(--t-3)) / 2);--t-delta: calc(var(--t-3) - var(--t-1));--t-start: calc(var(--t-center) - (var(--t-delta) * var(--t-dir) / 2));--t-end: calc(var(--t-center) + (var(--t-delta) * var(--t-dir) / 2));--t-good: calc(100% * (((var(--t-start)) - .5) * var(--t-dir) + .5));--t-mid: calc(100% * (((var(--t-2)) - .5) * var(--t-dir) + .5));--t-bad: calc(100% * (((var(--t-end)) - .5) * var(--t-dir) + .5));position:relative;margin:0;block-size:1rem;inline-size:100%;border-radius:1rem;background:linear-gradient(calc(90deg * var(--t-dir)),var(--tui-status-positive) var(--t-good),var(--tui-status-warning) var(--t-mid),var(--tui-status-negative) var(--t-bad));transform:scaleX(var(--tui-inline));mask-clip:no-clip;-webkit-mask-image:radial-gradient(circle at calc(.5rem + (100% - 1rem) * (var(--t-value) - var(--t-min)) / (var(--t-max) - var(--t-min))) .5rem,black calc(.5rem - .5px),transparent .5rem,transparent .75rem,black calc(.75rem + .5px));mask-image:radial-gradient(circle at calc(.5rem + (100% - 1rem) * (var(--t-value) - var(--t-min)) / (var(--t-max) - var(--t-min))) .5rem,black calc(.5rem - .5px),transparent .5rem,transparent .75rem,black calc(.75rem + .5px))}[tuiMeter]:where(*[data-tui-version=\"5.31.0\"])::-webkit-meter-inner-element{display:none}[tuiMeter]:where(*[data-tui-version=\"5.31.0\"])::-moz-meter-bar{background:none}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-meter-${TUI_VERSION}`, styles: ["[tuiMeter]:where(*[data-tui-version=\"5.32.0\"]){--t-min: attr(min type(<number>), 0);--t-max: attr(max type(<number>), 1);--t-low: attr(low type(<number>), var(--t-min));--t-high: attr(high type(<number>), var(--t-max));--t-optimum: attr(optimum type(<number>), calc(var(--t-max) - var(--t-min) / 2));--t-value: attr(value type(<number>), 0);--t-a: calc((var(--t-low) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-b: calc((var(--t-high) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-c: calc((var(--t-optimum) - var(--t-min)) / (var(--t-max) - var(--t-min)));--t-1: min(var(--t-a), var(--t-b), var(--t-c));--t-2: min(max(var(--t-a), var(--t-b)), max(var(--t-b), var(--t-c)), max(var(--t-a), var(--t-c)));--t-3: max(var(--t-a), var(--t-b), var(--t-c));--t-dir: clamp(-1, (var(--t-high) - var(--t-optimum)) * 9999, 1);--t-center: calc((var(--t-1) + var(--t-3)) / 2);--t-delta: calc(var(--t-3) - var(--t-1));--t-start: calc(var(--t-center) - (var(--t-delta) * var(--t-dir) / 2));--t-end: calc(var(--t-center) + (var(--t-delta) * var(--t-dir) / 2));--t-good: calc(100% * (((var(--t-start)) - .5) * var(--t-dir) + .5));--t-mid: calc(100% * (((var(--t-2)) - .5) * var(--t-dir) + .5));--t-bad: calc(100% * (((var(--t-end)) - .5) * var(--t-dir) + .5));position:relative;margin:0;block-size:1rem;inline-size:100%;border-radius:1rem;background:linear-gradient(calc(90deg * var(--t-dir)),var(--tui-status-positive) var(--t-good),var(--tui-status-warning) var(--t-mid),var(--tui-status-negative) var(--t-bad));transform:scaleX(var(--tui-inline));mask-clip:no-clip;-webkit-mask-image:radial-gradient(circle at calc(.5rem + (100% - 1rem) * (var(--t-value) - var(--t-min)) / (var(--t-max) - var(--t-min))) .5rem,black calc(.5rem - .5px),transparent .5rem,transparent .75rem,black calc(.75rem + .5px));mask-image:radial-gradient(circle at calc(.5rem + (100% - 1rem) * (var(--t-value) - var(--t-min)) / (var(--t-max) - var(--t-min))) .5rem,black calc(.5rem - .5px),transparent .5rem,transparent .75rem,black calc(.75rem + .5px))}[tuiMeter]:where(*[data-tui-version=\"5.32.0\"])::-webkit-meter-inner-element{display:none}[tuiMeter]:where(*[data-tui-version=\"5.32.0\"])::-moz-meter-bar{background:none}\n"] }]
         }] });
 class TuiMeter {
     constructor() {
@@ -22,7 +22,7 @@ class TuiMeter {
         this.value = input('0');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiMeter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiMeter, isStandalone: true, selector: "meter[tuiMeter]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, low: { classPropertyName: "low", publicName: "low", isSignal: true, isRequired: false, transformFunction: null }, high: { classPropertyName: "high", publicName: "high", isSignal: true, isRequired: false, transformFunction: null }, optimum: { classPropertyName: "optimum", publicName: "optimum", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.31.0" }, properties: { "attr.high": "high()", "attr.low": "low()", "attr.max": "max()", "attr.min": "min()", "attr.optimum": "optimum()", "attr.value": "value()", "style.--t-high": "high()", "style.--t-low": "low()", "style.--t-max": "max()", "style.--t-min": "min()", "style.--t-optimum": "optimum()", "style.--t-value": "value()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiMeter, isStandalone: true, selector: "meter[tuiMeter]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, low: { classPropertyName: "low", publicName: "low", isSignal: true, isRequired: false, transformFunction: null }, high: { classPropertyName: "high", publicName: "high", isSignal: true, isRequired: false, transformFunction: null }, optimum: { classPropertyName: "optimum", publicName: "optimum", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.32.0" }, properties: { "attr.high": "high()", "attr.low": "low()", "attr.max": "max()", "attr.min": "min()", "attr.optimum": "optimum()", "attr.value": "value()", "style.--t-high": "high()", "style.--t-low": "low()", "style.--t-max": "max()", "style.--t-min": "min()", "style.--t-optimum": "optimum()", "style.--t-value": "value()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiMeter, decorators: [{
             type: Directive,

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

@@ -6,11 +6,11 @@ import { tuiBadgeOptionsProvider } from '@taiga-ui/kit/components/badge';
 
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-pin-5.31.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiPin]:where(*[data-tui-version=\"5.31.0\"]){--t-scale: calc(1 + (var(--tui-font-scale) - 1) / 2);--t-size: calc(2rem * var(--t-scale));transition-property:min-inline-size,grid-template-columns,block-size,border,margin,font;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:grid;isolation:isolate;align-items:center;grid-template-rows:100%;grid-template-columns:var(--t-size) 1fr;min-inline-size:var(--t-size);max-inline-size:calc(11.25rem * var(--t-scale));block-size:var(--t-size);text-align:center;border-radius:100rem;font:var(--tui-typography-ui-xs);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 calc(.125rem * var(--t-scale)) var(--tui-background-elevation-1);border:0 solid var(--tui-background-accent-2);transform:translate(calc(var(--tui-inline) * -50%),-50%)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):empty{--t-size: calc(.75rem * var(--t-scale))}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):empty:before{display:none}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has([tuiPin]){border-color:currentColor;background:var(--tui-background-elevation-1)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>*,[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):before,[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):after{transition-duration:inherit!important}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>input{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-elevation-1)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>tui-icon:not([tuiBadge]){transition-property:inline-size,font-size;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);font-size:1.25rem;block-size:100%;inline-size:100%;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>tui-icon:not([tuiBadge]):before{transition-property:font-size;transition-duration:inherit;transition-timing-function:var(--tui-curve-productive-standard)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiPin]{color:inherit;border:.125rem solid;font:inherit;background:none;transform:none;box-shadow:none;grid-template-columns:100% 0fr}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiBadge]{transition-property:inset;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiTitle]{transition-property:opacity,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:static;font:var(--tui-typography-ui-xs);font-weight:700;color:var(--tui-text-primary);margin-inline:.5rem .75rem;gap:.125rem;white-space:nowrap}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiTitle]:before{transition-property:mask-position;transition-duration:inherit;transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset:-1px 0;z-index:-1;inset-inline-end:-1px;background:var(--tui-background-elevation-1);border-radius:100rem;-webkit-mask-image:radial-gradient(circle closest-corner at var(--tui-inline-start) center,transparent calc(100% - 1px),black calc(100% - .5px));mask-image:radial-gradient(circle closest-corner at var(--tui-inline-start) center,transparent calc(100% - 1px),black calc(100% - .5px));-webkit-mask-position:calc(var(--tui-inline) * var(--t-size) / 2);mask-position:calc(var(--tui-inline) * var(--t-size) / 2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiTitle] [tuiSubtitle]{display:flex;align-items:center;gap:.125rem;font:var(--tui-typography-ui-2xs);color:var(--tui-text-secondary)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiTitle] [tuiSubtitle] tui-icon:not([tuiBadge]){font-size:.75rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked){--t-size: calc(3.5rem * var(--t-scale));font:var(--tui-typography-body-l);font-weight:700;grid-template-columns:var(--t-size) 0fr;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked)>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked) tui-icon:not([tuiBadge]){font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked)>[tuiPin]{border-color:transparent}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked)>[tuiBadge]{inset-block-start:0;inset-inline-end:0}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked)>[tuiTitle]{pointer-events:none;opacity:0;margin:0}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked):before{scale:.99;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked):after{inset-block-start:calc(4.5rem * var(--t-scale));opacity:1}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open{--t-size: calc(3.5rem * var(--t-scale));font:var(--tui-typography-body-l);font-weight:700;grid-template-columns:var(--t-size) 0fr;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open tui-icon:not([tuiBadge]){font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open>[tuiPin]{border-color:transparent}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open>[tuiBadge]{inset-block-start:0;inset-inline-end:0}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open>[tuiTitle]{pointer-events:none;opacity:0;margin:0}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open:before{scale:.99;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open:after{inset-block-start:calc(4.5rem * var(--t-scale));opacity:1}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):before{transition-property:scale,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;z-index:-1;inset-block:50% calc(-.625rem * var(--t-scale));inset-inline:50% calc(-.25rem * var(--t-scale));box-sizing:border-box;border-width:calc(2.2rem * var(--t-scale)) calc(1.875rem * var(--t-scale));border-style:solid;border-color:inherit;opacity:0;scale:.57;transform:translate(calc(var(--tui-inline) * -1 * calc(1.875rem * var(--t-scale))),calc(-1 * calc(1.875rem * var(--t-scale))));transform-origin:top var(--tui-inline-start);pointer-events:none;-webkit-mask-image: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>');mask-image: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>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):after{transition-property:inset-block-start,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(calc(var(--tui-inline) * -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.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-pin-5.32.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiPin]:where(*[data-tui-version=\"5.32.0\"]){--t-scale: calc(1 + (var(--tui-font-scale) - 1) / 2);--t-size: calc(2rem * var(--t-scale));transition-property:min-inline-size,grid-template-columns,block-size,border,margin,font;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:grid;isolation:isolate;align-items:center;grid-template-rows:100%;grid-template-columns:var(--t-size) 1fr;min-inline-size:var(--t-size);max-inline-size:calc(11.25rem * var(--t-scale));block-size:var(--t-size);text-align:center;border-radius:100rem;font:var(--tui-typography-ui-xs);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 calc(.125rem * var(--t-scale)) var(--tui-background-elevation-1);border:0 solid var(--tui-background-accent-2);transform:translate(calc(var(--tui-inline) * -50%),-50%)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):empty{--t-size: calc(.75rem * var(--t-scale))}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):empty:before{display:none}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has([tuiPin]){border-color:currentColor;background:var(--tui-background-elevation-1)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>*,[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):before,[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):after{transition-duration:inherit!important}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>input{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-elevation-1)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>tui-icon:not([tuiBadge]){transition-property:inline-size,font-size;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);font-size:1.25rem;block-size:100%;inline-size:100%;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>tui-icon:not([tuiBadge]):before{transition-property:font-size;transition-duration:inherit;transition-timing-function:var(--tui-curve-productive-standard)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiPin]{color:inherit;border:.125rem solid;font:inherit;background:none;transform:none;box-shadow:none;grid-template-columns:100% 0fr}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiBadge]{transition-property:inset;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiTitle]{transition-property:opacity,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:static;font:var(--tui-typography-ui-xs);font-weight:700;color:var(--tui-text-primary);margin-inline:.5rem .75rem;gap:.125rem;white-space:nowrap}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiTitle]:before{transition-property:mask-position;transition-duration:inherit;transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset:-1px 0;z-index:-1;inset-inline-end:-1px;background:var(--tui-background-elevation-1);border-radius:100rem;-webkit-mask-image:radial-gradient(circle closest-corner at var(--tui-inline-start) center,transparent calc(100% - 1px),black calc(100% - .5px));mask-image:radial-gradient(circle closest-corner at var(--tui-inline-start) center,transparent calc(100% - 1px),black calc(100% - .5px));-webkit-mask-position:calc(var(--tui-inline) * var(--t-size) / 2);mask-position:calc(var(--tui-inline) * var(--t-size) / 2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiTitle] [tuiSubtitle]{display:flex;align-items:center;gap:.125rem;font:var(--tui-typography-ui-2xs);color:var(--tui-text-secondary)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiTitle] [tuiSubtitle] tui-icon:not([tuiBadge]){font-size:.75rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked){--t-size: calc(3.5rem * var(--t-scale));font:var(--tui-typography-body-l);font-weight:700;grid-template-columns:var(--t-size) 0fr;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked)>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked) tui-icon:not([tuiBadge]){font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked)>[tuiPin]{border-color:transparent}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked)>[tuiBadge]{inset-block-start:0;inset-inline-end:0}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked)>[tuiTitle]{pointer-events:none;opacity:0;margin:0}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked):before{scale:.99;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked):after{inset-block-start:calc(4.5rem * var(--t-scale));opacity:1}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open{--t-size: calc(3.5rem * var(--t-scale));font:var(--tui-typography-body-l);font-weight:700;grid-template-columns:var(--t-size) 0fr;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open tui-icon:not([tuiBadge]){font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open>[tuiPin]{border-color:transparent}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open>[tuiBadge]{inset-block-start:0;inset-inline-end:0}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open>[tuiTitle]{pointer-events:none;opacity:0;margin:0}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open:before{scale:.99;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open:after{inset-block-start:calc(4.5rem * var(--t-scale));opacity:1}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):before{transition-property:scale,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;z-index:-1;inset-block:50% calc(-.625rem * var(--t-scale));inset-inline:50% calc(-.25rem * var(--t-scale));box-sizing:border-box;border-width:calc(2.2rem * var(--t-scale)) calc(1.875rem * var(--t-scale));border-style:solid;border-color:inherit;opacity:0;scale:.57;transform:translate(calc(var(--tui-inline) * -1 * calc(1.875rem * var(--t-scale))),calc(-1 * calc(1.875rem * var(--t-scale))));transform-origin:top var(--tui-inline-start);pointer-events:none;-webkit-mask-image: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>');mask-image: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>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):after{transition-property:inset-block-start,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(calc(var(--tui-inline) * -50%),-50%);opacity:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-pin-${TUI_VERSION}`, styles: ["[tuiPin]:where(*[data-tui-version=\"5.31.0\"]){--t-scale: calc(1 + (var(--tui-font-scale) - 1) / 2);--t-size: calc(2rem * var(--t-scale));transition-property:min-inline-size,grid-template-columns,block-size,border,margin,font;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:grid;isolation:isolate;align-items:center;grid-template-rows:100%;grid-template-columns:var(--t-size) 1fr;min-inline-size:var(--t-size);max-inline-size:calc(11.25rem * var(--t-scale));block-size:var(--t-size);text-align:center;border-radius:100rem;font:var(--tui-typography-ui-xs);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 calc(.125rem * var(--t-scale)) var(--tui-background-elevation-1);border:0 solid var(--tui-background-accent-2);transform:translate(calc(var(--tui-inline) * -50%),-50%)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):empty{--t-size: calc(.75rem * var(--t-scale))}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):empty:before{display:none}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has([tuiPin]){border-color:currentColor;background:var(--tui-background-elevation-1)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>*,[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):before,[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):after{transition-duration:inherit!important}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>input{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-elevation-1)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>tui-icon:not([tuiBadge]){transition-property:inline-size,font-size;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);font-size:1.25rem;block-size:100%;inline-size:100%;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>tui-icon:not([tuiBadge]):before{transition-property:font-size;transition-duration:inherit;transition-timing-function:var(--tui-curve-productive-standard)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiPin]{color:inherit;border:.125rem solid;font:inherit;background:none;transform:none;box-shadow:none;grid-template-columns:100% 0fr}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiBadge]{transition-property:inset;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiTitle]{transition-property:opacity,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:static;font:var(--tui-typography-ui-xs);font-weight:700;color:var(--tui-text-primary);margin-inline:.5rem .75rem;gap:.125rem;white-space:nowrap}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiTitle]:before{transition-property:mask-position;transition-duration:inherit;transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset:-1px 0;z-index:-1;inset-inline-end:-1px;background:var(--tui-background-elevation-1);border-radius:100rem;-webkit-mask-image:radial-gradient(circle closest-corner at var(--tui-inline-start) center,transparent calc(100% - 1px),black calc(100% - .5px));mask-image:radial-gradient(circle closest-corner at var(--tui-inline-start) center,transparent calc(100% - 1px),black calc(100% - .5px));-webkit-mask-position:calc(var(--tui-inline) * var(--t-size) / 2);mask-position:calc(var(--tui-inline) * var(--t-size) / 2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiTitle] [tuiSubtitle]{display:flex;align-items:center;gap:.125rem;font:var(--tui-typography-ui-2xs);color:var(--tui-text-secondary)}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])>[tuiTitle] [tuiSubtitle] tui-icon:not([tuiBadge]){font-size:.75rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked){--t-size: calc(3.5rem * var(--t-scale));font:var(--tui-typography-body-l);font-weight:700;grid-template-columns:var(--t-size) 0fr;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked)>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked) tui-icon:not([tuiBadge]){font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked)>[tuiPin]{border-color:transparent}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked)>[tuiBadge]{inset-block-start:0;inset-inline-end:0}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked)>[tuiTitle]{pointer-events:none;opacity:0;margin:0}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked):before{scale:.99;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):has(:checked):after{inset-block-start:calc(4.5rem * var(--t-scale));opacity:1}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open{--t-size: calc(3.5rem * var(--t-scale));font:var(--tui-typography-body-l);font-weight:700;grid-template-columns:var(--t-size) 0fr;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open tui-icon:not([tuiBadge]){font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open>[tuiPin]{border-color:transparent}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open>[tuiBadge]{inset-block-start:0;inset-inline-end:0}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open>[tuiTitle]{pointer-events:none;opacity:0;margin:0}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open:before{scale:.99;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.31.0\"])._open:after{inset-block-start:calc(4.5rem * var(--t-scale));opacity:1}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):before{transition-property:scale,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;z-index:-1;inset-block:50% calc(-.625rem * var(--t-scale));inset-inline:50% calc(-.25rem * var(--t-scale));box-sizing:border-box;border-width:calc(2.2rem * var(--t-scale)) calc(1.875rem * var(--t-scale));border-style:solid;border-color:inherit;opacity:0;scale:.57;transform:translate(calc(var(--tui-inline) * -1 * calc(1.875rem * var(--t-scale))),calc(-1 * calc(1.875rem * var(--t-scale))));transform-origin:top var(--tui-inline-start);pointer-events:none;-webkit-mask-image: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>');mask-image: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>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}[tuiPin]:where(*[data-tui-version=\"5.31.0\"]):after{transition-property:inset-block-start,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(calc(var(--tui-inline) * -50%),-50%);opacity:0}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-pin-${TUI_VERSION}`, styles: ["[tuiPin]:where(*[data-tui-version=\"5.32.0\"]){--t-scale: calc(1 + (var(--tui-font-scale) - 1) / 2);--t-size: calc(2rem * var(--t-scale));transition-property:min-inline-size,grid-template-columns,block-size,border,margin,font;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:grid;isolation:isolate;align-items:center;grid-template-rows:100%;grid-template-columns:var(--t-size) 1fr;min-inline-size:var(--t-size);max-inline-size:calc(11.25rem * var(--t-scale));block-size:var(--t-size);text-align:center;border-radius:100rem;font:var(--tui-typography-ui-xs);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 calc(.125rem * var(--t-scale)) var(--tui-background-elevation-1);border:0 solid var(--tui-background-accent-2);transform:translate(calc(var(--tui-inline) * -50%),-50%)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):empty{--t-size: calc(.75rem * var(--t-scale))}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):empty:before{display:none}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has([tuiPin]){border-color:currentColor;background:var(--tui-background-elevation-1)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>*,[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):before,[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):after{transition-duration:inherit!important}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>input{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-elevation-1)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>tui-icon:not([tuiBadge]){transition-property:inline-size,font-size;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);font-size:1.25rem;block-size:100%;inline-size:100%;border-radius:100%}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>tui-icon:not([tuiBadge]):before{transition-property:font-size;transition-duration:inherit;transition-timing-function:var(--tui-curve-productive-standard)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiPin]{color:inherit;border:.125rem solid;font:inherit;background:none;transform:none;box-shadow:none;grid-template-columns:100% 0fr}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiBadge]{transition-property:inset;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiTitle]{transition-property:opacity,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:static;font:var(--tui-typography-ui-xs);font-weight:700;color:var(--tui-text-primary);margin-inline:.5rem .75rem;gap:.125rem;white-space:nowrap}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiTitle]:before{transition-property:mask-position;transition-duration:inherit;transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset:-1px 0;z-index:-1;inset-inline-end:-1px;background:var(--tui-background-elevation-1);border-radius:100rem;-webkit-mask-image:radial-gradient(circle closest-corner at var(--tui-inline-start) center,transparent calc(100% - 1px),black calc(100% - .5px));mask-image:radial-gradient(circle closest-corner at var(--tui-inline-start) center,transparent calc(100% - 1px),black calc(100% - .5px));-webkit-mask-position:calc(var(--tui-inline) * var(--t-size) / 2);mask-position:calc(var(--tui-inline) * var(--t-size) / 2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiTitle] [tuiSubtitle]{display:flex;align-items:center;gap:.125rem;font:var(--tui-typography-ui-2xs);color:var(--tui-text-secondary)}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])>[tuiTitle] [tuiSubtitle] tui-icon:not([tuiBadge]){font-size:.75rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked){--t-size: calc(3.5rem * var(--t-scale));font:var(--tui-typography-body-l);font-weight:700;grid-template-columns:var(--t-size) 0fr;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked)>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked) tui-icon:not([tuiBadge]){font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked)>[tuiPin]{border-color:transparent}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked)>[tuiBadge]{inset-block-start:0;inset-inline-end:0}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked)>[tuiTitle]{pointer-events:none;opacity:0;margin:0}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked):before{scale:.99;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):has(:checked):after{inset-block-start:calc(4.5rem * var(--t-scale));opacity:1}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open{--t-size: calc(3.5rem * var(--t-scale));font:var(--tui-typography-body-l);font-weight:700;grid-template-columns:var(--t-size) 0fr;margin-block-start:-2.75rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open>img{padding:.125rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open tui-icon:not([tuiBadge]){font-size:2.125rem}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open>[tuiPin]{border-color:transparent}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open>[tuiBadge]{inset-block-start:0;inset-inline-end:0}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open>[tuiTitle]{pointer-events:none;opacity:0;margin:0}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open:before{scale:.99;opacity:1}[tuiPin]:where(*[data-tui-version=\"5.32.0\"])._open:after{inset-block-start:calc(4.5rem * var(--t-scale));opacity:1}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):before{transition-property:scale,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;z-index:-1;inset-block:50% calc(-.625rem * var(--t-scale));inset-inline:50% calc(-.25rem * var(--t-scale));box-sizing:border-box;border-width:calc(2.2rem * var(--t-scale)) calc(1.875rem * var(--t-scale));border-style:solid;border-color:inherit;opacity:0;scale:.57;transform:translate(calc(var(--tui-inline) * -1 * calc(1.875rem * var(--t-scale))),calc(-1 * calc(1.875rem * var(--t-scale))));transform-origin:top var(--tui-inline-start);pointer-events:none;-webkit-mask-image: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>');mask-image: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>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}[tuiPin]:where(*[data-tui-version=\"5.32.0\"]):after{transition-property:inset-block-start,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(calc(var(--tui-inline) * -50%),-50%);opacity:0}\n"] }]
         }] });
 class TuiPin {
     constructor() {
@@ -18,7 +18,7 @@ class TuiPin {
         this.open = input('', { alias: 'tuiPin' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPin, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiPin, isStandalone: true, selector: "[tuiPin]", inputs: { open: { classPropertyName: "open", publicName: "tuiPin", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.31.0", "tuiPin": "" }, properties: { "class._open": "open()" } }, providers: [tuiBadgeOptionsProvider({ appearance: 'primary', size: 's' })], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiPin, isStandalone: true, selector: "[tuiPin]", inputs: { open: { classPropertyName: "open", publicName: "tuiPin", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.32.0", "tuiPin": "" }, properties: { "class._open": "open()" } }, providers: [tuiBadgeOptionsProvider({ appearance: 'primary', size: 's' })], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPin, decorators: [{
             type: Directive,