@taiga-ui/addon-mobile 4.52.0-canary.932d3ef → 4.52.0-canary.9471234
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/components/bottom-sheet/bottom-sheet.component.d.ts +3 -3
- package/components/index.d.ts +0 -1
- package/components/mobile-calendar/calendar-date-stream.d.ts +6 -0
- package/components/mobile-calendar/index.d.ts +1 -0
- package/components/mobile-calendar/mobile-calendar.component.d.ts +20 -22
- package/components/mobile-calendar/mobile-calendar.strategy.d.ts +3 -7
- package/components/mobile-calendar-dropdown/mobile-calendar-dropdown.component.d.ts +10 -12
- package/components/mobile-calendar-dropdown/mobile-calendar-dropdown.directive.d.ts +6 -6
- package/components/pull-to-refresh/pull-to-refresh.component.d.ts +8 -7
- package/components/sheet-dialog/sheet-dialog.component.d.ts +2 -2
- package/components/sheet-dialog/sheet-dialog.directive.d.ts +4 -3
- package/components/sheet-dialog/sheet-dialog.options.d.ts +4 -10
- package/components/sheet-dialog/sheet-dialog.service.d.ts +9 -4
- package/components/swipe-action/swipe-actions-auto-close.directive.d.ts +2 -2
- package/components/tab-bar/tab-bar-item.component.d.ts +3 -3
- package/components/tab-bar/tab-bar.component.d.ts +4 -7
- package/directives/dropdown-mobile/dropdown-mobile.component.d.ts +10 -14
- package/directives/dropdown-mobile/dropdown-mobile.directive.d.ts +1 -2
- package/directives/dropdown-sheet/dropdown-sheet.component.d.ts +14 -0
- package/directives/dropdown-sheet/dropdown-sheet.directive.d.ts +6 -0
- package/directives/dropdown-sheet/index.d.ts +2 -0
- package/directives/elastic-sticky/elastic-sticky.directive.d.ts +1 -2
- package/directives/index.d.ts +1 -1
- package/directives/responsive-dialog/responsive-dialog.directive.d.ts +5 -4
- package/directives/responsive-dialog/responsive-dialog.service.d.ts +4 -7
- package/directives/ripple/ripple.directive.d.ts +3 -3
- package/directives/touchable/touchable.directive.d.ts +5 -5
- package/fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs +14 -21
- package/fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs +35 -57
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs +9 -12
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs +128 -161
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs +46 -57
- package/fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs +62 -60
- package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-swipe-action.mjs +12 -20
- package/fesm2022/taiga-ui-addon-mobile-components-swipe-action.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs +31 -51
- package/fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components.mjs +0 -1
- package/fesm2022/taiga-ui-addon-mobile-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs +65 -88
- package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs +83 -0
- package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs.map +1 -0
- package/fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs +11 -15
- package/fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs +46 -29
- package/fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs +21 -44
- package/fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs +20 -27
- package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives.mjs +1 -1
- package/fesm2022/taiga-ui-addon-mobile-services.mjs +36 -7
- package/fesm2022/taiga-ui-addon-mobile-services.mjs.map +1 -1
- package/package.json +20 -20
- package/services/index.d.ts +1 -0
- package/services/theme-color.service.d.ts +18 -0
- package/styles/android/app-bar.less +5 -1
- package/styles/android/switch.less +1 -0
- package/styles/common/badge-notification.less +1 -1
- package/styles/common/badge.less +2 -3
- package/styles/common/block-status.less +1 -1
- package/styles/common/button.less +1 -1
- package/styles/common/card-large.less +4 -0
- package/styles/common/chip.less +0 -21
- package/styles/common/header.less +1 -1
- package/styles/common/message.less +1 -1
- package/styles/common/segmented.less +1 -1
- package/styles/common/title.less +0 -1
- package/styles/common/toast.less +21 -0
- package/styles/ios/switch.less +50 -1
- package/styles/taiga-ui-mobile.less +14 -0
- package/components/mobile-dialog/index.d.ts +0 -3
- package/components/mobile-dialog/mobile-dialog.component.d.ts +0 -10
- package/components/mobile-dialog/mobile-dialog.options.d.ts +0 -12
- package/components/mobile-dialog/mobile-dialog.service.d.ts +0 -10
- package/directives/sidebar/index.d.ts +0 -3
- package/directives/sidebar/sidebar.component.d.ts +0 -21
- package/directives/sidebar/sidebar.d.ts +0 -6
- package/directives/sidebar/sidebar.directive.d.ts +0 -22
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs +0 -64
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs.map +0 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs +0 -114
- package/fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs.map +0 -1
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { DOCUMENT } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { inject, Injectable } from '@angular/core';
|
|
4
|
-
import {
|
|
3
|
+
import { inject, Injectable, InjectionToken } from '@angular/core';
|
|
4
|
+
import { tuiGetFocused } from '@taiga-ui/cdk/utils/focus';
|
|
5
5
|
import { merge, fromEvent, filter } from 'rxjs';
|
|
6
|
+
import { Meta } from '@angular/platform-browser';
|
|
6
7
|
|
|
7
8
|
class TuiKeyboardService {
|
|
8
9
|
constructor() {
|
|
@@ -25,7 +26,7 @@ class TuiKeyboardService {
|
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
28
|
hide() {
|
|
28
|
-
const focused =
|
|
29
|
+
const focused = tuiGetFocused(this.doc);
|
|
29
30
|
if (focused?.inputMode === undefined || this.element) {
|
|
30
31
|
return;
|
|
31
32
|
}
|
|
@@ -41,19 +42,47 @@ class TuiKeyboardService {
|
|
|
41
42
|
this.element.inputMode = this.inputMode;
|
|
42
43
|
this.element = undefined;
|
|
43
44
|
}
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
45
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiKeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
46
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiKeyboardService, providedIn: 'root' }); }
|
|
46
47
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiKeyboardService, decorators: [{
|
|
48
49
|
type: Injectable,
|
|
49
50
|
args: [{
|
|
50
51
|
providedIn: 'root',
|
|
51
52
|
}]
|
|
52
53
|
}] });
|
|
53
54
|
|
|
55
|
+
const TUI_THEME_COLOR = new InjectionToken(ngDevMode ? 'TUI_THEME_COLOR' : '', {
|
|
56
|
+
factory: () => inject(Meta).getTag('name="theme-color"')?.content ?? '',
|
|
57
|
+
});
|
|
58
|
+
class TuiThemeColorService {
|
|
59
|
+
constructor() {
|
|
60
|
+
this.current = inject(TUI_THEME_COLOR);
|
|
61
|
+
this.doc = inject(DOCUMENT);
|
|
62
|
+
this.meta = inject(Meta);
|
|
63
|
+
this.color = this.current;
|
|
64
|
+
}
|
|
65
|
+
get color() {
|
|
66
|
+
return this.current;
|
|
67
|
+
}
|
|
68
|
+
set color(content) {
|
|
69
|
+
this.current = content;
|
|
70
|
+
this.meta.updateTag({ name: 'theme-color', content });
|
|
71
|
+
this.doc.documentElement.style.setProperty('--tui-theme-color', content);
|
|
72
|
+
}
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiThemeColorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
74
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiThemeColorService, providedIn: 'root' }); }
|
|
75
|
+
}
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiThemeColorService, decorators: [{
|
|
77
|
+
type: Injectable,
|
|
78
|
+
args: [{
|
|
79
|
+
providedIn: 'root',
|
|
80
|
+
}]
|
|
81
|
+
}], ctorParameters: () => [] });
|
|
82
|
+
|
|
54
83
|
/**
|
|
55
84
|
* Generated bundle index. Do not edit.
|
|
56
85
|
*/
|
|
57
86
|
|
|
58
|
-
export { TuiKeyboardService };
|
|
87
|
+
export { TUI_THEME_COLOR, TuiKeyboardService, TuiThemeColorService };
|
|
59
88
|
//# sourceMappingURL=taiga-ui-addon-mobile-services.mjs.map
|
|
@@ -1 +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 {
|
|
1
|
+
{"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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/addon-mobile",
|
|
3
|
-
"version": "4.52.0-canary.
|
|
3
|
+
"version": "4.52.0-canary.9471234",
|
|
4
4
|
"description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -8,7 +8,10 @@
|
|
|
8
8
|
"mobile"
|
|
9
9
|
],
|
|
10
10
|
"homepage": "https://github.com/taiga-family/taiga-ui",
|
|
11
|
-
"repository":
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "https://github.com/taiga-family/taiga-ui"
|
|
14
|
+
},
|
|
12
15
|
"license": "Apache-2.0",
|
|
13
16
|
"exports": {
|
|
14
17
|
"./styles/*": "./styles/*",
|
|
@@ -23,22 +26,18 @@
|
|
|
23
26
|
"types": "./components/index.d.ts",
|
|
24
27
|
"default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
|
|
25
28
|
},
|
|
26
|
-
"./directives": {
|
|
27
|
-
"types": "./directives/index.d.ts",
|
|
28
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
|
|
29
|
-
},
|
|
30
29
|
"./services": {
|
|
31
30
|
"types": "./services/index.d.ts",
|
|
32
31
|
"default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
|
|
33
32
|
},
|
|
33
|
+
"./directives": {
|
|
34
|
+
"types": "./directives/index.d.ts",
|
|
35
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
|
|
36
|
+
},
|
|
34
37
|
"./components/bottom-sheet": {
|
|
35
38
|
"types": "./components/bottom-sheet/index.d.ts",
|
|
36
39
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs"
|
|
37
40
|
},
|
|
38
|
-
"./components/mobile-calendar": {
|
|
39
|
-
"types": "./components/mobile-calendar/index.d.ts",
|
|
40
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs"
|
|
41
|
-
},
|
|
42
41
|
"./components/mobile-calendar-dropdown": {
|
|
43
42
|
"types": "./components/mobile-calendar-dropdown/index.d.ts",
|
|
44
43
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs"
|
|
@@ -47,10 +46,6 @@
|
|
|
47
46
|
"types": "./components/mobile-calendar-sheet/index.d.ts",
|
|
48
47
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs"
|
|
49
48
|
},
|
|
50
|
-
"./components/mobile-dialog": {
|
|
51
|
-
"types": "./components/mobile-dialog/index.d.ts",
|
|
52
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs"
|
|
53
|
-
},
|
|
54
49
|
"./components/pull-to-refresh": {
|
|
55
50
|
"types": "./components/pull-to-refresh/index.d.ts",
|
|
56
51
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs"
|
|
@@ -67,10 +62,18 @@
|
|
|
67
62
|
"types": "./components/tab-bar/index.d.ts",
|
|
68
63
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs"
|
|
69
64
|
},
|
|
65
|
+
"./components/mobile-calendar": {
|
|
66
|
+
"types": "./components/mobile-calendar/index.d.ts",
|
|
67
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs"
|
|
68
|
+
},
|
|
70
69
|
"./directives/dropdown-mobile": {
|
|
71
70
|
"types": "./directives/dropdown-mobile/index.d.ts",
|
|
72
71
|
"default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
|
|
73
72
|
},
|
|
73
|
+
"./directives/dropdown-sheet": {
|
|
74
|
+
"types": "./directives/dropdown-sheet/index.d.ts",
|
|
75
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs"
|
|
76
|
+
},
|
|
74
77
|
"./directives/elastic-sticky": {
|
|
75
78
|
"types": "./directives/elastic-sticky/index.d.ts",
|
|
76
79
|
"default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
|
|
@@ -83,10 +86,6 @@
|
|
|
83
86
|
"types": "./directives/ripple/index.d.ts",
|
|
84
87
|
"default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
|
|
85
88
|
},
|
|
86
|
-
"./directives/sidebar": {
|
|
87
|
-
"types": "./directives/sidebar/index.d.ts",
|
|
88
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
|
|
89
|
-
},
|
|
90
89
|
"./directives/touchable": {
|
|
91
90
|
"types": "./directives/touchable/index.d.ts",
|
|
92
91
|
"default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
|
|
@@ -96,12 +95,13 @@
|
|
|
96
95
|
"@angular/cdk": ">=19.0.0",
|
|
97
96
|
"@angular/common": ">=19.0.0",
|
|
98
97
|
"@angular/core": ">=19.0.0",
|
|
99
|
-
"@ng-web-apis/common": "^
|
|
98
|
+
"@ng-web-apis/common": "^5.0.1",
|
|
99
|
+
"@ng-web-apis/platform": "^5.0.1",
|
|
100
100
|
"@taiga-ui/cdk": "^4.52.0",
|
|
101
101
|
"@taiga-ui/core": "^4.52.0",
|
|
102
102
|
"@taiga-ui/kit": "^4.52.0",
|
|
103
103
|
"@taiga-ui/layout": "^4.52.0",
|
|
104
|
-
"@taiga-ui/polymorpheus": "^
|
|
104
|
+
"@taiga-ui/polymorpheus": "^5.0.0",
|
|
105
105
|
"rxjs": ">=7.0.0"
|
|
106
106
|
},
|
|
107
107
|
"module": "fesm2022/taiga-ui-addon-mobile.mjs",
|
package/services/index.d.ts
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare const TUI_THEME_COLOR: InjectionToken<string>;
|
|
4
|
+
interface TuiThemeColor {
|
|
5
|
+
get color(): string;
|
|
6
|
+
set color(value: string);
|
|
7
|
+
}
|
|
8
|
+
export declare class TuiThemeColorService implements TuiThemeColor {
|
|
9
|
+
private current;
|
|
10
|
+
private readonly doc;
|
|
11
|
+
private readonly meta;
|
|
12
|
+
constructor();
|
|
13
|
+
get color(): string;
|
|
14
|
+
set color(content: string);
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiThemeColorService, never>;
|
|
16
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TuiThemeColorService>;
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
tui-app-bar {
|
|
2
|
-
font: var(--tui-font-heading-
|
|
2
|
+
font: var(--tui-font-heading-h6);
|
|
3
3
|
block-size: 3.5rem;
|
|
4
4
|
|
|
5
5
|
> .t-content {
|
|
@@ -12,6 +12,10 @@ tui-app-bar {
|
|
|
12
12
|
> * {
|
|
13
13
|
max-inline-size: calc(100% - var(--t-sides, 0px));
|
|
14
14
|
}
|
|
15
|
+
|
|
16
|
+
> [tuiProgressBar] {
|
|
17
|
+
.center-left();
|
|
18
|
+
}
|
|
15
19
|
}
|
|
16
20
|
|
|
17
21
|
> :last-child [tuiIconButton] {
|
package/styles/common/badge.less
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
tui-badge,
|
|
2
1
|
[tuiBadge] {
|
|
3
2
|
font-weight: 600;
|
|
4
3
|
|
|
5
4
|
&[data-size='s'] {
|
|
6
|
-
font: var(--tui-font-
|
|
5
|
+
font: var(--tui-font-body-xs);
|
|
7
6
|
font-weight: bold;
|
|
8
7
|
}
|
|
9
8
|
|
|
@@ -11,7 +10,7 @@ tui-badge,
|
|
|
11
10
|
--t-padding: 0 0.625rem;
|
|
12
11
|
--t-size: 1.75rem;
|
|
13
12
|
|
|
14
|
-
font: var(--tui-font-
|
|
13
|
+
font: var(--tui-font-body-s);
|
|
15
14
|
font-weight: 600;
|
|
16
15
|
}
|
|
17
16
|
}
|
package/styles/common/chip.less
CHANGED
|
@@ -1,27 +1,6 @@
|
|
|
1
|
-
tui-chip,
|
|
2
1
|
[tuiChip] {
|
|
3
2
|
border-radius: 2rem;
|
|
4
3
|
|
|
5
|
-
&[data-size='s'] {
|
|
6
|
-
--t-size: 1.875rem;
|
|
7
|
-
--t-padding: 0.6875rem;
|
|
8
|
-
|
|
9
|
-
> img,
|
|
10
|
-
[tuiAvatar] {
|
|
11
|
-
margin-inline-start: -0.5rem;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
&[data-size='m'] {
|
|
16
|
-
--t-size: 2rem;
|
|
17
|
-
--t-padding: 0.875rem;
|
|
18
|
-
|
|
19
|
-
> img,
|
|
20
|
-
[tuiAvatar] {
|
|
21
|
-
margin-inline-start: -0.625rem;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
4
|
> img,
|
|
26
5
|
[tuiAvatar] {
|
|
27
6
|
border-radius: 100%;
|
package/styles/common/title.less
CHANGED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
[tuiToast] {
|
|
2
|
+
min-block-size: 3rem;
|
|
3
|
+
border-radius: 1.5rem;
|
|
4
|
+
font: var(--tui-font-body-m);
|
|
5
|
+
|
|
6
|
+
[tuiButton]:last-child {
|
|
7
|
+
margin: -0.1875rem -0.4375rem -0.1875rem 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&:has([tuiAvatar]) {
|
|
11
|
+
gap: 1rem;
|
|
12
|
+
|
|
13
|
+
[tuiAvatar] {
|
|
14
|
+
margin: 0 -0.25rem;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
[tuiButton]:last-child {
|
|
18
|
+
margin-inline-end: 0;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
package/styles/ios/switch.less
CHANGED
|
@@ -1,6 +1,55 @@
|
|
|
1
1
|
@import '@taiga-ui/core/styles/taiga-ui-local.less';
|
|
2
2
|
|
|
3
|
-
input[tuiSwitch] {
|
|
3
|
+
input[tuiSwitch]._native {
|
|
4
|
+
block-size: 1.9375rem;
|
|
5
|
+
inline-size: 3.1875rem;
|
|
6
|
+
appearance: auto;
|
|
7
|
+
accent-color: var(--tui-background-accent-2);
|
|
8
|
+
|
|
9
|
+
&:invalid {
|
|
10
|
+
accent-color: var(--tui-status-negative);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&::before,
|
|
14
|
+
&::after {
|
|
15
|
+
display: none;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@supports (anchor-name: --ios26) {
|
|
19
|
+
inline-size: 4rem;
|
|
20
|
+
block-size: 1.75rem;
|
|
21
|
+
|
|
22
|
+
&::before {
|
|
23
|
+
.transition(background);
|
|
24
|
+
|
|
25
|
+
position: absolute;
|
|
26
|
+
display: block;
|
|
27
|
+
inset: 0;
|
|
28
|
+
border-radius: 10rem;
|
|
29
|
+
inline-size: 100%;
|
|
30
|
+
background-color: transparent;
|
|
31
|
+
mix-blend-mode: color;
|
|
32
|
+
transform: none;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&:invalid:not(:checked)::before {
|
|
36
|
+
background-color: var(--tui-status-negative);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
[data-theme='dark'] & {
|
|
40
|
+
&:invalid:not(:checked)::before {
|
|
41
|
+
background-color: var(--tui-status-negative-pale);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&:disabled:not(:checked)::before {
|
|
45
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
46
|
+
mix-blend-mode: lighten;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
input[tuiSwitch]:not(._native) {
|
|
4
53
|
block-size: 1.9375rem;
|
|
5
54
|
inline-size: 3.1875rem;
|
|
6
55
|
border-radius: 2rem;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@import '@taiga-ui/core/styles/taiga-ui-local.less';
|
|
1
2
|
@import 'common/search.less';
|
|
2
3
|
|
|
3
4
|
[data-platform='android'] {
|
|
@@ -22,6 +23,12 @@
|
|
|
22
23
|
tui-segmented > .tui-segmented_active:active {
|
|
23
24
|
opacity: var(--tui-disabled-opacity);
|
|
24
25
|
}
|
|
26
|
+
|
|
27
|
+
[tuiToast]:active {
|
|
28
|
+
.interactive({
|
|
29
|
+
transform: scale(0.95);
|
|
30
|
+
});
|
|
31
|
+
}
|
|
25
32
|
}
|
|
26
33
|
|
|
27
34
|
[data-platform='android'],
|
|
@@ -38,4 +45,11 @@
|
|
|
38
45
|
@import 'common/header.less';
|
|
39
46
|
@import 'common/message.less';
|
|
40
47
|
@import 'common/notification-middle.less';
|
|
48
|
+
@import 'common/toast.less';
|
|
49
|
+
|
|
50
|
+
tui-app-bar {
|
|
51
|
+
[tuiButton][data-size='l'] {
|
|
52
|
+
font-weight: normal;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
41
55
|
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TuiPopover } from '@taiga-ui/cdk/services';
|
|
2
|
-
import { type TuiMobileDialogOptions } from './mobile-dialog.options';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TuiMobileDialog<I> {
|
|
5
|
-
protected readonly isIOS: boolean;
|
|
6
|
-
protected readonly context: TuiPopover<TuiMobileDialogOptions<I>, number>;
|
|
7
|
-
protected onAction(index: number): void;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileDialog<any>, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileDialog<any>, "tui-mobile-dialog", never, {}, {}, never, never, true, never>;
|
|
10
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { InjectionToken, type Provider } from '@angular/core';
|
|
2
|
-
export interface TuiMobileDialogOptions<I = undefined> {
|
|
3
|
-
readonly actions: readonly string[];
|
|
4
|
-
readonly data: I;
|
|
5
|
-
readonly label: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const TUI_MOBILE_DIALOG_DEFAULT_OPTIONS: TuiMobileDialogOptions;
|
|
8
|
-
/**
|
|
9
|
-
* Default parameters for mobile dialog component
|
|
10
|
-
*/
|
|
11
|
-
export declare const TUI_MOBILE_DIALOG_OPTIONS: InjectionToken<TuiMobileDialogOptions<undefined>>;
|
|
12
|
-
export declare function tuiMobileDialogOptionsProvider(options: Partial<TuiMobileDialogOptions<unknown>>): Provider;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TuiPopoverContext, TuiPopoverService } from '@taiga-ui/cdk/services';
|
|
2
|
-
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
3
|
-
import { type Observable } from 'rxjs';
|
|
4
|
-
import { type TuiMobileDialogOptions } from './mobile-dialog.options';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class TuiMobileDialogService extends TuiPopoverService<TuiMobileDialogOptions<any>, number> {
|
|
7
|
-
open(content: PolymorpheusContent<TuiMobileDialogOptions<any> & TuiPopoverContext<number>>, options?: Partial<TuiMobileDialogOptions<any>>): Observable<number>;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileDialogService, never>;
|
|
9
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<TuiMobileDialogService>;
|
|
10
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type AnimationOptions } from '@angular/animations';
|
|
2
|
-
import { type DoCheck } from '@angular/core';
|
|
3
|
-
import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
|
|
4
|
-
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated use {@link TuiDrawer} instead
|
|
8
|
-
*/
|
|
9
|
-
export declare class TuiSidebarComponent implements DoCheck {
|
|
10
|
-
private readonly directive;
|
|
11
|
-
private readonly options;
|
|
12
|
-
private readonly left;
|
|
13
|
-
private readonly right;
|
|
14
|
-
ngDoCheck(): void;
|
|
15
|
-
protected get animation(): AnimationOptions;
|
|
16
|
-
protected get direction(): TuiHorizontalDirection;
|
|
17
|
-
protected get content(): PolymorpheusContent;
|
|
18
|
-
protected get autoWidth(): boolean;
|
|
19
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSidebarComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSidebarComponent, "aside[tuiSidebar]", never, {}, {}, never, never, true, never>;
|
|
21
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { TuiSidebarComponent } from './sidebar.component';
|
|
2
|
-
import { TuiSidebarDirective } from './sidebar.directive';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated use {@link TuiDrawer} instead
|
|
5
|
-
*/
|
|
6
|
-
export declare const TuiSidebar: readonly [typeof TuiSidebarComponent, typeof TuiSidebarDirective];
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { type OnDestroy, TemplateRef } from '@angular/core';
|
|
2
|
-
import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
|
|
3
|
-
import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated use {@link TuiDrawer} instead
|
|
7
|
-
*/
|
|
8
|
-
export declare class TuiSidebarDirective<T = Record<string, unknown>> extends PolymorpheusTemplate<T> implements OnDestroy {
|
|
9
|
-
private readonly injector;
|
|
10
|
-
private readonly service;
|
|
11
|
-
private readonly component;
|
|
12
|
-
private sidebarRef;
|
|
13
|
-
direction: TuiHorizontalDirection;
|
|
14
|
-
autoWidth: boolean;
|
|
15
|
-
readonly content: TemplateRef<any>;
|
|
16
|
-
set tuiSidebar(open: boolean);
|
|
17
|
-
ngOnDestroy(): void;
|
|
18
|
-
private show;
|
|
19
|
-
private hide;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSidebarDirective<any>, never>;
|
|
21
|
-
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>;
|
|
22
|
-
}
|