@taiga-ui/kit 4.52.0-canary.bf9131e → 4.52.0-canary.c8448e0

package/pipes/sort-countries/sort-countries.pipe.d.ts

@@ -1,10 +1,11 @@
 import { type PipeTransform } from '@angular/core';
 import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
-import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiSortCountriesPipe implements PipeTransform {
-    private readonly countriesNames$;
-    transform(countries: readonly TuiCountryIsoCode[]): Observable<TuiCountryIsoCode[]>;
+    private readonly names;
+    private readonly countries;
+    private readonly result;
+    transform(countries: readonly TuiCountryIsoCode[]): TuiCountryIsoCode[];
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSortCountriesPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TuiSortCountriesPipe, "tuiSortCountries", true>;
 }

package/pipes/stringify-content/stringify-content.pipe.d.ts

@@ -1,9 +1,8 @@
 import { type PipeTransform } from '@angular/core';
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiValueContentContext } from '@taiga-ui/core/types';
+import { type TuiContext, type TuiStringHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiStringifyContentPipe implements PipeTransform {
-    transform<T>(stringify: TuiStringHandler<T>): TuiStringHandler<TuiValueContentContext<T>>;
+    transform<T>(stringify: TuiStringHandler<T>): TuiStringHandler<TuiContext<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiStringifyContentPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TuiStringifyContentPipe, "tuiStringifyContent", true>;
 }

package/styles/components/avatar.less

@@ -41,7 +41,7 @@
     vertical-align: middle;
     box-sizing: border-box;
     padding: 0.25rem;
-    font: var(--tui-font-text-l);
+    font: var(--tui-font-body-l);
     font-weight: bold;
     opacity: 0.999; // Kick in hardware rendering layer to avoid artifacts on the edges
 
@@ -60,11 +60,11 @@
         --t-size: var(--tui-height-xs);
         --t-radius: 0.5rem;
 
-        font: var(--tui-font-text-ui-xs);
+        font: var(--tui-font-ui-xs);
         font-size: 0.5625rem;
 
         &._initials::before {
-            font: var(--tui-font-text-ui-xs);
+            font: var(--tui-font-ui-xs);
             font-weight: bold;
         }
     }
@@ -73,11 +73,11 @@
         --t-size: var(--tui-height-s);
         --t-radius: 0.5rem;
 
-        font: var(--tui-font-text-ui-xs);
+        font: var(--tui-font-ui-xs);
         font-weight: bold;
 
         &._initials::before {
-            font: var(--tui-font-text-s);
+            font: var(--tui-font-body-s);
             font-weight: bold;
         }
     }
@@ -86,11 +86,11 @@
         --t-size: calc(var(--tui-height-m) - 0.25rem);
         --t-radius: 0.75rem;
 
-        font: var(--tui-font-text-ui-m);
+        font: var(--tui-font-ui-m);
         font-weight: bold;
 
         &._initials::before {
-            font: var(--tui-font-text-m);
+            font: var(--tui-font-body-m);
             font-weight: bold;
         }
     }
@@ -99,10 +99,10 @@
         --t-size: 5rem;
         --t-radius: 0.75rem;
 
-        font: var(--tui-font-heading-4);
+        font: var(--tui-font-heading-h4);
 
         &._initials::before {
-            font: var(--tui-font-heading-3);
+            font: var(--tui-font-heading-h3);
         }
     }
 
@@ -110,10 +110,10 @@
         --t-size: 6rem;
         --t-radius: 1rem;
 
-        font: var(--tui-font-heading-3);
+        font: var(--tui-font-heading-h3);
 
         &._initials::before {
-            font: var(--tui-font-heading-3);
+            font: var(--tui-font-heading-h3);
         }
     }
 
@@ -121,10 +121,10 @@
         --t-size: 8rem;
         --t-radius: 1.25rem;
 
-        font: var(--tui-font-heading-3);
+        font: var(--tui-font-heading-h3);
 
         &._initials::before {
-            font: var(--tui-font-heading-2);
+            font: var(--tui-font-heading-h2);
         }
     }
 
@@ -137,7 +137,7 @@
             content: attr(data-icon-start);
             mask: none;
             background: none;
-            font: var(--tui-font-heading-6);
+            font: var(--tui-font-heading-h6);
         }
     }
 

package/styles/components/badge.less

@@ -33,7 +33,7 @@ tui-badge,
     block-size: var(--t-size);
     min-inline-size: var(--t-size);
     inline-size: fit-content;
-    font: var(--tui-font-text-s);
+    font: var(--tui-font-body-s);
 
     &[tuiStatus]::before {
         inline-size: 0.375rem;
@@ -75,7 +75,7 @@ tui-badge,
         --t-icon-size: 0.625rem;
         --t-margin: -0.125rem;
 
-        font: var(--tui-font-text-xs);
+        font: var(--tui-font-body-xs);
 
         &[tuiStatus]::before {
             inline-size: 0.25rem;
@@ -96,7 +96,7 @@ tui-badge,
         --t-padding: 0 0.75rem;
         --t-size: var(--tui-height-s);
 
-        font: var(--tui-font-text-m);
+        font: var(--tui-font-body-m);
 
         &[tuiStatus]::before {
             inline-size: 0.5rem;

package/styles/components/block.less

@@ -33,20 +33,20 @@
     box-sizing: border-box;
     cursor: pointer;
     overflow: hidden;
-    font: var(--tui-font-text-m);
+    font: var(--tui-font-body-m);
     padding: var(--tui-padding-l);
     isolation: isolate;
 
     &[data-size='s'] {
         gap: 0.5rem;
-        font: var(--tui-font-text-ui-s);
+        font: var(--tui-font-ui-s);
         padding: 0.5rem;
 
         --t-height: var(--tui-height-s);
         --t-radius: var(--tui-radius-m);
 
         [tuiSubtitle] {
-            font: var(--tui-font-text-ui-xs);
+            font: var(--tui-font-ui-xs);
         }
 
         [tuiTooltip] {
@@ -56,7 +56,7 @@
 
     &[data-size='m'] {
         gap: 0.625rem;
-        font: var(--tui-font-text-ui-m);
+        font: var(--tui-font-ui-m);
         padding: var(--tui-padding-m);
 
         --t-height: var(--tui-height-m);

package/styles/components/chip.less

@@ -26,13 +26,13 @@ tui-chip,
 
     .button-base();
 
-    font: var(--tui-font-text-s);
+    font: var(--tui-font-body-s);
     border-radius: var(--tui-radius-m);
     padding: var(--t-padding);
     block-size: var(--t-size);
     inline-size: fit-content;
+    max-inline-size: 100%;
     isolation: isolate;
-    max-inline-size: stretch;
 
     .interactive({
         cursor: pointer;
@@ -60,7 +60,7 @@ tui-chip,
         --t-size: 1rem;
         --t-icon-size: 0.75rem;
 
-        font: var(--tui-font-text-xs);
+        font: var(--tui-font-body-xs);
         border-radius: var(--tui-radius-xs);
 
         & > [tuiIconButton] {
@@ -86,7 +86,7 @@ tui-chip,
         --t-padding: 0 1rem;
         --t-size: var(--tui-height-m);
 
-        font: var(--tui-font-text-m);
+        font: var(--tui-font-body-m);
 
         & > [tuiIconButton] {
             margin: -0.75rem;

package/styles/components/comment.less

@@ -8,7 +8,7 @@
  * A comment bubble with an arrow
  *
  * @attributes
- * data-direction — arrow direction (default: 'top') ('top' | 'bottom' | 'left' | 'right')
+ * data-direction — arrow direction (default: 'top') ('top' | 'bottom' | 'start' | 'end')
  *
  * @example
  * <label data-direction="top" tuiComment>Amazing product!</label>
@@ -16,7 +16,7 @@
 [tuiComment] {
     position: relative;
     display: inline-flex;
-    font: var(--tui-font-text-m);
+    font: var(--tui-font-body-m);
     color: #fff;
     padding: 0.5rem 0.75rem;
     min-inline-size: 2.5rem;
@@ -29,38 +29,36 @@
     &::before {
         content: '';
         position: absolute;
-        bottom: 100%;
-        left: 50%;
+        inset-block-end: 100%;
+        inset-inline-start: 50%;
         inline-size: 1.5625rem;
         block-size: 0.5625rem;
         background: inherit;
-        transform: translate(-50%);
+        transform: translate(calc(-50% * var(--tui-inline)));
         mask: url("data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A")
             no-repeat;
     }
 
     &[data-direction='bottom'] {
         &::before {
-            top: 100%;
-            bottom: auto;
-            transform: translate(-50%) rotate(180deg);
+            inset-block: 100% auto;
+            transform: translate(calc(-50% * var(--tui-inline))) rotate(180deg);
         }
     }
 
-    &[data-direction='left'] {
+    &[data-direction='start'] {
         &::before {
-            left: auto;
-            top: 50%;
-            right: 100%;
-            transform: translate(0.785rem, -50%) rotate(-90deg);
+            inset-block: 50% 100%;
+            inset-inline: auto 100%;
+            transform: translate(calc(0.785rem * var(--tui-inline)), -50%) rotate(calc(-90deg * var(--tui-inline)));
         }
     }
 
-    &[data-direction='right'] {
+    &[data-direction='end'] {
         &::before {
-            top: 50%;
-            left: 100%;
-            transform: translate(-0.785rem, -50%) rotate(90deg);
+            inset-block: 50% 100%;
+            inset-inline: 100% auto;
+            transform: translate(calc(-0.785rem * var(--tui-inline)), -50%) rotate(calc(90deg * var(--tui-inline)));
         }
     }
 }

package/styles/components/message.less

@@ -23,7 +23,7 @@
     isolation: isolate;
     white-space: nowrap;
     text-align: start;
-    font: var(--tui-font-text-ui-m);
+    font: var(--tui-font-ui-m);
     border-radius: var(--tui-radius-l);
 
     > [tuiLink] {

package/styles/components/pin.less

@@ -28,7 +28,7 @@
     justify-content: center;
     text-align: center;
     border-radius: 100%;
-    font: var(--tui-font-text-s);
+    font: var(--tui-font-body-s);
     font-weight: bold;
     box-sizing: border-box;
     color: var(--tui-text-primary-on-accent-2);
@@ -73,7 +73,7 @@
     &:has(:checked) {
         --t-size: 3.5rem;
 
-        font: var(--tui-font-text-m);
+        font: var(--tui-font-body-m);
         font-weight: bold;
         border-width: 0;
         margin-block-start: -2.75rem;
@@ -101,7 +101,7 @@
     &._open {
         --t-size: 3.5rem;
 
-        font: var(--tui-font-text-m);
+        font: var(--tui-font-body-m);
         font-weight: bold;
         border-width: 0;
         margin-block-start: -2.75rem;

package/styles/components/switch.less

@@ -22,6 +22,7 @@
 [tuiSwitch] {
     .transition(~'background, box-shadow');
 
+    display: inline-block;
     inline-size: 3rem;
     block-size: 1.5rem;
     border-radius: 2rem;
@@ -36,7 +37,7 @@
         inline-size: 2rem;
 
         &::before {
-            inline-size: 1.125rem;
+            inline-size: 1rem;
             transform: translateX(-1rem);
             font-size: 0.75rem;
         }
@@ -76,8 +77,8 @@
     }
 
     &::before {
+        left: 0.125rem;
         font-size: 1rem;
-        inline-size: 1.375rem;
         transform: translateX(-1.5rem);
     }
 

package/styles/components/toast.less

@@ -16,7 +16,7 @@
     align-items: center;
     justify-content: center;
     inline-size: max-content;
-    font: var(--tui-font-text-ui-s);
+    font: var(--tui-font-ui-s);
     max-inline-size: ~'min(calc(100vw - 2rem), 25rem)';
     border: inherit;
     text-decoration: none;

package/tokens/i18n.d.ts

@@ -63,3 +63,4 @@ export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Signal<{
     reset: string;
 }>>;
 export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Signal<string>>;
+export declare const TUI_DAY_RANGE_PERIODS: InjectionToken<Signal<readonly [forAllTime: string, today: string, yesterday: string, currentWeek: string, currentMonth: string, previousMonth: string]>>;

package/tokens/index.d.ts

@@ -1,8 +1 @@
-export * from './calendar-date-stream';
-export * from './date-inputs-value-transformers';
 export * from './i18n';
-export * from './input-date-options';
-export * from './items-handlers';
-export * from './mobile-calendar';
-export * from './month-formatter';
-export * from './preview-icons';

package/utils/index.d.ts

@@ -2,5 +2,3 @@ export * from './create-time-periods';
 export * from './inject-value';
 export * from './is-flat';
 export * from './maskito.binding';
-export * from './phone';
-export * from './toggle-day';

package/utils/maskito.binding.d.ts

@@ -1,6 +1,6 @@
 import { type Signal, type WritableSignal } from '@angular/core';
 import { type MaskitoOptions } from '@maskito/core';
-type M = MaskitoOptions | null;
+type M = MaskitoOptions;
 export declare function tuiMaskito(options: M | WritableSignal<M>): WritableSignal<M>;
 export declare function tuiMaskito(options: Signal<M>): Signal<M>;
 export {};

package/components/elastic-container/elastic-container.component.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TuiElasticContainer {
-    protected height: number;
-    protected transitions: number;
-    protected onAnimation(_name: string, count: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiElasticContainer, "tui-elastic-container", never, {}, {}, never, ["*"], true, never>;
-}

package/components/elastic-container/elastic-container.directive.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TuiElasticContainerDirective {
-    private readonly el;
-    readonly tuiElasticContainer: import("rxjs").Observable<number>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticContainerDirective, "[tuiElasticContainer]", never, {}, { "tuiElasticContainer": "tuiElasticContainer"; }, never, never, true, never>;
-}

package/components/elastic-container/index.d.ts

@@ -1,2 +0,0 @@
-export * from './elastic-container.component';
-export * from './elastic-container.directive';

package/components/floating-container/floating-container.directive.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TuiFloatingContainer {
-    protected readonly nothing: undefined;
-    readonly background: import("@angular/core").InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFloatingContainer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFloatingContainer, "[tuiFloatingContainer]", never, { "background": { "alias": "tuiFloatingContainer"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/components/floating-container/index.d.ts

@@ -1 +0,0 @@
-export * from './floating-container.directive';

package/components/input-range/input-range.d.ts

@@ -1,3 +0,0 @@
-import { TuiLabel } from '@taiga-ui/core/components/label';
-import { TuiInputRangeComponent } from './input-range.component';
-export declare const TuiInputRange: readonly [typeof TuiInputRangeComponent, typeof TuiLabel];

package/components/slides/index.d.ts

@@ -1 +0,0 @@
-export * from './slides.directive';

package/components/slides/slides.directive.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/animated";
-export declare class TuiSlides {
-    protected readonly nothing: undefined;
-    protected readonly el: HTMLElement;
-    protected readonly sign: import("@angular/core").Signal<number>;
-    readonly direction: import("@angular/core").InputSignal<number | "">;
-    protected onAnimation(target: Element): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSlides, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSlides, "[tuiSlides]", never, { "direction": { "alias": "tuiSlides"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimatedParent; inputs: {}; outputs: {}; }]>;
-}

package/components/textarea/textarea-limit.directive.d.ts

@@ -1,26 +0,0 @@
-import { type DoCheck } from '@angular/core';
-import { type AbstractControl, type ValidationErrors, type Validator } from '@angular/forms';
-import { type TuiContext } from '@taiga-ui/cdk/types';
-import * as i0 from "@angular/core";
-export declare class TuiTextareaLimitComponent {
-    protected readonly limit: import("@angular/core").InputSignal<number>;
-    protected readonly context: TuiContext<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaLimitComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextareaLimitComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}
-export declare class TuiTextareaCounterComponent {
-    readonly limit: import("@angular/core").WritableSignal<number>;
-    readonly length: import("@angular/core").WritableSignal<number>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaCounterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextareaCounterComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}
-export declare class TuiTextareaLimit implements Validator, DoCheck {
-    private readonly textfield;
-    private readonly ref;
-    readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
-    readonly limit: import("@angular/core").InputSignal<number>;
-    ngDoCheck(): void;
-    validate(control: AbstractControl): ValidationErrors | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaLimit, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextareaLimit, "[tuiTextarea][limit]", never, { "limit": { "alias": "limit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/directives/button-close/button-close.directive.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TuiButtonClose {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonClose, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonClose, "[tuiIconButton][tuiButtonClose]", never, {}, {}, never, never, true, never>;
-}

package/directives/button-close/index.d.ts

@@ -1 +0,0 @@
-export * from './button-close.directive';

package/directives/lazy-loading/index.d.ts

@@ -1,2 +0,0 @@
-export * from './lazy-loading.directive';
-export * from './lazy-loading.service';

package/directives/lazy-loading/lazy-loading.directive.d.ts

@@ -1,18 +0,0 @@
-import { type SafeResourceUrl } from '@angular/platform-browser';
-import * as i0 from "@angular/core";
-/**
- * @deprecated: Drop in v5.0
- */
-export declare class TuiImgLazyLoading {
-    private readonly isServer;
-    private readonly loading$;
-    protected readonly supported: boolean;
-    protected src: import("@angular/core").WritableSignal<string | SafeResourceUrl | null>;
-    protected background: import("@angular/core").WritableSignal<string>;
-    protected animation: import("@angular/core").WritableSignal<string>;
-    protected readonly $: false | import("rxjs").Subscription;
-    set srcSetter(src: SafeResourceUrl | string);
-    protected unset(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiImgLazyLoading, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiImgLazyLoading, "img[loading=\"lazy\"],img[tuiLoading=\"lazy\"]", never, { "srcSetter": { "alias": "src"; "required": false; }; }, {}, never, never, true, never>;
-}

package/directives/lazy-loading/lazy-loading.service.d.ts

@@ -1,12 +0,0 @@
-import { type SafeResourceUrl } from '@angular/platform-browser';
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class TuiLazyLoadingService extends Observable<SafeResourceUrl | string> {
-    private readonly src$;
-    private readonly intersections$;
-    private readonly stream$;
-    constructor();
-    next(src: SafeResourceUrl | string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiLazyLoadingService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiLazyLoadingService>;
-}

package/fesm2022/taiga-ui-kit-components-elastic-container.mjs

@@ -1,78 +0,0 @@
-import { __decorate } from 'tslib';
-import * as i0 from '@angular/core';
-import { inject, Output, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
-import { shouldCall } from '@taiga-ui/event-plugins';
-import { MutationObserverService, WA_MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
-import { ResizeObserverService } from '@ng-web-apis/resize-observer';
-import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import { merge, debounceTime, map, distinctUntilChanged } from 'rxjs';
-
-class TuiElasticContainerDirective {
-    constructor() {
-        this.el = tuiInjectElement();
-        this.tuiElasticContainer = merge(inject(ResizeObserverService, { self: true }), inject(MutationObserverService, { self: true })).pipe(debounceTime(0), map(() => this.el.clientHeight - 1), distinctUntilChanged());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiElasticContainerDirective, isStandalone: true, selector: "[tuiElasticContainer]", outputs: { tuiElasticContainer: "tuiElasticContainer" }, providers: [
-            ResizeObserverService,
-            MutationObserverService,
-            {
-                provide: WA_MUTATION_OBSERVER_INIT,
-                useValue: {
-                    childList: true,
-                    characterData: true,
-                    subtree: true,
-                },
-            },
-        ], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[tuiElasticContainer]',
-                    providers: [
-                        ResizeObserverService,
-                        MutationObserverService,
-                        {
-                            provide: WA_MUTATION_OBSERVER_INIT,
-                            useValue: {
-                                childList: true,
-                                characterData: true,
-                                subtree: true,
-                            },
-                        },
-                    ],
-                }]
-        }], propDecorators: { tuiElasticContainer: [{
-                type: Output
-            }] } });
-
-class TuiElasticContainer {
-    constructor() {
-        this.height = NaN;
-        this.transitions = 0;
-    }
-    onAnimation(_name, count) {
-        this.transitions += count;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiElasticContainer, isStandalone: true, selector: "tui-elastic-container", host: { properties: { "style.height.px": "height", "class._transitioning": "transitions" } }, ngImport: i0, template: "<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = $event\"\n>\n    <ng-content />\n</div>\n", styles: [":host{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden}:host._transitioning{block-size:auto!important}.t-wrapper{padding-block-start:1px;margin-block-start:-1px}\n"], dependencies: [{ kind: "directive", type: TuiElasticContainerDirective, selector: "[tuiElasticContainer]", outputs: ["tuiElasticContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-__decorate([
-    shouldCall((name) => name === 'height')
-], TuiElasticContainer.prototype, "onAnimation", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainer, decorators: [{
-            type: Component,
-            args: [{ selector: 'tui-elastic-container', imports: [TuiElasticContainerDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[style.height.px]': 'height',
-                        '[class._transitioning]': 'transitions',
-                    }, template: "<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = $event\"\n>\n    <ng-content />\n</div>\n", styles: [":host{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden}:host._transitioning{block-size:auto!important}.t-wrapper{padding-block-start:1px;margin-block-start:-1px}\n"] }]
-        }], propDecorators: { onAnimation: [] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiElasticContainer, TuiElasticContainerDirective };
-//# sourceMappingURL=taiga-ui-kit-components-elastic-container.mjs.map

package/fesm2022/taiga-ui-kit-components-elastic-container.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-components-elastic-container.mjs","sources":["../../../projects/kit/components/elastic-container/elastic-container.directive.ts","../../../projects/kit/components/elastic-container/elastic-container.component.ts","../../../projects/kit/components/elastic-container/elastic-container.component.html","../../../projects/kit/components/elastic-container/taiga-ui-kit-components-elastic-container.ts"],"sourcesContent":["import {Directive, inject, Output} from '@angular/core';\nimport {\n    MutationObserverService,\n    WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {debounceTime, distinctUntilChanged, map, merge} from 'rxjs';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiElasticContainer]',\n    providers: [\n        ResizeObserverService,\n        MutationObserverService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {\n                childList: true,\n                characterData: true,\n                subtree: true,\n            },\n        },\n    ],\n})\nexport class TuiElasticContainerDirective {\n    private readonly el = tuiInjectElement();\n\n    @Output()\n    public readonly tuiElasticContainer = merge(\n        inject(ResizeObserverService, {self: true}),\n        inject(MutationObserverService, {self: true}),\n    ).pipe(\n        debounceTime(0),\n        map(() => this.el.clientHeight - 1),\n        distinctUntilChanged(),\n    );\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {shouldCall} from '@taiga-ui/event-plugins';\n\nimport {TuiElasticContainerDirective} from './elastic-container.directive';\n\n@Component({\n    selector: 'tui-elastic-container',\n    imports: [TuiElasticContainerDirective],\n    templateUrl: './elastic-container.component.html',\n    styleUrl: './elastic-container.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[style.height.px]': 'height',\n        '[class._transitioning]': 'transitions',\n    },\n})\nexport class TuiElasticContainer {\n    protected height = NaN;\n    protected transitions = 0;\n\n    @shouldCall((name) => name === 'height')\n    protected onAnimation(_name: string, count: number): void {\n        this.transitions += count;\n    }\n}\n","<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = $event\"\n>\n    <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}