@taiga-ui/addon-mobile 4.11.0 → 4.13.0
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/components/sheet-dialog/sheet-dialog.component.d.ts +1 -12
- package/components/sheet-dialog/sheet-dialog.options.d.ts +5 -2
- package/components/sheet-dialog/sheet-dialog.service.d.ts +3 -0
- package/directives/index.d.ts +1 -0
- package/directives/responsive-dialog/index.d.ts +2 -0
- package/directives/responsive-dialog/responsive-dialog.directive.d.ts +7 -0
- package/directives/responsive-dialog/responsive-dialog.service.d.ts +22 -0
- package/directives/sidebar/sidebar.component.d.ts +3 -0
- package/directives/sidebar/sidebar.directive.d.ts +4 -1
- package/esm2022/components/mobile-calendar/mobile-calendar.component.mjs +3 -2
- package/esm2022/components/mobile-calendar/mobile-calendar.providers.mjs +4 -4
- package/esm2022/components/sheet-dialog/sheet-dialog.component.mjs +20 -61
- package/esm2022/components/sheet-dialog/sheet-dialog.options.mjs +2 -1
- package/esm2022/components/sheet-dialog/sheet-dialog.service.mjs +21 -2
- package/esm2022/components/tab-bar/tab-bar-item.directive.mjs +3 -3
- package/esm2022/directives/dropdown-mobile/dropdown-mobile.component.mjs +2 -2
- package/esm2022/directives/index.mjs +2 -1
- package/esm2022/directives/responsive-dialog/index.mjs +3 -0
- package/esm2022/directives/responsive-dialog/responsive-dialog.directive.mjs +21 -0
- package/esm2022/directives/responsive-dialog/responsive-dialog.service.mjs +34 -0
- package/esm2022/directives/responsive-dialog/taiga-ui-addon-mobile-directives-responsive-dialog.mjs +5 -0
- package/esm2022/directives/sidebar/sidebar.component.mjs +4 -1
- package/esm2022/directives/sidebar/sidebar.directive.mjs +8 -5
- package/esm2022/services/keyboard.service.mjs +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs +5 -4
- package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs +41 -61
- package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs +2 -2
- package/fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs +57 -0
- package/fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs.map +1 -0
- package/fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs +10 -4
- package/fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-directives.mjs +1 -0
- package/fesm2022/taiga-ui-addon-mobile-directives.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-mobile-services.mjs.map +1 -1
- package/package.json +54 -48
- package/styles/android/app-bar.less +4 -4
- package/styles/common/button.less +8 -8
- package/styles/{ios → common}/search.less +0 -1
- package/styles/taiga-ui-mobile.less +17 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-directives-sidebar.mjs","sources":["../../../projects/addon-mobile/directives/sidebar/sidebar.directive.ts","../../../projects/addon-mobile/directives/sidebar/sidebar.component.ts","../../../projects/addon-mobile/directives/sidebar/sidebar.template.html","../../../projects/addon-mobile/directives/sidebar/sidebar.ts","../../../projects/addon-mobile/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.ts"],"sourcesContent":["import type {ComponentRef, OnDestroy} from '@angular/core';\nimport {Directive, inject, INJECTOR, Input, TemplateRef} from '@angular/core';\nimport {
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-directives-sidebar.mjs","sources":["../../../projects/addon-mobile/directives/sidebar/sidebar.directive.ts","../../../projects/addon-mobile/directives/sidebar/sidebar.component.ts","../../../projects/addon-mobile/directives/sidebar/sidebar.template.html","../../../projects/addon-mobile/directives/sidebar/sidebar.ts","../../../projects/addon-mobile/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.ts"],"sourcesContent":["import type {ComponentRef, OnDestroy} from '@angular/core';\nimport {Directive, inject, INJECTOR, Input, TemplateRef} from '@angular/core';\nimport {TuiPopupService} from '@taiga-ui/core/directives/popup';\nimport type {TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {PolymorpheusComponent, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';\n\nimport {TuiSidebarComponent} from './sidebar.component';\n\n/**\n * @deprecated use {@link TuiDrawer} instead\n */\n@Directive({\n standalone: true,\n selector: '[tuiSidebar]',\n})\nexport class TuiSidebarDirective<T = Record<string, unknown>>\n extends PolymorpheusTemplate<T>\n implements OnDestroy\n{\n private readonly injector = inject(INJECTOR);\n private readonly service = inject(TuiPopupService);\n\n private readonly component = new PolymorpheusComponent(\n TuiSidebarComponent,\n this.injector,\n );\n\n private sidebarRef: ComponentRef<TuiSidebarComponent> | null = null;\n\n @Input('tuiSidebarDirection')\n public direction: TuiHorizontalDirection = 'left';\n\n @Input('tuiSidebarAutoWidth')\n public autoWidth = false;\n\n public readonly content = inject(TemplateRef<T>);\n\n @Input()\n public set tuiSidebar(open: boolean) {\n if (open) {\n this.show();\n } else {\n this.hide();\n }\n }\n\n public ngOnDestroy(): void {\n this.hide();\n }\n\n private show(): void {\n if (this.sidebarRef !== null) {\n return;\n }\n\n this.sidebarRef = this.service.add(this.component);\n this.sidebarRef.changeDetectorRef.detectChanges();\n }\n\n private hide(): void {\n if (this.sidebarRef === null) {\n return;\n }\n\n this.service.remove(this.sidebarRef);\n this.sidebarRef = null;\n }\n}\n","import type {AnimationOptions} from '@angular/animations';\nimport type {DoCheck} from '@angular/core';\nimport {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {tuiSlideIn} from '@taiga-ui/core/animations';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\nimport type {TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {tuiToAnimationOptions} from '@taiga-ui/core/utils/miscellaneous';\nimport type {PolymorpheusContent} from '@taiga-ui/polymorpheus';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiSidebarDirective} from './sidebar.directive';\n\n/**\n * @deprecated use {@link TuiDrawer} instead\n */\n@Component({\n standalone: true,\n selector: 'aside[tuiSidebar]',\n imports: [PolymorpheusOutlet, TuiActiveZone],\n templateUrl: './sidebar.template.html',\n styleUrls: ['./sidebar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [tuiSlideIn],\n host: {\n '[class]': '\"t-\" + direction',\n '[@tuiSlideIn]': 'animation',\n },\n})\nexport class TuiSidebarComponent implements DoCheck {\n private readonly directive = inject(TuiSidebarDirective);\n private readonly options = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));\n private readonly left = {...this.options, value: 'left'};\n private readonly right = {...this.options, value: 'right'};\n\n public ngDoCheck(): void {\n this.directive.check();\n }\n\n protected get animation(): AnimationOptions {\n return this.direction === 'left' ? this.left : this.right;\n }\n\n protected get direction(): TuiHorizontalDirection {\n return this.directive.direction;\n }\n\n protected get content(): PolymorpheusContent {\n return this.directive.content;\n }\n\n protected get autoWidth(): boolean {\n return this.directive.autoWidth;\n }\n}\n","<div\n tuiActiveZone\n class=\"t-wrapper\"\n [class.t-wrapper_auto-width]=\"autoWidth\"\n>\n <ng-container *polymorpheusOutlet=\"content as text\">\n {{ text }}\n </ng-container>\n</div>\n","import {TuiSidebarComponent} from './sidebar.component';\nimport {TuiSidebarDirective} from './sidebar.directive';\n\nexport const TuiSidebar = [TuiSidebarComponent, TuiSidebarDirective] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from '@taiga-ui/addon-mobile/directives/dropdown-mobile';
|
|
2
2
|
export * from '@taiga-ui/addon-mobile/directives/elastic-sticky';
|
|
3
|
+
export * from '@taiga-ui/addon-mobile/directives/responsive-dialog';
|
|
3
4
|
export * from '@taiga-ui/addon-mobile/directives/ripple';
|
|
4
5
|
export * from '@taiga-ui/addon-mobile/directives/sidebar';
|
|
5
6
|
export * from '@taiga-ui/addon-mobile/directives/touchable';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-directives.mjs","sources":["../../../projects/addon-mobile/directives/taiga-ui-addon-mobile-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-directives.mjs","sources":["../../../projects/addon-mobile/directives/taiga-ui-addon-mobile-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG"}
|
|
@@ -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 type {OnDestroy} from '@angular/core';\nimport {inject, Injectable} 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
|
|
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 type {OnDestroy} from '@angular/core';\nimport {inject, Injectable} 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":";;;;;;AAMA,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;;;ACRD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/addon-mobile",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.13.0",
|
|
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",
|
|
@@ -21,6 +21,12 @@
|
|
|
21
21
|
"esm": "./esm2022/taiga-ui-addon-mobile.mjs",
|
|
22
22
|
"default": "./fesm2022/taiga-ui-addon-mobile.mjs"
|
|
23
23
|
},
|
|
24
|
+
"./components": {
|
|
25
|
+
"types": "./components/index.d.ts",
|
|
26
|
+
"esm2022": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
|
|
27
|
+
"esm": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
|
|
28
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
|
|
29
|
+
},
|
|
24
30
|
"./directives": {
|
|
25
31
|
"types": "./directives/index.d.ts",
|
|
26
32
|
"esm2022": "./esm2022/directives/taiga-ui-addon-mobile-directives.mjs",
|
|
@@ -33,42 +39,6 @@
|
|
|
33
39
|
"esm": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
|
|
34
40
|
"default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
|
|
35
41
|
},
|
|
36
|
-
"./components": {
|
|
37
|
-
"types": "./components/index.d.ts",
|
|
38
|
-
"esm2022": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
|
|
39
|
-
"esm": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
|
|
40
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
|
|
41
|
-
},
|
|
42
|
-
"./directives/dropdown-mobile": {
|
|
43
|
-
"types": "./directives/dropdown-mobile/index.d.ts",
|
|
44
|
-
"esm2022": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
|
|
45
|
-
"esm": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
|
|
46
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
|
|
47
|
-
},
|
|
48
|
-
"./directives/elastic-sticky": {
|
|
49
|
-
"types": "./directives/elastic-sticky/index.d.ts",
|
|
50
|
-
"esm2022": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
|
|
51
|
-
"esm": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
|
|
52
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
|
|
53
|
-
},
|
|
54
|
-
"./directives/ripple": {
|
|
55
|
-
"types": "./directives/ripple/index.d.ts",
|
|
56
|
-
"esm2022": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
|
|
57
|
-
"esm": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
|
|
58
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
|
|
59
|
-
},
|
|
60
|
-
"./directives/sidebar": {
|
|
61
|
-
"types": "./directives/sidebar/index.d.ts",
|
|
62
|
-
"esm2022": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
|
|
63
|
-
"esm": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
|
|
64
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
|
|
65
|
-
},
|
|
66
|
-
"./directives/touchable": {
|
|
67
|
-
"types": "./directives/touchable/index.d.ts",
|
|
68
|
-
"esm2022": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
|
|
69
|
-
"esm": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
|
|
70
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
|
|
71
|
-
},
|
|
72
42
|
"./components/mobile-calendar": {
|
|
73
43
|
"types": "./components/mobile-calendar/index.d.ts",
|
|
74
44
|
"esm2022": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
|
|
@@ -81,18 +51,18 @@
|
|
|
81
51
|
"esm": "./esm2022/components/mobile-calendar-dropdown/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs",
|
|
82
52
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs"
|
|
83
53
|
},
|
|
84
|
-
"./components/mobile-calendar-sheet": {
|
|
85
|
-
"types": "./components/mobile-calendar-sheet/index.d.ts",
|
|
86
|
-
"esm2022": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
|
|
87
|
-
"esm": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
|
|
88
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs"
|
|
89
|
-
},
|
|
90
54
|
"./components/mobile-dialog": {
|
|
91
55
|
"types": "./components/mobile-dialog/index.d.ts",
|
|
92
56
|
"esm2022": "./esm2022/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
|
|
93
57
|
"esm": "./esm2022/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
|
|
94
58
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs"
|
|
95
59
|
},
|
|
60
|
+
"./components/mobile-calendar-sheet": {
|
|
61
|
+
"types": "./components/mobile-calendar-sheet/index.d.ts",
|
|
62
|
+
"esm2022": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
|
|
63
|
+
"esm": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
|
|
64
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs"
|
|
65
|
+
},
|
|
96
66
|
"./components/pull-to-refresh": {
|
|
97
67
|
"types": "./components/pull-to-refresh/index.d.ts",
|
|
98
68
|
"esm2022": "./esm2022/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
|
|
@@ -116,16 +86,52 @@
|
|
|
116
86
|
"esm2022": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
|
|
117
87
|
"esm": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
|
|
118
88
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs"
|
|
89
|
+
},
|
|
90
|
+
"./directives/dropdown-mobile": {
|
|
91
|
+
"types": "./directives/dropdown-mobile/index.d.ts",
|
|
92
|
+
"esm2022": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
|
|
93
|
+
"esm": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
|
|
94
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
|
|
95
|
+
},
|
|
96
|
+
"./directives/elastic-sticky": {
|
|
97
|
+
"types": "./directives/elastic-sticky/index.d.ts",
|
|
98
|
+
"esm2022": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
|
|
99
|
+
"esm": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
|
|
100
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
|
|
101
|
+
},
|
|
102
|
+
"./directives/responsive-dialog": {
|
|
103
|
+
"types": "./directives/responsive-dialog/index.d.ts",
|
|
104
|
+
"esm2022": "./esm2022/directives/responsive-dialog/taiga-ui-addon-mobile-directives-responsive-dialog.mjs",
|
|
105
|
+
"esm": "./esm2022/directives/responsive-dialog/taiga-ui-addon-mobile-directives-responsive-dialog.mjs",
|
|
106
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs"
|
|
107
|
+
},
|
|
108
|
+
"./directives/ripple": {
|
|
109
|
+
"types": "./directives/ripple/index.d.ts",
|
|
110
|
+
"esm2022": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
|
|
111
|
+
"esm": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
|
|
112
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
|
|
113
|
+
},
|
|
114
|
+
"./directives/sidebar": {
|
|
115
|
+
"types": "./directives/sidebar/index.d.ts",
|
|
116
|
+
"esm2022": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
|
|
117
|
+
"esm": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
|
|
118
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
|
|
119
|
+
},
|
|
120
|
+
"./directives/touchable": {
|
|
121
|
+
"types": "./directives/touchable/index.d.ts",
|
|
122
|
+
"esm2022": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
|
|
123
|
+
"esm": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
|
|
124
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
|
|
119
125
|
}
|
|
120
126
|
},
|
|
121
127
|
"peerDependencies": {
|
|
122
128
|
"@angular/cdk": ">=16.0.0",
|
|
123
129
|
"@angular/common": ">=16.0.0",
|
|
124
130
|
"@angular/core": ">=16.0.0",
|
|
125
|
-
"@ng-web-apis/common": "^4.
|
|
126
|
-
"@taiga-ui/cdk": "^4.
|
|
127
|
-
"@taiga-ui/core": "^4.
|
|
128
|
-
"@taiga-ui/kit": "^4.
|
|
131
|
+
"@ng-web-apis/common": "^4.11.1",
|
|
132
|
+
"@taiga-ui/cdk": "^4.13.0",
|
|
133
|
+
"@taiga-ui/core": "^4.13.0",
|
|
134
|
+
"@taiga-ui/kit": "^4.13.0",
|
|
129
135
|
"@taiga-ui/polymorpheus": "^4.7.4",
|
|
130
136
|
"rxjs": ">=7.0.0"
|
|
131
137
|
},
|
|
@@ -133,6 +139,6 @@
|
|
|
133
139
|
"typings": "index.d.ts",
|
|
134
140
|
"sideEffects": false,
|
|
135
141
|
"dependencies": {
|
|
136
|
-
"tslib": ">=2.
|
|
142
|
+
"tslib": ">=2.8.0"
|
|
137
143
|
}
|
|
138
144
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
tui-app-bar {
|
|
2
|
-
text-align: start;
|
|
3
2
|
font: var(--tui-font-heading-6);
|
|
4
3
|
block-size: 3.5rem;
|
|
5
4
|
|
|
6
5
|
> .t-content {
|
|
7
6
|
position: static;
|
|
8
|
-
padding: 0 0 0
|
|
7
|
+
padding: 0 0 0 1rem;
|
|
8
|
+
text-align: start;
|
|
9
9
|
transform: none;
|
|
10
10
|
max-inline-size: calc(100% - var(--t-sides, 0px) / 2);
|
|
11
11
|
|
|
@@ -14,7 +14,7 @@ tui-app-bar {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
>
|
|
18
|
-
|
|
17
|
+
> :last-child [tuiIconButton] {
|
|
18
|
+
margin: 0 -0.25rem;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
--t-radius: 0.75rem;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
&[data-appearance
|
|
18
|
-
&[data-appearance
|
|
19
|
-
&[data-appearance
|
|
20
|
-
&[data-appearance
|
|
21
|
-
&[data-appearance
|
|
22
|
-
&[data-appearance
|
|
17
|
+
&[data-appearance^='primary']:disabled:not(._loading),
|
|
18
|
+
&[data-appearance^='secondary']:disabled:not(._loading),
|
|
19
|
+
&[data-appearance^='accent']:disabled:not(._loading),
|
|
20
|
+
&[data-appearance^='destructive']:disabled:not(._loading),
|
|
21
|
+
&[data-appearance^='opposite']:disabled:not(._loading),
|
|
22
|
+
&[data-appearance^='flat']:disabled:not(._loading) {
|
|
23
23
|
background: var(--tui-background-neutral-1);
|
|
24
|
-
color: var(--tui-
|
|
24
|
+
color: var(--tui-text-tertiary);
|
|
25
25
|
opacity: 1;
|
|
26
26
|
|
|
27
|
-
&[data-appearance
|
|
27
|
+
&[data-appearance^='flat'] {
|
|
28
28
|
background: transparent;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
@import 'common/search.less';
|
|
2
|
+
|
|
1
3
|
[data-platform='android'] {
|
|
2
|
-
@import '
|
|
3
|
-
@import '
|
|
4
|
-
@import '
|
|
5
|
-
@import '
|
|
4
|
+
@import 'android/app-bar.less';
|
|
5
|
+
@import 'android/checkbox.less';
|
|
6
|
+
@import 'android/radio.less';
|
|
7
|
+
@import 'android/switch.less';
|
|
6
8
|
|
|
7
9
|
tui-badge-notification[data-size='l'] {
|
|
8
10
|
--t-size: 1.375rem;
|
|
@@ -10,10 +12,9 @@
|
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
[data-platform='ios'] {
|
|
13
|
-
@import '
|
|
14
|
-
@import '
|
|
15
|
-
@import '
|
|
16
|
-
@import './ios/switch';
|
|
15
|
+
@import 'ios/app-bar.less';
|
|
16
|
+
@import 'ios/checkbox.less';
|
|
17
|
+
@import 'ios/switch.less';
|
|
17
18
|
|
|
18
19
|
tui-segmented > *:not(tui-segmented_active):active {
|
|
19
20
|
background-color: var(--tui-background-neutral-1);
|
|
@@ -26,12 +27,12 @@
|
|
|
26
27
|
|
|
27
28
|
[data-platform='android'],
|
|
28
29
|
[data-platform='ios'] {
|
|
29
|
-
@import '
|
|
30
|
-
@import '
|
|
31
|
-
@import '
|
|
32
|
-
@import '
|
|
33
|
-
@import '
|
|
34
|
-
@import '
|
|
35
|
-
@import '
|
|
36
|
-
@import '
|
|
30
|
+
@import 'common/badge.less';
|
|
31
|
+
@import 'common/badge-notification.less';
|
|
32
|
+
@import 'common/block-status.less';
|
|
33
|
+
@import 'common/button.less';
|
|
34
|
+
@import 'common/title.less';
|
|
35
|
+
@import 'common/card-large.less';
|
|
36
|
+
@import 'common/segmented.less';
|
|
37
|
+
@import 'common/header.less';
|
|
37
38
|
}
|