@taiga-ui/addon-mobile 2.82.0 → 2.84.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-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 +12 -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/index.d.ts +1 -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/index.js +2 -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/index.js +2 -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-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 +1 -0
- package/fesm2015/taiga-ui-addon-mobile-components.js.map +1 -1
- 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 +1 -0
- package/fesm5/taiga-ui-addon-mobile-components.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,8 +1,8 @@
|
|
|
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/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/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['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, mobileCalendar, mobileCalendarDialog, mobileDialog, pullToRefresh, sheet, tabBar, themeAndroid, themeIos) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Generated bundle index. Do not edit.
|
|
@@ -48,6 +48,14 @@
|
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
50
|
});
|
|
51
|
+
Object.keys(tabBar).forEach(function (k) {
|
|
52
|
+
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
53
|
+
enumerable: true,
|
|
54
|
+
get: function () {
|
|
55
|
+
return tabBar[k];
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
});
|
|
51
59
|
Object.keys(themeAndroid).forEach(function (k) {
|
|
52
60
|
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
53
61
|
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/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/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["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,u,r){"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.keys(r).forEach((function(o){"default"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return r[o]}})})),Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=taiga-ui-addon-mobile-components.umd.min.js.map
|
package/components/index.d.ts
CHANGED
|
@@ -3,5 +3,6 @@ export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dialog';
|
|
|
3
3
|
export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
|
|
4
4
|
export * from '@taiga-ui/addon-mobile/components/pull-to-refresh';
|
|
5
5
|
export * from '@taiga-ui/addon-mobile/components/sheet';
|
|
6
|
+
export * from '@taiga-ui/addon-mobile/components/tab-bar';
|
|
6
7
|
export * from '@taiga-ui/addon-mobile/components/theme-android';
|
|
7
8
|
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/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"}
|
|
@@ -3,6 +3,7 @@ export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dialog';
|
|
|
3
3
|
export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
|
|
4
4
|
export * from '@taiga-ui/addon-mobile/components/pull-to-refresh';
|
|
5
5
|
export * from '@taiga-ui/addon-mobile/components/sheet';
|
|
6
|
+
export * from '@taiga-ui/addon-mobile/components/tab-bar';
|
|
6
7
|
export * from '@taiga-ui/addon-mobile/components/theme-android';
|
|
7
8
|
export * from '@taiga-ui/addon-mobile/components/theme-ios';
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsMERBQTBELENBQUM7QUFDekUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsNkNBQTZDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvbW9iaWxlLWNhbGVuZGFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9tb2JpbGUtY2FsZW5kYXItZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9tb2JpbGUtZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9wdWxsLXRvLXJlZnJlc2gnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3NoZWV0JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90aGVtZS1hbmRyb2lkJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90aGVtZS1pb3MnO1xuIl19
|
|
@@ -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=
|
|
@@ -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 { TuiTabBarComponent } from './tab-bar.component';
|
|
6
|
+
import { TuiTabBarItemComponent } from './tab-bar-item.component';
|
|
7
|
+
import { TuiTabBarItemDirective } from './tab-bar-item.directive';
|
|
8
|
+
let TuiTabBarModule = class TuiTabBarModule {
|
|
9
|
+
};
|
|
10
|
+
TuiTabBarModule = __decorate([
|
|
11
|
+
NgModule({
|
|
12
|
+
imports: [CommonModule, TuiSvgModule],
|
|
13
|
+
declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
|
|
14
|
+
exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
|
|
15
|
+
})
|
|
16
|
+
], TuiTabBarModule);
|
|
17
|
+
export { TuiTabBarModule };
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvdGFiLWJhci8iLCJzb3VyY2VzIjpbInRhYi1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFPaEUsSUFBYSxlQUFlLEdBQTVCLE1BQWEsZUFBZTtDQUFHLENBQUE7QUFBbEIsZUFBZTtJQUwzQixRQUFRLENBQUM7UUFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDO1FBQ3JDLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHNCQUFzQixDQUFDO1FBQ2xGLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHNCQUFzQixDQUFDO0tBQ2hGLENBQUM7R0FDVyxlQUFlLENBQUc7U0FBbEIsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aVN2Z01vZHVsZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5pbXBvcnQge1R1aVRhYkJhckNvbXBvbmVudH0gZnJvbSAnLi90YWItYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aVRhYkJhckl0ZW1Db21wb25lbnR9IGZyb20gJy4vdGFiLWJhci1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aVRhYkJhckl0ZW1EaXJlY3RpdmV9IGZyb20gJy4vdGFiLWJhci1pdGVtLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHVpU3ZnTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlUYWJCYXJDb21wb25lbnQsIFR1aVRhYkJhckl0ZW1Db21wb25lbnQsIFR1aVRhYkJhckl0ZW1EaXJlY3RpdmVdLFxuICAgIGV4cG9ydHM6IFtUdWlUYWJCYXJDb21wb25lbnQsIFR1aVRhYkJhckl0ZW1Db21wb25lbnQsIFR1aVRhYkJhckl0ZW1EaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtdGFiLWJhci5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyLyIsInNvdXJjZXMiOlsidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtdGFiLWJhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
package/esm5/components/index.js
CHANGED
|
@@ -3,6 +3,7 @@ export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dialog';
|
|
|
3
3
|
export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
|
|
4
4
|
export * from '@taiga-ui/addon-mobile/components/pull-to-refresh';
|
|
5
5
|
export * from '@taiga-ui/addon-mobile/components/sheet';
|
|
6
|
+
export * from '@taiga-ui/addon-mobile/components/tab-bar';
|
|
6
7
|
export * from '@taiga-ui/addon-mobile/components/theme-android';
|
|
7
8
|
export * from '@taiga-ui/addon-mobile/components/theme-ios';
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsMERBQTBELENBQUM7QUFDekUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsNkNBQTZDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvbW9iaWxlLWNhbGVuZGFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9tb2JpbGUtY2FsZW5kYXItZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9tb2JpbGUtZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9wdWxsLXRvLXJlZnJlc2gnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3NoZWV0JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90aGVtZS1hbmRyb2lkJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90aGVtZS1pb3MnO1xuIl19
|
|
@@ -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,36 @@
|
|
|
1
|
+
import { __assign, __decorate, __param } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
|
|
3
|
+
import { TUI_ANIMATION_OPTIONS, tuiScaleIn } from '@taiga-ui/core';
|
|
4
|
+
var TuiTabBarItemComponent = /** @class */ (function () {
|
|
5
|
+
function TuiTabBarItemComponent(animationOptions) {
|
|
6
|
+
this.animationOptions = animationOptions;
|
|
7
|
+
this.icon = '';
|
|
8
|
+
this.badge = null;
|
|
9
|
+
this.animation = __assign({ value: '' }, this.animationOptions);
|
|
10
|
+
}
|
|
11
|
+
TuiTabBarItemComponent.prototype.format = function (value) {
|
|
12
|
+
return value > 999 ? '999+' : String(value);
|
|
13
|
+
};
|
|
14
|
+
TuiTabBarItemComponent.ctorParameters = function () { return [
|
|
15
|
+
{ type: undefined, decorators: [{ type: Inject, args: [TUI_ANIMATION_OPTIONS,] }] }
|
|
16
|
+
]; };
|
|
17
|
+
__decorate([
|
|
18
|
+
Input()
|
|
19
|
+
], TuiTabBarItemComponent.prototype, "icon", void 0);
|
|
20
|
+
__decorate([
|
|
21
|
+
Input()
|
|
22
|
+
], TuiTabBarItemComponent.prototype, "badge", void 0);
|
|
23
|
+
TuiTabBarItemComponent = __decorate([
|
|
24
|
+
Component({
|
|
25
|
+
selector: 'button[tuiTabBarItem], a[tuiTabBarItem]',
|
|
26
|
+
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",
|
|
27
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
28
|
+
animations: [tuiScaleIn],
|
|
29
|
+
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}"]
|
|
30
|
+
}),
|
|
31
|
+
__param(0, Inject(TUI_ANIMATION_OPTIONS))
|
|
32
|
+
], TuiTabBarItemComponent);
|
|
33
|
+
return TuiTabBarItemComponent;
|
|
34
|
+
}());
|
|
35
|
+
export { TuiTabBarItemComponent };
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyLyIsInNvdXJjZXMiOlsidGFiLWJhci1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxxQkFBcUIsRUFBRSxVQUFVLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQVNqRTtJQVNJLGdDQUVxQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVR2RCxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBR1YsVUFBSyxHQUFtQixJQUFJLENBQUM7UUFFcEIsY0FBUyxHQUFHLFdBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSyxJQUFJLENBQUMsZ0JBQWdCLENBQVUsQ0FBQztJQUtqRSxDQUFDO0lBRUosdUNBQU0sR0FBTixVQUFPLEtBQWE7UUFDaEIsT0FBTyxLQUFLLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoRCxDQUFDOztnREFOSSxNQUFNLFNBQUMscUJBQXFCOztJQVJqQztRQURDLEtBQUssRUFBRTt3REFDRTtJQUdWO1FBREMsS0FBSyxFQUFFO3lEQUNxQjtJQUxwQixzQkFBc0I7UUFQbEMsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLHlDQUF5QztZQUNuRCxpVkFBMkM7WUFFM0MsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07WUFDL0MsVUFBVSxFQUFFLENBQUMsVUFBVSxDQUFDOztTQUMzQixDQUFDO1FBV08sV0FBQSxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQTtPQVZ6QixzQkFBc0IsQ0FpQmxDO0lBQUQsNkJBQUM7Q0FBQSxBQWpCRCxJQWlCQztTQWpCWSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FuaW1hdGlvbk9wdGlvbnN9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VFVJX0FOSU1BVElPTl9PUFRJT05TLCB0dWlTY2FsZUlufSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnV0dG9uW3R1aVRhYkJhckl0ZW1dLCBhW3R1aVRhYkJhckl0ZW1dJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFiLWJhci1pdGVtLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1iYXItaXRlbS5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgYW5pbWF0aW9uczogW3R1aVNjYWxlSW5dLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJJdGVtQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIGljb24gPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgYmFkZ2U/OiBudW1iZXIgfCBudWxsID0gbnVsbDtcblxuICAgIHJlYWRvbmx5IGFuaW1hdGlvbiA9IHt2YWx1ZTogJycsIC4uLnRoaXMuYW5pbWF0aW9uT3B0aW9uc30gYXMgY29uc3Q7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfQU5JTUFUSU9OX09QVElPTlMpXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgYW5pbWF0aW9uT3B0aW9uczogQW5pbWF0aW9uT3B0aW9ucyxcbiAgICApIHt9XG5cbiAgICBmb3JtYXQodmFsdWU6IG51bWJlcik6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB2YWx1ZSA+IDk5OSA/ICc5OTkrJyA6IFN0cmluZyh2YWx1ZSk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,38 @@
|
|
|
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
|
+
var TuiTabBarItemDirective = /** @class */ (function () {
|
|
9
|
+
function TuiTabBarItemDirective(destroy$, active$, tabs, _a, changeDetectorRef) {
|
|
10
|
+
var nativeElement = _a.nativeElement;
|
|
11
|
+
active$
|
|
12
|
+
.pipe(filter(Boolean), tuiWatch(changeDetectorRef), takeUntil(destroy$))
|
|
13
|
+
.subscribe(function () {
|
|
14
|
+
tabs.setActive(nativeElement);
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
TuiTabBarItemDirective.ctorParameters = function () { return [
|
|
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
|
+
return TuiTabBarItemDirective;
|
|
36
|
+
}());
|
|
37
|
+
export { TuiTabBarItemDirective };
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci1pdGVtLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyLyIsInNvdXJjZXMiOlsidGFiLWJhci1pdGVtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNyRixPQUFPLEVBQUMsaUJBQWlCLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzFELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDaEMsT0FBTyxFQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQU12RDtJQUNJLGdDQUN1QyxRQUE2QixFQUM1QixPQUE0QixFQUNwQyxJQUF3QixFQUNoQyxFQUF3QyxFQUNqQyxpQkFBb0M7WUFEMUMsZ0NBQWE7UUFHbEMsT0FBTzthQUNGLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEVBQUUsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQ3ZFLFNBQVMsQ0FBQztZQUNQLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbEMsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDOztnQkFYZ0QsVUFBVSx1QkFBdEQsSUFBSSxZQUFJLE1BQU0sU0FBQyxpQkFBaUI7Z0JBQ1ksVUFBVSx1QkFBdEQsTUFBTSxTQUFDLDBCQUEwQjtnQkFDQSxrQkFBa0IsdUJBQW5ELE1BQU0sU0FBQyxrQkFBa0I7Z0JBQ1csVUFBVSx1QkFBOUMsTUFBTSxTQUFDLFVBQVU7Z0JBQzRCLGlCQUFpQix1QkFBOUQsTUFBTSxTQUFDLGlCQUFpQjs7SUFOcEIsc0JBQXNCO1FBSmxDLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxtQ0FBbUM7WUFDN0MsU0FBUyxFQUFFLENBQUMsMEJBQTBCLEVBQUUsaUJBQWlCLENBQUM7U0FDN0QsQ0FBQztRQUdPLFdBQUEsSUFBSSxFQUFFLENBQUEsRUFBRSxXQUFBLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO1FBQ2pDLFdBQUEsTUFBTSxDQUFDLDBCQUEwQixDQUFDLENBQUE7UUFDbEMsV0FBQSxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQTtRQUMxQixXQUFBLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQTtRQUNsQixXQUFBLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO09BTnJCLHNCQUFzQixDQWNsQztJQUFELDZCQUFDO0NBQUEsQUFkRCxJQWNDO1NBZFksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3QsIFNlbGZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlEZXN0cm95U2VydmljZSwgdHVpV2F0Y2h9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlSb3V0ZXJMaW5rQWN0aXZlU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZmlsdGVyLCB0YWtlVW50aWx9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtUdWlUYWJCYXJDb21wb25lbnR9IGZyb20gJy4vdGFiLWJhci5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0dWlUYWJCYXJJdGVtXVtyb3V0ZXJMaW5rQWN0aXZlXScsXG4gICAgcHJvdmlkZXJzOiBbVHVpUm91dGVyTGlua0FjdGl2ZVNlcnZpY2UsIFR1aURlc3Ryb3lTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGFiQmFySXRlbURpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBTZWxmKCkgQEluamVjdChUdWlEZXN0cm95U2VydmljZSkgZGVzdHJveSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgICAgIEBJbmplY3QoVHVpUm91dGVyTGlua0FjdGl2ZVNlcnZpY2UpIGFjdGl2ZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj4sXG4gICAgICAgIEBJbmplY3QoVHVpVGFiQmFyQ29tcG9uZW50KSB0YWJzOiBUdWlUYWJCYXJDb21wb25lbnQsXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChDaGFuZ2VEZXRlY3RvclJlZikgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICkge1xuICAgICAgICBhY3RpdmUkXG4gICAgICAgICAgICAucGlwZShmaWx0ZXIoQm9vbGVhbiksIHR1aVdhdGNoKGNoYW5nZURldGVjdG9yUmVmKSwgdGFrZVVudGlsKGRlc3Ryb3kkKSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRhYnMuc2V0QWN0aXZlKG5hdGl2ZUVsZW1lbnQpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,56 @@
|
|
|
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
|
+
var TuiTabBarComponent = /** @class */ (function () {
|
|
6
|
+
function TuiTabBarComponent() {
|
|
7
|
+
this.tabs = EMPTY_QUERY;
|
|
8
|
+
this.activeItemIndex = NaN;
|
|
9
|
+
this.activeItemIndexChange = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
TuiTabBarComponent.prototype.setActive = function (tab) {
|
|
12
|
+
if (tuiIsElement(tab)) {
|
|
13
|
+
this.updateIndex(this.tabs.toArray().findIndex(function (_a) {
|
|
14
|
+
var nativeElement = _a.nativeElement;
|
|
15
|
+
return nativeElement === tab;
|
|
16
|
+
}));
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(TuiTabBarComponent.prototype, "style", {
|
|
20
|
+
get: function () {
|
|
21
|
+
return "--tui-tab-" + (this.activeItemIndex + 1) + ": var(--tui-active-color)";
|
|
22
|
+
},
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true
|
|
25
|
+
});
|
|
26
|
+
TuiTabBarComponent.prototype.updateIndex = function (index) {
|
|
27
|
+
this.activeItemIndex = index;
|
|
28
|
+
this.activeItemIndexChange.emit(index);
|
|
29
|
+
};
|
|
30
|
+
__decorate([
|
|
31
|
+
ContentChildren(forwardRef(function () { return TuiTabBarItemComponent; }), { read: ElementRef })
|
|
32
|
+
], TuiTabBarComponent.prototype, "tabs", void 0);
|
|
33
|
+
__decorate([
|
|
34
|
+
Input()
|
|
35
|
+
], TuiTabBarComponent.prototype, "activeItemIndex", void 0);
|
|
36
|
+
__decorate([
|
|
37
|
+
Output()
|
|
38
|
+
], TuiTabBarComponent.prototype, "activeItemIndexChange", void 0);
|
|
39
|
+
__decorate([
|
|
40
|
+
HostListener('click', ['$event.target'])
|
|
41
|
+
], TuiTabBarComponent.prototype, "setActive", null);
|
|
42
|
+
__decorate([
|
|
43
|
+
HostBinding('style')
|
|
44
|
+
], TuiTabBarComponent.prototype, "style", null);
|
|
45
|
+
TuiTabBarComponent = __decorate([
|
|
46
|
+
Component({
|
|
47
|
+
selector: 'nav[tuiTabBar]',
|
|
48
|
+
template: '<ng-content></ng-content>',
|
|
49
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
50
|
+
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}"]
|
|
51
|
+
})
|
|
52
|
+
], TuiTabBarComponent);
|
|
53
|
+
return TuiTabBarComponent;
|
|
54
|
+
}());
|
|
55
|
+
export { TuiTabBarComponent };
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvdGFiLWJhci8iLCJzb3VyY2VzIjpbInRhYi1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFlBQVksRUFDWixVQUFVLEVBQ1YsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUVULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxXQUFXLEVBQUUsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhELE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBUWhFO0lBQUE7UUFFcUIsU0FBSSxHQUF1QyxXQUFXLENBQUM7UUFHeEUsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFHYiwwQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBb0JoRSxDQUFDO0lBakJHLHNDQUFTLEdBQVQsVUFBVSxHQUFnQjtRQUN0QixJQUFJLFlBQVksQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNuQixJQUFJLENBQUMsV0FBVyxDQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLFVBQUMsRUFBZTtvQkFBZCxnQ0FBYTtnQkFBTSxPQUFBLGFBQWEsS0FBSyxHQUFHO1lBQXJCLENBQXFCLENBQUMsQ0FDNUUsQ0FBQztTQUNMO0lBQ0wsQ0FBQztJQUdELHNCQUFJLHFDQUFLO2FBQVQ7WUFDSSxPQUFPLGdCQUFhLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQywrQkFBMkIsQ0FBQztRQUM1RSxDQUFDOzs7T0FBQTtJQUVPLHdDQUFXLEdBQW5CLFVBQW9CLEtBQWE7UUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDN0IsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBekJEO1FBREMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxjQUFNLE9BQUEsc0JBQXNCLEVBQXRCLENBQXNCLENBQUMsRUFBRSxFQUFDLElBQUksRUFBRSxVQUFVLEVBQUMsQ0FBQztvREFDTjtJQUd4RTtRQURDLEtBQUssRUFBRTsrREFDYztJQUd0QjtRQURDLE1BQU0sRUFBRTtxRUFDbUQ7SUFHNUQ7UUFEQyxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7dURBT3hDO0lBR0Q7UUFEQyxXQUFXLENBQUMsT0FBTyxDQUFDO21EQUdwQjtJQXRCUSxrQkFBa0I7UUFOOUIsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLGdCQUFnQjtZQUMxQixRQUFRLEVBQUUsMkJBQTJCO1lBRXJDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztTQUNsRCxDQUFDO09BQ1csa0JBQWtCLENBNEI5QjtJQUFELHlCQUFDO0NBQUEsQUE1QkQsSUE0QkM7U0E1Qlksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIGZvcndhcmRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtFTVBUWV9RVUVSWSwgdHVpSXNFbGVtZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUdWlUYWJCYXJJdGVtQ29tcG9uZW50fSBmcm9tICcuL3RhYi1iYXItaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25hdlt0dWlUYWJCYXJdJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1iYXIuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJDb21wb25lbnQge1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBUdWlUYWJCYXJJdGVtQ29tcG9uZW50KSwge3JlYWQ6IEVsZW1lbnRSZWZ9KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgdGFiczogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgQElucHV0KClcbiAgICBhY3RpdmVJdGVtSW5kZXggPSBOYU47XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBhY3RpdmVJdGVtSW5kZXhDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQudGFyZ2V0J10pXG4gICAgc2V0QWN0aXZlKHRhYjogRXZlbnRUYXJnZXQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHR1aUlzRWxlbWVudCh0YWIpKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgICAgIHRoaXMudGFicy50b0FycmF5KCkuZmluZEluZGV4KCh7bmF0aXZlRWxlbWVudH0pID0+IG5hdGl2ZUVsZW1lbnQgPT09IHRhYiksXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZScpXG4gICAgZ2V0IHN0eWxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBgLS10dWktdGFiLSR7dGhpcy5hY3RpdmVJdGVtSW5kZXggKyAxfTogdmFyKC0tdHVpLWFjdGl2ZS1jb2xvcilgO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlSW5kZXgoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleCA9IGluZGV4O1xuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleENoYW5nZS5lbWl0KGluZGV4KTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,21 @@
|
|
|
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 { TuiTabBarComponent } from './tab-bar.component';
|
|
6
|
+
import { TuiTabBarItemComponent } from './tab-bar-item.component';
|
|
7
|
+
import { TuiTabBarItemDirective } from './tab-bar-item.directive';
|
|
8
|
+
var TuiTabBarModule = /** @class */ (function () {
|
|
9
|
+
function TuiTabBarModule() {
|
|
10
|
+
}
|
|
11
|
+
TuiTabBarModule = __decorate([
|
|
12
|
+
NgModule({
|
|
13
|
+
imports: [CommonModule, TuiSvgModule],
|
|
14
|
+
declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
|
|
15
|
+
exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
|
|
16
|
+
})
|
|
17
|
+
], TuiTabBarModule);
|
|
18
|
+
return TuiTabBarModule;
|
|
19
|
+
}());
|
|
20
|
+
export { TuiTabBarModule };
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvdGFiLWJhci8iLCJzb3VyY2VzIjpbInRhYi1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFPaEU7SUFBQTtJQUE4QixDQUFDO0lBQWxCLGVBQWU7UUFMM0IsUUFBUSxDQUFDO1lBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksQ0FBQztZQUNyQyxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztZQUNsRixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztTQUNoRixDQUFDO09BQ1csZUFBZSxDQUFHO0lBQUQsc0JBQUM7Q0FBQSxBQUEvQixJQUErQjtTQUFsQixlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpU3ZnTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbmltcG9ydCB7VHVpVGFiQmFyQ29tcG9uZW50fSBmcm9tICcuL3RhYi1iYXIuY29tcG9uZW50JztcbmltcG9ydCB7VHVpVGFiQmFySXRlbUNvbXBvbmVudH0gZnJvbSAnLi90YWItYmFyLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7VHVpVGFiQmFySXRlbURpcmVjdGl2ZX0gZnJvbSAnLi90YWItYmFyLWl0ZW0uZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUdWlTdmdNb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW1R1aVRhYkJhckNvbXBvbmVudCwgVHVpVGFiQmFySXRlbUNvbXBvbmVudCwgVHVpVGFiQmFySXRlbURpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aVRhYkJhckNvbXBvbmVudCwgVHVpVGFiQmFySXRlbUNvbXBvbmVudCwgVHVpVGFiQmFySXRlbURpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRhYkJhck1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtdGFiLWJhci5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyLyIsInNvdXJjZXMiOlsidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtdGFiLWJhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|