@taiga-ui/addon-mobile 3.55.0-canary.3cc37e7 → 3.55.0-canary.f5fbcc5
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/bundles/taiga-ui-addon-mobile-directives-mobile-tabs.umd.js +1 -0
- package/bundles/taiga-ui-addon-mobile-directives-mobile-tabs.umd.js.map +1 -1
- package/directives/mobile-tabs/mobile-tabs.directive.d.ts +2 -2
- package/esm2015/directives/mobile-tabs/mobile-tabs.directive.js +3 -2
- package/fesm2015/taiga-ui-addon-mobile-directives-mobile-tabs.js +1 -0
- package/fesm2015/taiga-ui-addon-mobile-directives-mobile-tabs.js.map +1 -1
- package/package.json +4 -4
- package/styles/android/checkbox.less +43 -0
- package/styles/android/radio.less +28 -0
- package/styles/common/badge-notification.less +9 -0
- package/styles/common/badge.less +21 -0
- package/styles/common/button.less +27 -0
- package/styles/common/title.less +7 -0
- package/styles/ios/checkbox.less +38 -0
- package/styles/taiga-ui-mobile.less +17 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-directives-mobile-tabs.umd.js","sources":["../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.directive.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.module.ts","../../../projects/addon-mobile/directives/mobile-tabs/taiga-ui-addon-mobile-directives-mobile-tabs.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {\n class: 'tui-mobile-tabs-styles',\n },\n template: '',\n styleUrls: ['./mobile-tabs.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMobileTabsComponent {}\n","import {Directive, HostBinding, Inject} from '@angular/core';\nimport {TUI_IS_ANDROID
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-directives-mobile-tabs.umd.js","sources":["../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.directive.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.module.ts","../../../projects/addon-mobile/directives/mobile-tabs/taiga-ui-addon-mobile-directives-mobile-tabs.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {\n class: 'tui-mobile-tabs-styles',\n },\n template: '',\n styleUrls: ['./mobile-tabs.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMobileTabsComponent {}\n","import {Directive, HostBinding, Inject} from '@angular/core';\nimport {\n TUI_IS_ANDROID,\n TUI_IS_IOS,\n TuiDirectiveStylesService,\n TuiPlatform,\n} from '@taiga-ui/cdk';\nimport {TUI_TAB_MARGIN} from '@taiga-ui/kit';\n\nimport {TuiMobileTabsComponent} from './mobile-tabs.component';\n\n@Directive({\n selector: '[tuiMobileTabs]',\n providers: [\n {\n provide: TUI_TAB_MARGIN,\n useValue: 0,\n },\n ],\n})\nexport class TuiMobileTabsDirective {\n constructor(\n @Inject(TUI_IS_IOS) private readonly isIos: boolean,\n @Inject(TUI_IS_ANDROID) private readonly isAndroid: boolean,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiMobileTabsComponent);\n }\n\n // TODO: Refactor with TUI_PLATFORM\n @HostBinding('attr.data-platform')\n get platform(): TuiPlatform | null {\n if (this.isIos) {\n return 'ios';\n }\n\n if (this.isAndroid) {\n return 'android';\n }\n\n return null;\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiMobileTabsComponent} from './mobile-tabs.component';\nimport {TuiMobileTabsDirective} from './mobile-tabs.directive';\n\n@NgModule({\n declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent],\n exports: [TuiMobileTabsDirective, TuiMobileTabsComponent],\n})\nexport class TuiMobileTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TUI_IS_IOS","TUI_IS_ANDROID","TuiDirectiveStylesService","TUI_TAB_MARGIN","Directive","Inject","HostBinding","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,sBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,sBAAA,GAAA;;;;kJAAa,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAtB,sBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,mHALrB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,y8FAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAKH,sBAAsB,EAAA,UAAA,EAAA,CAAA;0BATlCC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,wBAAwB;QAClC,qBAAA;QACD,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,0BAA0B,CAAC;4BACvC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;yBAClD,CAAA;;;ACUD,YAAA,sBAAA,kBAAA,YAAA;QACI,IAAA,SAAA,sBAAA,CACyC,KAAc,EACV,SAAkB,EACxB,eAA0C,EAAA;QAFxC,QAAA,IAAK,CAAA,KAAA,GAAL,KAAK,CAAS;QACV,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAS;QAG3D,QAAA,eAAe,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;aACxD;QAGD,IAAA,MAAA,CAAA,cAAA,CACI,sBAAQ,CAAA,SAAA,EAAA,UAAA,EAAA;;QADZ,QAAA,GAAA,EAAA,YAAA;oBAEI,IAAI,IAAI,CAAC,KAAK,EAAE;QACZ,gBAAA,OAAO,KAAK,CAAC;QAChB,aAAA;oBAED,IAAI,IAAI,CAAC,SAAS,EAAE;QAChB,gBAAA,OAAO,SAAS,CAAC;QACpB,aAAA;QAED,YAAA,OAAO,IAAI,CAAC;iBACf;;;QAAA,KAAA,CAAA,CAAA;;;QArBQ,sBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,EAEnB,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAI,aAAU,EACV,EAAA,EAAA,KAAA,EAAAC,iBAAc,aACdC,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAN,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAJ5B,sBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAPpB,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA;QACP,QAAA;QACI,YAAA,OAAO,EAAEO,kBAAc;QACvB,YAAA,QAAQ,EAAE,CAAC;QACd,SAAA;QACJ,KAAA,EAAA,QAAA,EAAAP,aAAA,EAAA,CAAA,CAAA;0HAEQ,sBAAsB,EAAA,UAAA,EAAA,CAAA;0BATlCQ,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,iBAAiB;QAC3B,oBAAA,SAAS,EAAE;QACP,wBAAA;QACI,4BAAA,OAAO,EAAED,kBAAc;QACvB,4BAAA,QAAQ,EAAE,CAAC;QACd,yBAAA;QACJ,qBAAA;yBACJ,CAAA;;;sCAGQE,SAAM;uCAACL,aAAU,CAAA;;sCACjBK,SAAM;uCAACJ,iBAAc,CAAA;;sCACrBI,SAAM;uCAACH,4BAAyB,CAAA;;iCAOjC,QAAQ,EAAA,CAAA;8BADXI,cAAW;+BAAC,oBAAoB,CAAA;;;ACrBrC,YAAA,mBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,mBAAA,GAAA;;;;+IAAa,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAV,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAnB,mBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,mBAAmB,iBAHb,sBAAsB,EAAE,sBAAsB,CACnD,EAAA,OAAA,EAAA,CAAA,sBAAsB,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;gJAE/C,mBAAmB,EAAA,CAAA,CAAA;0HAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;0BAJ/BW,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;QAC9D,oBAAA,OAAO,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;yBAC5D,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
1
|
+
import { TuiDirectiveStylesService, TuiPlatform } from '@taiga-ui/cdk';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiMobileTabsDirective {
|
|
4
4
|
private readonly isIos;
|
|
5
5
|
private readonly isAndroid;
|
|
6
6
|
constructor(isIos: boolean, isAndroid: boolean, directiveStyles: TuiDirectiveStylesService);
|
|
7
|
-
get platform():
|
|
7
|
+
get platform(): TuiPlatform | null;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileTabsDirective, never>;
|
|
9
9
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMobileTabsDirective, "[tuiMobileTabs]", never, {}, {}, never>;
|
|
10
10
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Directive, HostBinding, Inject } from '@angular/core';
|
|
2
|
-
import { TUI_IS_ANDROID, TUI_IS_IOS, TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
2
|
+
import { TUI_IS_ANDROID, TUI_IS_IOS, TuiDirectiveStylesService, } from '@taiga-ui/cdk';
|
|
3
3
|
import { TUI_TAB_MARGIN } from '@taiga-ui/kit';
|
|
4
4
|
import { TuiMobileTabsComponent } from './mobile-tabs.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
@@ -10,6 +10,7 @@ export class TuiMobileTabsDirective {
|
|
|
10
10
|
this.isAndroid = isAndroid;
|
|
11
11
|
directiveStyles.addComponent(TuiMobileTabsComponent);
|
|
12
12
|
}
|
|
13
|
+
// TODO: Refactor with TUI_PLATFORM
|
|
13
14
|
get platform() {
|
|
14
15
|
if (this.isIos) {
|
|
15
16
|
return 'ios';
|
|
@@ -51,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
51
52
|
type: HostBinding,
|
|
52
53
|
args: ['attr.data-platform']
|
|
53
54
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLXRhYnMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMvbW9iaWxlLXRhYnMvbW9iaWxlLXRhYnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQ0gsY0FBYyxFQUNkLFVBQVUsRUFDVix5QkFBeUIsR0FFNUIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU3QyxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBVy9ELE1BQU0sT0FBTyxzQkFBc0I7SUFDL0IsWUFDeUMsS0FBYyxFQUNWLFNBQWtCLEVBQ3hCLGVBQTBDO1FBRnhDLFVBQUssR0FBTCxLQUFLLENBQVM7UUFDVixjQUFTLEdBQVQsU0FBUyxDQUFTO1FBRzNELGVBQWUsQ0FBQyxZQUFZLENBQUMsc0JBQXNCLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRUQsbUNBQW1DO0lBQ25DLElBQ0ksUUFBUTtRQUNSLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNaLE9BQU8sS0FBSyxDQUFDO1NBQ2hCO1FBRUQsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLE9BQU8sU0FBUyxDQUFDO1NBQ3BCO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQzs7b0hBckJRLHNCQUFzQixrQkFFbkIsVUFBVSxhQUNWLGNBQWMsYUFDZCx5QkFBeUI7d0dBSjVCLHNCQUFzQiwyR0FQcEI7UUFDUDtZQUNJLE9BQU8sRUFBRSxjQUFjO1lBQ3ZCLFFBQVEsRUFBRSxDQUFDO1NBQ2Q7S0FDSjs0RkFFUSxzQkFBc0I7a0JBVGxDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsU0FBUyxFQUFFO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxjQUFjOzRCQUN2QixRQUFRLEVBQUUsQ0FBQzt5QkFDZDtxQkFDSjtpQkFDSjs7MEJBR1EsTUFBTTsyQkFBQyxVQUFVOzswQkFDakIsTUFBTTsyQkFBQyxjQUFjOzswQkFDckIsTUFBTTsyQkFBQyx5QkFBeUI7NENBT2pDLFFBQVE7c0JBRFgsV0FBVzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIEluamVjdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIFRVSV9JU19BTkRST0lELFxuICAgIFRVSV9JU19JT1MsXG4gICAgVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSxcbiAgICBUdWlQbGF0Zm9ybSxcbn0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1RVSV9UQUJfTUFSR0lOfSBmcm9tICdAdGFpZ2EtdWkva2l0JztcblxuaW1wb3J0IHtUdWlNb2JpbGVUYWJzQ29tcG9uZW50fSBmcm9tICcuL21vYmlsZS10YWJzLmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3R1aU1vYmlsZVRhYnNdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogVFVJX1RBQl9NQVJHSU4sXG4gICAgICAgICAgICB1c2VWYWx1ZTogMCxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlNb2JpbGVUYWJzRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfSVNfSU9TKSBwcml2YXRlIHJlYWRvbmx5IGlzSW9zOiBib29sZWFuLFxuICAgICAgICBASW5qZWN0KFRVSV9JU19BTkRST0lEKSBwcml2YXRlIHJlYWRvbmx5IGlzQW5kcm9pZDogYm9vbGVhbixcbiAgICAgICAgQEluamVjdChUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlKSBkaXJlY3RpdmVTdHlsZXM6IFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgKSB7XG4gICAgICAgIGRpcmVjdGl2ZVN0eWxlcy5hZGRDb21wb25lbnQoVHVpTW9iaWxlVGFic0NvbXBvbmVudCk7XG4gICAgfVxuXG4gICAgLy8gVE9ETzogUmVmYWN0b3Igd2l0aCBUVUlfUExBVEZPUk1cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1wbGF0Zm9ybScpXG4gICAgZ2V0IHBsYXRmb3JtKCk6IFR1aVBsYXRmb3JtIHwgbnVsbCB7XG4gICAgICAgIGlmICh0aGlzLmlzSW9zKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2lvcyc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5pc0FuZHJvaWQpIHtcbiAgICAgICAgICAgIHJldHVybiAnYW5kcm9pZCc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG59XG4iXX0=
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-directives-mobile-tabs.js","sources":["../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.directive.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.module.ts","../../../projects/addon-mobile/directives/mobile-tabs/taiga-ui-addon-mobile-directives-mobile-tabs.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {\n class: 'tui-mobile-tabs-styles',\n },\n template: '',\n styleUrls: ['./mobile-tabs.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMobileTabsComponent {}\n","import {Directive, HostBinding, Inject} from '@angular/core';\nimport {TUI_IS_ANDROID
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-directives-mobile-tabs.js","sources":["../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.directive.ts","../../../projects/addon-mobile/directives/mobile-tabs/mobile-tabs.module.ts","../../../projects/addon-mobile/directives/mobile-tabs/taiga-ui-addon-mobile-directives-mobile-tabs.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {\n class: 'tui-mobile-tabs-styles',\n },\n template: '',\n styleUrls: ['./mobile-tabs.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMobileTabsComponent {}\n","import {Directive, HostBinding, Inject} from '@angular/core';\nimport {\n TUI_IS_ANDROID,\n TUI_IS_IOS,\n TuiDirectiveStylesService,\n TuiPlatform,\n} from '@taiga-ui/cdk';\nimport {TUI_TAB_MARGIN} from '@taiga-ui/kit';\n\nimport {TuiMobileTabsComponent} from './mobile-tabs.component';\n\n@Directive({\n selector: '[tuiMobileTabs]',\n providers: [\n {\n provide: TUI_TAB_MARGIN,\n useValue: 0,\n },\n ],\n})\nexport class TuiMobileTabsDirective {\n constructor(\n @Inject(TUI_IS_IOS) private readonly isIos: boolean,\n @Inject(TUI_IS_ANDROID) private readonly isAndroid: boolean,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiMobileTabsComponent);\n }\n\n // TODO: Refactor with TUI_PLATFORM\n @HostBinding('attr.data-platform')\n get platform(): TuiPlatform | null {\n if (this.isIos) {\n return 'ios';\n }\n\n if (this.isAndroid) {\n return 'android';\n }\n\n return null;\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiMobileTabsComponent} from './mobile-tabs.component';\nimport {TuiMobileTabsDirective} from './mobile-tabs.directive';\n\n@NgModule({\n declarations: [TuiMobileTabsDirective, TuiMobileTabsComponent],\n exports: [TuiMobileTabsDirective, TuiMobileTabsComponent],\n})\nexport class TuiMobileTabsModule {}\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": "3.55.0-canary.
|
|
3
|
+
"version": "3.55.0-canary.f5fbcc5",
|
|
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",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"@angular/common": ">=12.0.0",
|
|
16
16
|
"@angular/core": ">=12.0.0",
|
|
17
17
|
"@ng-web-apis/common": ">=3.0.0",
|
|
18
|
-
"@taiga-ui/cdk": ">=3.55.0-canary.
|
|
19
|
-
"@taiga-ui/core": ">=3.55.0-canary.
|
|
20
|
-
"@taiga-ui/kit": ">=3.55.0-canary.
|
|
18
|
+
"@taiga-ui/cdk": ">=3.55.0-canary.f5fbcc5",
|
|
19
|
+
"@taiga-ui/core": ">=3.55.0-canary.f5fbcc5",
|
|
20
|
+
"@taiga-ui/kit": ">=3.55.0-canary.f5fbcc5",
|
|
21
21
|
"@tinkoff/ng-polymorpheus": ">=4.0.0",
|
|
22
22
|
"rxjs": ">=6.0.0"
|
|
23
23
|
},
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
input[tuiCheckbox] {
|
|
2
|
+
width: 1.125rem;
|
|
3
|
+
height: 1.125rem;
|
|
4
|
+
color: var(--tui-base-01);
|
|
5
|
+
border-radius: 0.125rem;
|
|
6
|
+
box-shadow: inset 0 0 0 0.125rem var(--tui-base-04);
|
|
7
|
+
|
|
8
|
+
&:checked,
|
|
9
|
+
&:indeterminate {
|
|
10
|
+
background: var(--tui-accent);
|
|
11
|
+
box-shadow: none;
|
|
12
|
+
|
|
13
|
+
&._invalid {
|
|
14
|
+
background: var(--tui-error-fill);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&:disabled:not(._readonly) {
|
|
18
|
+
background: var(--tui-base-04);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&:before {
|
|
22
|
+
clip-path: inset(0);
|
|
23
|
+
transition-delay: 0s;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&:before {
|
|
28
|
+
transition:
|
|
29
|
+
clip-path var(--tui-duration) ease-in-out,
|
|
30
|
+
mask 0s var(--tui-duration) ease-in-out;
|
|
31
|
+
clip-path: inset(0 100% 0 0);
|
|
32
|
+
|
|
33
|
+
--t-mask: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M2.7 8.5L7 12.7L15.3 4.7" fill="none" stroke="black" stroke-width="2"/></svg>');
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&:indeterminate:before {
|
|
37
|
+
--t-mask: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M3 9H15" fill="none" stroke="black" stroke-width="2"/></svg>');
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&._invalid {
|
|
41
|
+
box-shadow: inset 0 0 0 0.125rem var(--tui-error-bg-hover);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
input[tuiRadio] {
|
|
2
|
+
.transition(color);
|
|
3
|
+
box-shadow: inset 0 0 0 0.125rem;
|
|
4
|
+
color: var(--tui-base-04);
|
|
5
|
+
|
|
6
|
+
--t-size: 1.125rem;
|
|
7
|
+
|
|
8
|
+
&:disabled:not(._readonly) {
|
|
9
|
+
color: var(--tui-base-04);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&:checked {
|
|
13
|
+
background: transparent;
|
|
14
|
+
color: var(--tui-accent);
|
|
15
|
+
|
|
16
|
+
&:after {
|
|
17
|
+
transform: scale(0.555);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&._invalid {
|
|
22
|
+
color: var(--tui-error-bg-hover);
|
|
23
|
+
|
|
24
|
+
&:checked {
|
|
25
|
+
color: var(--tui-error-fill);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
tui-badge,
|
|
2
|
+
[tuiBadge] {
|
|
3
|
+
font-weight: bold;
|
|
4
|
+
|
|
5
|
+
&[data-appearance='neutral'] {
|
|
6
|
+
background: var(--tui-base-06);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
&[data-size='s'] {
|
|
10
|
+
font: var(--tui-font-text-xs);
|
|
11
|
+
font-weight: bold;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&[data-size='xl'] {
|
|
15
|
+
font: var(--tui-font-text-s);
|
|
16
|
+
font-weight: bold;
|
|
17
|
+
|
|
18
|
+
--t-padding: 0 0.625rem 0 0.375rem;
|
|
19
|
+
--t-size: 1.75rem;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
[tuiButtonNew] {
|
|
2
|
+
width: 100%;
|
|
3
|
+
|
|
4
|
+
&[data-size='xs'],
|
|
5
|
+
&[data-size='s'],
|
|
6
|
+
&[data-size='l'] {
|
|
7
|
+
--t-radius: 1rem;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&[data-size='m'] {
|
|
11
|
+
--t-radius: 0.75rem;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&:disabled:not(._loading) {
|
|
15
|
+
background: var(--tui-clear);
|
|
16
|
+
color: var(--tui-clear-active);
|
|
17
|
+
opacity: 1;
|
|
18
|
+
|
|
19
|
+
&[data-appearance='flat'] {
|
|
20
|
+
background: transparent;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
[tuiButton][tuiButtonVertical] {
|
|
26
|
+
gap: 0.5rem;
|
|
27
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
input[tuiCheckbox],
|
|
2
|
+
input[tuiRadio] {
|
|
3
|
+
width: 1.375rem;
|
|
4
|
+
height: 1.375rem;
|
|
5
|
+
border-radius: 100%;
|
|
6
|
+
color: var(--tui-base-01);
|
|
7
|
+
transition: none;
|
|
8
|
+
|
|
9
|
+
&:checked,
|
|
10
|
+
&:not([tuiRadio]):indeterminate {
|
|
11
|
+
background: var(--tui-accent);
|
|
12
|
+
box-shadow: none;
|
|
13
|
+
|
|
14
|
+
&:disabled:not(._readonly) {
|
|
15
|
+
background: var(--tui-base-04);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&:before {
|
|
19
|
+
display: block;
|
|
20
|
+
transform: none;
|
|
21
|
+
mask: var(--t-mask) center/100%;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&._invalid {
|
|
25
|
+
background: var(--tui-error-fill);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&:before {
|
|
30
|
+
display: none;
|
|
31
|
+
|
|
32
|
+
--t-mask: url('data:image/svg+xml,<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 11.25L9.8 15.2L15.2 7" fill="none" stroke="black" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>');
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&:not([tuiRadio]):indeterminate:before {
|
|
36
|
+
--t-mask: url('data:image/svg+xml,<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M6 11H16" fill="none" stroke="black" stroke-width="1.75" stroke-linecap="round"/></svg>');
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -1,9 +1,24 @@
|
|
|
1
1
|
@import '@taiga-ui/core/styles/taiga-ui-local';
|
|
2
2
|
|
|
3
|
+
[data-platform='android'] {
|
|
4
|
+
@import './android/checkbox';
|
|
5
|
+
@import './android/radio';
|
|
6
|
+
@import './android/toggle';
|
|
7
|
+
|
|
8
|
+
tui-badge-notification[data-size='l'] {
|
|
9
|
+
--t-size: 1.375rem;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
3
13
|
[data-platform='ios'] {
|
|
14
|
+
@import './ios/checkbox';
|
|
4
15
|
@import './ios/toggle';
|
|
5
16
|
}
|
|
6
17
|
|
|
7
|
-
[data-platform='android']
|
|
8
|
-
|
|
18
|
+
[data-platform='android'],
|
|
19
|
+
[data-platform='ios'] {
|
|
20
|
+
@import './common/badge';
|
|
21
|
+
@import './common/badge-notification';
|
|
22
|
+
@import './common/button';
|
|
23
|
+
@import './common/title';
|
|
9
24
|
}
|