@taiga-ui/addon-mobile 2.83.0 → 2.85.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/bundles/taiga-ui-addon-mobile-components-app-bar.umd.js +411 -0
- package/bundles/taiga-ui-addon-mobile-components-app-bar.umd.js.map +1 -0
- package/bundles/taiga-ui-addon-mobile-components-app-bar.umd.min.js +2 -0
- package/bundles/taiga-ui-addon-mobile-components-app-bar.umd.min.js.map +1 -0
- package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js +435 -0
- package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js.map +1 -0
- package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.min.js +2 -0
- package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.min.js.map +1 -0
- package/bundles/taiga-ui-addon-mobile-components.umd.js +20 -4
- package/bundles/taiga-ui-addon-mobile-components.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components.umd.min.js +1 -1
- package/components/app-bar/app-bar-back.component.d.ts +2 -0
- package/components/app-bar/app-bar.component.d.ts +11 -0
- package/components/app-bar/app-bar.directive.d.ts +3 -0
- package/components/app-bar/app-bar.module.d.ts +2 -0
- package/components/app-bar/index.d.ts +4 -0
- package/components/app-bar/package.json +13 -0
- package/components/app-bar/taiga-ui-addon-mobile-components-app-bar.d.ts +4 -0
- package/components/app-bar/taiga-ui-addon-mobile-components-app-bar.metadata.json +1 -0
- package/components/index.d.ts +2 -0
- package/components/tab-bar/index.d.ts +4 -0
- package/components/tab-bar/package.json +13 -0
- package/components/tab-bar/tab-bar-item.component.d.ts +15 -0
- package/components/tab-bar/tab-bar-item.directive.d.ts +6 -0
- package/components/tab-bar/tab-bar.component.d.ts +9 -0
- package/components/tab-bar/tab-bar.module.d.ts +2 -0
- package/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.d.ts +4 -0
- package/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.metadata.json +1 -0
- package/components/taiga-ui-addon-mobile-components.metadata.json +1 -1
- package/esm2015/components/app-bar/app-bar-back.component.js +14 -0
- package/esm2015/components/app-bar/app-bar.component.js +64 -0
- package/esm2015/components/app-bar/app-bar.directive.js +17 -0
- package/esm2015/components/app-bar/app-bar.module.js +18 -0
- package/esm2015/components/app-bar/index.js +5 -0
- package/esm2015/components/app-bar/taiga-ui-addon-mobile-components-app-bar.js +5 -0
- package/esm2015/components/index.js +3 -1
- package/esm2015/components/tab-bar/index.js +5 -0
- package/esm2015/components/tab-bar/tab-bar-item.component.js +35 -0
- package/esm2015/components/tab-bar/tab-bar-item.directive.js +36 -0
- package/esm2015/components/tab-bar/tab-bar.component.js +48 -0
- package/esm2015/components/tab-bar/tab-bar.module.js +18 -0
- package/esm2015/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.js +5 -0
- package/esm5/components/app-bar/app-bar-back.component.js +17 -0
- package/esm5/components/app-bar/app-bar.component.js +66 -0
- package/esm5/components/app-bar/app-bar.directive.js +18 -0
- package/esm5/components/app-bar/app-bar.module.js +21 -0
- package/esm5/components/app-bar/index.js +5 -0
- package/esm5/components/app-bar/taiga-ui-addon-mobile-components-app-bar.js +5 -0
- package/esm5/components/index.js +3 -1
- package/esm5/components/tab-bar/index.js +5 -0
- package/esm5/components/tab-bar/tab-bar-item.component.js +36 -0
- package/esm5/components/tab-bar/tab-bar-item.directive.js +38 -0
- package/esm5/components/tab-bar/tab-bar.component.js +56 -0
- package/esm5/components/tab-bar/tab-bar.module.js +21 -0
- package/esm5/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.js +5 -0
- package/fesm2015/taiga-ui-addon-mobile-components-app-bar.js +106 -0
- package/fesm2015/taiga-ui-addon-mobile-components-app-bar.js.map +1 -0
- package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js +126 -0
- package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js.map +1 -0
- package/fesm2015/taiga-ui-addon-mobile-components.js +2 -0
- package/fesm2015/taiga-ui-addon-mobile-components.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-app-bar.js +115 -0
- package/fesm5/taiga-ui-addon-mobile-components-app-bar.js.map +1 -0
- package/fesm5/taiga-ui-addon-mobile-components-tab-bar.js +140 -0
- package/fesm5/taiga-ui-addon-mobile-components-tab-bar.js.map +1 -0
- package/fesm5/taiga-ui-addon-mobile-components.js +2 -0
- package/fesm5/taiga-ui-addon-mobile-components.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/addon-mobile/components/mobile-calendar'), require('@taiga-ui/addon-mobile/components/mobile-calendar-dialog'), require('@taiga-ui/addon-mobile/components/mobile-dialog'), require('@taiga-ui/addon-mobile/components/pull-to-refresh'), require('@taiga-ui/addon-mobile/components/sheet'), require('@taiga-ui/addon-mobile/components/theme-android'), require('@taiga-ui/addon-mobile/components/theme-ios')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/addon-mobile/components', ['exports', '@taiga-ui/addon-mobile/components/mobile-calendar', '@taiga-ui/addon-mobile/components/mobile-calendar-dialog', '@taiga-ui/addon-mobile/components/mobile-dialog', '@taiga-ui/addon-mobile/components/pull-to-refresh', '@taiga-ui/addon-mobile/components/sheet', '@taiga-ui/addon-mobile/components/theme-android', '@taiga-ui/addon-mobile/components/theme-ios'], factory) :
|
|
4
|
-
(global = global || self, factory((global['taiga-ui'] = global['taiga-ui'] || {}, global['taiga-ui']['addon-mobile'] = global['taiga-ui']['addon-mobile'] || {}, global['taiga-ui']['addon-mobile'].components = {}), global['taiga-ui']['addon-mobile'].components['mobile-calendar'], global['taiga-ui']['addon-mobile'].components['mobile-calendar-dialog'], global['taiga-ui']['addon-mobile'].components['mobile-dialog'], global['taiga-ui']['addon-mobile'].components['pull-to-refresh'], global['taiga-ui']['addon-mobile'].components.sheet, global['taiga-ui']['addon-mobile'].components['theme-android'], global['taiga-ui']['addon-mobile'].components['theme-ios']));
|
|
5
|
-
}(this, (function (exports, mobileCalendar, mobileCalendarDialog, mobileDialog, pullToRefresh, sheet, themeAndroid, themeIos) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/addon-mobile/components/app-bar'), require('@taiga-ui/addon-mobile/components/mobile-calendar'), require('@taiga-ui/addon-mobile/components/mobile-calendar-dialog'), require('@taiga-ui/addon-mobile/components/mobile-dialog'), require('@taiga-ui/addon-mobile/components/pull-to-refresh'), require('@taiga-ui/addon-mobile/components/sheet'), require('@taiga-ui/addon-mobile/components/tab-bar'), require('@taiga-ui/addon-mobile/components/theme-android'), require('@taiga-ui/addon-mobile/components/theme-ios')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/addon-mobile/components', ['exports', '@taiga-ui/addon-mobile/components/app-bar', '@taiga-ui/addon-mobile/components/mobile-calendar', '@taiga-ui/addon-mobile/components/mobile-calendar-dialog', '@taiga-ui/addon-mobile/components/mobile-dialog', '@taiga-ui/addon-mobile/components/pull-to-refresh', '@taiga-ui/addon-mobile/components/sheet', '@taiga-ui/addon-mobile/components/tab-bar', '@taiga-ui/addon-mobile/components/theme-android', '@taiga-ui/addon-mobile/components/theme-ios'], factory) :
|
|
4
|
+
(global = global || self, factory((global['taiga-ui'] = global['taiga-ui'] || {}, global['taiga-ui']['addon-mobile'] = global['taiga-ui']['addon-mobile'] || {}, global['taiga-ui']['addon-mobile'].components = {}), global['taiga-ui']['addon-mobile'].components['app-bar'], global['taiga-ui']['addon-mobile'].components['mobile-calendar'], global['taiga-ui']['addon-mobile'].components['mobile-calendar-dialog'], global['taiga-ui']['addon-mobile'].components['mobile-dialog'], global['taiga-ui']['addon-mobile'].components['pull-to-refresh'], global['taiga-ui']['addon-mobile'].components.sheet, global['taiga-ui']['addon-mobile'].components['tab-bar'], global['taiga-ui']['addon-mobile'].components['theme-android'], global['taiga-ui']['addon-mobile'].components['theme-ios']));
|
|
5
|
+
}(this, (function (exports, appBar, mobileCalendar, mobileCalendarDialog, mobileDialog, pullToRefresh, sheet, tabBar, themeAndroid, themeIos) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Generated bundle index. Do not edit.
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
+
Object.keys(appBar).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return appBar[k];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
});
|
|
11
19
|
Object.keys(mobileCalendar).forEach(function (k) {
|
|
12
20
|
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
13
21
|
enumerable: true,
|
|
@@ -48,6 +56,14 @@
|
|
|
48
56
|
}
|
|
49
57
|
});
|
|
50
58
|
});
|
|
59
|
+
Object.keys(tabBar).forEach(function (k) {
|
|
60
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () {
|
|
63
|
+
return tabBar[k];
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
});
|
|
51
67
|
Object.keys(themeAndroid).forEach(function (k) {
|
|
52
68
|
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
53
69
|
enumerable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-components.umd.js","sources":["ng://@taiga-ui/addon-mobile/components/taiga-ui-addon-mobile-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-components.umd.js","sources":["ng://@taiga-ui/addon-mobile/components/taiga-ui-addon-mobile-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@taiga-ui/addon-mobile/components/mobile-calendar"),require("@taiga-ui/addon-mobile/components/mobile-calendar-dialog"),require("@taiga-ui/addon-mobile/components/mobile-dialog"),require("@taiga-ui/addon-mobile/components/pull-to-refresh"),require("@taiga-ui/addon-mobile/components/sheet"),require("@taiga-ui/addon-mobile/components/theme-android"),require("@taiga-ui/addon-mobile/components/theme-ios")):"function"==typeof define&&define.amd?define("@taiga-ui/addon-mobile/components",["exports","@taiga-ui/addon-mobile/components/mobile-calendar","@taiga-ui/addon-mobile/components/mobile-calendar-dialog","@taiga-ui/addon-mobile/components/mobile-dialog","@taiga-ui/addon-mobile/components/pull-to-refresh","@taiga-ui/addon-mobile/components/sheet","@taiga-ui/addon-mobile/components/theme-android","@taiga-ui/addon-mobile/components/theme-ios"],o):o(((e=e||self)["taiga-ui"]=e["taiga-ui"]||{},e["taiga-ui"]["addon-mobile"]=e["taiga-ui"]["addon-mobile"]||{},e["taiga-ui"]["addon-mobile"].components={}),e["taiga-ui"]["addon-mobile"].components["mobile-calendar"],e["taiga-ui"]["addon-mobile"].components["mobile-calendar-dialog"],e["taiga-ui"]["addon-mobile"].components["mobile-dialog"],e["taiga-ui"]["addon-mobile"].components["pull-to-refresh"],e["taiga-ui"]["addon-mobile"].components.sheet,e["taiga-ui"]["addon-mobile"].components["theme-android"],e["taiga-ui"]["addon-mobile"].components["theme-ios"])}(this,(function(e,o,n,i,t,a,d,u){"use strict";Object.keys(o).forEach((function(n){"default"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return o[n]}})})),Object.keys(n).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return n[o]}})})),Object.keys(i).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return i[o]}})})),Object.keys(t).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[o]}})})),Object.keys(a).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return a[o]}})})),Object.keys(d).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return d[o]}})})),Object.keys(u).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return u[o]}})})),Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@taiga-ui/addon-mobile/components/app-bar"),require("@taiga-ui/addon-mobile/components/mobile-calendar"),require("@taiga-ui/addon-mobile/components/mobile-calendar-dialog"),require("@taiga-ui/addon-mobile/components/mobile-dialog"),require("@taiga-ui/addon-mobile/components/pull-to-refresh"),require("@taiga-ui/addon-mobile/components/sheet"),require("@taiga-ui/addon-mobile/components/tab-bar"),require("@taiga-ui/addon-mobile/components/theme-android"),require("@taiga-ui/addon-mobile/components/theme-ios")):"function"==typeof define&&define.amd?define("@taiga-ui/addon-mobile/components",["exports","@taiga-ui/addon-mobile/components/app-bar","@taiga-ui/addon-mobile/components/mobile-calendar","@taiga-ui/addon-mobile/components/mobile-calendar-dialog","@taiga-ui/addon-mobile/components/mobile-dialog","@taiga-ui/addon-mobile/components/pull-to-refresh","@taiga-ui/addon-mobile/components/sheet","@taiga-ui/addon-mobile/components/tab-bar","@taiga-ui/addon-mobile/components/theme-android","@taiga-ui/addon-mobile/components/theme-ios"],o):o(((e=e||self)["taiga-ui"]=e["taiga-ui"]||{},e["taiga-ui"]["addon-mobile"]=e["taiga-ui"]["addon-mobile"]||{},e["taiga-ui"]["addon-mobile"].components={}),e["taiga-ui"]["addon-mobile"].components["app-bar"],e["taiga-ui"]["addon-mobile"].components["mobile-calendar"],e["taiga-ui"]["addon-mobile"].components["mobile-calendar-dialog"],e["taiga-ui"]["addon-mobile"].components["mobile-dialog"],e["taiga-ui"]["addon-mobile"].components["pull-to-refresh"],e["taiga-ui"]["addon-mobile"].components.sheet,e["taiga-ui"]["addon-mobile"].components["tab-bar"],e["taiga-ui"]["addon-mobile"].components["theme-android"],e["taiga-ui"]["addon-mobile"].components["theme-ios"])}(this,(function(e,o,n,i,t,a,d,r,u,c){"use strict";Object.keys(o).forEach((function(n){"default"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return o[n]}})})),Object.keys(n).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return n[o]}})})),Object.keys(i).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return i[o]}})})),Object.keys(t).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[o]}})})),Object.keys(a).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return a[o]}})})),Object.keys(d).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return d[o]}})})),Object.keys(r).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return r[o]}})})),Object.keys(u).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return u[o]}})})),Object.keys(c).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return c[o]}})})),Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=taiga-ui-addon-mobile-components.umd.min.js.map
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Provider } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
export declare function tuiProvideMutationOptionsForAppBar(): Provider;
|
|
4
|
+
export declare function tuiProvideButtonOptionsForAppBar(): Provider;
|
|
5
|
+
export declare class TuiAppBarComponent {
|
|
6
|
+
private readonly resize$;
|
|
7
|
+
private readonly mutation$;
|
|
8
|
+
private readonly side;
|
|
9
|
+
readonly width$: Observable<number>;
|
|
10
|
+
constructor(resize$: Observable<unknown>, mutation$: Observable<unknown>);
|
|
11
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../../bundles/taiga-ui-addon-mobile-components-app-bar.umd.js",
|
|
3
|
+
"module": "../../fesm5/taiga-ui-addon-mobile-components-app-bar.js",
|
|
4
|
+
"es2015": "../../fesm2015/taiga-ui-addon-mobile-components-app-bar.js",
|
|
5
|
+
"esm5": "../../esm5/components/app-bar/taiga-ui-addon-mobile-components-app-bar.js",
|
|
6
|
+
"esm2015": "../../esm2015/components/app-bar/taiga-ui-addon-mobile-components-app-bar.js",
|
|
7
|
+
"fesm5": "../../fesm5/taiga-ui-addon-mobile-components-app-bar.js",
|
|
8
|
+
"fesm2015": "../../fesm2015/taiga-ui-addon-mobile-components-app-bar.js",
|
|
9
|
+
"typings": "taiga-ui-addon-mobile-components-app-bar.d.ts",
|
|
10
|
+
"metadata": "taiga-ui-addon-mobile-components-app-bar.metadata.json",
|
|
11
|
+
"sideEffects": false,
|
|
12
|
+
"name": "@taiga-ui/addon-mobile/components/app-bar"
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"tuiProvideMutationOptionsForAppBar":{"__symbolic":"function","parameters":[],"value":{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_BUTTON_OPTIONS","line":21,"character":17},"useValue":{"characterData":true,"childList":true,"subtree":true}}},"tuiProvideButtonOptionsForAppBar":{"__symbolic":"function","parameters":[],"value":{"provide":{"__symbolic":"reference","module":"@ng-web-apis/mutation-observer","name":"MUTATION_OBSERVER_INIT","line":33,"character":17},"useValue":{"size":"m","appearance":""}}},"TuiAppBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":43,"character":1},"arguments":[{"selector":"tui-app-bar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":47,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":49,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":50,"character":8},{"__symbolic":"reference","module":"@ng-web-apis/mutation-observer","name":"MutationObserverService","line":51,"character":8},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"tuiProvideMutationOptionsForAppBar"}},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"tuiProvideButtonOptionsForAppBar"}}],"template":"<div\n #sideLeft\n class=\"t-left\"\n>\n <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n class=\"t-content\"\n [style.--sides.px]=\"width$ | async\"\n>\n <ng-content></ng-content>\n</div>\n<div\n #sideRight\n class=\"t-right\"\n>\n <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n","styles":[":host{--tui-padding:0.625rem;position:relative;display:flex;height:3rem;align-items:center;justify-content:space-between;border:solid transparent;border-width:0 .375rem;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-01);background:var(--tui-base-01)}:host ::ng-deep [tuiButton][data-size='m']{font-weight:400}.t-content{top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;max-width:calc(100% - var(--sides,0px));flex:1;padding:0 .375rem;box-sizing:border-box;text-align:center;color:var(--tui-text-01)}"]}]}],"members":{"side":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":57,"character":5},"arguments":["sideLeft, sideRight"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":72,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":72,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":73,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/mutation-observer","name":"MutationObserverService","line":73,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":73,"character":80,"module":"./app-bar.component"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":73,"character":80,"module":"./app-bar.component"}]}]}]}},"TuiAppBarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[tuiSlot]"}]}],"members":{"tuiSlot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":5}}]}]}},"TuiAppBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":9,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiAppBarComponent"},{"__symbolic":"reference","name":"TuiAppBarDirective"},{"__symbolic":"reference","name":"TuiAppBarBackComponent"}],"exports":[{"__symbolic":"reference","name":"TuiAppBarComponent"},{"__symbolic":"reference","name":"TuiAppBarDirective"},{"__symbolic":"reference","name":"TuiAppBarBackComponent"}]}]}],"members":{}},"TuiAppBarBackComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"button[tuiAppBarBack], a[tuiAppBarBack]","template":"<tui-svg src=\"tuiIconChevronLeftLarge\"></tui-svg><ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":21},"member":"OnPush"},"styles":[":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .625rem 0 .125rem;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;align-items:center}"]}]}],"members":{}}},"origins":{"tuiProvideMutationOptionsForAppBar":"./app-bar.component","tuiProvideButtonOptionsForAppBar":"./app-bar.component","TuiAppBarComponent":"./app-bar.component","TuiAppBarDirective":"./app-bar.directive","TuiAppBarModule":"./app-bar.module","TuiAppBarBackComponent":"./app-bar-back.component"},"importAs":"@taiga-ui/addon-mobile/components/app-bar"}
|
package/components/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
export * from '@taiga-ui/addon-mobile/components/app-bar';
|
|
1
2
|
export * from '@taiga-ui/addon-mobile/components/mobile-calendar';
|
|
2
3
|
export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dialog';
|
|
3
4
|
export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
|
|
4
5
|
export * from '@taiga-ui/addon-mobile/components/pull-to-refresh';
|
|
5
6
|
export * from '@taiga-ui/addon-mobile/components/sheet';
|
|
7
|
+
export * from '@taiga-ui/addon-mobile/components/tab-bar';
|
|
6
8
|
export * from '@taiga-ui/addon-mobile/components/theme-android';
|
|
7
9
|
export * from '@taiga-ui/addon-mobile/components/theme-ios';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../../bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js",
|
|
3
|
+
"module": "../../fesm5/taiga-ui-addon-mobile-components-tab-bar.js",
|
|
4
|
+
"es2015": "../../fesm2015/taiga-ui-addon-mobile-components-tab-bar.js",
|
|
5
|
+
"esm5": "../../esm5/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.js",
|
|
6
|
+
"esm2015": "../../esm2015/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.js",
|
|
7
|
+
"fesm5": "../../fesm5/taiga-ui-addon-mobile-components-tab-bar.js",
|
|
8
|
+
"fesm2015": "../../fesm2015/taiga-ui-addon-mobile-components-tab-bar.js",
|
|
9
|
+
"typings": "taiga-ui-addon-mobile-components-tab-bar.d.ts",
|
|
10
|
+
"metadata": "taiga-ui-addon-mobile-components-tab-bar.metadata.json",
|
|
11
|
+
"sideEffects": false,
|
|
12
|
+
"name": "@taiga-ui/addon-mobile/components/tab-bar"
|
|
13
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { AnimationOptions } from '@angular/animations';
|
|
2
|
+
export declare class TuiTabBarItemComponent {
|
|
3
|
+
private readonly animationOptions;
|
|
4
|
+
icon: string;
|
|
5
|
+
badge?: number | null;
|
|
6
|
+
readonly animation: {
|
|
7
|
+
readonly delay?: string | number | undefined;
|
|
8
|
+
readonly params?: {
|
|
9
|
+
[name: string]: any;
|
|
10
|
+
} | undefined;
|
|
11
|
+
readonly value: "";
|
|
12
|
+
};
|
|
13
|
+
constructor(animationOptions: AnimationOptions);
|
|
14
|
+
format(value: number): string;
|
|
15
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
import { TuiTabBarComponent } from './tab-bar.component';
|
|
4
|
+
export declare class TuiTabBarItemDirective {
|
|
5
|
+
constructor(destroy$: Observable<unknown>, active$: Observable<boolean>, tabs: TuiTabBarComponent, { nativeElement }: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef);
|
|
6
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
export declare class TuiTabBarComponent {
|
|
3
|
+
private readonly tabs;
|
|
4
|
+
activeItemIndex: number;
|
|
5
|
+
readonly activeItemIndexChange: EventEmitter<number>;
|
|
6
|
+
setActive(tab: EventTarget): void;
|
|
7
|
+
get style(): string;
|
|
8
|
+
private updateIndex;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiTabBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"nav[tuiTabBar]","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":21},"member":"OnPush"},"styles":[":host{--tui-active-color:var(--tui-primary);position:relative;display:flex;align-items:flex-start;font:.625rem/.75rem -apple-system,BlinkMacSystemFont,system-ui,Roboto,'Segoe UI',sans-serif;height:var(--tui-height-l);color:var(--tui-text-03);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:var(--tui-elevation-01);box-shadow:inset 0 1px var(--tui-base-04);opacity:.9}"]}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiTabBarItemComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":70}}]}]}],"activeItemIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"activeItemIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"setActive":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":5},"arguments":["click",["$event.target"]]}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":5},"arguments":["style"]}]}],"updateIndex":[{"__symbolic":"method"}]}},"TuiTabBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":9,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiTabBarComponent"},{"__symbolic":"reference","name":"TuiTabBarItemComponent"},{"__symbolic":"reference","name":"TuiTabBarItemDirective"}],"exports":[{"__symbolic":"reference","name":"TuiTabBarComponent"},{"__symbolic":"reference","name":"TuiTabBarItemComponent"},{"__symbolic":"reference","name":"TuiTabBarItemDirective"}]}]}],"members":{}},"TuiTabBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"button[tuiTabBarItem], a[tuiTabBarItem]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":21},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"tuiScaleIn","line":9,"character":17}],"template":"<tui-svg\n class=\"t-icon\"\n [src]=\"icon\"\n></tui-svg>\n<span class=\"t-wrapper\">\n <span\n *ngIf=\"badge as value\"\n class=\"t-badge\"\n [@tuiScaleIn]=\"animation\"\n >\n {{ format(value) }}\n </span>\n</span>\n<span class=\"t-text\">\n <ng-content></ng-content>\n</span>\n","styles":[":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1 0;font:inherit;flex-direction:column;align-items:center;overflow:hidden;text-decoration:none}:host:nth-child(1){color:var(--tui-tab-1,inherit)}:host:nth-child(2){color:var(--tui-tab-2,inherit)}:host:nth-child(3){color:var(--tui-tab-3,inherit)}:host:nth-child(4){color:var(--tui-tab-4,inherit)}:host:nth-child(5){color:var(--tui-tab-5,inherit)}:host:nth-child(6){color:var(--tui-tab-6,inherit)}:host:nth-child(7){color:var(--tui-tab-7,inherit)}:host:nth-child(8){color:var(--tui-tab-8,inherit)}:host:nth-child(9){color:var(--tui-tab-9,inherit)}:host:nth-child(10){color:var(--tui-tab-10,inherit)}.t-icon{width:1.75rem;height:1.75rem;margin:.375rem 0 .125rem;pointer-events:none}.t-wrapper{position:absolute;top:.125rem;left:1rem;display:flex;width:100%;justify-content:center;pointer-events:none}.t-badge{display:flex;height:1.125rem;min-width:1.125rem;align-items:center;padding:0 .25rem;border-radius:1rem;font-size:.8125rem;box-sizing:border-box;color:var(--tui-base-01);background:var(--tui-error-fill)}.t-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ANIMATION_OPTIONS","line":21,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/animations","name":"AnimationOptions","line":22,"character":43}]}],"format":[{"__symbolic":"method"}]}},"TuiTabBarItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[tuiTabBarItem][routerLinkActive]","providers":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiRouterLinkActiveService","line":10,"character":16},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":10,"character":44}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":14,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":17},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":14,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiRouterLinkActiveService","line":15,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTabBarComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":18,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","name":"TuiTabBarComponent"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":17,"character":56,"context":{"typeName":"HTMLElement"},"module":"./tab-bar-item.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":18,"character":54}]}]}}},"origins":{"TuiTabBarComponent":"./tab-bar.component","TuiTabBarModule":"./tab-bar.module","TuiTabBarItemComponent":"./tab-bar-item.component","TuiTabBarItemDirective":"./tab-bar-item.directive"},"importAs":"@taiga-ui/addon-mobile/components/tab-bar"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"exports":[{"from":"@taiga-ui/addon-mobile/components/mobile-calendar"},{"from":"@taiga-ui/addon-mobile/components/mobile-calendar-dialog"},{"from":"@taiga-ui/addon-mobile/components/mobile-dialog"},{"from":"@taiga-ui/addon-mobile/components/pull-to-refresh"},{"from":"@taiga-ui/addon-mobile/components/sheet"},{"from":"@taiga-ui/addon-mobile/components/theme-android"},{"from":"@taiga-ui/addon-mobile/components/theme-ios"}],"metadata":{},"origins":{},"importAs":"@taiga-ui/addon-mobile/components"}
|
|
1
|
+
{"__symbolic":"module","version":4,"exports":[{"from":"@taiga-ui/addon-mobile/components/app-bar"},{"from":"@taiga-ui/addon-mobile/components/mobile-calendar"},{"from":"@taiga-ui/addon-mobile/components/mobile-calendar-dialog"},{"from":"@taiga-ui/addon-mobile/components/mobile-dialog"},{"from":"@taiga-ui/addon-mobile/components/pull-to-refresh"},{"from":"@taiga-ui/addon-mobile/components/sheet"},{"from":"@taiga-ui/addon-mobile/components/tab-bar"},{"from":"@taiga-ui/addon-mobile/components/theme-android"},{"from":"@taiga-ui/addon-mobile/components/theme-ios"}],"metadata":{},"origins":{},"importAs":"@taiga-ui/addon-mobile/components"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
let TuiAppBarBackComponent = class TuiAppBarBackComponent {
|
|
4
|
+
};
|
|
5
|
+
TuiAppBarBackComponent = __decorate([
|
|
6
|
+
Component({
|
|
7
|
+
selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',
|
|
8
|
+
template: '<tui-svg src="tuiIconChevronLeftLarge"></tui-svg><ng-content></ng-content>',
|
|
9
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10
|
+
styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .625rem 0 .125rem;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;align-items:center}"]
|
|
11
|
+
})
|
|
12
|
+
], TuiAppBarBackComponent);
|
|
13
|
+
export { TuiAppBarBackComponent };
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci1iYWNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyLyIsInNvdXJjZXMiOlsiYXBwLWJhci1iYWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVNqRSxJQUFhLHNCQUFzQixHQUFuQyxNQUFhLHNCQUFzQjtDQUFHLENBQUE7QUFBekIsc0JBQXNCO0lBUGxDLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSx5Q0FBeUM7UUFDbkQsUUFBUSxFQUNKLDRFQUE0RTtRQUVoRixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7S0FDbEQsQ0FBQztHQUNXLHNCQUFzQixDQUFHO1NBQXpCLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnV0dG9uW3R1aUFwcEJhckJhY2tdLCBhW3R1aUFwcEJhckJhY2tdJyxcbiAgICB0ZW1wbGF0ZTpcbiAgICAgICAgJzx0dWktc3ZnIHNyYz1cInR1aUljb25DaGV2cm9uTGVmdExhcmdlXCI+PC90dWktc3ZnPjxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL2FwcC1iYXItYmFjay5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aUFwcEJhckJhY2tDb21wb25lbnQge31cbiJdfQ==
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { __decorate, __param } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Inject, ViewChildren, } from '@angular/core';
|
|
3
|
+
import { MUTATION_OBSERVER_INIT, MutationObserverService, } from '@ng-web-apis/mutation-observer';
|
|
4
|
+
import { EMPTY_QUERY, TuiDestroyService, TuiResizeService } from '@taiga-ui/cdk';
|
|
5
|
+
import { TUI_BUTTON_DEFAULT_OPTIONS, TUI_BUTTON_OPTIONS } from '@taiga-ui/core';
|
|
6
|
+
import { merge, Observable } from 'rxjs';
|
|
7
|
+
import { map } from 'rxjs/operators';
|
|
8
|
+
// note: fix problem for strange behavior in viewEngine with export { ɵ_0, ɵ_1 };
|
|
9
|
+
export function tuiProvideMutationOptionsForAppBar() {
|
|
10
|
+
return {
|
|
11
|
+
provide: TUI_BUTTON_OPTIONS,
|
|
12
|
+
useValue: {
|
|
13
|
+
characterData: true,
|
|
14
|
+
childList: true,
|
|
15
|
+
subtree: true,
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
// note: fix problem for strange behavior in viewEngine with export { ɵ_0, ɵ_1 };
|
|
20
|
+
export function tuiProvideButtonOptionsForAppBar() {
|
|
21
|
+
return {
|
|
22
|
+
provide: MUTATION_OBSERVER_INIT,
|
|
23
|
+
useValue: Object.assign(Object.assign({}, TUI_BUTTON_DEFAULT_OPTIONS), { size: 'm', appearance: '' }),
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
// @dynamic
|
|
27
|
+
let TuiAppBarComponent = class TuiAppBarComponent {
|
|
28
|
+
constructor(resize$, mutation$) {
|
|
29
|
+
this.resize$ = resize$;
|
|
30
|
+
this.mutation$ = mutation$;
|
|
31
|
+
this.side = EMPTY_QUERY;
|
|
32
|
+
this.width$ = merge(this.resize$, this.mutation$).pipe(map(() => {
|
|
33
|
+
var _a, _b;
|
|
34
|
+
return 2 *
|
|
35
|
+
Math.max((_a = this.side.first) === null || _a === void 0 ? void 0 : _a.nativeElement.clientWidth, (_b = this.side.last) === null || _b === void 0 ? void 0 : _b.nativeElement.clientWidth);
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
TuiAppBarComponent.ctorParameters = () => [
|
|
40
|
+
{ type: Observable, decorators: [{ type: Inject, args: [TuiResizeService,] }] },
|
|
41
|
+
{ type: Observable, decorators: [{ type: Inject, args: [MutationObserverService,] }] }
|
|
42
|
+
];
|
|
43
|
+
__decorate([
|
|
44
|
+
ViewChildren('sideLeft, sideRight')
|
|
45
|
+
], TuiAppBarComponent.prototype, "side", void 0);
|
|
46
|
+
TuiAppBarComponent = __decorate([
|
|
47
|
+
Component({
|
|
48
|
+
selector: 'tui-app-bar',
|
|
49
|
+
template: "<div\n #sideLeft\n class=\"t-left\"\n>\n <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n class=\"t-content\"\n [style.--sides.px]=\"width$ | async\"\n>\n <ng-content></ng-content>\n</div>\n<div\n #sideRight\n class=\"t-right\"\n>\n <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n",
|
|
50
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
51
|
+
providers: [
|
|
52
|
+
TuiDestroyService,
|
|
53
|
+
TuiResizeService,
|
|
54
|
+
MutationObserverService,
|
|
55
|
+
tuiProvideMutationOptionsForAppBar(),
|
|
56
|
+
tuiProvideButtonOptionsForAppBar(),
|
|
57
|
+
],
|
|
58
|
+
styles: [":host{--tui-padding:0.625rem;position:relative;display:flex;height:3rem;align-items:center;justify-content:space-between;border:solid transparent;border-width:0 .375rem;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-01);background:var(--tui-base-01)}:host ::ng-deep [tuiButton][data-size='m']{font-weight:400}.t-content{top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;max-width:calc(100% - var(--sides,0px));flex:1;padding:0 .375rem;box-sizing:border-box;text-align:center;color:var(--tui-text-01)}"]
|
|
59
|
+
}),
|
|
60
|
+
__param(0, Inject(TuiResizeService)),
|
|
61
|
+
__param(1, Inject(MutationObserverService))
|
|
62
|
+
], TuiAppBarComponent);
|
|
63
|
+
export { TuiAppBarComponent };
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvYXBwLWJhci8iLCJzb3VyY2VzIjpbImFwcC1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxNQUFNLEVBR04sWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDSCxzQkFBc0IsRUFDdEIsdUJBQXVCLEdBQzFCLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEMsT0FBTyxFQUFDLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5RSxPQUFPLEVBQUMsS0FBSyxFQUFFLFVBQVUsRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUMsR0FBRyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFbkMsaUZBQWlGO0FBQ2pGLE1BQU0sVUFBVSxrQ0FBa0M7SUFDOUMsT0FBTztRQUNILE9BQU8sRUFBRSxrQkFBa0I7UUFDM0IsUUFBUSxFQUFFO1lBQ04sYUFBYSxFQUFFLElBQUk7WUFDbkIsU0FBUyxFQUFFLElBQUk7WUFDZixPQUFPLEVBQUUsSUFBSTtTQUNoQjtLQUNKLENBQUM7QUFDTixDQUFDO0FBRUQsaUZBQWlGO0FBQ2pGLE1BQU0sVUFBVSxnQ0FBZ0M7SUFDNUMsT0FBTztRQUNILE9BQU8sRUFBRSxzQkFBc0I7UUFDL0IsUUFBUSxrQ0FDRCwwQkFBMEIsS0FDN0IsSUFBSSxFQUFFLEdBQUcsRUFDVCxVQUFVLEVBQUUsRUFBRSxHQUNqQjtLQUNKLENBQUM7QUFDTixDQUFDO0FBRUQsV0FBVztBQWNYLElBQWEsa0JBQWtCLEdBQS9CLE1BQWEsa0JBQWtCO0lBZTNCLFlBQytDLE9BQTRCLEVBQ3JCLFNBQThCO1FBRHJDLFlBQU8sR0FBUCxPQUFPLENBQXFCO1FBQ3JCLGNBQVMsR0FBVCxTQUFTLENBQXFCO1FBZm5FLFNBQUksR0FBdUMsV0FBVyxDQUFDO1FBRS9ELFdBQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUN0RCxHQUFHLENBQ0MsR0FBRyxFQUFFOztZQUNELE9BQUEsQ0FBQztnQkFDRCxJQUFJLENBQUMsR0FBRyxPQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSywwQ0FBRSxhQUFhLENBQUMsV0FBVyxRQUMxQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksMENBQUUsYUFBYSxDQUFDLFdBQVcsQ0FDNUMsQ0FBQTtTQUFBLENBQ1IsQ0FDSixDQUFDO0lBS0MsQ0FBQztDQUNQLENBQUE7O1lBSDJELFVBQVUsdUJBQTdELE1BQU0sU0FBQyxnQkFBZ0I7WUFDcUMsVUFBVSx1QkFBdEUsTUFBTSxTQUFDLHVCQUF1Qjs7QUFmbkM7SUFEQyxZQUFZLENBQUMscUJBQXFCLENBQUM7Z0RBQ29DO0FBRi9ELGtCQUFrQjtJQWI5QixTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsYUFBYTtRQUN2QixxV0FBc0M7UUFFdEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07UUFDL0MsU0FBUyxFQUFFO1lBQ1AsaUJBQWlCO1lBQ2pCLGdCQUFnQjtZQUNoQix1QkFBdUI7WUFDdkIsa0NBQWtDLEVBQUU7WUFDcEMsZ0NBQWdDLEVBQUU7U0FDckM7O0tBQ0osQ0FBQztJQWlCTyxXQUFBLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO0lBQ3hCLFdBQUEsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUE7R0FqQjNCLGtCQUFrQixDQW1COUI7U0FuQlksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBJbmplY3QsXG4gICAgUHJvdmlkZXIsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIE1VVEFUSU9OX09CU0VSVkVSX0lOSVQsXG4gICAgTXV0YXRpb25PYnNlcnZlclNlcnZpY2UsXG59IGZyb20gJ0BuZy13ZWItYXBpcy9tdXRhdGlvbi1vYnNlcnZlcic7XG5pbXBvcnQge0VNUFRZX1FVRVJZLCBUdWlEZXN0cm95U2VydmljZSwgVHVpUmVzaXplU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1RVSV9CVVRUT05fREVGQVVMVF9PUFRJT05TLCBUVUlfQlVUVE9OX09QVElPTlN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7bWVyZ2UsIE9ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHttYXB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLy8gbm90ZTogZml4IHByb2JsZW0gZm9yIHN0cmFuZ2UgYmVoYXZpb3IgaW4gdmlld0VuZ2luZSB3aXRoIGV4cG9ydCB7IMm1XzAsIMm1XzEgfTtcbmV4cG9ydCBmdW5jdGlvbiB0dWlQcm92aWRlTXV0YXRpb25PcHRpb25zRm9yQXBwQmFyKCk6IFByb3ZpZGVyIHtcbiAgICByZXR1cm4ge1xuICAgICAgICBwcm92aWRlOiBUVUlfQlVUVE9OX09QVElPTlMsXG4gICAgICAgIHVzZVZhbHVlOiB7XG4gICAgICAgICAgICBjaGFyYWN0ZXJEYXRhOiB0cnVlLFxuICAgICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgICAgc3VidHJlZTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICB9O1xufVxuXG4vLyBub3RlOiBmaXggcHJvYmxlbSBmb3Igc3RyYW5nZSBiZWhhdmlvciBpbiB2aWV3RW5naW5lIHdpdGggZXhwb3J0IHsgybVfMCwgybVfMSB9O1xuZXhwb3J0IGZ1bmN0aW9uIHR1aVByb3ZpZGVCdXR0b25PcHRpb25zRm9yQXBwQmFyKCk6IFByb3ZpZGVyIHtcbiAgICByZXR1cm4ge1xuICAgICAgICBwcm92aWRlOiBNVVRBVElPTl9PQlNFUlZFUl9JTklULFxuICAgICAgICB1c2VWYWx1ZToge1xuICAgICAgICAgICAgLi4uVFVJX0JVVFRPTl9ERUZBVUxUX09QVElPTlMsXG4gICAgICAgICAgICBzaXplOiAnbScsXG4gICAgICAgICAgICBhcHBlYXJhbmNlOiAnJyxcbiAgICAgICAgfSxcbiAgICB9O1xufVxuXG4vLyBAZHluYW1pY1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktYXBwLWJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FwcC1iYXIudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXBwLWJhci5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgICAgICBUdWlSZXNpemVTZXJ2aWNlLFxuICAgICAgICBNdXRhdGlvbk9ic2VydmVyU2VydmljZSxcbiAgICAgICAgdHVpUHJvdmlkZU11dGF0aW9uT3B0aW9uc0ZvckFwcEJhcigpLFxuICAgICAgICB0dWlQcm92aWRlQnV0dG9uT3B0aW9uc0ZvckFwcEJhcigpLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUFwcEJhckNvbXBvbmVudCB7XG4gICAgQFZpZXdDaGlsZHJlbignc2lkZUxlZnQsIHNpZGVSaWdodCcpXG4gICAgcHJpdmF0ZSByZWFkb25seSBzaWRlOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+ID0gRU1QVFlfUVVFUlk7XG5cbiAgICByZWFkb25seSB3aWR0aCQgPSBtZXJnZSh0aGlzLnJlc2l6ZSQsIHRoaXMubXV0YXRpb24kKS5waXBlKFxuICAgICAgICBtYXAoXG4gICAgICAgICAgICAoKSA9PlxuICAgICAgICAgICAgICAgIDIgKlxuICAgICAgICAgICAgICAgIE1hdGgubWF4KFxuICAgICAgICAgICAgICAgICAgICB0aGlzLnNpZGUuZmlyc3Q/Lm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGgsXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc2lkZS5sYXN0Py5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoLFxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICksXG4gICAgKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFR1aVJlc2l6ZVNlcnZpY2UpIHByaXZhdGUgcmVhZG9ubHkgcmVzaXplJDogT2JzZXJ2YWJsZTx1bmtub3duPixcbiAgICAgICAgQEluamVjdChNdXRhdGlvbk9ic2VydmVyU2VydmljZSkgcHJpdmF0ZSByZWFkb25seSBtdXRhdGlvbiQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgKSB7fVxufVxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Directive, Input } from '@angular/core';
|
|
3
|
+
let TuiAppBarDirective = class TuiAppBarDirective {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.tuiSlot = 'left';
|
|
6
|
+
}
|
|
7
|
+
};
|
|
8
|
+
__decorate([
|
|
9
|
+
Input()
|
|
10
|
+
], TuiAppBarDirective.prototype, "tuiSlot", void 0);
|
|
11
|
+
TuiAppBarDirective = __decorate([
|
|
12
|
+
Directive({
|
|
13
|
+
selector: '[tuiSlot]',
|
|
14
|
+
})
|
|
15
|
+
], TuiAppBarDirective);
|
|
16
|
+
export { TuiAppBarDirective };
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvYXBwLWJhci8iLCJzb3VyY2VzIjpbImFwcC1iYXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUsvQyxJQUFhLGtCQUFrQixHQUEvQixNQUFhLGtCQUFrQjtJQUEvQjtRQUVJLFlBQU8sR0FBcUIsTUFBTSxDQUFDO0lBQ3ZDLENBQUM7Q0FBQSxDQUFBO0FBREc7SUFEQyxLQUFLLEVBQUU7bURBQzJCO0FBRjFCLGtCQUFrQjtJQUg5QixTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsV0FBVztLQUN4QixDQUFDO0dBQ1csa0JBQWtCLENBRzlCO1NBSFksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdHVpU2xvdF0nLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBcHBCYXJEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpXG4gICAgdHVpU2xvdDogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0Jztcbn1cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgModule } from '@angular/core';
|
|
4
|
+
import { TuiSvgModule } from '@taiga-ui/core';
|
|
5
|
+
import { TuiAppBarComponent } from './app-bar.component';
|
|
6
|
+
import { TuiAppBarDirective } from './app-bar.directive';
|
|
7
|
+
import { TuiAppBarBackComponent } from './app-bar-back.component';
|
|
8
|
+
let TuiAppBarModule = class TuiAppBarModule {
|
|
9
|
+
};
|
|
10
|
+
TuiAppBarModule = __decorate([
|
|
11
|
+
NgModule({
|
|
12
|
+
imports: [CommonModule, TuiSvgModule],
|
|
13
|
+
declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
|
|
14
|
+
exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
|
|
15
|
+
})
|
|
16
|
+
], TuiAppBarModule);
|
|
17
|
+
export { TuiAppBarModule };
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvYXBwLWJhci8iLCJzb3VyY2VzIjpbImFwcC1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFPaEUsSUFBYSxlQUFlLEdBQTVCLE1BQWEsZUFBZTtDQUFHLENBQUE7QUFBbEIsZUFBZTtJQUwzQixRQUFRLENBQUM7UUFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDO1FBQ3JDLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLHNCQUFzQixDQUFDO1FBQzlFLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLHNCQUFzQixDQUFDO0tBQzVFLENBQUM7R0FDVyxlQUFlLENBQUc7U0FBbEIsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aVN2Z01vZHVsZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5pbXBvcnQge1R1aUFwcEJhckNvbXBvbmVudH0gZnJvbSAnLi9hcHAtYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aUFwcEJhckRpcmVjdGl2ZX0gZnJvbSAnLi9hcHAtYmFyLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1R1aUFwcEJhckJhY2tDb21wb25lbnR9IGZyb20gJy4vYXBwLWJhci1iYWNrLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHVpU3ZnTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlBcHBCYXJDb21wb25lbnQsIFR1aUFwcEJhckRpcmVjdGl2ZSwgVHVpQXBwQmFyQmFja0NvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1R1aUFwcEJhckNvbXBvbmVudCwgVHVpQXBwQmFyRGlyZWN0aXZlLCBUdWlBcHBCYXJCYWNrQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXBwQmFyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './app-bar.component';
|
|
2
|
+
export * from './app-bar.directive';
|
|
3
|
+
export * from './app-bar.module';
|
|
4
|
+
export * from './app-bar-back.component';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvYXBwLWJhci8iLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FwcC1iYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYXBwLWJhci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9hcHAtYmFyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2FwcC1iYXItYmFjay5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtYXBwLWJhci5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyLyIsInNvdXJjZXMiOlsidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtYXBwLWJhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
export * from '@taiga-ui/addon-mobile/components/app-bar';
|
|
1
2
|
export * from '@taiga-ui/addon-mobile/components/mobile-calendar';
|
|
2
3
|
export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dialog';
|
|
3
4
|
export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
|
|
4
5
|
export * from '@taiga-ui/addon-mobile/components/pull-to-refresh';
|
|
5
6
|
export * from '@taiga-ui/addon-mobile/components/sheet';
|
|
7
|
+
export * from '@taiga-ui/addon-mobile/components/tab-bar';
|
|
6
8
|
export * from '@taiga-ui/addon-mobile/components/theme-android';
|
|
7
9
|
export * from '@taiga-ui/addon-mobile/components/theme-ios';
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyw2Q0FBNkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9tb2JpbGUtY2FsZW5kYXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL21vYmlsZS1jYWxlbmRhci1kaWFsb2cnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL21vYmlsZS1kaWFsb2cnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3B1bGwtdG8tcmVmcmVzaCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvc2hlZXQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RhYi1iYXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RoZW1lLWFuZHJvaWQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RoZW1lLWlvcyc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './tab-bar.component';
|
|
2
|
+
export * from './tab-bar.module';
|
|
3
|
+
export * from './tab-bar-item.component';
|
|
4
|
+
export * from './tab-bar-item.directive';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvdGFiLWJhci8iLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RhYi1iYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGFiLWJhci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi90YWItYmFyLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGFiLWJhci1pdGVtLmRpcmVjdGl2ZSc7XG4iXX0=
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { __decorate, __param } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
|
|
3
|
+
import { TUI_ANIMATION_OPTIONS, tuiScaleIn } from '@taiga-ui/core';
|
|
4
|
+
let TuiTabBarItemComponent = class TuiTabBarItemComponent {
|
|
5
|
+
constructor(animationOptions) {
|
|
6
|
+
this.animationOptions = animationOptions;
|
|
7
|
+
this.icon = '';
|
|
8
|
+
this.badge = null;
|
|
9
|
+
this.animation = Object.assign({ value: '' }, this.animationOptions);
|
|
10
|
+
}
|
|
11
|
+
format(value) {
|
|
12
|
+
return value > 999 ? '999+' : String(value);
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
TuiTabBarItemComponent.ctorParameters = () => [
|
|
16
|
+
{ type: undefined, decorators: [{ type: Inject, args: [TUI_ANIMATION_OPTIONS,] }] }
|
|
17
|
+
];
|
|
18
|
+
__decorate([
|
|
19
|
+
Input()
|
|
20
|
+
], TuiTabBarItemComponent.prototype, "icon", void 0);
|
|
21
|
+
__decorate([
|
|
22
|
+
Input()
|
|
23
|
+
], TuiTabBarItemComponent.prototype, "badge", void 0);
|
|
24
|
+
TuiTabBarItemComponent = __decorate([
|
|
25
|
+
Component({
|
|
26
|
+
selector: 'button[tuiTabBarItem], a[tuiTabBarItem]',
|
|
27
|
+
template: "<tui-svg\n class=\"t-icon\"\n [src]=\"icon\"\n></tui-svg>\n<span class=\"t-wrapper\">\n <span\n *ngIf=\"badge as value\"\n class=\"t-badge\"\n [@tuiScaleIn]=\"animation\"\n >\n {{ format(value) }}\n </span>\n</span>\n<span class=\"t-text\">\n <ng-content></ng-content>\n</span>\n",
|
|
28
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
29
|
+
animations: [tuiScaleIn],
|
|
30
|
+
styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1 0;font:inherit;flex-direction:column;align-items:center;overflow:hidden;text-decoration:none}:host:nth-child(1){color:var(--tui-tab-1,inherit)}:host:nth-child(2){color:var(--tui-tab-2,inherit)}:host:nth-child(3){color:var(--tui-tab-3,inherit)}:host:nth-child(4){color:var(--tui-tab-4,inherit)}:host:nth-child(5){color:var(--tui-tab-5,inherit)}:host:nth-child(6){color:var(--tui-tab-6,inherit)}:host:nth-child(7){color:var(--tui-tab-7,inherit)}:host:nth-child(8){color:var(--tui-tab-8,inherit)}:host:nth-child(9){color:var(--tui-tab-9,inherit)}:host:nth-child(10){color:var(--tui-tab-10,inherit)}.t-icon{width:1.75rem;height:1.75rem;margin:.375rem 0 .125rem;pointer-events:none}.t-wrapper{position:absolute;top:.125rem;left:1rem;display:flex;width:100%;justify-content:center;pointer-events:none}.t-badge{display:flex;height:1.125rem;min-width:1.125rem;align-items:center;padding:0 .25rem;border-radius:1rem;font-size:.8125rem;box-sizing:border-box;color:var(--tui-base-01);background:var(--tui-error-fill)}.t-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}"]
|
|
31
|
+
}),
|
|
32
|
+
__param(0, Inject(TUI_ANIMATION_OPTIONS))
|
|
33
|
+
], TuiTabBarItemComponent);
|
|
34
|
+
export { TuiTabBarItemComponent };
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyLyIsInNvdXJjZXMiOlsidGFiLWJhci1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxxQkFBcUIsRUFBRSxVQUFVLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQVNqRSxJQUFhLHNCQUFzQixHQUFuQyxNQUFhLHNCQUFzQjtJQVMvQixZQUVxQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVR2RCxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBR1YsVUFBSyxHQUFtQixJQUFJLENBQUM7UUFFcEIsY0FBUyxHQUFHLGdCQUFDLEtBQUssRUFBRSxFQUFFLElBQUssSUFBSSxDQUFDLGdCQUFnQixDQUFVLENBQUM7SUFLakUsQ0FBQztJQUVKLE1BQU0sQ0FBQyxLQUFhO1FBQ2hCLE9BQU8sS0FBSyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEQsQ0FBQztDQUNKLENBQUE7OzRDQVBRLE1BQU0sU0FBQyxxQkFBcUI7O0FBUmpDO0lBREMsS0FBSyxFQUFFO29EQUNFO0FBR1Y7SUFEQyxLQUFLLEVBQUU7cURBQ3FCO0FBTHBCLHNCQUFzQjtJQVBsQyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUseUNBQXlDO1FBQ25ELGlWQUEyQztRQUUzQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtRQUMvQyxVQUFVLEVBQUUsQ0FBQyxVQUFVLENBQUM7O0tBQzNCLENBQUM7SUFXTyxXQUFBLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFBO0dBVnpCLHNCQUFzQixDQWlCbEM7U0FqQlksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBbmltYXRpb25PcHRpb25zfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9BTklNQVRJT05fT1BUSU9OUywgdHVpU2NhbGVJbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2J1dHRvblt0dWlUYWJCYXJJdGVtXSwgYVt0dWlUYWJCYXJJdGVtXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RhYi1iYXItaXRlbS50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWItYmFyLWl0ZW0uc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGFuaW1hdGlvbnM6IFt0dWlTY2FsZUluXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGFiQmFySXRlbUNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBpY29uID0gJyc7XG5cbiAgICBASW5wdXQoKVxuICAgIGJhZGdlPzogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG5cbiAgICByZWFkb25seSBhbmltYXRpb24gPSB7dmFsdWU6ICcnLCAuLi50aGlzLmFuaW1hdGlvbk9wdGlvbnN9IGFzIGNvbnN0O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0FOSU1BVElPTl9PUFRJT05TKVxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGFuaW1hdGlvbk9wdGlvbnM6IEFuaW1hdGlvbk9wdGlvbnMsXG4gICAgKSB7fVxuXG4gICAgZm9ybWF0KHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdmFsdWUgPiA5OTkgPyAnOTk5KycgOiBTdHJpbmcodmFsdWUpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { __decorate, __param } from "tslib";
|
|
2
|
+
import { ChangeDetectorRef, Directive, ElementRef, Inject, Self } from '@angular/core';
|
|
3
|
+
import { TuiDestroyService, tuiWatch } from '@taiga-ui/cdk';
|
|
4
|
+
import { TuiRouterLinkActiveService } from '@taiga-ui/core';
|
|
5
|
+
import { Observable } from 'rxjs';
|
|
6
|
+
import { filter, takeUntil } from 'rxjs/operators';
|
|
7
|
+
import { TuiTabBarComponent } from './tab-bar.component';
|
|
8
|
+
let TuiTabBarItemDirective = class TuiTabBarItemDirective {
|
|
9
|
+
constructor(destroy$, active$, tabs, { nativeElement }, changeDetectorRef) {
|
|
10
|
+
active$
|
|
11
|
+
.pipe(filter(Boolean), tuiWatch(changeDetectorRef), takeUntil(destroy$))
|
|
12
|
+
.subscribe(() => {
|
|
13
|
+
tabs.setActive(nativeElement);
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
TuiTabBarItemDirective.ctorParameters = () => [
|
|
18
|
+
{ type: Observable, decorators: [{ type: Self }, { type: Inject, args: [TuiDestroyService,] }] },
|
|
19
|
+
{ type: Observable, decorators: [{ type: Inject, args: [TuiRouterLinkActiveService,] }] },
|
|
20
|
+
{ type: TuiTabBarComponent, decorators: [{ type: Inject, args: [TuiTabBarComponent,] }] },
|
|
21
|
+
{ type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
|
|
22
|
+
{ type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
|
|
23
|
+
];
|
|
24
|
+
TuiTabBarItemDirective = __decorate([
|
|
25
|
+
Directive({
|
|
26
|
+
selector: '[tuiTabBarItem][routerLinkActive]',
|
|
27
|
+
providers: [TuiRouterLinkActiveService, TuiDestroyService],
|
|
28
|
+
}),
|
|
29
|
+
__param(0, Self()), __param(0, Inject(TuiDestroyService)),
|
|
30
|
+
__param(1, Inject(TuiRouterLinkActiveService)),
|
|
31
|
+
__param(2, Inject(TuiTabBarComponent)),
|
|
32
|
+
__param(3, Inject(ElementRef)),
|
|
33
|
+
__param(4, Inject(ChangeDetectorRef))
|
|
34
|
+
], TuiTabBarItemDirective);
|
|
35
|
+
export { TuiTabBarItemDirective };
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci1pdGVtLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyLyIsInNvdXJjZXMiOlsidGFiLWJhci1pdGVtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNyRixPQUFPLEVBQUMsaUJBQWlCLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzFELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDaEMsT0FBTyxFQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQU12RCxJQUFhLHNCQUFzQixHQUFuQyxNQUFhLHNCQUFzQjtJQUMvQixZQUN1QyxRQUE2QixFQUM1QixPQUE0QixFQUNwQyxJQUF3QixFQUNoQyxFQUFDLGFBQWEsRUFBMEIsRUFDakMsaUJBQW9DO1FBRS9ELE9BQU87YUFDRixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUN2RSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNsQyxDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7Q0FDSixDQUFBOztZQVpvRCxVQUFVLHVCQUF0RCxJQUFJLFlBQUksTUFBTSxTQUFDLGlCQUFpQjtZQUNZLFVBQVUsdUJBQXRELE1BQU0sU0FBQywwQkFBMEI7WUFDQSxrQkFBa0IsdUJBQW5ELE1BQU0sU0FBQyxrQkFBa0I7WUFDVyxVQUFVLHVCQUE5QyxNQUFNLFNBQUMsVUFBVTtZQUM0QixpQkFBaUIsdUJBQTlELE1BQU0sU0FBQyxpQkFBaUI7O0FBTnBCLHNCQUFzQjtJQUpsQyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsbUNBQW1DO1FBQzdDLFNBQVMsRUFBRSxDQUFDLDBCQUEwQixFQUFFLGlCQUFpQixDQUFDO0tBQzdELENBQUM7SUFHTyxXQUFBLElBQUksRUFBRSxDQUFBLEVBQUUsV0FBQSxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtJQUNqQyxXQUFBLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxDQUFBO0lBQ2xDLFdBQUEsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUE7SUFDMUIsV0FBQSxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDbEIsV0FBQSxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtHQU5yQixzQkFBc0IsQ0FjbEM7U0FkWSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdG9yUmVmLCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEluamVjdCwgU2VsZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aURlc3Ryb3lTZXJ2aWNlLCB0dWlXYXRjaH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1R1aVJvdXRlckxpbmtBY3RpdmVTZXJ2aWNlfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtmaWx0ZXIsIHRha2VVbnRpbH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQge1R1aVRhYkJhckNvbXBvbmVudH0gZnJvbSAnLi90YWItYmFyLmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3R1aVRhYkJhckl0ZW1dW3JvdXRlckxpbmtBY3RpdmVdJyxcbiAgICBwcm92aWRlcnM6IFtUdWlSb3V0ZXJMaW5rQWN0aXZlU2VydmljZSwgVHVpRGVzdHJveVNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJJdGVtRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQFNlbGYoKSBASW5qZWN0KFR1aURlc3Ryb3lTZXJ2aWNlKSBkZXN0cm95JDogT2JzZXJ2YWJsZTx1bmtub3duPixcbiAgICAgICAgQEluamVjdChUdWlSb3V0ZXJMaW5rQWN0aXZlU2VydmljZSkgYWN0aXZlJDogT2JzZXJ2YWJsZTxib29sZWFuPixcbiAgICAgICAgQEluamVjdChUdWlUYWJCYXJDb21wb25lbnQpIHRhYnM6IFR1aVRhYkJhckNvbXBvbmVudCxcbiAgICAgICAgQEluamVjdChFbGVtZW50UmVmKSB7bmF0aXZlRWxlbWVudH06IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgICAgICBASW5qZWN0KENoYW5nZURldGVjdG9yUmVmKSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgKSB7XG4gICAgICAgIGFjdGl2ZSRcbiAgICAgICAgICAgIC5waXBlKGZpbHRlcihCb29sZWFuKSwgdHVpV2F0Y2goY2hhbmdlRGV0ZWN0b3JSZWYpLCB0YWtlVW50aWwoZGVzdHJveSQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGFicy5zZXRBY3RpdmUobmF0aXZlRWxlbWVudCk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, EventEmitter, forwardRef, HostBinding, HostListener, Input, Output, } from '@angular/core';
|
|
3
|
+
import { EMPTY_QUERY, tuiIsElement } from '@taiga-ui/cdk';
|
|
4
|
+
import { TuiTabBarItemComponent } from './tab-bar-item.component';
|
|
5
|
+
let TuiTabBarComponent = class TuiTabBarComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.tabs = EMPTY_QUERY;
|
|
8
|
+
this.activeItemIndex = NaN;
|
|
9
|
+
this.activeItemIndexChange = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
setActive(tab) {
|
|
12
|
+
if (tuiIsElement(tab)) {
|
|
13
|
+
this.updateIndex(this.tabs.toArray().findIndex(({ nativeElement }) => nativeElement === tab));
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
get style() {
|
|
17
|
+
return `--tui-tab-${this.activeItemIndex + 1}: var(--tui-active-color)`;
|
|
18
|
+
}
|
|
19
|
+
updateIndex(index) {
|
|
20
|
+
this.activeItemIndex = index;
|
|
21
|
+
this.activeItemIndexChange.emit(index);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
__decorate([
|
|
25
|
+
ContentChildren(forwardRef(() => TuiTabBarItemComponent), { read: ElementRef })
|
|
26
|
+
], TuiTabBarComponent.prototype, "tabs", void 0);
|
|
27
|
+
__decorate([
|
|
28
|
+
Input()
|
|
29
|
+
], TuiTabBarComponent.prototype, "activeItemIndex", void 0);
|
|
30
|
+
__decorate([
|
|
31
|
+
Output()
|
|
32
|
+
], TuiTabBarComponent.prototype, "activeItemIndexChange", void 0);
|
|
33
|
+
__decorate([
|
|
34
|
+
HostListener('click', ['$event.target'])
|
|
35
|
+
], TuiTabBarComponent.prototype, "setActive", null);
|
|
36
|
+
__decorate([
|
|
37
|
+
HostBinding('style')
|
|
38
|
+
], TuiTabBarComponent.prototype, "style", null);
|
|
39
|
+
TuiTabBarComponent = __decorate([
|
|
40
|
+
Component({
|
|
41
|
+
selector: 'nav[tuiTabBar]',
|
|
42
|
+
template: '<ng-content></ng-content>',
|
|
43
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
44
|
+
styles: [":host{--tui-active-color:var(--tui-primary);position:relative;display:flex;align-items:flex-start;font:.625rem/.75rem -apple-system,BlinkMacSystemFont,system-ui,Roboto,'Segoe UI',sans-serif;height:var(--tui-height-l);color:var(--tui-text-03);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:var(--tui-elevation-01);box-shadow:inset 0 1px var(--tui-base-04);opacity:.9}"]
|
|
45
|
+
})
|
|
46
|
+
], TuiTabBarComponent);
|
|
47
|
+
export { TuiTabBarComponent };
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvdGFiLWJhci8iLCJzb3VyY2VzIjpbInRhYi1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFlBQVksRUFDWixVQUFVLEVBQ1YsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUVULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxXQUFXLEVBQUUsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhELE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBUWhFLElBQWEsa0JBQWtCLEdBQS9CLE1BQWEsa0JBQWtCO0lBQS9CO1FBRXFCLFNBQUksR0FBdUMsV0FBVyxDQUFDO1FBR3hFLG9CQUFlLEdBQUcsR0FBRyxDQUFDO1FBR2IsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQW9CaEUsQ0FBQztJQWpCRyxTQUFTLENBQUMsR0FBZ0I7UUFDdEIsSUFBSSxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FDWixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUMsYUFBYSxFQUFDLEVBQUUsRUFBRSxDQUFDLGFBQWEsS0FBSyxHQUFHLENBQUMsQ0FDNUUsQ0FBQztTQUNMO0lBQ0wsQ0FBQztJQUdELElBQUksS0FBSztRQUNMLE9BQU8sYUFBYSxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsMkJBQTJCLENBQUM7SUFDNUUsQ0FBQztJQUVPLFdBQVcsQ0FBQyxLQUFhO1FBQzdCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1FBQzdCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0MsQ0FBQztDQUNKLENBQUE7QUExQkc7SUFEQyxlQUFlLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFDLENBQUM7Z0RBQ047QUFHeEU7SUFEQyxLQUFLLEVBQUU7MkRBQ2M7QUFHdEI7SUFEQyxNQUFNLEVBQUU7aUVBQ21EO0FBRzVEO0lBREMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDO21EQU94QztBQUdEO0lBREMsV0FBVyxDQUFDLE9BQU8sQ0FBQzsrQ0FHcEI7QUF0QlEsa0JBQWtCO0lBTjlCLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSxnQkFBZ0I7UUFDMUIsUUFBUSxFQUFFLDJCQUEyQjtRQUVyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7S0FDbEQsQ0FBQztHQUNXLGtCQUFrQixDQTRCOUI7U0E1Qlksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIGZvcndhcmRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtFTVBUWV9RVUVSWSwgdHVpSXNFbGVtZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUdWlUYWJCYXJJdGVtQ29tcG9uZW50fSBmcm9tICcuL3RhYi1iYXItaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25hdlt0dWlUYWJCYXJdJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1iYXIuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJDb21wb25lbnQge1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBUdWlUYWJCYXJJdGVtQ29tcG9uZW50KSwge3JlYWQ6IEVsZW1lbnRSZWZ9KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgdGFiczogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgQElucHV0KClcbiAgICBhY3RpdmVJdGVtSW5kZXggPSBOYU47XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBhY3RpdmVJdGVtSW5kZXhDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQudGFyZ2V0J10pXG4gICAgc2V0QWN0aXZlKHRhYjogRXZlbnRUYXJnZXQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHR1aUlzRWxlbWVudCh0YWIpKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgICAgIHRoaXMudGFicy50b0FycmF5KCkuZmluZEluZGV4KCh7bmF0aXZlRWxlbWVudH0pID0+IG5hdGl2ZUVsZW1lbnQgPT09IHRhYiksXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZScpXG4gICAgZ2V0IHN0eWxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBgLS10dWktdGFiLSR7dGhpcy5hY3RpdmVJdGVtSW5kZXggKyAxfTogdmFyKC0tdHVpLWFjdGl2ZS1jb2xvcilgO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlSW5kZXgoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleCA9IGluZGV4O1xuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleENoYW5nZS5lbWl0KGluZGV4KTtcbiAgICB9XG59XG4iXX0=
|