@taiga-ui/kit 4.52.0-canary.1ea42f6 → 4.52.0-canary.217a686

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/is-flat.ts","../../../projects/kit/utils/maskito.binding.ts","../../../projects/kit/utils/phone.ts","../../../projects/kit/utils/toggle-day.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 {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 control =\n        inject(TuiTextfieldComponent, {optional: true})?.control ||\n        inject(NgControl, {optional: true});\n\n    return toSignal(tuiControlValue(control), {requireSync: true});\n}\n","export function tuiIsFlat<T>(\n    items: ReadonlyArray<readonly T[]> | readonly T[],\n): items is readonly T[] {\n    return !Array.isArray(items[0]);\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';\n\ntype M = MaskitoOptions | null;\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","import {CHAR_PLUS} from '@taiga-ui/cdk/constants';\nimport {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\nimport {getCountryCallingCode, type MetadataJson} from 'libphonenumber-js/core';\n\nexport function tuiGetCallingCode(\n    iso: TuiCountryIsoCode,\n    metadata?: MetadataJson | null,\n): string {\n    return metadata ? CHAR_PLUS + getCountryCallingCode(iso, metadata) : '';\n}\n","import {type TuiDay} from '@taiga-ui/cdk/date-time';\n\nexport function tuiToggleDay(\n    days: readonly TuiDay[] | null,\n    day: TuiDay,\n): readonly TuiDay[] {\n    return (\n        (days?.find((item) => item.daySame(day))\n            ? days.filter((item) => !item.daySame(day))\n            : days?.concat(day)) || []\n    );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAEgB,SAAA,oBAAoB,CAChC,OAAO,GAAG,CAAC,EACX,OAAkB,GAAA,YAAY,EAC9B,OAA6B,GAAA,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,SAAC,CAAC;;AAGN,IAAA,OAAO,SAAS;AACpB;;SCZgB,cAAc,GAAA;AAC1B,IAAA,MAAM,OAAO,GACT,MAAM,CAAC,qBAAqB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,EAAE,OAAO;QACxD,MAAM,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AAEvC,IAAA,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;AAClE;;ACZM,SAAU,SAAS,CACrB,KAAiD,EAAA;IAEjD,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACnC;;ACKM,SAAU,UAAU,CAAC,OAAsB,EAAA;IAC7C,OAAO,mBAAmB,CAAC,gBAAgB,EAAE,SAAS,EAAE,OAAO,CAAC;AACpE;;ACPgB,SAAA,iBAAiB,CAC7B,GAAsB,EACtB,QAA8B,EAAA;AAE9B,IAAA,OAAO,QAAQ,GAAG,SAAS,GAAG,qBAAqB,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE;AAC3E;;ACPgB,SAAA,YAAY,CACxB,IAA8B,EAC9B,GAAW,EAAA;AAEX,IAAA,QACI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AACnC,UAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;UACxC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE;AAEtC;;ACXA;;AAEG;;;;"}
+{"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/is-flat.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 {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 control =\n        inject(TuiTextfieldComponent, {optional: true})?.control() ||\n        inject(NgControl, {optional: true});\n\n    return toSignal(tuiControlValue(control), {requireSync: true});\n}\n","export function tuiIsFlat<T>(\n    items: ReadonlyArray<readonly T[]> | readonly T[],\n): items is readonly T[] {\n    return !Array.isArray(items[0]);\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 | null;\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":";;;;;;;;;AAEgB,SAAA,oBAAoB,CAChC,OAAO,GAAG,CAAC,EACX,OAAkB,GAAA,YAAY,EAC9B,OAA6B,GAAA,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,SAAC,CAAC;;AAGN,IAAA,OAAO,SAAS;AACpB;;SCZgB,cAAc,GAAA;AAC1B,IAAA,MAAM,OAAO,GACT,MAAM,CAAC,qBAAqB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,EAAE,OAAO,EAAE;QAC1D,MAAM,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AAEvC,IAAA,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC;AAClE;;ACZM,SAAU,SAAS,CACrB,KAAiD,EAAA;IAEjD,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACnC;;ACKM,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": "4.52.0-canary.1ea42f6",
+  "version": "4.52.0-canary.217a686",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -10,7 +10,10 @@
     "directive"
   ],
   "homepage": "https://github.com/taiga-family/taiga-ui",
-  "repository": "https://github.com/taiga-family/taiga-ui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/taiga-family/taiga-ui"
+  },
   "license": "Apache-2.0",
   "exports": {
     "./styles/*": "./styles/*",
@@ -125,10 +128,6 @@
       "types": "./components/drawer/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-drawer.mjs"
     },
-    "./components/elastic-container": {
-      "types": "./components/elastic-container/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-elastic-container.mjs"
-    },
     "./components/files": {
       "types": "./components/files/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-files.mjs"
@@ -137,10 +136,6 @@
       "types": "./components/filter/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-filter.mjs"
     },
-    "./components/floating-container": {
-      "types": "./components/floating-container/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-floating-container.mjs"
-    },
     "./components/fullscreen": {
       "types": "./components/fullscreen/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-fullscreen.mjs"
@@ -229,6 +224,10 @@
       "types": "./components/message/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-message.mjs"
     },
+    "./components/multi-select": {
+      "types": "./components/multi-select/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-multi-select.mjs"
+    },
     "./components/notification-middle": {
       "types": "./components/notification-middle/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-notification-middle.mjs"
@@ -241,14 +240,6 @@
       "types": "./components/pagination/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pagination.mjs"
     },
-    "./components/multi-select": {
-      "types": "./components/multi-select/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-multi-select.mjs"
-    },
-    "./components/pdf-viewer": {
-      "types": "./components/pdf-viewer/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-pdf-viewer.mjs"
-    },
     "./components/pin": {
       "types": "./components/pin/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pin.mjs"
@@ -301,10 +292,6 @@
       "types": "./components/slider/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-slider.mjs"
     },
-    "./components/slides": {
-      "types": "./components/slides/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-slides.mjs"
-    },
     "./components/status": {
       "types": "./components/status/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-status.mjs"
@@ -333,18 +320,22 @@
       "types": "./components/toast/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-toast.mjs"
     },
-    "./directives/button-group": {
-      "types": "./directives/button-group/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-button-group.mjs"
-    },
     "./components/tree": {
       "types": "./components/tree/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-tree.mjs"
     },
+    "./directives/appearance-proxy": {
+      "types": "./directives/appearance-proxy/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs"
+    },
     "./directives/button-close": {
       "types": "./directives/button-close/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-button-close.mjs"
     },
+    "./directives/button-group": {
+      "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"
@@ -373,10 +364,6 @@
       "types": "./directives/highlight/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-highlight.mjs"
     },
-    "./directives/lazy-loading": {
-      "types": "./directives/lazy-loading/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-lazy-loading.mjs"
-    },
     "./directives/password": {
       "types": "./directives/password/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-password.mjs"
@@ -393,25 +380,33 @@
       "types": "./directives/shimmer/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-shimmer.mjs"
     },
-    "./directives/tooltip": {
-      "types": "./directives/tooltip/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-tooltip.mjs"
+    "./directives/skeleton": {
+      "types": "./directives/skeleton/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-skeleton.mjs"
     },
     "./directives/unfinished-validator": {
       "types": "./directives/unfinished-validator/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs"
     },
-    "./directives/skeleton": {
-      "types": "./directives/skeleton/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-skeleton.mjs"
+    "./directives/tooltip": {
+      "types": "./directives/tooltip/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-tooltip.mjs"
+    },
+    "./directives/unmask-handler": {
+      "types": "./directives/unmask-handler/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-unmask-handler.mjs"
     },
     "./pipes/emails": {
       "types": "./pipes/emails/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-pipes-emails.mjs"
     },
-    "./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/flag": {
+      "types": "./pipes/flag/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-flag.mjs"
     },
     "./pipes/filter-by-input": {
       "types": "./pipes/filter-by-input/index.d.ts",
@@ -421,6 +416,10 @@
       "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"
@@ -432,10 +431,6 @@
     "./pipes/stringify-content": {
       "types": "./pipes/stringify-content/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-pipes-stringify-content.mjs"
-    },
-    "./components/preview/dialog": {
-      "types": "./components/preview/dialog/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-preview-dialog.mjs"
     }
   },
   "peerDependencies": {
@@ -443,16 +438,17 @@
     "@angular/core": ">=19.0.0",
     "@angular/forms": ">=19.0.0",
     "@angular/router": ">=19.0.0",
-    "@maskito/angular": "^3.11.1",
-    "@maskito/core": "^3.11.1",
-    "@maskito/kit": "^3.11.1",
-    "@maskito/phone": "^3.11.1",
-    "@ng-web-apis/common": "^4.12.0",
-    "@ng-web-apis/intersection-observer": "^4.12.0",
-    "@ng-web-apis/mutation-observer": "^4.12.0",
-    "@ng-web-apis/resize-observer": "^4.12.0",
+    "@maskito/angular": "^5.0.0",
+    "@maskito/core": "^5.0.0",
+    "@maskito/kit": "^5.0.0",
+    "@maskito/phone": "^5.0.0",
+    "@ng-web-apis/common": "^4.12.2",
+    "@ng-web-apis/intersection-observer": "^4.12.2",
+    "@ng-web-apis/mutation-observer": "^4.12.2",
+    "@ng-web-apis/resize-observer": "^4.12.2",
     "@taiga-ui/cdk": "^4.52.0",
     "@taiga-ui/core": "^4.52.0",
+    "@taiga-ui/design-tokens": "~0.274.0",
     "@taiga-ui/i18n": "^4.52.0",
     "@taiga-ui/polymorpheus": "^4.9.0",
     "rxjs": ">=7.0.0"

package/pipes/auto-color/auto-color.pipe.d.ts

@@ -0,0 +1,13 @@
+import { type PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TuiAutoColorPipe implements PipeTransform {
+    transform(text: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAutoColorPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiAutoColorPipe, "tuiAutoColor", true>;
+}
+/**
+ * Converts a string to an HSL color
+ * @param value string to convert
+ * @return HSL color string
+ */
+export declare function tuiAutoColor(value: string): string;

package/pipes/auto-color/index.d.ts

@@ -0,0 +1 @@
+export * from './auto-color.pipe';

package/pipes/filter-by-input/filter-by-input.pipe.d.ts

@@ -3,8 +3,8 @@ import { type TuiStringMatcher } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiFilterByInputPipe implements PipeTransform {
     private readonly textfield;
-    private readonly host;
-    private readonly itemsHandlers;
+    private readonly handlers;
+    private readonly multi;
     transform<T>(items: ReadonlyArray<readonly T[]>, matcher?: TuiStringMatcher<T>): ReadonlyArray<readonly T[]>;
     transform<T>(items: readonly T[], matcher?: TuiStringMatcher<T>): readonly T[];
     transform<T>(items: ReadonlyArray<readonly T[]> | null, matcher?: TuiStringMatcher<T>): ReadonlyArray<readonly T[]> | null;

package/pipes/flag/flag.pipe.d.ts

@@ -0,0 +1,14 @@
+import { type PipeTransform } from '@angular/core';
+import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
+import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
+import * as i0 from "@angular/core";
+type IsoCode = TuiLooseUnion<TuiCountryIsoCode>;
+export declare class TuiFlagPipe implements PipeTransform {
+    private readonly staticPath;
+    transform(countryIsoCode: IsoCode): string;
+    transform(countryIsoCode: IsoCode | undefined): string | null;
+    transform(countryIsoCode?: IsoCode | null): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFlagPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiFlagPipe, "tuiFlag", true>;
+}
+export {};

package/pipes/flag/index.d.ts

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

package/pipes/index.d.ts

@@ -1,6 +1,9 @@
+export * from '@taiga-ui/kit/pipes/auto-color';
 export * from '@taiga-ui/kit/pipes/emails';
 export * from '@taiga-ui/kit/pipes/filter-by-input';
+export * from '@taiga-ui/kit/pipes/flag';
 export * from '@taiga-ui/kit/pipes/hide-selected';
+export * from '@taiga-ui/kit/pipes/initials';
 export * from '@taiga-ui/kit/pipes/sort-countries';
 export * from '@taiga-ui/kit/pipes/stringify';
 export * from '@taiga-ui/kit/pipes/stringify-content';

package/pipes/initials/index.d.ts

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

package/pipes/initials/initials.pipe.d.ts

@@ -0,0 +1,7 @@
+import { type PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TuiInitialsPipe implements PipeTransform {
+    transform(text: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInitialsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiInitialsPipe, "tuiInitials", true>;
+}

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

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

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

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

package/styles/components/avatar.less

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

package/styles/components/badge.less

@@ -26,13 +26,14 @@ tui-badge,
     .button-base();
 
     border-radius: 6rem;
+    justify-content: center;
     background: #959595;
     color: var(--tui-background-base);
     padding: var(--t-padding);
     block-size: var(--t-size);
     min-inline-size: var(--t-size);
     inline-size: fit-content;
-    font: var(--tui-font-text-s);
+    font: var(--tui-font-body-s);
 
     &[tuiStatus]::before {
         inline-size: 0.375rem;
@@ -74,7 +75,7 @@ tui-badge,
         --t-icon-size: 0.625rem;
         --t-margin: -0.125rem;
 
-        font: var(--tui-font-text-xs);
+        font: var(--tui-font-body-xs);
 
         &[tuiStatus]::before {
             inline-size: 0.25rem;
@@ -95,7 +96,7 @@ tui-badge,
         --t-padding: 0 0.75rem;
         --t-size: var(--tui-height-s);
 
-        font: var(--tui-font-text-m);
+        font: var(--tui-font-body-m);
 
         &[tuiStatus]::before {
             inline-size: 0.5rem;

package/styles/components/block.less

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

package/styles/components/chip.less

@@ -11,7 +11,7 @@
  * data-size — size (default: 's') ('xxs' | 'xs' | 's' | 'm')
  *
  * @example
- * <tui-chip>Sale</tui-badge>
+ * <tui-chip>Sale</tui-chip>
  *
  * @see-also
  * Icons, Appearance, Badge, Block
@@ -26,12 +26,13 @@ tui-chip,
 
     .button-base();
 
-    font: var(--tui-font-text-s);
+    font: var(--tui-font-body-s);
     border-radius: var(--tui-radius-m);
     padding: var(--t-padding);
     block-size: var(--t-size);
     inline-size: fit-content;
     isolation: isolate;
+    max-inline-size: stretch;
 
     .interactive({
         cursor: pointer;
@@ -47,6 +48,11 @@ tui-chip,
         margin: -0.375rem;
     }
 
+    > tui-badge,
+    > [tuiBadge] {
+        margin-inline-end: 0;
+    }
+
     &[data-size='xxs'] {
         // StackBlitz changes "0rem" to "0" breaking calc
         --t-gap: ~'0rem';
@@ -54,7 +60,7 @@ tui-chip,
         --t-size: 1rem;
         --t-icon-size: 0.75rem;
 
-        font: var(--tui-font-text-xs);
+        font: var(--tui-font-body-xs);
         border-radius: var(--tui-radius-xs);
 
         & > [tuiIconButton] {
@@ -80,11 +86,16 @@ tui-chip,
         --t-padding: 0 1rem;
         --t-size: var(--tui-height-m);
 
-        font: var(--tui-font-text-m);
+        font: var(--tui-font-body-m);
 
         & > [tuiIconButton] {
             margin: -0.75rem;
         }
+
+        & > tui-badge,
+        & > [tuiBadge] {
+            margin-inline-start: -0.375rem;
+        }
     }
 
     & > img,

package/styles/components/comment.less

@@ -16,7 +16,7 @@
 [tuiComment] {
     position: relative;
     display: inline-flex;
-    font: var(--tui-font-text-m);
+    font: var(--tui-font-body-m);
     color: #fff;
     padding: 0.5rem 0.75rem;
     min-inline-size: 2.5rem;

package/styles/components/message.less

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

package/styles/components/pin.less

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

package/styles/components/switch.less

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

package/styles/components/toast.less

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