@taiga-ui/addon-mobile 3.23.1-dev.main-17bc204 → 3.23.1-dev.main-14214d9

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.
Files changed (24) hide show
  1. package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js +185 -0
  2. package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js.map +1 -0
  3. package/bundles/taiga-ui-addon-mobile-components.umd.js +10 -4
  4. package/bundles/taiga-ui-addon-mobile-components.umd.js.map +1 -1
  5. package/components/index.d.ts +1 -0
  6. package/components/tab-bar/index.d.ts +4 -0
  7. package/components/tab-bar/package.json +10 -0
  8. package/components/tab-bar/tab-bar-item.component.d.ts +18 -0
  9. package/components/tab-bar/tab-bar-item.directive.d.ts +9 -0
  10. package/components/tab-bar/tab-bar.component.d.ts +12 -0
  11. package/components/tab-bar/tab-bar.module.d.ts +11 -0
  12. package/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.d.ts +5 -0
  13. package/esm2015/components/index.js +2 -1
  14. package/esm2015/components/tab-bar/index.js +5 -0
  15. package/esm2015/components/tab-bar/tab-bar-item.component.js +36 -0
  16. package/esm2015/components/tab-bar/tab-bar-item.directive.js +44 -0
  17. package/esm2015/components/tab-bar/tab-bar.component.js +48 -0
  18. package/esm2015/components/tab-bar/tab-bar.module.js +21 -0
  19. package/esm2015/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.js +5 -0
  20. package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js +141 -0
  21. package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js.map +1 -0
  22. package/fesm2015/taiga-ui-addon-mobile-components.js +1 -0
  23. package/fesm2015/taiga-ui-addon-mobile-components.js.map +1 -1
  24. package/package.json +1 -1
package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js ADDED
@@ -0,0 +1,185 @@
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@angular/common'), require('rxjs/operators'), require('rxjs')) :
3
+ typeof define === 'function' && define.amd ? define('@taiga-ui/addon-mobile/components/tab-bar', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@angular/common', 'rxjs/operators', 'rxjs'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : 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 || {}, global["taiga-ui"]["addon-mobile"].components["tab-bar"] = {}), global.ng.core, global.cdk, global.i1, global.ng.common, global.rxjs.operators, global.rxjs));
5
+ })(this, (function (exports, i0, cdk, i1, i2, operators, i1$1) { 'use strict';
6
+
7
+ function _interopNamespace(e) {
8
+ if (e && e.__esModule) return e;
9
+ var n = Object.create(null);
10
+ if (e) {
11
+ Object.keys(e).forEach(function (k) {
12
+ if (k !== 'default') {
13
+ var d = Object.getOwnPropertyDescriptor(e, k);
14
+ Object.defineProperty(n, k, d.get ? d : {
15
+ enumerable: true,
16
+ get: function () { return e[k]; }
17
+ });
18
+ }
19
+ });
20
+ }
21
+ n["default"] = e;
22
+ return Object.freeze(n);
23
+ }
24
+
25
+ var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
26
+ var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
27
+ var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
28
+ var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
29
+
30
+ var TuiTabBarItemComponent = /** @class */ (function () {
31
+ function TuiTabBarItemComponent(animationOptions) {
32
+ this.animationOptions = animationOptions;
33
+ this.icon = '';
34
+ this.badge = null;
35
+ this.animation = Object.assign({ value: '' }, this.animationOptions);
36
+ }
37
+ TuiTabBarItemComponent.prototype.format = function (value) {
38
+ return value > 999 ? '999+' : String(value);
39
+ };
40
+ return TuiTabBarItemComponent;
41
+ }());
42
+ TuiTabBarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarItemComponent, deps: [{ token: i1.TUI_ANIMATION_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
43
+ TuiTabBarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarItemComponent, selector: "button[tuiTabBarItem], a[tuiTabBarItem]", inputs: { icon: "icon", badge: "badge" }, ngImport: i0__namespace, 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:none;font-size:inherit;line-height:inherit;transition-property:color;transition-duration:var(--tui-duration, .3s);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}\n"], components: [{ type: i1__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [i1.tuiScaleIn], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
44
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarItemComponent, decorators: [{
45
+ type: i0.Component,
46
+ args: [{
47
+ selector: 'button[tuiTabBarItem], a[tuiTabBarItem]',
48
+ templateUrl: './tab-bar-item.template.html',
49
+ styleUrls: ['./tab-bar-item.style.less'],
50
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
51
+ animations: [i1.tuiScaleIn],
52
+ }]
53
+ }], ctorParameters: function () {
54
+ return [{ type: undefined, decorators: [{
55
+ type: i0.Inject,
56
+ args: [i1.TUI_ANIMATION_OPTIONS]
57
+ }] }];
58
+ }, propDecorators: { icon: [{
59
+ type: i0.Input
60
+ }], badge: [{
61
+ type: i0.Input
62
+ }] } });
63
+
64
+ var TuiTabBarComponent = /** @class */ (function () {
65
+ function TuiTabBarComponent() {
66
+ this.tabs = cdk.EMPTY_QUERY;
67
+ this.activeItemIndex = NaN;
68
+ this.activeItemIndexChange = new i0.EventEmitter();
69
+ }
70
+ TuiTabBarComponent.prototype.setActive = function (tab) {
71
+ if (cdk.tuiIsElement(tab)) {
72
+ this.updateIndex(this.tabs.toArray().findIndex(function (_a) {
73
+ var nativeElement = _a.nativeElement;
74
+ return nativeElement === tab;
75
+ }));
76
+ }
77
+ };
78
+ Object.defineProperty(TuiTabBarComponent.prototype, "style", {
79
+ get: function () {
80
+ return "--tui-tab-" + (this.activeItemIndex + 1) + ": var(--tui-active-color)";
81
+ },
82
+ enumerable: false,
83
+ configurable: true
84
+ });
85
+ TuiTabBarComponent.prototype.updateIndex = function (index) {
86
+ this.activeItemIndex = index;
87
+ this.activeItemIndexChange.emit(index);
88
+ };
89
+ return TuiTabBarComponent;
90
+ }());
91
+ TuiTabBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
92
+ TuiTabBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarComponent, selector: "nav[tuiTabBar]", inputs: { activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { listeners: { "click": "setActive($event.target)" }, properties: { "style": "this.style" } }, queries: [{ propertyName: "tabs", predicate: i0__namespace.forwardRef(function () { return TuiTabBarItemComponent; }), read: i0.ElementRef }], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--tui-active-color: var(--tui-primary);position:relative;display:flex;align-items:flex-start;font:normal .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}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
93
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarComponent, decorators: [{
94
+ type: i0.Component,
95
+ args: [{
96
+ selector: 'nav[tuiTabBar]',
97
+ template: '<ng-content></ng-content>',
98
+ styleUrls: ['./tab-bar.style.less'],
99
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
100
+ }]
101
+ }], propDecorators: { tabs: [{
102
+ type: i0.ContentChildren,
103
+ args: [i0.forwardRef(function () { return TuiTabBarItemComponent; }), { read: i0.ElementRef }]
104
+ }], activeItemIndex: [{
105
+ type: i0.Input
106
+ }], activeItemIndexChange: [{
107
+ type: i0.Output
108
+ }], setActive: [{
109
+ type: i0.HostListener,
110
+ args: ['click', ['$event.target']]
111
+ }], style: [{
112
+ type: i0.HostBinding,
113
+ args: ['style']
114
+ }] } });
115
+
116
+ var TuiTabBarItemDirective = /** @class */ (function () {
117
+ function TuiTabBarItemDirective(destroy$, active$, tabs, _a, changeDetectorRef) {
118
+ var nativeElement = _a.nativeElement;
119
+ active$
120
+ .pipe(operators.filter(Boolean), cdk.tuiWatch(changeDetectorRef), operators.takeUntil(destroy$))
121
+ .subscribe(function () {
122
+ tabs.setActive(nativeElement);
123
+ });
124
+ }
125
+ return TuiTabBarItemDirective;
126
+ }());
127
+ TuiTabBarItemDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarItemDirective, deps: [{ token: cdk.TuiDestroyService, self: true }, { token: i1.TuiRouterLinkActiveService }, { token: TuiTabBarComponent }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
128
+ TuiTabBarItemDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarItemDirective, selector: "[tuiTabBarItem][routerLinkActive]", providers: [i1.TuiRouterLinkActiveService, cdk.TuiDestroyService], ngImport: i0__namespace });
129
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarItemDirective, decorators: [{
130
+ type: i0.Directive,
131
+ args: [{
132
+ selector: '[tuiTabBarItem][routerLinkActive]',
133
+ providers: [i1.TuiRouterLinkActiveService, cdk.TuiDestroyService],
134
+ }]
135
+ }], ctorParameters: function () {
136
+ return [{ type: i1__namespace$1.Observable, decorators: [{
137
+ type: i0.Self
138
+ }, {
139
+ type: i0.Inject,
140
+ args: [cdk.TuiDestroyService]
141
+ }] }, { type: i1__namespace$1.Observable, decorators: [{
142
+ type: i0.Inject,
143
+ args: [i1.TuiRouterLinkActiveService]
144
+ }] }, { type: TuiTabBarComponent, decorators: [{
145
+ type: i0.Inject,
146
+ args: [TuiTabBarComponent]
147
+ }] }, { type: i0__namespace.ElementRef, decorators: [{
148
+ type: i0.Inject,
149
+ args: [i0.ElementRef]
150
+ }] }, { type: i0__namespace.ChangeDetectorRef, decorators: [{
151
+ type: i0.Inject,
152
+ args: [i0.ChangeDetectorRef]
153
+ }] }];
154
+ } });
155
+
156
+ var TuiTabBarModule = /** @class */ (function () {
157
+ function TuiTabBarModule() {
158
+ }
159
+ return TuiTabBarModule;
160
+ }());
161
+ TuiTabBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
162
+ TuiTabBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarModule, declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective], imports: [i2.CommonModule, i1.TuiSvgModule], exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective] });
163
+ TuiTabBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarModule, imports: [[i2.CommonModule, i1.TuiSvgModule]] });
164
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarModule, decorators: [{
165
+ type: i0.NgModule,
166
+ args: [{
167
+ imports: [i2.CommonModule, i1.TuiSvgModule],
168
+ declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
169
+ exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
170
+ }]
171
+ }] });
172
+
173
+ /**
174
+ * Generated bundle index. Do not edit.
175
+ */
176
+
177
+ exports.TuiTabBarComponent = TuiTabBarComponent;
178
+ exports.TuiTabBarItemComponent = TuiTabBarItemComponent;
179
+ exports.TuiTabBarItemDirective = TuiTabBarItemDirective;
180
+ exports.TuiTabBarModule = TuiTabBarModule;
181
+
182
+ Object.defineProperty(exports, '__esModule', { value: true });
183
+
184
+ }));
185
+ //# sourceMappingURL=taiga-ui-addon-mobile-components-tab-bar.umd.js.map
package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"taiga-ui-addon-mobile-components-tab-bar.umd.js","sources":["../../../projects/addon-mobile/components/tab-bar/tab-bar-item.component.ts","../../../projects/addon-mobile/components/tab-bar/tab-bar-item.template.html","../../../projects/addon-mobile/components/tab-bar/tab-bar.component.ts","../../../projects/addon-mobile/components/tab-bar/tab-bar-item.directive.ts","../../../projects/addon-mobile/components/tab-bar/tab-bar.module.ts","../../../projects/addon-mobile/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TUI_ANIMATION_OPTIONS, tuiScaleIn} from '@taiga-ui/core';\n\n@Component({\n selector: 'button[tuiTabBarItem], a[tuiTabBarItem]',\n templateUrl: './tab-bar-item.template.html',\n styleUrls: ['./tab-bar-item.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [tuiScaleIn],\n})\nexport class TuiTabBarItemComponent {\n @Input()\n icon = '';\n\n @Input()\n badge?: number | null = null;\n\n readonly animation = {value: '', ...this.animationOptions} as const;\n\n constructor(\n @Inject(TUI_ANIMATION_OPTIONS)\n private readonly animationOptions: AnimationOptions,\n ) {}\n\n format(value: number): string {\n return value > 999 ? '999+' : String(value);\n }\n}\n","<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","import {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostBinding,\n HostListener,\n Input,\n Output,\n QueryList,\n} from '@angular/core';\nimport {EMPTY_QUERY, tuiIsElement} from '@taiga-ui/cdk';\n\nimport {TuiTabBarItemComponent} from './tab-bar-item.component';\n\n@Component({\n selector: 'nav[tuiTabBar]',\n template: '<ng-content></ng-content>',\n styleUrls: ['./tab-bar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiTabBarComponent {\n @ContentChildren(forwardRef(() => TuiTabBarItemComponent), {read: ElementRef})\n private readonly tabs: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n @Input()\n activeItemIndex = NaN;\n\n @Output()\n readonly activeItemIndexChange = new EventEmitter<number>();\n\n @HostListener('click', ['$event.target'])\n setActive(tab: EventTarget): void {\n if (tuiIsElement(tab)) {\n this.updateIndex(\n this.tabs.toArray().findIndex(({nativeElement}) => nativeElement === tab),\n );\n }\n }\n\n @HostBinding('style')\n get style(): string {\n return `--tui-tab-${this.activeItemIndex + 1}: var(--tui-active-color)`;\n }\n\n private updateIndex(index: number): void {\n this.activeItemIndex = index;\n this.activeItemIndexChange.emit(index);\n }\n}\n","import {ChangeDetectorRef, Directive, ElementRef, Inject, Self} from '@angular/core';\nimport {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk';\nimport {TuiRouterLinkActiveService} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\nimport {filter, takeUntil} from 'rxjs/operators';\n\nimport {TuiTabBarComponent} from './tab-bar.component';\n\n@Directive({\n selector: '[tuiTabBarItem][routerLinkActive]',\n providers: [TuiRouterLinkActiveService, TuiDestroyService],\n})\nexport class TuiTabBarItemDirective {\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TuiRouterLinkActiveService) active$: Observable<boolean>,\n @Inject(TuiTabBarComponent) tabs: TuiTabBarComponent,\n @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n ) {\n active$\n .pipe(filter(Boolean), tuiWatch(changeDetectorRef), takeUntil(destroy$))\n .subscribe(() => {\n tabs.setActive(nativeElement);\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiTabBarComponent} from './tab-bar.component';\nimport {TuiTabBarItemComponent} from './tab-bar-item.component';\nimport {TuiTabBarItemDirective} from './tab-bar-item.directive';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule],\n declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],\n exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],\n})\nexport class TuiTabBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","TUI_ANIMATION_OPTIONS","i1","i2","tuiScaleIn","Component","ChangeDetectionStrategy","Inject","Input","EMPTY_QUERY","EventEmitter","tuiIsElement","ElementRef","ContentChildren","forwardRef","Output","HostListener","HostBinding","filter","tuiWatch","takeUntil","TuiDestroyService","TuiRouterLinkActiveService","ChangeDetectorRef","Directive","Self","CommonModule","TuiSvgModule","NgModule"],"mappings":"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"}
package/bundles/taiga-ui-addon-mobile-components.umd.js CHANGED
@@ -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 = typeof globalThis !== 'undefined' ? globalThis : 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 = typeof globalThis !== 'undefined' ? globalThis : 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.
@@ -38,6 +38,12 @@
38
38
  get: function () { return sheet[k]; }
39
39
  });
40
40
  });
41
+ Object.keys(tabBar).forEach(function (k) {
42
+ if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
43
+ enumerable: true,
44
+ get: function () { return tabBar[k]; }
45
+ });
46
+ });
41
47
  Object.keys(themeAndroid).forEach(function (k) {
42
48
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
43
49
  enumerable: true,
package/bundles/taiga-ui-addon-mobile-components.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-addon-mobile-components.umd.js","sources":["../../../projects/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;;CAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"taiga-ui-addon-mobile-components.umd.js","sources":["../../../projects/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;;CAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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';
package/components/tab-bar/index.d.ts ADDED
@@ -0,0 +1,4 @@
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';
package/components/tab-bar/package.json ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "main": "../../bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js",
3
+ "module": "../../fesm2015/taiga-ui-addon-mobile-components-tab-bar.js",
4
+ "es2015": "../../fesm2015/taiga-ui-addon-mobile-components-tab-bar.js",
5
+ "esm2015": "../../esm2015/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.js",
6
+ "fesm2015": "../../fesm2015/taiga-ui-addon-mobile-components-tab-bar.js",
7
+ "typings": "taiga-ui-addon-mobile-components-tab-bar.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@taiga-ui/addon-mobile/components/tab-bar"
10
+ }
package/components/tab-bar/tab-bar-item.component.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { AnimationOptions } from '@angular/animations';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TuiTabBarItemComponent {
4
+ private readonly animationOptions;
5
+ icon: string;
6
+ badge?: number | null;
7
+ readonly animation: {
8
+ readonly delay?: string | number | undefined;
9
+ readonly params?: {
10
+ [name: string]: any;
11
+ } | undefined;
12
+ readonly value: "";
13
+ };
14
+ constructor(animationOptions: AnimationOptions);
15
+ format(value: number): string;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarItemComponent, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarItemComponent, "button[tuiTabBarItem], a[tuiTabBarItem]", never, { "icon": "icon"; "badge": "badge"; }, {}, never, ["*"]>;
18
+ }
package/components/tab-bar/tab-bar-item.directive.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { ChangeDetectorRef, ElementRef } from '@angular/core';
2
+ import { Observable } from 'rxjs';
3
+ import { TuiTabBarComponent } from './tab-bar.component';
4
+ import * as i0 from "@angular/core";
5
+ export declare class TuiTabBarItemDirective {
6
+ constructor(destroy$: Observable<unknown>, active$: Observable<boolean>, tabs: TuiTabBarComponent, { nativeElement }: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef);
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarItemDirective, [{ self: true; }, null, null, null, null]>;
8
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabBarItemDirective, "[tuiTabBarItem][routerLinkActive]", never, {}, {}, never>;
9
+ }
package/components/tab-bar/tab-bar.component.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TuiTabBarComponent {
4
+ private readonly tabs;
5
+ activeItemIndex: number;
6
+ readonly activeItemIndexChange: EventEmitter<number>;
7
+ setActive(tab: EventTarget): void;
8
+ get style(): string;
9
+ private updateIndex;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarComponent, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarComponent, "nav[tuiTabBar]", never, { "activeItemIndex": "activeItemIndex"; }, { "activeItemIndexChange": "activeItemIndexChange"; }, ["tabs"], ["*"]>;
12
+ }
package/components/tab-bar/tab-bar.module.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./tab-bar.component";
3
+ import * as i2 from "./tab-bar-item.component";
4
+ import * as i3 from "./tab-bar-item.directive";
5
+ import * as i4 from "@angular/common";
6
+ import * as i5 from "@taiga-ui/core";
7
+ export declare class TuiTabBarModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiTabBarModule, [typeof i1.TuiTabBarComponent, typeof i2.TuiTabBarItemComponent, typeof i3.TuiTabBarItemDirective], [typeof i4.CommonModule, typeof i5.TuiSvgModule], [typeof i1.TuiTabBarComponent, typeof i2.TuiTabBarItemComponent, typeof i3.TuiTabBarItemDirective]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<TuiTabBarModule>;
11
+ }
package/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@taiga-ui/addon-mobile/components/tab-bar" />
5
+ export * from './index';
package/esm2015/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsMERBQTBELENBQUM7QUFDekUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDZDQUE2QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL21vYmlsZS1jYWxlbmRhcic7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvbW9iaWxlLWNhbGVuZGFyLWRpYWxvZyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvbW9iaWxlLWRpYWxvZyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvcHVsbC10by1yZWZyZXNoJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9zaGVldCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvdGhlbWUtYW5kcm9pZCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvdGhlbWUtaW9zJztcbiJdfQ==
9
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsMERBQTBELENBQUM7QUFDekUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsNkNBQTZDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvbW9iaWxlLWNhbGVuZGFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9tb2JpbGUtY2FsZW5kYXItZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9tb2JpbGUtZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9wdWxsLXRvLXJlZnJlc2gnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3NoZWV0JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90aGVtZS1hbmRyb2lkJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90aGVtZS1pb3MnO1xuIl19
package/esm2015/components/tab-bar/index.js ADDED
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RhYi1iYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGFiLWJhci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi90YWItYmFyLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGFiLWJhci1pdGVtLmRpcmVjdGl2ZSc7XG4iXX0=
package/esm2015/components/tab-bar/tab-bar-item.component.js ADDED
@@ -0,0 +1,36 @@
1
+ import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
2
+ import { TUI_ANIMATION_OPTIONS, tuiScaleIn } from '@taiga-ui/core';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@taiga-ui/core";
5
+ import * as i2 from "@angular/common";
6
+ export class TuiTabBarItemComponent {
7
+ constructor(animationOptions) {
8
+ this.animationOptions = animationOptions;
9
+ this.icon = '';
10
+ this.badge = null;
11
+ this.animation = Object.assign({ value: '' }, this.animationOptions);
12
+ }
13
+ format(value) {
14
+ return value > 999 ? '999+' : String(value);
15
+ }
16
+ }
17
+ TuiTabBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarItemComponent, deps: [{ token: TUI_ANIMATION_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
18
+ TuiTabBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarItemComponent, selector: "button[tuiTabBarItem], a[tuiTabBarItem]", inputs: { icon: "icon", badge: "badge" }, ngImport: i0, 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:none;font-size:inherit;line-height:inherit;transition-property:color;transition-duration:var(--tui-duration, .3s);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}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [tuiScaleIn], changeDetection: i0.ChangeDetectionStrategy.OnPush });
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarItemComponent, decorators: [{
20
+ type: Component,
21
+ args: [{
22
+ selector: 'button[tuiTabBarItem], a[tuiTabBarItem]',
23
+ templateUrl: './tab-bar-item.template.html',
24
+ styleUrls: ['./tab-bar-item.style.less'],
25
+ changeDetection: ChangeDetectionStrategy.OnPush,
26
+ animations: [tuiScaleIn],
27
+ }]
28
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
29
+ type: Inject,
30
+ args: [TUI_ANIMATION_OPTIONS]
31
+ }] }]; }, propDecorators: { icon: [{
32
+ type: Input
33
+ }], badge: [{
34
+ type: Input
35
+ }] } });
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RhYi1iYXIvdGFiLWJhci1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RhYi1iYXIvdGFiLWJhci1pdGVtLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxxQkFBcUIsRUFBRSxVQUFVLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVNqRSxNQUFNLE9BQU8sc0JBQXNCO0lBUy9CLFlBRXFCLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBVHZELFNBQUksR0FBRyxFQUFFLENBQUM7UUFHVixVQUFLLEdBQW1CLElBQUksQ0FBQztRQUVwQixjQUFTLEdBQUcsZ0JBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSyxJQUFJLENBQUMsZ0JBQWdCLENBQVUsQ0FBQztJQUtqRSxDQUFDO0lBRUosTUFBTSxDQUFDLEtBQWE7UUFDaEIsT0FBTyxLQUFLLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoRCxDQUFDOztvSEFoQlEsc0JBQXNCLGtCQVVuQixxQkFBcUI7d0dBVnhCLHNCQUFzQix5SENYbkMsdVVBZ0JBLDRrRERQZ0IsQ0FBQyxVQUFVLENBQUM7NEZBRWYsc0JBQXNCO2tCQVBsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx5Q0FBeUM7b0JBQ25ELFdBQVcsRUFBRSw4QkFBOEI7b0JBQzNDLFNBQVMsRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUN4QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsVUFBVSxFQUFFLENBQUMsVUFBVSxDQUFDO2lCQUMzQjs7MEJBV1EsTUFBTTsyQkFBQyxxQkFBcUI7NENBUmpDLElBQUk7c0JBREgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FuaW1hdGlvbk9wdGlvbnN9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VFVJX0FOSU1BVElPTl9PUFRJT05TLCB0dWlTY2FsZUlufSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnV0dG9uW3R1aVRhYkJhckl0ZW1dLCBhW3R1aVRhYkJhckl0ZW1dJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFiLWJhci1pdGVtLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1iYXItaXRlbS5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgYW5pbWF0aW9uczogW3R1aVNjYWxlSW5dLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJJdGVtQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIGljb24gPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgYmFkZ2U/OiBudW1iZXIgfCBudWxsID0gbnVsbDtcblxuICAgIHJlYWRvbmx5IGFuaW1hdGlvbiA9IHt2YWx1ZTogJycsIC4uLnRoaXMuYW5pbWF0aW9uT3B0aW9uc30gYXMgY29uc3Q7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfQU5JTUFUSU9OX09QVElPTlMpXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgYW5pbWF0aW9uT3B0aW9uczogQW5pbWF0aW9uT3B0aW9ucyxcbiAgICApIHt9XG5cbiAgICBmb3JtYXQodmFsdWU6IG51bWJlcik6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB2YWx1ZSA+IDk5OSA/ICc5OTkrJyA6IFN0cmluZyh2YWx1ZSk7XG4gICAgfVxufVxuIiwiPHR1aS1zdmdcbiAgICBjbGFzcz1cInQtaWNvblwiXG4gICAgW3NyY109XCJpY29uXCJcbj48L3R1aS1zdmc+XG48c3BhbiBjbGFzcz1cInQtd3JhcHBlclwiPlxuICAgIDxzcGFuXG4gICAgICAgICpuZ0lmPVwiYmFkZ2UgYXMgdmFsdWVcIlxuICAgICAgICBjbGFzcz1cInQtYmFkZ2VcIlxuICAgICAgICBbQHR1aVNjYWxlSW5dPVwiYW5pbWF0aW9uXCJcbiAgICA+XG4gICAgICAgIHt7IGZvcm1hdCh2YWx1ZSkgfX1cbiAgICA8L3NwYW4+XG48L3NwYW4+XG48c3BhbiBjbGFzcz1cInQtdGV4dFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
package/esm2015/components/tab-bar/tab-bar-item.directive.js ADDED
@@ -0,0 +1,44 @@
1
+ import { ChangeDetectorRef, Directive, ElementRef, Inject, Self } from '@angular/core';
2
+ import { TuiDestroyService, tuiWatch } from '@taiga-ui/cdk';
3
+ import { TuiRouterLinkActiveService } from '@taiga-ui/core';
4
+ import { filter, takeUntil } from 'rxjs/operators';
5
+ import { TuiTabBarComponent } from './tab-bar.component';
6
+ import * as i0 from "@angular/core";
7
+ import * as i1 from "rxjs";
8
+ import * as i2 from "./tab-bar.component";
9
+ export class TuiTabBarItemDirective {
10
+ constructor(destroy$, active$, tabs, { nativeElement }, changeDetectorRef) {
11
+ active$
12
+ .pipe(filter(Boolean), tuiWatch(changeDetectorRef), takeUntil(destroy$))
13
+ .subscribe(() => {
14
+ tabs.setActive(nativeElement);
15
+ });
16
+ }
17
+ }
18
+ TuiTabBarItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarItemDirective, deps: [{ token: TuiDestroyService, self: true }, { token: TuiRouterLinkActiveService }, { token: TuiTabBarComponent }, { token: ElementRef }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
19
+ TuiTabBarItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarItemDirective, selector: "[tuiTabBarItem][routerLinkActive]", providers: [TuiRouterLinkActiveService, TuiDestroyService], ngImport: i0 });
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarItemDirective, decorators: [{
21
+ type: Directive,
22
+ args: [{
23
+ selector: '[tuiTabBarItem][routerLinkActive]',
24
+ providers: [TuiRouterLinkActiveService, TuiDestroyService],
25
+ }]
26
+ }], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
27
+ type: Self
28
+ }, {
29
+ type: Inject,
30
+ args: [TuiDestroyService]
31
+ }] }, { type: i1.Observable, decorators: [{
32
+ type: Inject,
33
+ args: [TuiRouterLinkActiveService]
34
+ }] }, { type: i2.TuiTabBarComponent, decorators: [{
35
+ type: Inject,
36
+ args: [TuiTabBarComponent]
37
+ }] }, { type: i0.ElementRef, decorators: [{
38
+ type: Inject,
39
+ args: [ElementRef]
40
+ }] }, { type: i0.ChangeDetectorRef, decorators: [{
41
+ type: Inject,
42
+ args: [ChangeDetectorRef]
43
+ }] }]; } });
44
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci1pdGVtLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RhYi1iYXIvdGFiLWJhci1pdGVtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBQyxpQkFBaUIsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFMUQsT0FBTyxFQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7OztBQU12RCxNQUFNLE9BQU8sc0JBQXNCO0lBQy9CLFlBQ3VDLFFBQTZCLEVBQzVCLE9BQTRCLEVBQ3BDLElBQXdCLEVBQ2hDLEVBQUMsYUFBYSxFQUEwQixFQUNqQyxpQkFBb0M7UUFFL0QsT0FBTzthQUNGLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEVBQUUsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQ3ZFLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzs7b0hBYlEsc0JBQXNCLGtCQUVYLGlCQUFpQix5QkFDekIsMEJBQTBCLGFBQzFCLGtCQUFrQixhQUNsQixVQUFVLGFBQ1YsaUJBQWlCO3dHQU5wQixzQkFBc0IsNERBRnBCLENBQUMsMEJBQTBCLEVBQUUsaUJBQWlCLENBQUM7NEZBRWpELHNCQUFzQjtrQkFKbEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUNBQW1DO29CQUM3QyxTQUFTLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSxpQkFBaUIsQ0FBQztpQkFDN0Q7OzBCQUdRLElBQUk7OzBCQUFJLE1BQU07MkJBQUMsaUJBQWlCOzswQkFDaEMsTUFBTTsyQkFBQywwQkFBMEI7OzBCQUNqQyxNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQ3pCLE1BQU07MkJBQUMsVUFBVTs7MEJBQ2pCLE1BQU07MkJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3QsIFNlbGZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlEZXN0cm95U2VydmljZSwgdHVpV2F0Y2h9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlSb3V0ZXJMaW5rQWN0aXZlU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZmlsdGVyLCB0YWtlVW50aWx9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtUdWlUYWJCYXJDb21wb25lbnR9IGZyb20gJy4vdGFiLWJhci5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0dWlUYWJCYXJJdGVtXVtyb3V0ZXJMaW5rQWN0aXZlXScsXG4gICAgcHJvdmlkZXJzOiBbVHVpUm91dGVyTGlua0FjdGl2ZVNlcnZpY2UsIFR1aURlc3Ryb3lTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGFiQmFySXRlbURpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBTZWxmKCkgQEluamVjdChUdWlEZXN0cm95U2VydmljZSkgZGVzdHJveSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgICAgIEBJbmplY3QoVHVpUm91dGVyTGlua0FjdGl2ZVNlcnZpY2UpIGFjdGl2ZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj4sXG4gICAgICAgIEBJbmplY3QoVHVpVGFiQmFyQ29tcG9uZW50KSB0YWJzOiBUdWlUYWJCYXJDb21wb25lbnQsXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChDaGFuZ2VEZXRlY3RvclJlZikgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICkge1xuICAgICAgICBhY3RpdmUkXG4gICAgICAgICAgICAucGlwZShmaWx0ZXIoQm9vbGVhbiksIHR1aVdhdGNoKGNoYW5nZURldGVjdG9yUmVmKSwgdGFrZVVudGlsKGRlc3Ryb3kkKSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRhYnMuc2V0QWN0aXZlKG5hdGl2ZUVsZW1lbnQpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxufVxuIl19
package/esm2015/components/tab-bar/tab-bar.component.js ADDED
@@ -0,0 +1,48 @@
1
+ import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, EventEmitter, forwardRef, HostBinding, HostListener, Input, Output, } from '@angular/core';
2
+ import { EMPTY_QUERY, tuiIsElement } from '@taiga-ui/cdk';
3
+ import { TuiTabBarItemComponent } from './tab-bar-item.component';
4
+ import * as i0 from "@angular/core";
5
+ export 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
+ TuiTabBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
+ TuiTabBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarComponent, selector: "nav[tuiTabBar]", inputs: { activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { listeners: { "click": "setActive($event.target)" }, properties: { "style": "this.style" } }, queries: [{ propertyName: "tabs", predicate: i0.forwardRef(function () { return TuiTabBarItemComponent; }), read: ElementRef }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--tui-active-color: var(--tui-primary);position:relative;display:flex;align-items:flex-start;font:normal .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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarComponent, decorators: [{
27
+ type: Component,
28
+ args: [{
29
+ selector: 'nav[tuiTabBar]',
30
+ template: '<ng-content></ng-content>',
31
+ styleUrls: ['./tab-bar.style.less'],
32
+ changeDetection: ChangeDetectionStrategy.OnPush,
33
+ }]
34
+ }], propDecorators: { tabs: [{
35
+ type: ContentChildren,
36
+ args: [forwardRef(() => TuiTabBarItemComponent), { read: ElementRef }]
37
+ }], activeItemIndex: [{
38
+ type: Input
39
+ }], activeItemIndexChange: [{
40
+ type: Output
41
+ }], setActive: [{
42
+ type: HostListener,
43
+ args: ['click', ['$event.target']]
44
+ }], style: [{
45
+ type: HostBinding,
46
+ args: ['style']
47
+ }] } });
48
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyL3RhYi1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBQ1YsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFdBQVcsRUFBRSxZQUFZLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEQsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7O0FBUWhFLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFRcUIsU0FBSSxHQUF1QyxXQUFXLENBQUM7UUFHeEUsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFHYiwwQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBb0IvRDtJQWpCRyxTQUFTLENBQUMsR0FBZ0I7UUFDdEIsSUFBSSxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FDWixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUMsYUFBYSxFQUFDLEVBQUUsRUFBRSxDQUFDLGFBQWEsS0FBSyxHQUFHLENBQUMsQ0FDNUUsQ0FBQztTQUNMO0lBQ0wsQ0FBQztJQUVELElBQ0ksS0FBSztRQUNMLE9BQU8sYUFBYSxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsMkJBQTJCLENBQUM7SUFDNUUsQ0FBQztJQUVPLFdBQVcsQ0FBQyxLQUFhO1FBQzdCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1FBQzdCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7Z0hBM0JRLGtCQUFrQjtvR0FBbEIsa0JBQWtCLGdVQUNPLHNCQUFzQixZQUFVLFVBQVUsNkJBTGxFLDJCQUEyQjs0RkFJNUIsa0JBQWtCO2tCQU45QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNuQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQ7OEJBR29CLElBQUk7c0JBRHBCLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFDO2dCQUk3RSxlQUFlO3NCQURkLEtBQUs7Z0JBSUcscUJBQXFCO3NCQUQ3QixNQUFNO2dCQUlQLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBVXBDLEtBQUs7c0JBRFIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIGZvcndhcmRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtFTVBUWV9RVUVSWSwgdHVpSXNFbGVtZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUdWlUYWJCYXJJdGVtQ29tcG9uZW50fSBmcm9tICcuL3RhYi1iYXItaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25hdlt0dWlUYWJCYXJdJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1iYXIuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJDb21wb25lbnQge1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBUdWlUYWJCYXJJdGVtQ29tcG9uZW50KSwge3JlYWQ6IEVsZW1lbnRSZWZ9KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgdGFiczogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgQElucHV0KClcbiAgICBhY3RpdmVJdGVtSW5kZXggPSBOYU47XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBhY3RpdmVJdGVtSW5kZXhDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQudGFyZ2V0J10pXG4gICAgc2V0QWN0aXZlKHRhYjogRXZlbnRUYXJnZXQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHR1aUlzRWxlbWVudCh0YWIpKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgICAgIHRoaXMudGFicy50b0FycmF5KCkuZmluZEluZGV4KCh7bmF0aXZlRWxlbWVudH0pID0+IG5hdGl2ZUVsZW1lbnQgPT09IHRhYiksXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZScpXG4gICAgZ2V0IHN0eWxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBgLS10dWktdGFiLSR7dGhpcy5hY3RpdmVJdGVtSW5kZXggKyAxfTogdmFyKC0tdHVpLWFjdGl2ZS1jb2xvcilgO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlSW5kZXgoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleCA9IGluZGV4O1xuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleENoYW5nZS5lbWl0KGluZGV4KTtcbiAgICB9XG59XG4iXX0=
package/esm2015/components/tab-bar/tab-bar.module.js ADDED
@@ -0,0 +1,21 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { NgModule } from '@angular/core';
3
+ import { TuiSvgModule } from '@taiga-ui/core';
4
+ import { TuiTabBarComponent } from './tab-bar.component';
5
+ import { TuiTabBarItemComponent } from './tab-bar-item.component';
6
+ import { TuiTabBarItemDirective } from './tab-bar-item.directive';
7
+ import * as i0 from "@angular/core";
8
+ export class TuiTabBarModule {
9
+ }
10
+ TuiTabBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
+ TuiTabBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective], imports: [CommonModule, TuiSvgModule], exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective] });
12
+ TuiTabBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, imports: [[CommonModule, TuiSvgModule]] });
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, decorators: [{
14
+ type: NgModule,
15
+ args: [{
16
+ imports: [CommonModule, TuiSvgModule],
17
+ declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
18
+ exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
19
+ }]
20
+ }] });
21
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyL3RhYi1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUU1QyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7QUFPaEUsTUFBTSxPQUFPLGVBQWU7OzZHQUFmLGVBQWU7OEdBQWYsZUFBZSxpQkFIVCxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsYUFEdkUsWUFBWSxFQUFFLFlBQVksYUFFMUIsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUsc0JBQXNCOzhHQUVuRSxlQUFlLFlBSmYsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDOzRGQUk1QixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUM7b0JBQ3JDLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHNCQUFzQixDQUFDO29CQUNsRixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztpQkFDaEYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlTdmdNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuaW1wb3J0IHtUdWlUYWJCYXJDb21wb25lbnR9IGZyb20gJy4vdGFiLWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlUYWJCYXJJdGVtQ29tcG9uZW50fSBmcm9tICcuL3RhYi1iYXItaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlUYWJCYXJJdGVtRGlyZWN0aXZlfSBmcm9tICcuL3RhYi1iYXItaXRlbS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFR1aVN2Z01vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpVGFiQmFyQ29tcG9uZW50LCBUdWlUYWJCYXJJdGVtQ29tcG9uZW50LCBUdWlUYWJCYXJJdGVtRGlyZWN0aXZlXSxcbiAgICBleHBvcnRzOiBbVHVpVGFiQmFyQ29tcG9uZW50LCBUdWlUYWJCYXJJdGVtQ29tcG9uZW50LCBUdWlUYWJCYXJJdGVtRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGFiQmFyTW9kdWxlIHt9XG4iXX0=
package/esm2015/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.js ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtdGFiLWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RhYi1iYXIvdGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtdGFiLWJhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js ADDED
@@ -0,0 +1,141 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, Inject, Input, EventEmitter, ElementRef, ContentChildren, forwardRef, Output, HostListener, HostBinding, ChangeDetectorRef, Directive, Self, NgModule } from '@angular/core';
3
+ import { EMPTY_QUERY, tuiIsElement, tuiWatch, TuiDestroyService } from '@taiga-ui/cdk';
4
+ import * as i1 from '@taiga-ui/core';
5
+ import { TUI_ANIMATION_OPTIONS, tuiScaleIn, TuiRouterLinkActiveService, TuiSvgModule } from '@taiga-ui/core';
6
+ import * as i2 from '@angular/common';
7
+ import { CommonModule } from '@angular/common';
8
+ import { filter, takeUntil } from 'rxjs/operators';
9
+ import * as i1$1 from 'rxjs';
10
+
11
+ class TuiTabBarItemComponent {
12
+ constructor(animationOptions) {
13
+ this.animationOptions = animationOptions;
14
+ this.icon = '';
15
+ this.badge = null;
16
+ this.animation = Object.assign({ value: '' }, this.animationOptions);
17
+ }
18
+ format(value) {
19
+ return value > 999 ? '999+' : String(value);
20
+ }
21
+ }
22
+ TuiTabBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarItemComponent, deps: [{ token: TUI_ANIMATION_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
23
+ TuiTabBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarItemComponent, selector: "button[tuiTabBarItem], a[tuiTabBarItem]", inputs: { icon: "icon", badge: "badge" }, ngImport: i0, 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:none;font-size:inherit;line-height:inherit;transition-property:color;transition-duration:var(--tui-duration, .3s);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}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [tuiScaleIn], changeDetection: i0.ChangeDetectionStrategy.OnPush });
24
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarItemComponent, decorators: [{
25
+ type: Component,
26
+ args: [{
27
+ selector: 'button[tuiTabBarItem], a[tuiTabBarItem]',
28
+ templateUrl: './tab-bar-item.template.html',
29
+ styleUrls: ['./tab-bar-item.style.less'],
30
+ changeDetection: ChangeDetectionStrategy.OnPush,
31
+ animations: [tuiScaleIn],
32
+ }]
33
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
34
+ type: Inject,
35
+ args: [TUI_ANIMATION_OPTIONS]
36
+ }] }]; }, propDecorators: { icon: [{
37
+ type: Input
38
+ }], badge: [{
39
+ type: Input
40
+ }] } });
41
+
42
+ class TuiTabBarComponent {
43
+ constructor() {
44
+ this.tabs = EMPTY_QUERY;
45
+ this.activeItemIndex = NaN;
46
+ this.activeItemIndexChange = new EventEmitter();
47
+ }
48
+ setActive(tab) {
49
+ if (tuiIsElement(tab)) {
50
+ this.updateIndex(this.tabs.toArray().findIndex(({ nativeElement }) => nativeElement === tab));
51
+ }
52
+ }
53
+ get style() {
54
+ return `--tui-tab-${this.activeItemIndex + 1}: var(--tui-active-color)`;
55
+ }
56
+ updateIndex(index) {
57
+ this.activeItemIndex = index;
58
+ this.activeItemIndexChange.emit(index);
59
+ }
60
+ }
61
+ TuiTabBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
62
+ TuiTabBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarComponent, selector: "nav[tuiTabBar]", inputs: { activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { listeners: { "click": "setActive($event.target)" }, properties: { "style": "this.style" } }, queries: [{ propertyName: "tabs", predicate: i0.forwardRef(function () { return TuiTabBarItemComponent; }), read: ElementRef }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--tui-active-color: var(--tui-primary);position:relative;display:flex;align-items:flex-start;font:normal .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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
63
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarComponent, decorators: [{
64
+ type: Component,
65
+ args: [{
66
+ selector: 'nav[tuiTabBar]',
67
+ template: '<ng-content></ng-content>',
68
+ styleUrls: ['./tab-bar.style.less'],
69
+ changeDetection: ChangeDetectionStrategy.OnPush,
70
+ }]
71
+ }], propDecorators: { tabs: [{
72
+ type: ContentChildren,
73
+ args: [forwardRef(() => TuiTabBarItemComponent), { read: ElementRef }]
74
+ }], activeItemIndex: [{
75
+ type: Input
76
+ }], activeItemIndexChange: [{
77
+ type: Output
78
+ }], setActive: [{
79
+ type: HostListener,
80
+ args: ['click', ['$event.target']]
81
+ }], style: [{
82
+ type: HostBinding,
83
+ args: ['style']
84
+ }] } });
85
+
86
+ class TuiTabBarItemDirective {
87
+ constructor(destroy$, active$, tabs, { nativeElement }, changeDetectorRef) {
88
+ active$
89
+ .pipe(filter(Boolean), tuiWatch(changeDetectorRef), takeUntil(destroy$))
90
+ .subscribe(() => {
91
+ tabs.setActive(nativeElement);
92
+ });
93
+ }
94
+ }
95
+ TuiTabBarItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarItemDirective, deps: [{ token: TuiDestroyService, self: true }, { token: TuiRouterLinkActiveService }, { token: TuiTabBarComponent }, { token: ElementRef }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
96
+ TuiTabBarItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarItemDirective, selector: "[tuiTabBarItem][routerLinkActive]", providers: [TuiRouterLinkActiveService, TuiDestroyService], ngImport: i0 });
97
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarItemDirective, decorators: [{
98
+ type: Directive,
99
+ args: [{
100
+ selector: '[tuiTabBarItem][routerLinkActive]',
101
+ providers: [TuiRouterLinkActiveService, TuiDestroyService],
102
+ }]
103
+ }], ctorParameters: function () { return [{ type: i1$1.Observable, decorators: [{
104
+ type: Self
105
+ }, {
106
+ type: Inject,
107
+ args: [TuiDestroyService]
108
+ }] }, { type: i1$1.Observable, decorators: [{
109
+ type: Inject,
110
+ args: [TuiRouterLinkActiveService]
111
+ }] }, { type: TuiTabBarComponent, decorators: [{
112
+ type: Inject,
113
+ args: [TuiTabBarComponent]
114
+ }] }, { type: i0.ElementRef, decorators: [{
115
+ type: Inject,
116
+ args: [ElementRef]
117
+ }] }, { type: i0.ChangeDetectorRef, decorators: [{
118
+ type: Inject,
119
+ args: [ChangeDetectorRef]
120
+ }] }]; } });
121
+
122
+ class TuiTabBarModule {
123
+ }
124
+ TuiTabBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
125
+ TuiTabBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective], imports: [CommonModule, TuiSvgModule], exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective] });
126
+ TuiTabBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, imports: [[CommonModule, TuiSvgModule]] });
127
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, decorators: [{
128
+ type: NgModule,
129
+ args: [{
130
+ imports: [CommonModule, TuiSvgModule],
131
+ declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
132
+ exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
133
+ }]
134
+ }] });
135
+
136
+ /**
137
+ * Generated bundle index. Do not edit.
138
+ */
139
+
140
+ export { TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective, TuiTabBarModule };
141
+ //# sourceMappingURL=taiga-ui-addon-mobile-components-tab-bar.js.map
package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"taiga-ui-addon-mobile-components-tab-bar.js","sources":["../../../projects/addon-mobile/components/tab-bar/tab-bar-item.component.ts","../../../projects/addon-mobile/components/tab-bar/tab-bar-item.template.html","../../../projects/addon-mobile/components/tab-bar/tab-bar.component.ts","../../../projects/addon-mobile/components/tab-bar/tab-bar-item.directive.ts","../../../projects/addon-mobile/components/tab-bar/tab-bar.module.ts","../../../projects/addon-mobile/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TUI_ANIMATION_OPTIONS, tuiScaleIn} from '@taiga-ui/core';\n\n@Component({\n selector: 'button[tuiTabBarItem], a[tuiTabBarItem]',\n templateUrl: './tab-bar-item.template.html',\n styleUrls: ['./tab-bar-item.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [tuiScaleIn],\n})\nexport class TuiTabBarItemComponent {\n @Input()\n icon = '';\n\n @Input()\n badge?: number | null = null;\n\n readonly animation = {value: '', ...this.animationOptions} as const;\n\n constructor(\n @Inject(TUI_ANIMATION_OPTIONS)\n private readonly animationOptions: AnimationOptions,\n ) {}\n\n format(value: number): string {\n return value > 999 ? '999+' : String(value);\n }\n}\n","<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","import {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostBinding,\n HostListener,\n Input,\n Output,\n QueryList,\n} from '@angular/core';\nimport {EMPTY_QUERY, tuiIsElement} from '@taiga-ui/cdk';\n\nimport {TuiTabBarItemComponent} from './tab-bar-item.component';\n\n@Component({\n selector: 'nav[tuiTabBar]',\n template: '<ng-content></ng-content>',\n styleUrls: ['./tab-bar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiTabBarComponent {\n @ContentChildren(forwardRef(() => TuiTabBarItemComponent), {read: ElementRef})\n private readonly tabs: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n @Input()\n activeItemIndex = NaN;\n\n @Output()\n readonly activeItemIndexChange = new EventEmitter<number>();\n\n @HostListener('click', ['$event.target'])\n setActive(tab: EventTarget): void {\n if (tuiIsElement(tab)) {\n this.updateIndex(\n this.tabs.toArray().findIndex(({nativeElement}) => nativeElement === tab),\n );\n }\n }\n\n @HostBinding('style')\n get style(): string {\n return `--tui-tab-${this.activeItemIndex + 1}: var(--tui-active-color)`;\n }\n\n private updateIndex(index: number): void {\n this.activeItemIndex = index;\n this.activeItemIndexChange.emit(index);\n }\n}\n","import {ChangeDetectorRef, Directive, ElementRef, Inject, Self} from '@angular/core';\nimport {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk';\nimport {TuiRouterLinkActiveService} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\nimport {filter, takeUntil} from 'rxjs/operators';\n\nimport {TuiTabBarComponent} from './tab-bar.component';\n\n@Directive({\n selector: '[tuiTabBarItem][routerLinkActive]',\n providers: [TuiRouterLinkActiveService, TuiDestroyService],\n})\nexport class TuiTabBarItemDirective {\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TuiRouterLinkActiveService) active$: Observable<boolean>,\n @Inject(TuiTabBarComponent) tabs: TuiTabBarComponent,\n @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n ) {\n active$\n .pipe(filter(Boolean), tuiWatch(changeDetectorRef), takeUntil(destroy$))\n .subscribe(() => {\n tabs.setActive(nativeElement);\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiTabBarComponent} from './tab-bar.component';\nimport {TuiTabBarItemComponent} from './tab-bar-item.component';\nimport {TuiTabBarItemDirective} from './tab-bar-item.directive';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule],\n declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],\n exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],\n})\nexport class TuiTabBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2015/taiga-ui-addon-mobile-components.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
9
 
package/fesm2015/taiga-ui-addon-mobile-components.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-addon-mobile-components.js","sources":["../../../projects/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":";;;;;;;;AAAA;;AAEG"}
1
+ {"version":3,"file":"taiga-ui-addon-mobile-components.js","sources":["../../../projects/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":";;;;;;;;;AAAA;;AAEG"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/addon-mobile",
3
- "version": "3.23.1-dev.main-17bc204",
3
+ "version": "3.23.1-dev.main-14214d9",
4
4
  "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
5
5
  "keywords": [
6
6
  "angular",