@taiga-ui/kit 5.21.0 → 5.22.0-canary.7c35aae

package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-tooltip.mjs","sources":["../../../projects/kit/directives/tooltip/tooltip.options.ts","../../../projects/kit/directives/tooltip/tooltip.directive.ts","../../../projects/kit/directives/tooltip/taiga-ui-kit-directives-tooltip.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport const [TUI_TOOLTIP_OPTIONS, tuiTooltipOptionsProvider] = tuiCreateOptions({\n    icon: '',\n    appearance: 'icon',\n});\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    type DoCheck,\n    inject,\n    input,\n    type Signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWatch} from '@taiga-ui/cdk/observables';\nimport {tuiSetSignal, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {\n    tuiAppearanceOptionsProvider,\n    tuiAppearanceState,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {\n    TUI_HINT_OPTIONS,\n    TuiHintDescribe,\n    TuiHintDirective,\n    TuiHintHover,\n} from '@taiga-ui/core/portals/hint';\nimport {TUI_ICON_START} from '@taiga-ui/core/tokens';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {map} from 'rxjs';\n\nimport {TUI_TOOLTIP_OPTIONS} from './tooltip.options';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './tooltip.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-tooltip-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: 'tui-icon[tuiTooltip]',\n    providers: [\n        tuiAppearanceOptionsProvider(TUI_TOOLTIP_OPTIONS),\n        {\n            provide: TUI_ICON_START,\n            useFactory: () =>\n                inject(TUI_TOOLTIP_OPTIONS).icon || inject(TUI_HINT_OPTIONS).icon,\n        },\n    ],\n    hostDirectives: [\n        TuiWithAppearance,\n        {\n            directive: TuiHintDescribe,\n            inputs: ['tuiHintDescribe: tuiTooltipDescribe'],\n        },\n        {\n            directive: TuiHintDirective,\n            inputs: ['tuiHint: tuiTooltip', 'tuiHintAppearance', 'tuiHintContext'],\n        },\n    ],\n    host: {\n        tuiTooltip: '',\n        class: 'tui-interactive',\n        '[attr.data-size]': 'size()',\n        '[attr.tabindex]': 'describe.id() ? null : 0',\n        '(click.prevent)': '0',\n        '(mousedown.prevent)': '0',\n        '(pointerdown)': 'onClick($event)',\n    },\n})\nexport class TuiTooltip implements DoCheck {\n    private readonly textfield = inject(TuiTextfieldComponent, {optional: true});\n    private readonly isMobile = inject(WA_IS_MOBILE);\n\n    protected readonly describe = inject(TuiHintDescribe);\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    protected readonly state: Signal<unknown> = tuiAppearanceState(\n        toSignal(\n            inject(TuiHintHover).pipe(\n                map((hover) => (hover && this.tuiTooltip() ? 'hover' : null)),\n                tuiWatch(),\n            ),\n            {initialValue: null},\n        ),\n    );\n\n    public readonly size = input<TuiSizeS>('m');\n    public readonly tuiTooltip = input<unknown>();\n\n    public ngDoCheck(): void {\n        if (this.textfield) {\n            tuiSetSignal(this.describe.id, this.textfield.input()?.nativeElement.id);\n        }\n    }\n\n    protected onClick(event: MouseEvent): void {\n        if (!this.isMobile) {\n            return;\n        }\n\n        event.stopPropagation();\n    }\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-directives-tooltip.mjs","sources":["../../../projects/kit/directives/tooltip/tooltip.options.ts","../../../projects/kit/directives/tooltip/tooltip.directive.ts","../../../projects/kit/directives/tooltip/taiga-ui-kit-directives-tooltip.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport const [TUI_TOOLTIP_OPTIONS, tuiTooltipOptionsProvider] = tuiCreateOptions({\n    icon: '',\n    appearance: 'icon',\n});\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    type DoCheck,\n    inject,\n    input,\n    type Signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWatch} from '@taiga-ui/cdk/observables';\nimport {tuiSetSignal, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {\n    tuiAppearanceOptionsProvider,\n    tuiAppearanceState,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {\n    TUI_HINT_OPTIONS,\n    TuiHintDescribe,\n    TuiHintDirective,\n    TuiHintHover,\n} from '@taiga-ui/core/portals/hint';\nimport {TUI_ICON_START} from '@taiga-ui/core/tokens';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {map} from 'rxjs';\n\nimport {TUI_TOOLTIP_OPTIONS} from './tooltip.options';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './tooltip.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-tooltip-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: 'tui-icon[tuiTooltip]',\n    providers: [\n        tuiAppearanceOptionsProvider(TUI_TOOLTIP_OPTIONS),\n        {\n            provide: TUI_ICON_START,\n            useFactory: () =>\n                inject(TUI_TOOLTIP_OPTIONS).icon || inject(TUI_HINT_OPTIONS).icon,\n        },\n    ],\n    hostDirectives: [\n        TuiWithAppearance,\n        {\n            directive: TuiHintDescribe,\n            inputs: ['tuiHintDescribe: tuiTooltipDescribe'],\n        },\n        {\n            directive: TuiHintDirective,\n            inputs: ['tuiHint: tuiTooltip', 'tuiHintAppearance', 'tuiHintContext'],\n        },\n    ],\n    host: {\n        tuiTooltip: '',\n        class: 'tui-interactive',\n        '[attr.data-size]': 'size()',\n        '[attr.tabindex]': 'describe.id() ? null : 0',\n        '(click.prevent)': '0',\n        '(mousedown.prevent)': '0',\n        '(pointerdown)': 'onClick($event)',\n    },\n})\nexport class TuiTooltip implements DoCheck {\n    private readonly textfield = inject(TuiTextfieldComponent, {optional: true});\n    private readonly isMobile = inject(WA_IS_MOBILE);\n\n    protected readonly describe = inject(TuiHintDescribe);\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    protected readonly state: Signal<unknown> = tuiAppearanceState(\n        toSignal(\n            inject(TuiHintHover).pipe(\n                map((hover) => (hover && this.tuiTooltip() ? 'hover' : null)),\n                tuiWatch(),\n            ),\n            {initialValue: null},\n        ),\n    );\n\n    public readonly size = input<TuiSizeS>('m');\n    public readonly tuiTooltip = input<unknown>();\n\n    public ngDoCheck(): void {\n        if (this.textfield) {\n            tuiSetSignal(this.describe.id, this.textfield.input()?.nativeElement.id);\n        }\n    }\n\n    protected onClick(event: MouseEvent): void {\n        if (!this.isMobile) {\n            return;\n        }\n\n        event.stopPropagation();\n    }\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-pipes-format-number.mjs

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { Pipe } from '@angular/core';
+import { TuiFormatNumberPipe as TuiFormatNumberPipe$1 } from '@taiga-ui/core/pipes/format-number';
+import { tuiFormatNumber } from '@taiga-ui/kit/utils';
+
+class TuiFormatNumberPipe extends TuiFormatNumberPipe$1 {
+    constructor() {
+        super(...arguments);
+        this.formatter = tuiFormatNumber;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFormatNumberPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: TuiFormatNumberPipe, isStandalone: true, name: "tuiFormatNumber", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFormatNumberPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'tuiFormatNumber',
+                    pure: false,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiFormatNumberPipe };
+//# sourceMappingURL=taiga-ui-kit-pipes-format-number.mjs.map

package/fesm2022/taiga-ui-kit-pipes-format-number.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-pipes-format-number.mjs","sources":["../../../projects/kit/pipes/format-number/format-number.pipe.ts","../../../projects/kit/pipes/format-number/taiga-ui-kit-pipes-format-number.ts"],"sourcesContent":["import {Pipe, type PipeTransform} from '@angular/core';\nimport {TuiFormatNumberPipe as TuiFormatNumberPipeLegacy} from '@taiga-ui/core/pipes/format-number';\nimport {tuiFormatNumber} from '@taiga-ui/kit/utils';\n\n@Pipe({\n    name: 'tuiFormatNumber',\n    pure: false,\n})\nexport class TuiFormatNumberPipe\n    extends TuiFormatNumberPipeLegacy\n    implements PipeTransform\n{\n    public override formatter = tuiFormatNumber;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TuiFormatNumberPipeLegacy"],"mappings":";;;;;AAQM,MAAO,mBACT,SAAQA,qBAAyB,CAAA;AALrC,IAAA,WAAA,GAAA;;QAQoB,IAAA,CAAA,SAAS,GAAG,eAAe;AAC9C,IAAA;+GALY,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACF,oBAAA,IAAI,EAAE,iBAAiB;AACvB,oBAAA,IAAI,EAAE,KAAK;AACd,iBAAA;;;ACPD;;AAEG;;;;"}

package/fesm2022/taiga-ui-kit-pipes.mjs

@@ -1,6 +1,7 @@
 export * from '@taiga-ui/kit/pipes/auto-color';
 export * from '@taiga-ui/kit/pipes/emails';
 export * from '@taiga-ui/kit/pipes/flag';
+export * from '@taiga-ui/kit/pipes/format-number';
 export * from '@taiga-ui/kit/pipes/hide-selected';
 export * from '@taiga-ui/kit/pipes/initials';
 export * from '@taiga-ui/kit/pipes/sort-countries';

package/fesm2022/taiga-ui-kit-pipes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-pipes.mjs","sources":["../../../projects/kit/pipes/taiga-ui-kit-pipes.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;AAEG"}
+{"version":3,"file":"taiga-ui-kit-pipes.mjs","sources":["../../../projects/kit/pipes/taiga-ui-kit-pipes.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;AAEG"}

package/fesm2022/taiga-ui-kit-utils.mjs

@@ -1,5 +1,9 @@
 import { HOURS_IN_DAY, TuiTime } from '@taiga-ui/cdk/date-time';
-import { inject, computed } from '@angular/core';
+import { maskitoStringifyNumber } from '@maskito/kit';
+import { tuiIsSafeToRound, tuiRoundWith } from '@taiga-ui/cdk/utils/math';
+import { TUI_DEFAULT_NUMBER_FORMAT } from '@taiga-ui/core/tokens';
+import { tuiGetFractionPartPadded } from '@taiga-ui/core/utils/format';
+import { inject, INJECTOR, computed } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { NgControl } from '@angular/forms';
 import { tuiControlValue } from '@taiga-ui/cdk/observables';
@@ -18,10 +22,38 @@ function tuiCreateTimePeriods(minHour = 0, maxHour = HOURS_IN_DAY, minutes = [0,
     return timeArray;
 }
 
+function tuiFormatNumber(value, { rounding = TUI_DEFAULT_NUMBER_FORMAT.rounding, decimalMode, precision, maximumFractionDigits = precision ?? Infinity, ...settings } = {}) {
+    const rounded = typeof value === 'number' &&
+        Number.isFinite(maximumFractionDigits) &&
+        tuiIsSafeToRound(value, maximumFractionDigits)
+        ? tuiRoundWith({
+            value,
+            precision: maximumFractionDigits,
+            method: rounding,
+        })
+        : value;
+    const fractionPart = tuiGetFractionPartPadded(rounded, maximumFractionDigits);
+    const withTrailingZeroes = decimalMode === 'always' || (Number(fractionPart) > 0 && decimalMode === 'pad');
+    const minimumFractionDigits = settings.minimumFractionDigits ??
+        (Number.isFinite(maximumFractionDigits) && withTrailingZeroes
+            ? maximumFractionDigits
+            : fractionPart.length);
+    return maskitoStringifyNumber(rounded, {
+        ...TUI_DEFAULT_NUMBER_FORMAT,
+        ...settings,
+        minimumFractionDigits,
+        maximumFractionDigits: withTrailingZeroes
+            ? maximumFractionDigits
+            : Math.max(minimumFractionDigits, fractionPart.replace(/0*$/, '').length),
+    });
+}
+
 function tuiInjectValue() {
     const textfield = inject(TuiTextfieldComponent, { optional: true });
     const control = textfield?.control() || inject(NgControl, { optional: true });
-    const fallback = toSignal(tuiControlValue(control), { requireSync: true });
+    const fallback = toSignal(tuiControlValue(control, inject(INJECTOR)), {
+        requireSync: true,
+    });
     return computed(() => {
         const cva = textfield?.child();
         return cva
@@ -38,5 +70,5 @@ function tuiMaskito(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { tuiCreateTimePeriods, tuiInjectValue, tuiMaskito };
+export { tuiCreateTimePeriods, tuiFormatNumber, tuiInjectValue, tuiMaskito };
 //# sourceMappingURL=taiga-ui-kit-utils.mjs.map

package/fesm2022/taiga-ui-kit-utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-utils.mjs","sources":["../../../projects/kit/utils/create-time-periods.ts","../../../projects/kit/utils/inject-value.ts","../../../projects/kit/utils/maskito.binding.ts","../../../projects/kit/utils/taiga-ui-kit-utils.ts"],"sourcesContent":["import {HOURS_IN_DAY, TuiTime} from '@taiga-ui/cdk/date-time';\n\nexport function tuiCreateTimePeriods(\n    minHour = 0,\n    maxHour: number = HOURS_IN_DAY,\n    minutes: readonly number[] = [0, 30],\n): readonly TuiTime[] {\n    const timeArray: TuiTime[] = [];\n\n    for (let i = minHour; i < maxHour; i++) {\n        minutes.forEach((minute) => {\n            const time = new TuiTime(i, minute);\n\n            timeArray.push(time);\n        });\n    }\n\n    return timeArray;\n}\n","import {computed, inject, type Signal} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {NgControl} from '@angular/forms';\nimport {tuiControlValue} from '@taiga-ui/cdk/observables';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\n\nexport function tuiInjectValue<T>(): Signal<T> {\n    const textfield = inject(TuiTextfieldComponent, {optional: true});\n    const control = textfield?.control() || inject(NgControl, {optional: true});\n    const fallback = toSignal<T>(tuiControlValue(control), {requireSync: true});\n\n    return computed(() => {\n        const cva = textfield?.child();\n\n        return cva\n            ? (cva.value() as T) // preferred for updateOn: 'blur' | 'submit'\n            : fallback();\n    });\n}\n","import {type Signal, type WritableSignal} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {type MaskitoOptions} from '@maskito/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\n\ntype M = MaskitoOptions;\n\nexport function tuiMaskito(options: M | WritableSignal<M>): WritableSignal<M>;\nexport function tuiMaskito(options: Signal<M>): Signal<M>;\nexport function tuiMaskito(options: M | Signal<M>): Signal<M> {\n    return tuiDirectiveBinding(MaskitoDirective, 'options', options);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAEM,SAAU,oBAAoB,CAChC,OAAO,GAAG,CAAC,EACX,OAAA,GAAkB,YAAY,EAC9B,OAAA,GAA6B,CAAC,CAAC,EAAE,EAAE,CAAC,EAAA;IAEpC,MAAM,SAAS,GAAc,EAAE;AAE/B,IAAA,KAAK,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;AACpC,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;YACvB,MAAM,IAAI,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC;AAEnC,YAAA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,QAAA,CAAC,CAAC;IACN;AAEA,IAAA,OAAO,SAAS;AACpB;;SCZgB,cAAc,GAAA;AAC1B,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,qBAAqB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AACjE,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,MAAM,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AAC3E,IAAA,MAAM,QAAQ,GAAG,QAAQ,CAAI,eAAe,CAAC,OAAO,CAAC,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;IAE3E,OAAO,QAAQ,CAAC,MAAK;AACjB,QAAA,MAAM,GAAG,GAAG,SAAS,EAAE,KAAK,EAAE;AAE9B,QAAA,OAAO;AACH,cAAG,GAAG,CAAC,KAAK,EAAQ;cAClB,QAAQ,EAAE;AACpB,IAAA,CAAC,CAAC;AACN;;ACTM,SAAU,UAAU,CAAC,OAAsB,EAAA;IAC7C,OAAO,mBAAmB,CAAC,gBAAgB,EAAE,SAAS,EAAE,OAAO,CAAC;AACpE;;ACXA;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-utils.mjs","sources":["../../../projects/kit/utils/create-time-periods.ts","../../../projects/kit/utils/format/format-number.ts","../../../projects/kit/utils/inject-value.ts","../../../projects/kit/utils/maskito.binding.ts","../../../projects/kit/utils/taiga-ui-kit-utils.ts"],"sourcesContent":["import {HOURS_IN_DAY, TuiTime} from '@taiga-ui/cdk/date-time';\n\nexport function tuiCreateTimePeriods(\n    minHour = 0,\n    maxHour: number = HOURS_IN_DAY,\n    minutes: readonly number[] = [0, 30],\n): readonly TuiTime[] {\n    const timeArray: TuiTime[] = [];\n\n    for (let i = minHour; i < maxHour; i++) {\n        minutes.forEach((minute) => {\n            const time = new TuiTime(i, minute);\n\n            timeArray.push(time);\n        });\n    }\n\n    return timeArray;\n}\n","import {maskitoStringifyNumber} from '@maskito/kit';\nimport {tuiIsSafeToRound, tuiRoundWith} from '@taiga-ui/cdk/utils/math';\nimport {\n    TUI_DEFAULT_NUMBER_FORMAT,\n    type TuiNumberFormatSettings,\n} from '@taiga-ui/core/tokens';\nimport {tuiGetFractionPartPadded} from '@taiga-ui/core/utils/format';\n\nexport function tuiFormatNumber(\n    value: bigint | number | null,\n    {\n        rounding = TUI_DEFAULT_NUMBER_FORMAT.rounding,\n        decimalMode,\n        precision,\n        maximumFractionDigits = precision ?? Infinity,\n        ...settings\n    }: Partial<TuiNumberFormatSettings> = {},\n): string {\n    const rounded =\n        typeof value === 'number' &&\n        Number.isFinite(maximumFractionDigits) &&\n        tuiIsSafeToRound(value, maximumFractionDigits)\n            ? tuiRoundWith({\n                  value,\n                  precision: maximumFractionDigits,\n                  method: rounding,\n              })\n            : value;\n\n    const fractionPart = tuiGetFractionPartPadded(rounded, maximumFractionDigits);\n\n    const withTrailingZeroes =\n        decimalMode === 'always' || (Number(fractionPart) > 0 && decimalMode === 'pad');\n\n    const minimumFractionDigits =\n        settings.minimumFractionDigits ??\n        (Number.isFinite(maximumFractionDigits) && withTrailingZeroes\n            ? maximumFractionDigits\n            : fractionPart.length);\n\n    return maskitoStringifyNumber(rounded, {\n        ...TUI_DEFAULT_NUMBER_FORMAT,\n        ...settings,\n        minimumFractionDigits,\n        maximumFractionDigits: withTrailingZeroes\n            ? maximumFractionDigits\n            : Math.max(minimumFractionDigits, fractionPart.replace(/0*$/, '').length),\n    });\n}\n","import {computed, inject, INJECTOR, type Signal} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {NgControl} from '@angular/forms';\nimport {tuiControlValue} from '@taiga-ui/cdk/observables';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\n\nexport function tuiInjectValue<T>(): Signal<T> {\n    const textfield = inject(TuiTextfieldComponent, {optional: true});\n    const control = textfield?.control() || inject(NgControl, {optional: true});\n    const fallback = toSignal<T>(tuiControlValue(control, inject(INJECTOR)), {\n        requireSync: true,\n    });\n\n    return computed(() => {\n        const cva = textfield?.child();\n\n        return cva\n            ? (cva.value() as T) // preferred for updateOn: 'blur' | 'submit'\n            : fallback();\n    });\n}\n","import {type Signal, type WritableSignal} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {type MaskitoOptions} from '@maskito/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\n\ntype M = MaskitoOptions;\n\nexport function tuiMaskito(options: M | WritableSignal<M>): WritableSignal<M>;\nexport function tuiMaskito(options: Signal<M>): Signal<M>;\nexport function tuiMaskito(options: M | Signal<M>): Signal<M> {\n    return tuiDirectiveBinding(MaskitoDirective, 'options', options);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAEM,SAAU,oBAAoB,CAChC,OAAO,GAAG,CAAC,EACX,OAAA,GAAkB,YAAY,EAC9B,OAAA,GAA6B,CAAC,CAAC,EAAE,EAAE,CAAC,EAAA;IAEpC,MAAM,SAAS,GAAc,EAAE;AAE/B,IAAA,KAAK,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;AACpC,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;YACvB,MAAM,IAAI,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC;AAEnC,YAAA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,QAAA,CAAC,CAAC;IACN;AAEA,IAAA,OAAO,SAAS;AACpB;;ACVM,SAAU,eAAe,CAC3B,KAA6B,EAC7B,EACI,QAAQ,GAAG,yBAAyB,CAAC,QAAQ,EAC7C,WAAW,EACX,SAAS,EACT,qBAAqB,GAAG,SAAS,IAAI,QAAQ,EAC7C,GAAG,QAAQ,EAAA,GACuB,EAAE,EAAA;AAExC,IAAA,MAAM,OAAO,GACT,OAAO,KAAK,KAAK,QAAQ;AACzB,QAAA,MAAM,CAAC,QAAQ,CAAC,qBAAqB,CAAC;AACtC,QAAA,gBAAgB,CAAC,KAAK,EAAE,qBAAqB;UACvC,YAAY,CAAC;YACT,KAAK;AACL,YAAA,SAAS,EAAE,qBAAqB;AAChC,YAAA,MAAM,EAAE,QAAQ;SACnB;UACD,KAAK;IAEf,MAAM,YAAY,GAAG,wBAAwB,CAAC,OAAO,EAAE,qBAAqB,CAAC;AAE7E,IAAA,MAAM,kBAAkB,GACpB,WAAW,KAAK,QAAQ,KAAK,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,WAAW,KAAK,KAAK,CAAC;AAEnF,IAAA,MAAM,qBAAqB,GACvB,QAAQ,CAAC,qBAAqB;AAC9B,SAAC,MAAM,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI;AACvC,cAAE;AACF,cAAE,YAAY,CAAC,MAAM,CAAC;IAE9B,OAAO,sBAAsB,CAAC,OAAO,EAAE;AACnC,QAAA,GAAG,yBAAyB;AAC5B,QAAA,GAAG,QAAQ;QACX,qBAAqB;AACrB,QAAA,qBAAqB,EAAE;AACnB,cAAE;AACF,cAAE,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC;AAChF,KAAA,CAAC;AACN;;SC1CgB,cAAc,GAAA;AAC1B,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,qBAAqB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AACjE,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,MAAM,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AAC3E,IAAA,MAAM,QAAQ,GAAG,QAAQ,CAAI,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE;AACrE,QAAA,WAAW,EAAE,IAAI;AACpB,KAAA,CAAC;IAEF,OAAO,QAAQ,CAAC,MAAK;AACjB,QAAA,MAAM,GAAG,GAAG,SAAS,EAAE,KAAK,EAAE;AAE9B,QAAA,OAAO;AACH,cAAG,GAAG,CAAC,KAAK,EAAQ;cAClB,QAAQ,EAAE;AACpB,IAAA,CAAC,CAAC;AACN;;ACXM,SAAU,UAAU,CAAC,OAAsB,EAAA;IAC7C,OAAO,mBAAmB,CAAC,gBAAgB,EAAE,SAAS,EAAE,OAAO,CAAC;AACpE;;ACXA;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "5.21.0",
+  "version": "5.22.0-canary.7c35aae",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -43,11 +43,11 @@
     "@ng-web-apis/mutation-observer": "^5.3.0",
     "@ng-web-apis/platform": "^5.3.0",
     "@ng-web-apis/resize-observer": "^5.3.0",
-    "@taiga-ui/cdk": "5.21.0",
-    "@taiga-ui/core": "5.21.0",
-    "@taiga-ui/i18n": "5.21.0",
+    "@taiga-ui/cdk": "5.22.0",
+    "@taiga-ui/core": "5.22.0",
+    "@taiga-ui/i18n": "5.22.0",
     "@taiga-ui/polymorpheus": "^5.0.1",
-    "@taiga-ui/styles": "5.21.0",
+    "@taiga-ui/styles": "5.22.0",
     "rxjs": ">=7.0.0"
   },
   "module": "fesm2022/taiga-ui-kit.mjs",
@@ -64,14 +64,14 @@
       "types": "./components/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components.mjs"
     },
-    "./directives": {
-      "types": "./directives/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives.mjs"
-    },
     "./pipes": {
       "types": "./pipes/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-pipes.mjs"
     },
+    "./directives": {
+      "types": "./directives/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives.mjs"
+    },
     "./tokens": {
       "types": "./tokens/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-tokens.mjs"
@@ -256,6 +256,10 @@
       "types": "./components/message/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-message.mjs"
     },
+    "./components/meter": {
+      "types": "./components/meter/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-meter.mjs"
+    },
     "./components/multi-select": {
       "types": "./components/multi-select/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-multi-select.mjs"
@@ -264,14 +268,14 @@
       "types": "./components/notification-middle/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-notification-middle.mjs"
     },
-    "./components/pagination": {
-      "types": "./components/pagination/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-pagination.mjs"
-    },
     "./components/pager": {
       "types": "./components/pager/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pager.mjs"
     },
+    "./components/pagination": {
+      "types": "./components/pagination/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-pagination.mjs"
+    },
     "./components/pin": {
       "types": "./components/pin/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pin.mjs"
@@ -280,14 +284,14 @@
       "types": "./components/pincode/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pincode.mjs"
     },
-    "./components/progress": {
-      "types": "./components/progress/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-progress.mjs"
-    },
     "./components/preview": {
       "types": "./components/preview/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-preview.mjs"
     },
+    "./components/progress": {
+      "types": "./components/progress/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-progress.mjs"
+    },
     "./components/pulse": {
       "types": "./components/pulse/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pulse.mjs"
@@ -360,6 +364,42 @@
       "types": "./components/tree/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-tree.mjs"
     },
+    "./pipes/auto-color": {
+      "types": "./pipes/auto-color/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-auto-color.mjs"
+    },
+    "./pipes/emails": {
+      "types": "./pipes/emails/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-emails.mjs"
+    },
+    "./pipes/flag": {
+      "types": "./pipes/flag/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-flag.mjs"
+    },
+    "./pipes/format-number": {
+      "types": "./pipes/format-number/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-format-number.mjs"
+    },
+    "./pipes/hide-selected": {
+      "types": "./pipes/hide-selected/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-hide-selected.mjs"
+    },
+    "./pipes/initials": {
+      "types": "./pipes/initials/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-initials.mjs"
+    },
+    "./pipes/sort-countries": {
+      "types": "./pipes/sort-countries/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-sort-countries.mjs"
+    },
+    "./pipes/stringify": {
+      "types": "./pipes/stringify/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-stringify.mjs"
+    },
+    "./pipes/stringify-content": {
+      "types": "./pipes/stringify-content/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-stringify-content.mjs"
+    },
     "./directives/appearance-proxy": {
       "types": "./directives/appearance-proxy/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs"
@@ -368,6 +408,10 @@
       "types": "./directives/button-group/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-button-group.mjs"
     },
+    "./directives/button-select": {
+      "types": "./directives/button-select/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-button-select.mjs"
+    },
     "./directives/chevron": {
       "types": "./directives/chevron/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-chevron.mjs"
@@ -376,10 +420,6 @@
       "types": "./directives/connected/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-connected.mjs"
     },
-    "./directives/button-select": {
-      "types": "./directives/button-select/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-button-select.mjs"
-    },
     "./directives/data-list-dropdown-manager": {
       "types": "./directives/data-list-dropdown-manager/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs"
@@ -427,38 +467,6 @@
     "./directives/unmask-handler": {
       "types": "./directives/unmask-handler/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-unmask-handler.mjs"
-    },
-    "./pipes/auto-color": {
-      "types": "./pipes/auto-color/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-auto-color.mjs"
-    },
-    "./pipes/emails": {
-      "types": "./pipes/emails/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-emails.mjs"
-    },
-    "./pipes/flag": {
-      "types": "./pipes/flag/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-flag.mjs"
-    },
-    "./pipes/hide-selected": {
-      "types": "./pipes/hide-selected/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-hide-selected.mjs"
-    },
-    "./pipes/initials": {
-      "types": "./pipes/initials/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-initials.mjs"
-    },
-    "./pipes/sort-countries": {
-      "types": "./pipes/sort-countries/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-sort-countries.mjs"
-    },
-    "./pipes/stringify": {
-      "types": "./pipes/stringify/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-stringify.mjs"
-    },
-    "./pipes/stringify-content": {
-      "types": "./pipes/stringify-content/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-stringify-content.mjs"
     }
   },
   "sideEffects": false,

package/pipes/format-number/format-number.pipe.d.ts

@@ -0,0 +1,9 @@
+import { type PipeTransform } from '@angular/core';
+import { TuiFormatNumberPipe as TuiFormatNumberPipeLegacy } from '@taiga-ui/core/pipes/format-number';
+import { tuiFormatNumber } from '@taiga-ui/kit/utils';
+import * as i0 from "@angular/core";
+export declare class TuiFormatNumberPipe extends TuiFormatNumberPipeLegacy implements PipeTransform {
+    formatter: typeof tuiFormatNumber;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFormatNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiFormatNumberPipe, "tuiFormatNumber", true>;
+}

package/pipes/format-number/index.d.ts

@@ -0,0 +1 @@
+export * from './format-number.pipe';

package/pipes/index.d.ts

@@ -1,6 +1,7 @@
 export * from '@taiga-ui/kit/pipes/auto-color';
 export * from '@taiga-ui/kit/pipes/emails';
 export * from '@taiga-ui/kit/pipes/flag';
+export * from '@taiga-ui/kit/pipes/format-number';
 export * from '@taiga-ui/kit/pipes/hide-selected';
 export * from '@taiga-ui/kit/pipes/initials';
 export * from '@taiga-ui/kit/pipes/sort-countries';

package/utils/format/format-number.d.ts

@@ -0,0 +1,2 @@
+import { type TuiNumberFormatSettings } from '@taiga-ui/core/tokens';
+export declare function tuiFormatNumber(value: bigint | number | null, { rounding, decimalMode, precision, maximumFractionDigits, ...settings }?: Partial<TuiNumberFormatSettings>): string;

package/utils/format/index.d.ts

@@ -0,0 +1 @@
+export * from './format-number';

package/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './create-time-periods';
+export * from './format';
 export * from './inject-value';
 export * from './maskito.binding';