@taiga-ui/kit 4.10.0 → 4.12.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, ChangeDetectorRef, Directive } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, Directive } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { tuiWatch } from '@taiga-ui/cdk/observables';
 import { TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
@@ -14,13 +14,13 @@ import { map } from 'rxjs';
 
 class TuiTooltipStyles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltipStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltipStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tooltip" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTooltip]{border-width:.25rem;border-radius:100%;cursor:pointer;pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltipStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tooltip" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTooltip]{border-width:.25rem;border-radius:100%;cursor:pointer;pointer-events:auto}@media (hover: hover){tui-textfield:hover [tuiTooltip][data-appearance=icon]:after{color:var(--tui-text-secondary)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltipStyles, decorators: [{
             type: Component,
             args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tui-tooltip',
-                    }, styles: ["[tuiTooltip]{border-width:.25rem;border-radius:100%;cursor:pointer;pointer-events:auto}\n"] }]
+                    }, styles: ["[tuiTooltip]{border-width:.25rem;border-radius:100%;cursor:pointer;pointer-events:auto}@media (hover: hover){tui-textfield:hover [tuiTooltip][data-appearance=icon]:after{color:var(--tui-text-secondary)}}\n"] }]
         }] });
 class TuiTooltip {
     constructor() {
@@ -29,22 +29,24 @@ class TuiTooltip {
         this.describe = inject(TuiHintDescribe);
         this.driver = inject(TuiHintHover);
         this.nothing = tuiWithStyles(TuiTooltipStyles);
-        this.state = tuiAppearanceState(toSignal(inject(TuiHintHover).pipe(map((hover) => (hover ? 'hover' : null)), tuiWatch(inject(ChangeDetectorRef))), { initialValue: null }));
+        this.state = tuiAppearanceState(toSignal(inject(TuiHintHover).pipe(map((hover) => (hover ? 'hover' : null)), tuiWatch()), { initialValue: null }));
     }
     ngDoCheck() {
         if (this.textfield?.id) {
             this.describe.tuiHintDescribe = this.textfield.id;
         }
     }
-    stopOnMobile(event) {
+    onClick(event) {
         if (this.isMobile) {
             event.preventDefault();
             event.stopPropagation();
         }
-        this.driver.toggle();
+        else {
+            this.driver.toggle();
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltip, isStandalone: true, selector: "tui-icon[tuiTooltip]", host: { attributes: { "tuiTooltip": "" }, listeners: { "mousedown": "stopOnMobile($event)" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltip, isStandalone: true, selector: "tui-icon[tuiTooltip]", host: { attributes: { "tuiTooltip": "" }, listeners: { "mousedown": "onClick($event)" } }, providers: [
             {
                 provide: TUI_APPEARANCE_OPTIONS,
                 useValue: { appearance: 'icon' },
@@ -53,7 +55,7 @@ class TuiTooltip {
                 provide: TUI_ICON_START,
                 useFactory: () => inject(TUI_HINT_OPTIONS).icon,
             },
-        ], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiHintDescribe, inputs: ["tuiHintDescribe", "tuiHintDescribe"] }, { directive: i2.TuiHintDirective, inputs: ["tuiHint", "tuiTooltip", "tuiHintAppearance", "tuiHintAppearance", "tuiHintContext", "tuiHintContext"] }], ngImport: i0 }); }
+        ], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiHintDescribe, inputs: ["tuiHintDescribe", "tuiTooltipDescribe"] }, { directive: i2.TuiHintDirective, inputs: ["tuiHint", "tuiTooltip", "tuiHintAppearance", "tuiHintAppearance", "tuiHintContext", "tuiHintContext"] }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltip, decorators: [{
             type: Directive,
@@ -74,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TuiWithAppearance,
                         {
                             directive: TuiHintDescribe,
-                            inputs: ['tuiHintDescribe'],
+                            inputs: ['tuiHintDescribe: tuiTooltipDescribe'],
                         },
                         {
                             directive: TuiHintDirective,
@@ -83,7 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     host: {
                         tuiTooltip: '',
-                        '(mousedown)': 'stopOnMobile($event)',
+                        '(mousedown)': 'onClick($event)',
                     },
                 }]
         }] });

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.directive.ts","../../../projects/kit/directives/tooltip/taiga-ui-kit-directives-tooltip.ts"],"sourcesContent":["import type {DoCheck, Signal} from '@angular/core';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    inject,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiWatch} from '@taiga-ui/cdk/observables';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {\n    TUI_APPEARANCE_OPTIONS,\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/directives/hint';\nimport {TUI_ICON_START} from '@taiga-ui/core/tokens';\nimport {map} from 'rxjs';\n\n@Component({\n    standalone: true,\n    template: '',\n    styleUrls: ['./tooltip.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-tooltip',\n    },\n})\nclass TuiTooltipStyles {}\n\n@Directive({\n    standalone: true,\n    selector: 'tui-icon[tuiTooltip]',\n    providers: [\n        {\n            provide: TUI_APPEARANCE_OPTIONS,\n            useValue: {appearance: 'icon'},\n        },\n        {\n            provide: TUI_ICON_START,\n            useFactory: () => inject(TUI_HINT_OPTIONS).icon,\n        },\n    ],\n    hostDirectives: [\n        TuiWithAppearance,\n        {\n            directive: TuiHintDescribe,\n            inputs: ['tuiHintDescribe'],\n        },\n        {\n            directive: TuiHintDirective,\n            inputs: ['tuiHint: tuiTooltip', 'tuiHintAppearance', 'tuiHintContext'],\n        },\n    ],\n    host: {\n        tuiTooltip: '',\n        '(mousedown)': 'stopOnMobile($event)',\n    },\n})\nexport class TuiTooltip implements DoCheck {\n    private readonly textfield = inject(TuiTextfieldComponent, {optional: true});\n    private readonly isMobile = inject(TUI_IS_MOBILE);\n    private readonly describe = inject(TuiHintDescribe);\n    private readonly driver = inject(TuiHintHover);\n\n    protected readonly nothing = tuiWithStyles(TuiTooltipStyles);\n    protected readonly state: Signal<unknown> = tuiAppearanceState(\n        toSignal(\n            inject(TuiHintHover).pipe(\n                map((hover) => (hover ? 'hover' : null)),\n                tuiWatch(inject(ChangeDetectorRef)),\n            ),\n            {initialValue: null},\n        ),\n    );\n\n    public ngDoCheck(): void {\n        if (this.textfield?.id) {\n            this.describe.tuiHintDescribe = this.textfield.id;\n        }\n    }\n\n    protected stopOnMobile(event: MouseEvent): void {\n        if (this.isMobile) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n\n        this.driver.toggle();\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.directive.ts","../../../projects/kit/directives/tooltip/taiga-ui-kit-directives-tooltip.ts"],"sourcesContent":["import type {DoCheck, Signal} from '@angular/core';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiWatch} from '@taiga-ui/cdk/observables';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {\n    TUI_APPEARANCE_OPTIONS,\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/directives/hint';\nimport {TUI_ICON_START} from '@taiga-ui/core/tokens';\nimport {map} from 'rxjs';\n\n@Component({\n    standalone: true,\n    template: '',\n    styleUrls: ['./tooltip.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-tooltip',\n    },\n})\nclass TuiTooltipStyles {}\n\n@Directive({\n    standalone: true,\n    selector: 'tui-icon[tuiTooltip]',\n    providers: [\n        {\n            provide: TUI_APPEARANCE_OPTIONS,\n            useValue: {appearance: 'icon'},\n        },\n        {\n            provide: TUI_ICON_START,\n            useFactory: () => 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        '(mousedown)': 'onClick($event)',\n    },\n})\nexport class TuiTooltip implements DoCheck {\n    private readonly textfield = inject(TuiTextfieldComponent, {optional: true});\n    private readonly isMobile = inject(TUI_IS_MOBILE);\n    private readonly describe = inject(TuiHintDescribe);\n    private readonly driver = inject(TuiHintHover);\n\n    protected readonly nothing = tuiWithStyles(TuiTooltipStyles);\n    protected readonly state: Signal<unknown> = tuiAppearanceState(\n        toSignal(\n            inject(TuiHintHover).pipe(\n                map((hover) => (hover ? 'hover' : null)),\n                tuiWatch(),\n            ),\n            {initialValue: null},\n        ),\n    );\n\n    public ngDoCheck(): void {\n        if (this.textfield?.id) {\n            this.describe.tuiHintDescribe = this.textfield.id;\n        }\n    }\n\n    protected onClick(event: MouseEvent): void {\n        if (this.isMobile) {\n            event.preventDefault();\n            event.stopPropagation();\n        } else {\n            this.driver.toggle();\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "4.10.0",
+  "version": "4.12.0",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -455,18 +455,18 @@
       "esm": "./esm2022/pipes/emails/taiga-ui-kit-pipes-emails.mjs",
       "default": "./fesm2022/taiga-ui-kit-pipes-emails.mjs"
     },
-    "./pipes/filter-by-input": {
-      "types": "./pipes/filter-by-input/index.d.ts",
-      "esm2022": "./esm2022/pipes/filter-by-input/taiga-ui-kit-pipes-filter-by-input.mjs",
-      "esm": "./esm2022/pipes/filter-by-input/taiga-ui-kit-pipes-filter-by-input.mjs",
-      "default": "./fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs"
-    },
     "./pipes/field-error": {
       "types": "./pipes/field-error/index.d.ts",
       "esm2022": "./esm2022/pipes/field-error/taiga-ui-kit-pipes-field-error.mjs",
       "esm": "./esm2022/pipes/field-error/taiga-ui-kit-pipes-field-error.mjs",
       "default": "./fesm2022/taiga-ui-kit-pipes-field-error.mjs"
     },
+    "./pipes/filter-by-input": {
+      "types": "./pipes/filter-by-input/index.d.ts",
+      "esm2022": "./esm2022/pipes/filter-by-input/taiga-ui-kit-pipes-filter-by-input.mjs",
+      "esm": "./esm2022/pipes/filter-by-input/taiga-ui-kit-pipes-filter-by-input.mjs",
+      "default": "./fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs"
+    },
     "./pipes/sort-countries": {
       "types": "./pipes/sort-countries/index.d.ts",
       "esm2022": "./esm2022/pipes/sort-countries/taiga-ui-kit-pipes-sort-countries.mjs",
@@ -503,17 +503,17 @@
     "@angular/core": ">=16.0.0",
     "@angular/forms": ">=16.0.0",
     "@angular/router": ">=16.0.0",
-    "@maskito/angular": "^3.0.3",
-    "@maskito/core": "^3.0.3",
-    "@maskito/kit": "^3.0.3",
-    "@maskito/phone": "^3.0.3",
-    "@ng-web-apis/common": "^4.6.5",
-    "@ng-web-apis/intersection-observer": "^4.6.5",
-    "@ng-web-apis/mutation-observer": "^4.6.5",
-    "@ng-web-apis/resize-observer": "^4.6.5",
-    "@taiga-ui/cdk": "^4.10.0",
-    "@taiga-ui/core": "^4.10.0",
-    "@taiga-ui/i18n": "^4.10.0",
+    "@maskito/angular": "^3.1.1",
+    "@maskito/core": "^3.1.1",
+    "@maskito/kit": "^3.1.1",
+    "@maskito/phone": "^3.1.1",
+    "@ng-web-apis/common": "^4.11.1",
+    "@ng-web-apis/intersection-observer": "^4.11.1",
+    "@ng-web-apis/mutation-observer": "^4.11.1",
+    "@ng-web-apis/resize-observer": "^4.11.1",
+    "@taiga-ui/cdk": "^4.12.0",
+    "@taiga-ui/core": "^4.12.0",
+    "@taiga-ui/i18n": "^4.12.0",
     "@taiga-ui/polymorpheus": "^4.7.4",
     "rxjs": ">=7.0.0"
   },
@@ -521,6 +521,6 @@
   "typings": "index.d.ts",
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.7.0"
+    "tslib": ">=2.8.0"
   }
 }

package/styles/components/badge.less

@@ -46,11 +46,13 @@ tui-badge,
         font-size: var(--t-icon-size) !important;
     }
 
-    &[data-appearance='error'] {
+    &[data-appearance='error'], /* TODO @deprecated remove in v5 */
+    &[data-appearance='negative'] {
         --t-status: var(--tui-status-negative);
     }
 
-    &[data-appearance='success'] {
+    &[data-appearance='success'], /* TODO @deprecated remove in v5 */
+    &[data-appearance='positive'] {
         --t-status: var(--tui-status-positive);
     }
 
@@ -66,8 +68,10 @@ tui-badge,
         --t-status: var(--tui-status-neutral);
     }
 
-    &[tuiStatus][data-appearance='error']::before,
-    &[tuiStatus][data-appearance='success']::before,
+    &[tuiStatus][data-appearance='error']::before, /* TODO @deprecated remove in v5 */
+    &[tuiStatus][data-appearance='success']::before, /* TODO @deprecated remove in v5 */
+    &[tuiStatus][data-appearance='negative']::before,
+    &[tuiStatus][data-appearance='positive']::before,
     &[tuiStatus][data-appearance='warning']::before,
     &[tuiStatus][data-appearance='info']::before,
     &[tuiStatus][data-appearance='neutral']::before {
@@ -110,8 +114,10 @@ tui-badge,
         }
     }
 
-    &[tuiAppearance][data-appearance='error'],
-    &[tuiAppearance][data-appearance='success'],
+    &[tuiAppearance][data-appearance='error'], /* TODO @deprecated remove in v5 */
+    &[tuiAppearance][data-appearance='success'], /* TODO @deprecated remove in v5 */
+    &[tuiAppearance][data-appearance='negative'],
+    &[tuiAppearance][data-appearance='positive'],
     &[tuiAppearance][data-appearance='warning'],
     &[tuiAppearance][data-appearance='info'],
     &[tuiAppearance][data-appearance='neutral'] {

package/styles/components/chip.less

@@ -99,8 +99,10 @@ tui-chip,
         margin: 0;
     }
 
-    &[tuiAppearance][data-appearance='error'],
-    &[tuiAppearance][data-appearance='success'],
+    &[tuiAppearance][data-appearance='error'], /* TODO @deprecated remove in v5 */
+    &[tuiAppearance][data-appearance='success'], /* TODO @deprecated remove in v5 */
+    &[tuiAppearance][data-appearance='negative'],
+    &[tuiAppearance][data-appearance='positive'],
     &[tuiAppearance][data-appearance='warning'],
     &[tuiAppearance][data-appearance='info'],
     &[tuiAppearance][data-appearance='neutral'] {

package/styles/components/pin.less

@@ -34,7 +34,7 @@ tui-pin,
     box-sizing: border-box;
     color: var(--tui-text-primary-on-accent-2);
     background: var(--tui-background-accent-2);
-    box-shadow: 0 0 0 0.125rem var(--tui-background-elevation-1);
+    box-shadow: 0 0 0 0.125rem var(--tui-background-elevation-2);
     border: 0 solid var(--tui-background-accent-2);
     transform: translate(-50%, -50%);