@taiga-ui/addon-mobile 4.52.0-canary.d626d20 → 4.52.0-canary.e07790b

package/fesm2022/taiga-ui-addon-mobile-services.mjs

@@ -1,8 +1,9 @@
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Injectable } from '@angular/core';
-import { tuiGetNativeFocused } from '@taiga-ui/cdk/utils/focus';
+import { inject, Injectable, InjectionToken } from '@angular/core';
+import { tuiGetFocused } from '@taiga-ui/cdk/utils/focus';
 import { merge, fromEvent, filter } from 'rxjs';
+import { Meta } from '@angular/platform-browser';
 
 class TuiKeyboardService {
     constructor() {
@@ -25,7 +26,7 @@ class TuiKeyboardService {
         }
     }
     hide() {
-        const focused = tuiGetNativeFocused(this.doc);
+        const focused = tuiGetFocused(this.doc);
         if (focused?.inputMode === undefined || this.element) {
             return;
         }
@@ -41,19 +42,47 @@ class TuiKeyboardService {
         this.element.inputMode = this.inputMode;
         this.element = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiKeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiKeyboardService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiKeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiKeyboardService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiKeyboardService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiKeyboardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }] });
 
+const TUI_THEME_COLOR = new InjectionToken(ngDevMode ? 'TUI_THEME_COLOR' : '', {
+    factory: () => inject(Meta).getTag('name="theme-color"')?.content ?? '',
+});
+class TuiThemeColorService {
+    constructor() {
+        this.current = inject(TUI_THEME_COLOR);
+        this.doc = inject(DOCUMENT);
+        this.meta = inject(Meta);
+        this.color = this.current;
+    }
+    get color() {
+        return this.current;
+    }
+    set color(content) {
+        this.current = content;
+        this.meta.updateTag({ name: 'theme-color', content });
+        this.doc.documentElement.style.setProperty('--tui-theme-color', content);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiThemeColorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiThemeColorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiThemeColorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TuiKeyboardService };
+export { TUI_THEME_COLOR, TuiKeyboardService, TuiThemeColorService };
 //# sourceMappingURL=taiga-ui-addon-mobile-services.mjs.map

package/fesm2022/taiga-ui-addon-mobile-services.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-services.mjs","sources":["../../../projects/addon-mobile/services/keyboard.service.ts","../../../projects/addon-mobile/services/taiga-ui-addon-mobile-services.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {inject, Injectable, type OnDestroy} from '@angular/core';\nimport {tuiGetNativeFocused} from '@taiga-ui/cdk/utils/focus';\nimport {filter, fromEvent, merge} from 'rxjs';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class TuiKeyboardService implements OnDestroy {\n    private readonly doc = inject(DOCUMENT);\n    private readonly sub = merge(\n        fromEvent(this.doc, 'focusout'),\n        fromEvent(this.doc, 'mousedown').pipe(\n            filter((e) => Object.is(e.target, this.element)),\n        ),\n    ).subscribe(() => {\n        this.show();\n    });\n\n    private element?: ElementContentEditable;\n    private inputMode = '';\n\n    public ngOnDestroy(): void {\n        this.sub.unsubscribe();\n        this.show();\n    }\n\n    public toggle(): void {\n        if (this.element) {\n            this.show();\n        } else {\n            this.hide();\n        }\n    }\n\n    public hide(): void {\n        const focused = tuiGetNativeFocused(this.doc) as HTMLInputElement;\n\n        if (focused?.inputMode === undefined || this.element) {\n            return;\n        }\n\n        this.element = focused;\n        this.inputMode = focused.inputMode;\n        focused.inputMode = 'none';\n    }\n\n    public show(): void {\n        if (!this.element) {\n            return;\n        }\n\n        this.element.inputMode = 'none';\n        this.element.inputMode = this.inputMode;\n        this.element = undefined;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAKA,MAGa,kBAAkB,CAAA;AAH/B,IAAA,WAAA,GAAA;AAIqB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QACvB,IAAG,CAAA,GAAA,GAAG,KAAK,CACxB,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,UAAU,CAAC,EAC/B,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,IAAI,CACjC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CACnD,CACJ,CAAC,SAAS,CAAC,MAAK;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;AAChB,SAAC,CAAC,CAAC;QAGK,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;AAoC1B,KAAA;IAlCU,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACvB,IAAI,CAAC,IAAI,EAAE,CAAC;KACf;IAEM,MAAM,GAAA;QACT,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,IAAI,EAAE,CAAC;AACf,SAAA;AAAM,aAAA;YACH,IAAI,CAAC,IAAI,EAAE,CAAC;AACf,SAAA;KACJ;IAEM,IAAI,GAAA;QACP,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAqB,CAAC;QAElE,IAAI,OAAO,EAAE,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAClD,OAAO;AACV,SAAA;AAED,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;AACnC,QAAA,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;KAC9B;IAEM,IAAI,GAAA;AACP,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,OAAO;AACV,SAAA;AAED,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;AACxC,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;KAC5B;+GA/CQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFf,MAAM,EAAA,CAAA,CAAA,EAAA;;4FAET,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-addon-mobile-services.mjs","sources":["../../../projects/addon-mobile/services/keyboard.service.ts","../../../projects/addon-mobile/services/theme-color.service.ts","../../../projects/addon-mobile/services/taiga-ui-addon-mobile-services.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {inject, Injectable, type OnDestroy} from '@angular/core';\nimport {tuiGetFocused} from '@taiga-ui/cdk/utils/focus';\nimport {filter, fromEvent, merge} from 'rxjs';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class TuiKeyboardService implements OnDestroy {\n    private readonly doc = inject(DOCUMENT);\n    private readonly sub = merge(\n        fromEvent(this.doc, 'focusout'),\n        fromEvent(this.doc, 'mousedown').pipe(\n            filter((e) => Object.is(e.target, this.element)),\n        ),\n    ).subscribe(() => {\n        this.show();\n    });\n\n    private element?: ElementContentEditable;\n    private inputMode = '';\n\n    public ngOnDestroy(): void {\n        this.sub.unsubscribe();\n        this.show();\n    }\n\n    public toggle(): void {\n        if (this.element) {\n            this.show();\n        } else {\n            this.hide();\n        }\n    }\n\n    public hide(): void {\n        const focused = tuiGetFocused(this.doc) as HTMLInputElement;\n\n        if (focused?.inputMode === undefined || this.element) {\n            return;\n        }\n\n        this.element = focused;\n        this.inputMode = focused.inputMode;\n        focused.inputMode = 'none';\n    }\n\n    public show(): void {\n        if (!this.element) {\n            return;\n        }\n\n        this.element.inputMode = 'none';\n        this.element.inputMode = this.inputMode;\n        this.element = undefined;\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {inject, Injectable, InjectionToken} from '@angular/core';\nimport {Meta} from '@angular/platform-browser';\n\nexport const TUI_THEME_COLOR = new InjectionToken<string>(\n    ngDevMode ? 'TUI_THEME_COLOR' : '',\n    {\n        factory: () => inject(Meta).getTag('name=\"theme-color\"')?.content ?? '',\n    },\n);\n\ninterface TuiThemeColor {\n    get color(): string;\n    set color(value: string);\n}\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class TuiThemeColorService implements TuiThemeColor {\n    private current = inject(TUI_THEME_COLOR);\n    private readonly doc = inject(DOCUMENT);\n    private readonly meta = inject(Meta);\n\n    constructor() {\n        this.color = this.current;\n    }\n\n    public get color(): string {\n        return this.current;\n    }\n\n    public set color(content: string) {\n        this.current = content;\n        this.meta.updateTag({name: 'theme-color', content});\n        this.doc.documentElement.style.setProperty('--tui-theme-color', content);\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/addon-mobile",
-  "version": "4.52.0-canary.d626d20",
+  "version": "4.52.0-canary.e07790b",
   "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
   "keywords": [
     "angular",
@@ -8,7 +8,10 @@
     "mobile"
   ],
   "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/*",
@@ -17,124 +20,82 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/taiga-ui-addon-mobile.mjs",
-      "esm": "./esm2022/taiga-ui-addon-mobile.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile.mjs"
     },
     "./components": {
       "types": "./components/index.d.ts",
-      "esm2022": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
-      "esm": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
     },
-    "./services": {
-      "types": "./services/index.d.ts",
-      "esm2022": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
-      "esm": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
-    },
     "./directives": {
       "types": "./directives/index.d.ts",
-      "esm2022": "./esm2022/directives/taiga-ui-addon-mobile-directives.mjs",
-      "esm": "./esm2022/directives/taiga-ui-addon-mobile-directives.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
     },
     "./components/bottom-sheet": {
       "types": "./components/bottom-sheet/index.d.ts",
-      "esm2022": "./esm2022/components/bottom-sheet/taiga-ui-addon-mobile-components-bottom-sheet.mjs",
-      "esm": "./esm2022/components/bottom-sheet/taiga-ui-addon-mobile-components-bottom-sheet.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs"
     },
     "./components/mobile-calendar": {
       "types": "./components/mobile-calendar/index.d.ts",
-      "esm2022": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
-      "esm": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs"
     },
     "./components/mobile-calendar-dropdown": {
       "types": "./components/mobile-calendar-dropdown/index.d.ts",
-      "esm2022": "./esm2022/components/mobile-calendar-dropdown/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs",
-      "esm": "./esm2022/components/mobile-calendar-dropdown/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs"
     },
     "./components/mobile-calendar-sheet": {
       "types": "./components/mobile-calendar-sheet/index.d.ts",
-      "esm2022": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
-      "esm": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs"
     },
-    "./components/mobile-dialog": {
-      "types": "./components/mobile-dialog/index.d.ts",
-      "esm2022": "./esm2022/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
-      "esm": "./esm2022/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs"
-    },
     "./components/pull-to-refresh": {
       "types": "./components/pull-to-refresh/index.d.ts",
-      "esm2022": "./esm2022/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
-      "esm": "./esm2022/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs"
     },
     "./components/sheet-dialog": {
       "types": "./components/sheet-dialog/index.d.ts",
-      "esm2022": "./esm2022/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
-      "esm": "./esm2022/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs"
     },
+    "./services": {
+      "types": "./services/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
+    },
     "./components/swipe-action": {
       "types": "./components/swipe-action/index.d.ts",
-      "esm2022": "./esm2022/components/swipe-action/taiga-ui-addon-mobile-components-swipe-action.mjs",
-      "esm": "./esm2022/components/swipe-action/taiga-ui-addon-mobile-components-swipe-action.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-swipe-action.mjs"
     },
     "./components/tab-bar": {
       "types": "./components/tab-bar/index.d.ts",
-      "esm2022": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
-      "esm": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs"
     },
     "./directives/dropdown-mobile": {
       "types": "./directives/dropdown-mobile/index.d.ts",
-      "esm2022": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
-      "esm": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
     },
+    "./directives/dropdown-sheet": {
+      "types": "./directives/dropdown-sheet/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs"
+    },
     "./directives/elastic-sticky": {
       "types": "./directives/elastic-sticky/index.d.ts",
-      "esm2022": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
-      "esm": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
     },
     "./directives/responsive-dialog": {
       "types": "./directives/responsive-dialog/index.d.ts",
-      "esm2022": "./esm2022/directives/responsive-dialog/taiga-ui-addon-mobile-directives-responsive-dialog.mjs",
-      "esm": "./esm2022/directives/responsive-dialog/taiga-ui-addon-mobile-directives-responsive-dialog.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs"
     },
     "./directives/ripple": {
       "types": "./directives/ripple/index.d.ts",
-      "esm2022": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
-      "esm": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
     },
-    "./directives/sidebar": {
-      "types": "./directives/sidebar/index.d.ts",
-      "esm2022": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
-      "esm": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
-    },
     "./directives/touchable": {
       "types": "./directives/touchable/index.d.ts",
-      "esm2022": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
-      "esm": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
     }
   },
   "peerDependencies": {
-    "@angular/cdk": ">=16.0.0",
-    "@angular/common": ">=16.0.0",
-    "@angular/core": ">=16.0.0",
-    "@ng-web-apis/common": "^4.12.0",
+    "@angular/cdk": ">=19.0.0",
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
+    "@ng-web-apis/common": "^4.12.2",
     "@taiga-ui/cdk": "^4.52.0",
     "@taiga-ui/core": "^4.52.0",
     "@taiga-ui/kit": "^4.52.0",

package/services/index.d.ts

@@ -1 +1,2 @@
 export * from './keyboard.service';
+export * from './theme-color.service';

package/services/theme-color.service.d.ts

@@ -0,0 +1,18 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const TUI_THEME_COLOR: InjectionToken<string>;
+interface TuiThemeColor {
+    get color(): string;
+    set color(value: string);
+}
+export declare class TuiThemeColorService implements TuiThemeColor {
+    private current;
+    private readonly doc;
+    private readonly meta;
+    constructor();
+    get color(): string;
+    set color(content: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiThemeColorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuiThemeColorService>;
+}
+export {};

package/styles/android/checkbox.less

@@ -30,9 +30,8 @@ input[tuiCheckbox] {
     }
 
     &::before {
-        inline-size: 1rem;
-        block-size: 1rem;
-        mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 13L1 8.19231L2.4 6.84615L6 10.3077L13.6 3L15 4.34615L6 13Z" fill="black"/></svg>');
+        mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 13L1 8.19231L2.4 6.84615L6 10.3077L13.6 3L15 4.34615L6 13Z" fill="black"/></svg>')
+            no-repeat center / 1rem;
         transition:
             clip-path var(--tui-duration) ease-in-out,
             mask 0s var(--tui-duration) ease-in-out;

package/styles/android/switch.less

@@ -11,6 +11,7 @@ input[tuiSwitch] {
 
     &::before {
         content: '';
+        left: 0;
         display: block;
         block-size: 100%;
         inline-size: 100%;
@@ -25,8 +26,6 @@ input[tuiSwitch] {
     }
 
     &::after {
-        .transition(transform);
-
         content: '';
         position: absolute;
         top: 0;

package/styles/common/badge.less

@@ -1,6 +1,6 @@
 tui-badge,
 [tuiBadge] {
-    font-weight: bold;
+    font-weight: 600;
 
     &[data-size='s'] {
         font: var(--tui-font-text-xs);
@@ -12,6 +12,6 @@ tui-badge,
         --t-size: 1.75rem;
 
         font: var(--tui-font-text-s);
-        font-weight: bold;
+        font-weight: 600;
     }
 }

package/styles/common/button.less

@@ -15,6 +15,10 @@
         --t-radius: 1rem;
     }
 
+    &[data-size='s'] {
+        --t-size: 1.875rem;
+    }
+
     &[data-size='m'] {
         --t-radius: 0.75rem;
     }

package/styles/common/card-large.less

@@ -9,4 +9,8 @@
         --t-space: 1rem;
         --t-comp: -0.125rem;
     }
+
+    [tuiAccessories] > [tuiButtonClose] {
+        --t-size: 1.5rem;
+    }
 }

package/styles/common/chip.less

@@ -2,13 +2,8 @@ tui-chip,
 [tuiChip] {
     border-radius: 2rem;
 
-    &[data-size='s'] {
-        --t-size: 1.875rem;
-        --t-padding: 0.6875rem;
-    }
-
-    &[data-size='m'] {
-        --t-size: 2rem;
-        --t-padding: 0.875rem;
+    > img,
+    [tuiAvatar] {
+        border-radius: 100%;
     }
 }

package/styles/common/toast.less

@@ -0,0 +1,21 @@
+[tuiToast] {
+    min-block-size: 3rem;
+    border-radius: 1.5rem;
+    font: var(--tui-font-text-m);
+
+    [tuiButton]:last-child {
+        margin: -0.1875rem -0.4375rem -0.1875rem 0;
+    }
+
+    &:has([tuiAvatar]) {
+        gap: 1rem;
+
+        [tuiAvatar] {
+            margin: 0 -0.25rem;
+        }
+
+        [tuiButton]:last-child {
+            margin-inline-end: 0;
+        }
+    }
+}

package/styles/ios/checkbox.less

@@ -23,7 +23,7 @@ input[tuiRadio] {
         &::before {
             display: block;
             transform: none;
-            mask: var(--t-icon) center/100%;
+            mask: var(--t-icon) no-repeat center / 1rem;
         }
 
         &:invalid {
@@ -32,11 +32,9 @@ input[tuiRadio] {
     }
 
     &::before {
-        --t-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" height="100%" width="100%"><path d="M12.3368 4.33683C12.7859 3.88772 13.5141 3.88772 13.9632 4.33683C14.4123 4.78593 14.4123 5.51407 13.9632 5.96317L6.96317 12.9632C6.51407 13.4123 5.78593 13.4123 5.33683 12.9632L2.33683 9.96317C1.88772 9.51407 1.88772 8.78593 2.33683 8.33683C2.78593 7.88772 3.51407 7.88772 3.96317 8.33683L6.15 10.5237L12.3368 4.33683Z" fill="black"/></svg>');
+        --t-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" height="100%" width="100%"><path d="M12.3368 4.33683C12.7859 3.88772 13.5141 3.88772 13.9632 4.33683C14.4123 4.78593 14.4123 5.51407 13.9632 5.96317L6.96317 12.9632C6.51407 13.4123 5.78593 13.4123 5.33683 12.9632L2.33683 9.96317C1.88772 9.51407 1.88772 8.78593 2.33683 8.33683C2.78593 7.88772 3.51407 7.88772 3.96317 8.33683L6.15 10.5237L12.3368 4.33683Z" fill="black"/></svg>');
 
         display: none;
-        inline-size: 1rem;
-        block-size: 1rem;
     }
 
     &:not([tuiRadio]):indeterminate::before {

package/styles/ios/switch.less

@@ -1,6 +1,55 @@
 @import '@taiga-ui/core/styles/taiga-ui-local.less';
 
-input[tuiSwitch] {
+input[tuiSwitch]._native {
+    block-size: 1.9375rem;
+    inline-size: 3.1875rem;
+    appearance: auto;
+    accent-color: var(--tui-background-accent-2);
+
+    &:invalid {
+        accent-color: var(--tui-status-negative);
+    }
+
+    &::before,
+    &::after {
+        display: none;
+    }
+
+    @supports (anchor-name: --ios26) {
+        inline-size: 4rem;
+        block-size: 1.75rem;
+
+        &::before {
+            .transition(background);
+
+            position: absolute;
+            display: block;
+            inset: 0;
+            border-radius: 10rem;
+            inline-size: 100%;
+            background-color: transparent;
+            mix-blend-mode: color;
+            transform: none;
+        }
+
+        &:invalid:not(:checked)::before {
+            background-color: var(--tui-status-negative);
+        }
+
+        [data-theme='dark'] & {
+            &:invalid:not(:checked)::before {
+                background-color: var(--tui-status-negative-pale);
+            }
+
+            &:disabled:not(:checked)::before {
+                background-color: rgba(255, 255, 255, 0.2);
+                mix-blend-mode: lighten;
+            }
+        }
+    }
+}
+
+input[tuiSwitch]:not(._native) {
     block-size: 1.9375rem;
     inline-size: 3.1875rem;
     border-radius: 2rem;
@@ -13,9 +62,8 @@ input[tuiSwitch] {
     }
 
     &::after {
-        .transition(~'transform, width');
-
         right: auto;
+        transition-property: transform, inline-size;
         inline-size: 1.9375rem;
         block-size: 1.9375rem;
         border-radius: 2rem;

package/styles/taiga-ui-mobile.less

@@ -1,3 +1,4 @@
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
 @import 'common/search.less';
 
 [data-platform='android'] {
@@ -22,6 +23,12 @@
     tui-segmented > .tui-segmented_active:active {
         opacity: var(--tui-disabled-opacity);
     }
+
+    [tuiToast]:active {
+        .interactive({
+            transform: scale(0.95);
+        });
+    }
 }
 
 [data-platform='android'],
@@ -38,4 +45,11 @@
     @import 'common/header.less';
     @import 'common/message.less';
     @import 'common/notification-middle.less';
+    @import 'common/toast.less';
+
+    tui-app-bar {
+        [tuiButton][data-size='l'] {
+            font-weight: normal;
+        }
+    }
 }

package/components/mobile-dialog/index.d.ts

@@ -1,3 +0,0 @@
-export * from './mobile-dialog.component';
-export * from './mobile-dialog.options';
-export * from './mobile-dialog.service';

package/components/mobile-dialog/mobile-dialog.component.d.ts

@@ -1,10 +0,0 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
-import { type TuiMobileDialogOptions } from './mobile-dialog.options';
-import * as i0 from "@angular/core";
-export declare class TuiMobileDialog<I> {
-    protected readonly isIOS: boolean;
-    protected readonly context: TuiPopover<TuiMobileDialogOptions<I>, number>;
-    protected onAction(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileDialog<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileDialog<any>, "tui-mobile-dialog", never, {}, {}, never, never, true, never>;
-}

package/components/mobile-dialog/mobile-dialog.options.d.ts

@@ -1,12 +0,0 @@
-import { InjectionToken, type Provider } from '@angular/core';
-export interface TuiMobileDialogOptions<I = undefined> {
-    readonly actions: readonly string[];
-    readonly data: I;
-    readonly label: string;
-}
-export declare const TUI_MOBILE_DIALOG_DEFAULT_OPTIONS: TuiMobileDialogOptions;
-/**
- * Default parameters for mobile dialog component
- */
-export declare const TUI_MOBILE_DIALOG_OPTIONS: InjectionToken<TuiMobileDialogOptions<undefined>>;
-export declare function tuiMobileDialogOptionsProvider(options: Partial<TuiMobileDialogOptions<unknown>>): Provider;

package/components/mobile-dialog/mobile-dialog.service.d.ts

@@ -1,10 +0,0 @@
-import { type TuiPopoverContext, TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
-import { type TuiMobileDialogOptions } from './mobile-dialog.options';
-import * as i0 from "@angular/core";
-export declare class TuiMobileDialogService extends TuiPopoverService<TuiMobileDialogOptions<any>, number> {
-    open(content: PolymorpheusContent<TuiMobileDialogOptions<any> & TuiPopoverContext<number>>, options?: Partial<TuiMobileDialogOptions<any>>): Observable<number>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiMobileDialogService>;
-}

package/directives/sidebar/index.d.ts

@@ -1,3 +0,0 @@
-export * from './sidebar';
-export * from './sidebar.component';
-export * from './sidebar.directive';

package/directives/sidebar/sidebar.component.d.ts

@@ -1,21 +0,0 @@
-import { type AnimationOptions } from '@angular/animations';
-import { type DoCheck } from '@angular/core';
-import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import * as i0 from "@angular/core";
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-export declare class TuiSidebarComponent implements DoCheck {
-    private readonly directive;
-    private readonly options;
-    private readonly left;
-    private readonly right;
-    ngDoCheck(): void;
-    protected get animation(): AnimationOptions;
-    protected get direction(): TuiHorizontalDirection;
-    protected get content(): PolymorpheusContent;
-    protected get autoWidth(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSidebarComponent, "aside[tuiSidebar]", never, {}, {}, never, never, true, never>;
-}

package/directives/sidebar/sidebar.d.ts

@@ -1,6 +0,0 @@
-import { TuiSidebarComponent } from './sidebar.component';
-import { TuiSidebarDirective } from './sidebar.directive';
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-export declare const TuiSidebar: readonly [typeof TuiSidebarComponent, typeof TuiSidebarDirective];

package/directives/sidebar/sidebar.directive.d.ts

@@ -1,22 +0,0 @@
-import { type OnDestroy, TemplateRef } from '@angular/core';
-import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
-import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
-import * as i0 from "@angular/core";
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-export declare class TuiSidebarDirective<T = Record<string, unknown>> extends PolymorpheusTemplate<T> implements OnDestroy {
-    private readonly injector;
-    private readonly service;
-    private readonly component;
-    private sidebarRef;
-    direction: TuiHorizontalDirection;
-    autoWidth: boolean;
-    readonly content: TemplateRef<any>;
-    set tuiSidebar(open: boolean);
-    ngOnDestroy(): void;
-    private show;
-    private hide;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSidebarDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSidebarDirective<any>, "[tuiSidebar]", never, { "direction": { "alias": "tuiSidebarDirection"; "required": false; }; "autoWidth": { "alias": "tuiSidebarAutoWidth"; "required": false; }; "tuiSidebar": { "alias": "tuiSidebar"; "required": false; }; }, {}, never, never, true, never>;
-}