@taiga-ui/kit 5.22.0 → 5.23.0-canary.c1045d7

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

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

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

@@ -33,7 +33,7 @@ class TuiLike {
                 provide: TUI_ICON_END,
                 useFactory: () => inject(TUI_LIKE_OPTIONS).icons.checked,
             },
-        ], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiIcons, inputs: ["iconStart", "uncheckedIcon", "iconEnd", "checkedIcon"] }], ngImport: i0, template: '', isInline: true, styles: ["[tuiLike]:where(*[data-tui-version=\"5.22.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.22.0\"]):before,[tuiLike]:where(*[data-tui-version=\"5.22.0\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:transform,opacity}[tuiLike]:where(*[data-tui-version=\"5.22.0\"]):after{opacity:0;color:var(--t-icon-color, inherit);transform:scale(0)}[tuiLike]:where(*[data-tui-version=\"5.22.0\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.22.0\"]):checked:after{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.22.0\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.22.0\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.22.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.23.0-canary.c1045d7\"]){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.23.0-canary.c1045d7\"]):before,[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:transform,opacity}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]):after{opacity:0;color:var(--t-icon-color, inherit);transform:scale(0)}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]):checked:after{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"])[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.22.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.22.0\"]):before,[tuiLike]:where(*[data-tui-version=\"5.22.0\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:transform,opacity}[tuiLike]:where(*[data-tui-version=\"5.22.0\"]):after{opacity:0;color:var(--t-icon-color, inherit);transform:scale(0)}[tuiLike]:where(*[data-tui-version=\"5.22.0\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.22.0\"]):checked:after{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.22.0\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.22.0\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.22.0\"])[data-size=s]:after{font-size:1rem}\n"] }]
+                    }, styles: ["[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]){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.23.0-canary.c1045d7\"]):before,[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;font-size:1.25rem;transition-property:transform,opacity}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]):after{opacity:0;color:var(--t-icon-color, inherit);transform:scale(0)}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]):checked:before{opacity:0}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]):checked:after{opacity:1;transform:scale(1);transition-timing-function:cubic-bezier(.2,.6,.5,1.8),ease-in-out}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"])[data-size=s]{font-size:var(--tui-height-s)}[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"])[data-size=s]:before,[tuiLike]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"])[data-size=s]:after{font-size:1rem}\n"] }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-like.mjs","sources":["../../../projects/kit/components/like/like.options.ts","../../../projects/kit/components/like/like.component.ts","../../../projects/kit/components/like/taiga-ui-kit-components-like.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiLikeOptions extends TuiAppearanceOptions {\n    readonly size: TuiSizeS;\n    readonly icons: Readonly<{\n        checked: string;\n        unchecked: string;\n    }>;\n}\n\nexport const [TUI_LIKE_OPTIONS, tuiLikeOptionsProvider] =\n    tuiCreateOptions<TuiLikeOptions>({\n        size: 'm',\n        appearance: 'secondary',\n        icons: {\n            unchecked: '@tui.heart',\n            checked: '@tui.heart-filled',\n        },\n    });\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {\n    tuiAppearanceOptionsProvider,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TuiIcons} from '@taiga-ui/core/directives/icons';\nimport {TUI_ICON_END, TUI_ICON_START} from '@taiga-ui/core/tokens';\n\nimport {TUI_LIKE_OPTIONS} from './like.options';\n\n@Component({\n    selector: 'input[tuiLike][type=checkbox]',\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import '@taiga-ui/styles/components/like.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAppearanceOptionsProvider(TUI_LIKE_OPTIONS),\n        {\n            provide: TUI_ICON_START,\n            useFactory: () => inject(TUI_LIKE_OPTIONS).icons.unchecked,\n        },\n        {\n            provide: TUI_ICON_END,\n            useFactory: () => inject(TUI_LIKE_OPTIONS).icons.checked,\n        },\n    ],\n    hostDirectives: [\n        TuiWithAppearance,\n        {\n            directive: TuiIcons,\n            inputs: ['iconStart: uncheckedIcon', 'iconEnd: checkedIcon'],\n        },\n    ],\n    host: {\n        tuiLike: '',\n        '[attr.data-mode]': '\"\"',\n        '[attr.data-size]': 'size()',\n        '[style.--t-icon-color]': 'color()',\n    },\n})\nexport class TuiLike {\n    public readonly color = input('', {alias: 'tuiLike'});\n    public readonly size = input(inject(TUI_LIKE_OPTIONS).size);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-like.mjs","sources":["../../../projects/kit/components/like/like.options.ts","../../../projects/kit/components/like/like.component.ts","../../../projects/kit/components/like/taiga-ui-kit-components-like.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiLikeOptions extends TuiAppearanceOptions {\n    readonly size: TuiSizeS;\n    readonly icons: Readonly<{\n        checked: string;\n        unchecked: string;\n    }>;\n}\n\nexport const [TUI_LIKE_OPTIONS, tuiLikeOptionsProvider] =\n    tuiCreateOptions<TuiLikeOptions>({\n        size: 'm',\n        appearance: 'secondary',\n        icons: {\n            unchecked: '@tui.heart',\n            checked: '@tui.heart-filled',\n        },\n    });\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {\n    tuiAppearanceOptionsProvider,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TuiIcons} from '@taiga-ui/core/directives/icons';\nimport {TUI_ICON_END, TUI_ICON_START} from '@taiga-ui/core/tokens';\n\nimport {TUI_LIKE_OPTIONS} from './like.options';\n\n@Component({\n    selector: 'input[tuiLike][type=checkbox]',\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import '@taiga-ui/styles/components/like.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAppearanceOptionsProvider(TUI_LIKE_OPTIONS),\n        {\n            provide: TUI_ICON_START,\n            useFactory: () => inject(TUI_LIKE_OPTIONS).icons.unchecked,\n        },\n        {\n            provide: TUI_ICON_END,\n            useFactory: () => inject(TUI_LIKE_OPTIONS).icons.checked,\n        },\n    ],\n    hostDirectives: [\n        TuiWithAppearance,\n        {\n            directive: TuiIcons,\n            inputs: ['iconStart: uncheckedIcon', 'iconEnd: checkedIcon'],\n        },\n    ],\n    host: {\n        tuiLike: '',\n        '[attr.data-mode]': '\"\"',\n        '[attr.data-size]': 'size()',\n        '[style.--t-icon-color]': 'color()',\n    },\n})\nexport class TuiLike {\n    public readonly color = input('', {alias: 'tuiLike'});\n    public readonly size = input(inject(TUI_LIKE_OPTIONS).size);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-line-clamp.mjs

@@ -1,17 +1,18 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectionStrategy, Component, Directive, viewChild, ElementRef, computed, input } from '@angular/core';
-import { outputFromObservable, toSignal, toObservable } from '@angular/core/rxjs-interop';
+import { inject, ChangeDetectionStrategy, Component, INJECTOR, effect, afterNextRender, Directive, signal, computed, input, output } from '@angular/core';
+import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import * as i1 from '@taiga-ui/cdk/directives/transitioned';
 import { TuiTransitioned } from '@taiga-ui/cdk/directives/transitioned';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import { tuiPx } from '@taiga-ui/cdk/utils/miscellaneous';
-import * as i2 from '@taiga-ui/core/portals/hint';
+import * as i3 from '@taiga-ui/core/portals/hint';
 import { TuiHintComponent, tuiGetHintProviders, TuiHintDirective, TUI_HINT_COMPONENT, TuiHint } from '@taiga-ui/core/portals/hint';
 import { TUI_FONT_OFFSET } from '@taiga-ui/core/utils/miscellaneous';
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
-import { Subject, debounceTime, distinctUntilChanged, startWith, pairwise, switchMap, of, fromEvent, filter, map } from 'rxjs';
+import { startWith, pairwise, switchMap, of, fromEvent, filter, map } from 'rxjs';
 import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
+import { WaResizeObserverService } from '@ng-web-apis/resize-observer';
+import { TUI_TIMELINE_SUPPORT } from '@taiga-ui/core/tokens';
 import { TuiPositionAccessor, tuiAsPositionAccessor } from '@taiga-ui/core/classes';
 
 const TUI_LINE_CLAMP_DEFAULT_OPTIONS = { showHint: true };
@@ -36,6 +37,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             args: [{ selector: 'tui-line-clamp-box', imports: [PolymorpheusOutlet], template: '<ng-container *polymorpheusOutlet="content() as text">{{ text }}</ng-container>', changeDetection: ChangeDetectionStrategy.OnPush, providers: tuiGetHintProviders(), host: { '[style.line-height.px]': 'host.line()', '[style.min-width.px]': 'width' }, styles: [":host{position:absolute;box-shadow:var(--tui-shadow-medium);inline-size:min-content;padding:.75rem 1rem;margin-inline-start:calc(-1px - 1rem);margin-block-start:calc(-1px - .75rem);border-radius:var(--tui-radius-l);box-sizing:content-box;border:1px solid var(--tui-border-normal);background:var(--tui-background-base);color:var(--tui-text-primary);overflow-wrap:break-word}:host.tui-enter,:host.tui-leave{animation-name:tuiFade}\n"] }]
         }] });
 
+/**
+ * Detects overflow by measuring, for browsers without scroll timeline support (see component
+ * styles)
+ */
+class TuiLineClampFallback {
+    constructor() {
+        this.host = inject(TuiLineClamp);
+        this.injector = inject(INJECTOR);
+        this.el = tuiInjectElement();
+        /**
+         * Reads of all instances are batched into the `earlyRead`
+         * phase, so writes of one of them do not force a reflow for the next one
+         */
+        this.refresh = !inject(TUI_TIMELINE_SUPPORT) &&
+            effect(() => {
+                this.host.content();
+                this.host.maxHeight();
+                afterNextRender({
+                    earlyRead: () => this.measure(),
+                    write: (measure) => this.apply(measure),
+                }, { injector: this.injector });
+            });
+        this.resize = !inject(TUI_TIMELINE_SUPPORT) &&
+            inject(WaResizeObserverService)
+                .pipe(takeUntilDestroyed())
+                .subscribe(() => this.apply(this.measure()));
+    }
+    measure() {
+        const { scrollHeight, scrollWidth, clientWidth } = this.el.firstElementChild ?? this.el;
+        return { scrollHeight, scrollWidth, clientWidth };
+    }
+    apply({ scrollHeight, scrollWidth, clientWidth }) {
+        this.host.setOverflown(scrollHeight > this.host.maxHeight() || scrollWidth > clientWidth);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiLineClampFallback, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiLineClampFallback, isStandalone: true, selector: "[tuiLineClampFallback]", host: { listeners: { "mouseenter": "apply(measure())" } }, providers: [WaResizeObserverService], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiLineClampFallback, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiLineClampFallback]',
+                    providers: [WaResizeObserverService],
+                    host: { '(mouseenter)': 'apply(measure())' },
+                }]
+        }] });
+
 class TuiLineClampPositionDirective extends TuiPositionAccessor {
     constructor() {
         super(...arguments);
@@ -60,10 +107,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 class TuiLineClamp {
     constructor() {
         this.offset = inject(TUI_FONT_OFFSET);
-        this.outlet = viewChild.required(TuiHintDirective, { read: ElementRef });
         this.options = inject(TUI_LINE_CLAMP_OPTIONS);
         this.el = tuiInjectElement();
-        this.isOverflown$ = new Subject();
+        this.overflows = signal(0);
+        this.overflown = signal(false);
         this.maxHeight = computed(() => this.line() * this.linesLimit());
         this.line = computed(() => this.lineHeight() + this.offset());
         this.lineHeight = input(24);
@@ -72,44 +119,41 @@ class TuiLineClamp {
         this.showHint = input(this.options.showHint, {
             transform: coerceBooleanProperty,
         });
-        this.overflownChange = outputFromObservable(this.isOverflown$.pipe(debounceTime(0), distinctUntilChanged()));
+        this.overflownChange = output();
         this.lineClamp = toSignal(toObservable(this.linesLimit).pipe(startWith(1), pairwise(), switchMap(([prev, next]) => next >= prev
             ? of(next)
             : fromEvent(this.el, 'transitionend').pipe(filter((e) => e.target === e.currentTarget), map(() => next)))), { initialValue: 0 });
+        this.computedContent = computed(() => this.showHint() && this.overflown() ? this.content() : '');
     }
-    ngAfterViewChecked() {
-        this.update();
-        this.isOverflown$.next(this.overflown);
-    }
-    get overflown() {
-        const { scrollHeight, scrollWidth } = this.outlet().nativeElement;
-        const { clientWidth } = this.el;
-        return scrollHeight > this.maxHeight() || scrollWidth > clientWidth;
-    }
-    get computedContent() {
-        return this.showHint() && this.overflown ? this.content() : '';
+    setOverflown(overflown) {
+        if (this.overflown() !== overflown) {
+            this.overflown.set(overflown);
+            this.overflownChange.emit(overflown);
+        }
     }
-    update() {
-        this.el.style.height = tuiPx(this.outlet().nativeElement.scrollHeight);
-        this.el.style.maxHeight = tuiPx(this.maxHeight());
-        this.el.classList.toggle('_overflown', this.overflown);
+    /**
+     * Both axes can overflow at once, and turning the clamp on can stop one of them,
+     * so a single axis going quiet does not mean the content fits
+     */
+    onOverflow(overflown) {
+        this.overflows.update((val) => val + (overflown ? 1 : -1));
+        this.setOverflown(this.overflows() > 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiLineClamp, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: TuiLineClamp, isStandalone: true, selector: "tui-line-clamp", inputs: { lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, linesLimit: { classPropertyName: "linesLimit", publicName: "linesLimit", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, showHint: { classPropertyName: "showHint", publicName: "showHint", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { overflownChange: "overflownChange" }, host: { listeners: { "mouseenter": "update()", "resize": "update()", "transitionend": "update()" }, properties: { "style.line-height.px": "line()" } }, providers: [{ provide: TUI_HINT_COMPONENT, useValue: TuiLineClampBox }], viewQueries: [{ propertyName: "outlet", first: true, predicate: TuiHintDirective, descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1.TuiTransitioned }], ngImport: i0, template: "<div\n    tuiLineClampPosition\n    class=\"t-wrapper\"\n    [style.-webkit-line-clamp]=\"lineClamp()\"\n    [style.word-break]=\"lineClamp() > 1 ? 'break-word' : 'break-all'\"\n    [tuiHint]=\"computedContent\"\n>\n    <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{transition-property:max-height;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:relative;display:block;overflow:hidden}:host._overflown .t-wrapper{-webkit-box-orient:vertical}.t-wrapper{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: i2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLineClampPositionDirective, selector: "[tuiLineClampPosition]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiLineClamp, isStandalone: true, selector: "tui-line-clamp", inputs: { lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, linesLimit: { classPropertyName: "linesLimit", publicName: "linesLimit", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, showHint: { classPropertyName: "showHint", publicName: "showHint", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { overflownChange: "overflownChange" }, host: { properties: { "class._overflown": "overflown()", "style.line-height.px": "line()", "style.max-height.px": "maxHeight()" } }, providers: [{ provide: TUI_HINT_COMPONENT, useValue: TuiLineClampBox }], hostDirectives: [{ directive: i1.TuiTransitioned }, { directive: TuiLineClampFallback }], ngImport: i0, template: "<div\n    tuiLineClampPosition\n    class=\"t-wrapper\"\n    [style.-webkit-line-clamp]=\"lineClamp()\"\n    [style.word-break]=\"lineClamp() > 1 ? 'break-word' : 'break-all'\"\n    [tuiHint]=\"computedContent()\"\n    (animationcancel.self)=\"onOverflow(false)\"\n    (animationstart.self)=\"onOverflow(true)\"\n>\n    <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{transition-property:max-height;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:relative;display:block;overflow:hidden}:host._overflown .t-wrapper{-webkit-box-orient:vertical}.t-wrapper{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere}@supports (animation-timeline: --name){@keyframes tuiEmpty{}.t-wrapper{max-block-size:inherit;animation-name:tuiEmpty,tuiEmpty;animation-timeline:scroll(self block),scroll(self inline)}}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: i3.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLineClampPositionDirective, selector: "[tuiLineClampPosition]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiLineClamp, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-line-clamp', imports: [PolymorpheusOutlet, TuiHint, TuiLineClampPositionDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: TUI_HINT_COMPONENT, useValue: TuiLineClampBox }], hostDirectives: [TuiTransitioned], host: {
+            args: [{ selector: 'tui-line-clamp', imports: [PolymorpheusOutlet, TuiHint, TuiLineClampPositionDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: TUI_HINT_COMPONENT, useValue: TuiLineClampBox }], hostDirectives: [TuiTransitioned, TuiLineClampFallback], host: {
+                        '[class._overflown]': 'overflown()',
                         '[style.line-height.px]': 'line()',
-                        '(mouseenter)': 'update()',
-                        '(resize)': 'update()',
-                        '(transitionend)': 'update()',
-                    }, template: "<div\n    tuiLineClampPosition\n    class=\"t-wrapper\"\n    [style.-webkit-line-clamp]=\"lineClamp()\"\n    [style.word-break]=\"lineClamp() > 1 ? 'break-word' : 'break-all'\"\n    [tuiHint]=\"computedContent\"\n>\n    <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{transition-property:max-height;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:relative;display:block;overflow:hidden}:host._overflown .t-wrapper{-webkit-box-orient:vertical}.t-wrapper{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere}\n"] }]
+                        '[style.max-height.px]': 'maxHeight()',
+                    }, template: "<div\n    tuiLineClampPosition\n    class=\"t-wrapper\"\n    [style.-webkit-line-clamp]=\"lineClamp()\"\n    [style.word-break]=\"lineClamp() > 1 ? 'break-word' : 'break-all'\"\n    [tuiHint]=\"computedContent()\"\n    (animationcancel.self)=\"onOverflow(false)\"\n    (animationstart.self)=\"onOverflow(true)\"\n>\n    <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{transition-property:max-height;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:relative;display:block;overflow:hidden}:host._overflown .t-wrapper{-webkit-box-orient:vertical}.t-wrapper{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere}@supports (animation-timeline: --name){@keyframes tuiEmpty{}.t-wrapper{max-block-size:inherit;animation-name:tuiEmpty,tuiEmpty;animation-timeline:scroll(self block),scroll(self inline)}}\n"] }]
         }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_LINE_CLAMP_DEFAULT_OPTIONS, TUI_LINE_CLAMP_OPTIONS, TuiLineClamp, TuiLineClampBox, tuiLineClampOptionsProvider };
+export { TUI_LINE_CLAMP_DEFAULT_OPTIONS, TUI_LINE_CLAMP_OPTIONS, TuiLineClamp, TuiLineClampBox, TuiLineClampFallback, tuiLineClampOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-line-clamp.mjs.map

package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-line-clamp.mjs","sources":["../../../projects/kit/components/line-clamp/line-clamp.options.ts","../../../projects/kit/components/line-clamp/line-clamp-box.component.ts","../../../projects/kit/components/line-clamp/line-clamp-position.directive.ts","../../../projects/kit/components/line-clamp/line-clamp.component.ts","../../../projects/kit/components/line-clamp/line-clamp.template.html","../../../projects/kit/components/line-clamp/taiga-ui-kit-components-line-clamp.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiLineClampOptions {\n    readonly showHint: boolean;\n}\n\nexport const TUI_LINE_CLAMP_DEFAULT_OPTIONS: TuiLineClampOptions = {showHint: true};\n\n/**\n * Default parameters for LineClamp component\n */\nexport const [TUI_LINE_CLAMP_OPTIONS, tuiLineClampOptionsProvider] = tuiCreateOptions(\n    TUI_LINE_CLAMP_DEFAULT_OPTIONS,\n);\n","import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {tuiGetHintProviders, TuiHintComponent} from '@taiga-ui/core/portals/hint';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiLineClamp} from './line-clamp.component';\n\n@Component({\n    selector: 'tui-line-clamp-box',\n    imports: [PolymorpheusOutlet],\n    template:\n        '<ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>',\n    styleUrl: './line-clamp-box.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: tuiGetHintProviders(),\n    host: {'[style.line-height.px]': 'host.line()', '[style.min-width.px]': 'width'},\n})\nexport class TuiLineClampBox extends TuiHintComponent {\n    protected readonly host = inject(TuiLineClamp);\n\n    protected get width(): number {\n        return this.accessor.getClientRect().width;\n    }\n}\n","import {Directive, inject} from '@angular/core';\nimport {\n    tuiAsPositionAccessor,\n    TuiPositionAccessor,\n    type TuiRectAccessor,\n} from '@taiga-ui/core/classes';\nimport {TuiHintDirective} from '@taiga-ui/core/portals/hint';\nimport {type TuiPoint} from '@taiga-ui/core/types';\n\n@Directive({\n    selector: '[tuiLineClampPosition]',\n    providers: [tuiAsPositionAccessor(TuiLineClampPositionDirective)],\n})\nexport class TuiLineClampPositionDirective extends TuiPositionAccessor {\n    private readonly accessor = inject<TuiRectAccessor>(TuiHintDirective);\n\n    public readonly type = 'hint';\n\n    public getPosition(): TuiPoint {\n        const {top, left} = this.accessor.getClientRect();\n\n        return [left, top];\n    }\n}\n","import {type BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {\n    type AfterViewChecked,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    inject,\n    input,\n    viewChild,\n} from '@angular/core';\nimport {outputFromObservable, toObservable, toSignal} from '@angular/core/rxjs-interop';\nimport {TuiTransitioned} from '@taiga-ui/cdk/directives/transitioned';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiPx} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_HINT_COMPONENT, TuiHint, TuiHintDirective} from '@taiga-ui/core/portals/hint';\nimport {TUI_FONT_OFFSET} from '@taiga-ui/core/utils/miscellaneous';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    filter,\n    fromEvent,\n    map,\n    of,\n    pairwise,\n    startWith,\n    Subject,\n    switchMap,\n} from 'rxjs';\n\nimport {TUI_LINE_CLAMP_OPTIONS} from './line-clamp.options';\nimport {TuiLineClampBox} from './line-clamp-box.component';\nimport {TuiLineClampPositionDirective} from './line-clamp-position.directive';\n\n@Component({\n    selector: 'tui-line-clamp',\n    imports: [PolymorpheusOutlet, TuiHint, TuiLineClampPositionDirective],\n    templateUrl: './line-clamp.template.html',\n    styleUrl: './line-clamp.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [{provide: TUI_HINT_COMPONENT, useValue: TuiLineClampBox}],\n    hostDirectives: [TuiTransitioned],\n    host: {\n        '[style.line-height.px]': 'line()',\n        '(mouseenter)': 'update()',\n        '(resize)': 'update()',\n        '(transitionend)': 'update()',\n    },\n})\nexport class TuiLineClamp implements AfterViewChecked {\n    private readonly offset = inject(TUI_FONT_OFFSET);\n    private readonly outlet = viewChild.required(TuiHintDirective, {read: ElementRef});\n    private readonly options = inject(TUI_LINE_CLAMP_OPTIONS);\n    private readonly el = tuiInjectElement();\n    private readonly isOverflown$ = new Subject<boolean>();\n    private readonly maxHeight = computed(() => this.line() * this.linesLimit());\n\n    public readonly line = computed(() => this.lineHeight() + this.offset());\n    public readonly lineHeight = input(24);\n    public readonly linesLimit = input(1);\n    public readonly content = input<PolymorpheusContent>();\n\n    public readonly showHint = input<boolean, BooleanInput>(this.options.showHint, {\n        transform: coerceBooleanProperty,\n    });\n\n    public readonly overflownChange = outputFromObservable(\n        this.isOverflown$.pipe(debounceTime(0), distinctUntilChanged()),\n    );\n\n    protected readonly lineClamp = toSignal(\n        toObservable(this.linesLimit).pipe(\n            startWith(1),\n            pairwise(),\n            switchMap(([prev, next]) =>\n                next >= prev\n                    ? of(next)\n                    : fromEvent(this.el, 'transitionend').pipe(\n                          filter((e) => e.target === e.currentTarget),\n                          map(() => next),\n                      ),\n            ),\n        ),\n        {initialValue: 0},\n    );\n\n    public ngAfterViewChecked(): void {\n        this.update();\n        this.isOverflown$.next(this.overflown);\n    }\n\n    protected get overflown(): boolean {\n        const {scrollHeight, scrollWidth} = this.outlet().nativeElement;\n        const {clientWidth} = this.el;\n\n        return scrollHeight > this.maxHeight() || scrollWidth > clientWidth;\n    }\n\n    protected get computedContent(): PolymorpheusContent {\n        return this.showHint() && this.overflown ? this.content() : '';\n    }\n\n    protected update(): void {\n        this.el.style.height = tuiPx(this.outlet().nativeElement.scrollHeight);\n        this.el.style.maxHeight = tuiPx(this.maxHeight());\n        this.el.classList.toggle('_overflown', this.overflown);\n    }\n}\n","<div\n    tuiLineClampPosition\n    class=\"t-wrapper\"\n    [style.-webkit-line-clamp]=\"lineClamp()\"\n    [style.word-break]=\"lineClamp() > 1 ? 'break-word' : 'break-all'\"\n    [tuiHint]=\"computedContent\"\n>\n    <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-line-clamp.mjs","sources":["../../../projects/kit/components/line-clamp/line-clamp.options.ts","../../../projects/kit/components/line-clamp/line-clamp-box.component.ts","../../../projects/kit/components/line-clamp/line-clamp-fallback.directive.ts","../../../projects/kit/components/line-clamp/line-clamp-position.directive.ts","../../../projects/kit/components/line-clamp/line-clamp.component.ts","../../../projects/kit/components/line-clamp/line-clamp.template.html","../../../projects/kit/components/line-clamp/taiga-ui-kit-components-line-clamp.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiLineClampOptions {\n    readonly showHint: boolean;\n}\n\nexport const TUI_LINE_CLAMP_DEFAULT_OPTIONS: TuiLineClampOptions = {showHint: true};\n\n/**\n * Default parameters for LineClamp component\n */\nexport const [TUI_LINE_CLAMP_OPTIONS, tuiLineClampOptionsProvider] = tuiCreateOptions(\n    TUI_LINE_CLAMP_DEFAULT_OPTIONS,\n);\n","import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {tuiGetHintProviders, TuiHintComponent} from '@taiga-ui/core/portals/hint';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiLineClamp} from './line-clamp.component';\n\n@Component({\n    selector: 'tui-line-clamp-box',\n    imports: [PolymorpheusOutlet],\n    template:\n        '<ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>',\n    styleUrl: './line-clamp-box.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: tuiGetHintProviders(),\n    host: {'[style.line-height.px]': 'host.line()', '[style.min-width.px]': 'width'},\n})\nexport class TuiLineClampBox extends TuiHintComponent {\n    protected readonly host = inject(TuiLineClamp);\n\n    protected get width(): number {\n        return this.accessor.getClientRect().width;\n    }\n}\n","import {afterNextRender, Directive, effect, inject, INJECTOR} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TUI_TIMELINE_SUPPORT} from '@taiga-ui/core/tokens';\n\nimport {TuiLineClamp} from './line-clamp.component';\n\ntype Measure = Pick<Element, 'clientWidth' | 'scrollHeight' | 'scrollWidth'>;\n\n/**\n * Detects overflow by measuring, for browsers without scroll timeline support (see component\n * styles)\n */\n@Directive({\n    selector: '[tuiLineClampFallback]',\n    providers: [WaResizeObserverService],\n    host: {'(mouseenter)': 'apply(measure())'},\n})\nexport class TuiLineClampFallback {\n    private readonly host = inject(TuiLineClamp);\n    private readonly injector = inject(INJECTOR);\n    private readonly el = tuiInjectElement();\n\n    /**\n     * Reads of all instances are batched into the `earlyRead`\n     * phase, so writes of one of them do not force a reflow for the next one\n     */\n    protected readonly refresh =\n        !inject(TUI_TIMELINE_SUPPORT) &&\n        effect(() => {\n            this.host.content();\n            this.host.maxHeight();\n\n            afterNextRender(\n                {\n                    earlyRead: () => this.measure(),\n                    write: (measure) => this.apply(measure),\n                },\n                {injector: this.injector},\n            );\n        });\n\n    protected readonly resize =\n        !inject(TUI_TIMELINE_SUPPORT) &&\n        inject(WaResizeObserverService)\n            .pipe(takeUntilDestroyed())\n            .subscribe(() => this.apply(this.measure()));\n\n    protected measure(): Measure {\n        const {scrollHeight, scrollWidth, clientWidth} =\n            this.el.firstElementChild ?? this.el;\n\n        return {scrollHeight, scrollWidth, clientWidth};\n    }\n\n    protected apply({scrollHeight, scrollWidth, clientWidth}: Measure): void {\n        this.host.setOverflown(\n            scrollHeight > this.host.maxHeight() || scrollWidth > clientWidth,\n        );\n    }\n}\n","import {Directive, inject} from '@angular/core';\nimport {\n    tuiAsPositionAccessor,\n    TuiPositionAccessor,\n    type TuiRectAccessor,\n} from '@taiga-ui/core/classes';\nimport {TuiHintDirective} from '@taiga-ui/core/portals/hint';\nimport {type TuiPoint} from '@taiga-ui/core/types';\n\n@Directive({\n    selector: '[tuiLineClampPosition]',\n    providers: [tuiAsPositionAccessor(TuiLineClampPositionDirective)],\n})\nexport class TuiLineClampPositionDirective extends TuiPositionAccessor {\n    private readonly accessor = inject<TuiRectAccessor>(TuiHintDirective);\n\n    public readonly type = 'hint';\n\n    public getPosition(): TuiPoint {\n        const {top, left} = this.accessor.getClientRect();\n\n        return [left, top];\n    }\n}\n","import {type BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    output,\n    signal,\n} from '@angular/core';\nimport {toObservable, toSignal} from '@angular/core/rxjs-interop';\nimport {TuiTransitioned} from '@taiga-ui/cdk/directives/transitioned';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TUI_HINT_COMPONENT, TuiHint} from '@taiga-ui/core/portals/hint';\nimport {TUI_FONT_OFFSET} from '@taiga-ui/core/utils/miscellaneous';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\nimport {filter, fromEvent, map, of, pairwise, startWith, switchMap} from 'rxjs';\n\nimport {TUI_LINE_CLAMP_OPTIONS} from './line-clamp.options';\nimport {TuiLineClampBox} from './line-clamp-box.component';\nimport {TuiLineClampFallback} from './line-clamp-fallback.directive';\nimport {TuiLineClampPositionDirective} from './line-clamp-position.directive';\n\n@Component({\n    selector: 'tui-line-clamp',\n    imports: [PolymorpheusOutlet, TuiHint, TuiLineClampPositionDirective],\n    templateUrl: './line-clamp.template.html',\n    styleUrl: './line-clamp.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [{provide: TUI_HINT_COMPONENT, useValue: TuiLineClampBox}],\n    hostDirectives: [TuiTransitioned, TuiLineClampFallback],\n    host: {\n        '[class._overflown]': 'overflown()',\n        '[style.line-height.px]': 'line()',\n        '[style.max-height.px]': 'maxHeight()',\n    },\n})\nexport class TuiLineClamp {\n    private readonly offset = inject(TUI_FONT_OFFSET);\n    private readonly options = inject(TUI_LINE_CLAMP_OPTIONS);\n    private readonly el = tuiInjectElement();\n    private readonly overflows = signal(0);\n\n    protected readonly overflown = signal(false);\n\n    public readonly maxHeight = computed(() => this.line() * this.linesLimit());\n    public readonly line = computed(() => this.lineHeight() + this.offset());\n    public readonly lineHeight = input(24);\n    public readonly linesLimit = input(1);\n    public readonly content = input<PolymorpheusContent>();\n\n    public readonly showHint = input<boolean, BooleanInput>(this.options.showHint, {\n        transform: coerceBooleanProperty,\n    });\n\n    public readonly overflownChange = output<boolean>();\n\n    protected readonly lineClamp = toSignal(\n        toObservable(this.linesLimit).pipe(\n            startWith(1),\n            pairwise(),\n            switchMap(([prev, next]) =>\n                next >= prev\n                    ? of(next)\n                    : fromEvent(this.el, 'transitionend').pipe(\n                          filter((e) => e.target === e.currentTarget),\n                          map(() => next),\n                      ),\n            ),\n        ),\n        {initialValue: 0},\n    );\n\n    protected readonly computedContent = computed(() =>\n        this.showHint() && this.overflown() ? this.content() : '',\n    );\n\n    public setOverflown(overflown: boolean): void {\n        if (this.overflown() !== overflown) {\n            this.overflown.set(overflown);\n            this.overflownChange.emit(overflown);\n        }\n    }\n\n    /**\n     * Both axes can overflow at once, and turning the clamp on can stop one of them,\n     * so a single axis going quiet does not mean the content fits\n     */\n    protected onOverflow(overflown: boolean): void {\n        this.overflows.update((val) => val + (overflown ? 1 : -1));\n\n        this.setOverflown(this.overflows() > 0);\n    }\n}\n","<div\n    tuiLineClampPosition\n    class=\"t-wrapper\"\n    [style.-webkit-line-clamp]=\"lineClamp()\"\n    [style.word-break]=\"lineClamp() > 1 ? 'break-word' : 'break-all'\"\n    [tuiHint]=\"computedContent()\"\n    (animationcancel.self)=\"onOverflow(false)\"\n    (animationstart.self)=\"onOverflow(true)\"\n>\n    <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.TuiLineClampFallback"],"mappings":"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"}

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.22.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.22.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.22.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.23.0-canary.c1045d7"], ngImport: i0, template: '', isInline: true, styles: ["[tuiMessage]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]){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.23.0-canary.c1045d7\"])>[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.22.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.22.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.23.0-canary.c1045d7\"]){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.23.0-canary.c1045d7\"])>[tuiLink]{color:inherit!important;text-decoration:underline solid!important}\n"] }]
         }] });
 class TuiMessage {
     constructor() {

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-message.mjs","sources":["../../../projects/kit/components/message/message.directive.ts","../../../projects/kit/components/message/taiga-ui-kit-components-message.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    TUI_APPEARANCE_OPTIONS,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import '@taiga-ui/styles/components/message.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-message-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiMessage]',\n    providers: [\n        {\n            provide: TUI_APPEARANCE_OPTIONS,\n            useValue: {appearance: 'neutral'},\n        },\n    ],\n    hostDirectives: [TuiWithAppearance],\n})\nexport class TuiMessage {\n    protected readonly nothing = tuiWithStyles(Styles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaA,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,0GAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6aAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,YAAA,EAAe,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,6aAAA,CAAA,EAAA;;MAc7B,UAAU,CAAA;AAVvB,IAAA,WAAA,GAAA;AAWuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AACrD,IAAA;+GAFY,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,SAAA,EARR;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,sBAAsB;AAC/B,gBAAA,QAAQ,EAAE,EAAC,UAAU,EAAE,SAAS,EAAC;AACpC,aAAA;AACJ,SAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAGQ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,sBAAsB;AAC/B,4BAAA,QAAQ,EAAE,EAAC,UAAU,EAAE,SAAS,EAAC;AACpC,yBAAA;AACJ,qBAAA;oBACD,cAAc,EAAE,CAAC,iBAAiB,CAAC;AACtC,iBAAA;;;ACnCD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-message.mjs","sources":["../../../projects/kit/components/message/message.directive.ts","../../../projects/kit/components/message/taiga-ui-kit-components-message.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    TUI_APPEARANCE_OPTIONS,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import '@taiga-ui/styles/components/message.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-message-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiMessage]',\n    providers: [\n        {\n            provide: TUI_APPEARANCE_OPTIONS,\n            useValue: {appearance: 'neutral'},\n        },\n    ],\n    hostDirectives: [TuiWithAppearance],\n})\nexport class TuiMessage {\n    protected readonly nothing = tuiWithStyles(Styles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaA,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,yHAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2cAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,YAAA,EAAe,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,2cAAA,CAAA,EAAA;;MAc7B,UAAU,CAAA;AAVvB,IAAA,WAAA,GAAA;AAWuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AACrD,IAAA;+GAFY,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,SAAA,EARR;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,sBAAsB;AAC/B,gBAAA,QAAQ,EAAE,EAAC,UAAU,EAAE,SAAS,EAAC;AACpC,aAAA;AACJ,SAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAGQ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,sBAAsB;AAC/B,4BAAA,QAAQ,EAAE,EAAC,UAAU,EAAE,SAAS,EAAC;AACpC,yBAAA;AACJ,qBAAA;oBACD,cAAc,EAAE,CAAC,iBAAiB,CAAC;AACtC,iBAAA;;;ACnCD;;AAEG;;;;"}

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.22.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiMeter]:where(*[data-tui-version=\"5.22.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.22.0\"])::-webkit-meter-inner-element{display:none}[tuiMeter]:where(*[data-tui-version=\"5.22.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.23.0-canary.c1045d7"], ngImport: i0, template: '', isInline: true, styles: ["[tuiMeter]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"]){--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.23.0-canary.c1045d7\"])::-webkit-meter-inner-element{display:none}[tuiMeter]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"])::-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.22.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.22.0\"])::-webkit-meter-inner-element{display:none}[tuiMeter]:where(*[data-tui-version=\"5.22.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.23.0-canary.c1045d7\"]){--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.23.0-canary.c1045d7\"])::-webkit-meter-inner-element{display:none}[tuiMeter]:where(*[data-tui-version=\"5.23.0-canary.c1045d7\"])::-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.22.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.23.0-canary.c1045d7" }, 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-meter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-meter.mjs","sources":["../../../projects/kit/components/meter/meter.directive.ts","../../../projects/kit/components/meter/taiga-ui-kit-components-meter.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import '@taiga-ui/styles/components/meter.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-meter-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: 'meter[tuiMeter]',\n    host: {\n        'data-tui-version': TUI_VERSION,\n        '[attr.high]': 'high()',\n        '[attr.low]': 'low()',\n        '[attr.max]': 'max()',\n        '[attr.min]': 'min()',\n        '[attr.optimum]': 'optimum()',\n        '[attr.value]': 'value()',\n        '[style.--t-high]': 'high()',\n        '[style.--t-low]': 'low()',\n        '[style.--t-max]': 'max()',\n        '[style.--t-min]': 'min()',\n        '[style.--t-optimum]': 'optimum()',\n        '[style.--t-value]': 'value()',\n    },\n})\nexport class TuiMeter {\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    public readonly min = input('0');\n    public readonly max = input('1');\n    public readonly low = input('0');\n    public readonly high = input('1');\n    public readonly optimum = input('0.5');\n    public readonly value = input('0');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-meter.mjs","sources":["../../../projects/kit/components/meter/meter.directive.ts","../../../projects/kit/components/meter/taiga-ui-kit-components-meter.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import '@taiga-ui/styles/components/meter.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-meter-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: 'meter[tuiMeter]',\n    host: {\n        'data-tui-version': TUI_VERSION,\n        '[attr.high]': 'high()',\n        '[attr.low]': 'low()',\n        '[attr.max]': 'max()',\n        '[attr.min]': 'min()',\n        '[attr.optimum]': 'optimum()',\n        '[attr.value]': 'value()',\n        '[style.--t-high]': 'high()',\n        '[style.--t-low]': 'low()',\n        '[style.--t-max]': 'max()',\n        '[style.--t-min]': 'min()',\n        '[style.--t-optimum]': 'optimum()',\n        '[style.--t-value]': 'value()',\n    },\n})\nexport class TuiMeter {\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    public readonly min = input('0');\n    public readonly max = input('1');\n    public readonly low = input('0');\n    public readonly high = input('1');\n    public readonly optimum = input('0.5');\n    public readonly value = input('0');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}