@taiga-ui/addon-mobile 3.40.0 → 3.41.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.
Files changed (10) hide show
  1. package/README.md +3 -3
  2. package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js +21 -17
  3. package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js.map +1 -1
  4. package/components/tab-bar/tab-bar.component.d.ts +2 -1
  5. package/components/tab-bar/tab-bar.module.d.ts +2 -1
  6. package/esm2015/components/tab-bar/tab-bar.component.js +7 -3
  7. package/esm2015/components/tab-bar/tab-bar.module.js +5 -4
  8. package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js +13 -9
  9. package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js.map +1 -1
  10. package/package.json +6 -6
package/README.md CHANGED
@@ -5,13 +5,13 @@
5
5
  [![Discord](https://img.shields.io/discord/748677963142135818?color=7289DA&label=%23taiga-ui&logo=discord&logoColor=white)](https://discord.gg/Us8d8JVaTg)
6
6
 
7
7
  [Website](https://taiga-ui.dev) • [Documentation](https://taiga-ui.dev/getting-started) •
8
- [Core team](https://github.com/tinkoff/taiga-ui/#core-team)
8
+ [Core team](https://github.com/taiga-family/taiga-ui/#core-team)
9
9
 
10
10
  > Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns,
11
11
  > etc.
12
12
 
13
- It's a part of [**Taiga UI**](https://github.com/tinkoff/taiga-ui) that is fully-treeshakable Angular UI Kit consisting
14
- of multiple base libraries and several add-ons
13
+ It's a part of [**Taiga UI**](https://github.com/taiga-family/taiga-ui) that is fully-treeshakable Angular UI Kit
14
+ consisting of multiple base libraries and several add-ons
15
15
 
16
16
  ## How to install
17
17
 
package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
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
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';
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.i1$1, global.i1, global.ng.common, global.rxjs.operators, global.rxjs));
5
+ })(this, (function (exports, i0, i1$1, i1, i2, operators, i1$2) { 'use strict';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -23,9 +23,10 @@
23
23
  }
24
24
 
25
25
  var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
26
+ var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
26
27
  var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
27
28
  var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
28
- var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
29
+ var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
29
30
 
30
31
  var TuiTabBarItemComponent = /** @class */ (function () {
31
32
  function TuiTabBarItemComponent(animation) {
@@ -62,12 +63,13 @@
62
63
 
63
64
  var TuiTabBarComponent = /** @class */ (function () {
64
65
  function TuiTabBarComponent() {
65
- this.tabs = cdk.EMPTY_QUERY;
66
+ this.tabs = i1$1.EMPTY_QUERY;
67
+ this.quantity = 4;
66
68
  this.activeItemIndex = NaN;
67
69
  this.activeItemIndexChange = new i0.EventEmitter();
68
70
  }
69
71
  TuiTabBarComponent.prototype.setActive = function (tab) {
70
- if (cdk.tuiIsElement(tab)) {
72
+ if (i1$1.tuiIsElement(tab)) {
71
73
  this.updateIndex(this.tabs.toArray().findIndex(function (_a) {
72
74
  var nativeElement = _a.nativeElement;
73
75
  return nativeElement === tab;
@@ -88,18 +90,20 @@
88
90
  return TuiTabBarComponent;
89
91
  }());
90
92
  TuiTabBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
91
- 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
+ TuiTabBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarComponent, selector: "nav[tuiTabBar]", inputs: { quantity: "quantity", 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>\n<div class=\"t-skeletons\">\n <div\n *tuiRepeatTimes=\"let index of quantity\"\n class=\"t-skeleton\"\n ></div>\n</div>\n", 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}.t-skeletons{display:none;height:100%;width:100%;justify-content:space-around}.t-skeletons:first-child{display:flex}.t-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:tuiSkeletonVibe ease-in-out 1s infinite alternate}.t-skeleton:before{content:\"\";width:1.375rem;height:1.375rem;margin-bottom:.5rem;border-radius:100%;background:var(--tui-clear-hover)}.t-skeleton:after{content:\"\";width:2.5rem;height:.375rem;border-radius:1rem;background:var(--tui-clear-hover)}\n"], directives: [{ type: i1__namespace$1.TuiRepeatTimesDirective, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
92
94
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarComponent, decorators: [{
93
95
  type: i0.Component,
94
96
  args: [{
95
97
  selector: 'nav[tuiTabBar]',
96
- template: '<ng-content></ng-content>',
98
+ templateUrl: './tab-bar.template.html',
97
99
  styleUrls: ['./tab-bar.style.less'],
98
100
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
99
101
  }]
100
102
  }], propDecorators: { tabs: [{
101
103
  type: i0.ContentChildren,
102
104
  args: [i0.forwardRef(function () { return TuiTabBarItemComponent; }), { read: i0.ElementRef }]
105
+ }], quantity: [{
106
+ type: i0.Input
103
107
  }], activeItemIndex: [{
104
108
  type: i0.Input
105
109
  }], activeItemIndexChange: [{
@@ -116,28 +120,28 @@
116
120
  function TuiTabBarItemDirective(destroy$, active$, tabs, _a, cdr) {
117
121
  var nativeElement = _a.nativeElement;
118
122
  active$
119
- .pipe(operators.filter(Boolean), cdk.tuiWatch(cdr), operators.takeUntil(destroy$))
123
+ .pipe(operators.filter(Boolean), i1$1.tuiWatch(cdr), operators.takeUntil(destroy$))
120
124
  .subscribe(function () {
121
125
  tabs.setActive(nativeElement);
122
126
  });
123
127
  }
124
128
  return TuiTabBarItemDirective;
125
129
  }());
126
- 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 });
127
- 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 });
130
+ TuiTabBarItemDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarItemDirective, deps: [{ token: i1$1.TuiDestroyService, self: true }, { token: i1.TuiRouterLinkActiveService }, { token: TuiTabBarComponent }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
131
+ TuiTabBarItemDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarItemDirective, selector: "[tuiTabBarItem][routerLinkActive]", providers: [i1.TuiRouterLinkActiveService, i1$1.TuiDestroyService], ngImport: i0__namespace });
128
132
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarItemDirective, decorators: [{
129
133
  type: i0.Directive,
130
134
  args: [{
131
135
  selector: '[tuiTabBarItem][routerLinkActive]',
132
- providers: [i1.TuiRouterLinkActiveService, cdk.TuiDestroyService],
136
+ providers: [i1.TuiRouterLinkActiveService, i1$1.TuiDestroyService],
133
137
  }]
134
138
  }], ctorParameters: function () {
135
- return [{ type: i1__namespace$1.Observable, decorators: [{
139
+ return [{ type: i1__namespace$2.Observable, decorators: [{
136
140
  type: i0.Self
137
141
  }, {
138
142
  type: i0.Inject,
139
- args: [cdk.TuiDestroyService]
140
- }] }, { type: i1__namespace$1.Observable, decorators: [{
143
+ args: [i1$1.TuiDestroyService]
144
+ }] }, { type: i1__namespace$2.Observable, decorators: [{
141
145
  type: i0.Inject,
142
146
  args: [i1.TuiRouterLinkActiveService]
143
147
  }] }, { type: TuiTabBarComponent, decorators: [{
@@ -158,12 +162,12 @@
158
162
  return TuiTabBarModule;
159
163
  }());
160
164
  TuiTabBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
161
- 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] });
162
- TuiTabBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarModule, imports: [[i2.CommonModule, i1.TuiSvgModule]] });
165
+ 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, i1$1.TuiRepeatTimesModule], exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective] });
166
+ TuiTabBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarModule, imports: [[i2.CommonModule, i1.TuiSvgModule, i1$1.TuiRepeatTimesModule]] });
163
167
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTabBarModule, decorators: [{
164
168
  type: i0.NgModule,
165
169
  args: [{
166
- imports: [i2.CommonModule, i1.TuiSvgModule],
170
+ imports: [i2.CommonModule, i1.TuiSvgModule, i1$1.TuiRepeatTimesModule],
167
171
  declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
168
172
  exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
169
173
  }]
package/bundles/taiga-ui-addon-mobile-components-tab-bar.umd.js.map CHANGED
@@ -1 +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 constructor(@Inject(TUI_ANIMATION_OPTIONS) readonly animation: AnimationOptions) {}\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) cdr: ChangeDetectorRef,\n ) {\n active$\n .pipe(filter(Boolean), tuiWatch(cdr), 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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"}
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.template.html","../../../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 constructor(@Inject(TUI_ANIMATION_OPTIONS) readonly animation: AnimationOptions) {}\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 templateUrl: './tab-bar.template.html',\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 quantity = 4;\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","<ng-content></ng-content>\n<div class=\"t-skeletons\">\n <div\n *tuiRepeatTimes=\"let index of quantity\"\n class=\"t-skeleton\"\n ></div>\n</div>\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) cdr: ChangeDetectorRef,\n ) {\n active$\n .pipe(filter(Boolean), tuiWatch(cdr), takeUntil(destroy$))\n .subscribe(() => {\n tabs.setActive(nativeElement);\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\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, TuiRepeatTimesModule],\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","TuiRepeatTimesModule","NgModule"],"mappings":"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"}
package/components/tab-bar/tab-bar.component.d.ts CHANGED
@@ -2,11 +2,12 @@ import { EventEmitter } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class TuiTabBarComponent {
4
4
  private readonly tabs;
5
+ quantity: number;
5
6
  activeItemIndex: number;
6
7
  readonly activeItemIndexChange: EventEmitter<number>;
7
8
  setActive(tab: EventTarget): void;
8
9
  get style(): string;
9
10
  private updateIndex;
10
11
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarComponent, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarComponent, "nav[tuiTabBar]", never, { "activeItemIndex": "activeItemIndex"; }, { "activeItemIndexChange": "activeItemIndexChange"; }, ["tabs"], ["*"]>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarComponent, "nav[tuiTabBar]", never, { "quantity": "quantity"; "activeItemIndex": "activeItemIndex"; }, { "activeItemIndexChange": "activeItemIndexChange"; }, ["tabs"], ["*"]>;
12
13
  }
package/components/tab-bar/tab-bar.module.d.ts CHANGED
@@ -4,8 +4,9 @@ import * as i2 from "./tab-bar-item.component";
4
4
  import * as i3 from "./tab-bar-item.directive";
5
5
  import * as i4 from "@angular/common";
6
6
  import * as i5 from "@taiga-ui/core";
7
+ import * as i6 from "@taiga-ui/cdk";
7
8
  export declare class TuiTabBarModule {
8
9
  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 ɵmod: i0.ɵɵNgModuleDeclaration<TuiTabBarModule, [typeof i1.TuiTabBarComponent, typeof i2.TuiTabBarItemComponent, typeof i3.TuiTabBarItemDirective], [typeof i4.CommonModule, typeof i5.TuiSvgModule, typeof i6.TuiRepeatTimesModule], [typeof i1.TuiTabBarComponent, typeof i2.TuiTabBarItemComponent, typeof i3.TuiTabBarItemDirective]>;
10
11
  static ɵinj: i0.ɵɵInjectorDeclaration<TuiTabBarModule>;
11
12
  }
package/esm2015/components/tab-bar/tab-bar.component.js CHANGED
@@ -2,9 +2,11 @@ import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, EventE
2
2
  import { EMPTY_QUERY, tuiIsElement } from '@taiga-ui/cdk';
3
3
  import { TuiTabBarItemComponent } from './tab-bar-item.component';
4
4
  import * as i0 from "@angular/core";
5
+ import * as i1 from "@taiga-ui/cdk";
5
6
  export class TuiTabBarComponent {
6
7
  constructor() {
7
8
  this.tabs = EMPTY_QUERY;
9
+ this.quantity = 4;
8
10
  this.activeItemIndex = NaN;
9
11
  this.activeItemIndexChange = new EventEmitter();
10
12
  }
@@ -22,18 +24,20 @@ export class TuiTabBarComponent {
22
24
  }
23
25
  }
24
26
  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 });
27
+ TuiTabBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarComponent, selector: "nav[tuiTabBar]", inputs: { quantity: "quantity", 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>\n<div class=\"t-skeletons\">\n <div\n *tuiRepeatTimes=\"let index of quantity\"\n class=\"t-skeleton\"\n ></div>\n</div>\n", 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}.t-skeletons{display:none;height:100%;width:100%;justify-content:space-around}.t-skeletons:first-child{display:flex}.t-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:tuiSkeletonVibe ease-in-out 1s infinite alternate}.t-skeleton:before{content:\"\";width:1.375rem;height:1.375rem;margin-bottom:.5rem;border-radius:100%;background:var(--tui-clear-hover)}.t-skeleton:after{content:\"\";width:2.5rem;height:.375rem;border-radius:1rem;background:var(--tui-clear-hover)}\n"], directives: [{ type: i1.TuiRepeatTimesDirective, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
26
28
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarComponent, decorators: [{
27
29
  type: Component,
28
30
  args: [{
29
31
  selector: 'nav[tuiTabBar]',
30
- template: '<ng-content></ng-content>',
32
+ templateUrl: './tab-bar.template.html',
31
33
  styleUrls: ['./tab-bar.style.less'],
32
34
  changeDetection: ChangeDetectionStrategy.OnPush,
33
35
  }]
34
36
  }], propDecorators: { tabs: [{
35
37
  type: ContentChildren,
36
38
  args: [forwardRef(() => TuiTabBarItemComponent), { read: ElementRef }]
39
+ }], quantity: [{
40
+ type: Input
37
41
  }], activeItemIndex: [{
38
42
  type: Input
39
43
  }], activeItemIndexChange: [{
@@ -45,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
45
49
  type: HostBinding,
46
50
  args: ['style']
47
51
  }] } });
48
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyL3RhYi1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBQ1YsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFdBQVcsRUFBRSxZQUFZLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEQsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7O0FBUWhFLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFRcUIsU0FBSSxHQUF1QyxXQUFXLENBQUM7UUFHeEUsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFHYiwwQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBb0IvRDtJQWpCRyxTQUFTLENBQUMsR0FBZ0I7UUFDdEIsSUFBSSxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FDWixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUMsYUFBYSxFQUFDLEVBQUUsRUFBRSxDQUFDLGFBQWEsS0FBSyxHQUFHLENBQUMsQ0FDNUUsQ0FBQztTQUNMO0lBQ0wsQ0FBQztJQUVELElBQ0ksS0FBSztRQUNMLE9BQU8sYUFBYSxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsMkJBQTJCLENBQUM7SUFDNUUsQ0FBQztJQUVPLFdBQVcsQ0FBQyxLQUFhO1FBQzdCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1FBQzdCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7Z0hBM0JRLGtCQUFrQjtvR0FBbEIsa0JBQWtCLGdVQUNPLHNCQUFzQixZQUFVLFVBQVUsNkJBTGxFLDJCQUEyQjs0RkFJNUIsa0JBQWtCO2tCQU45QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNuQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQ7OEJBR29CLElBQUk7c0JBRHBCLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFDO2dCQUk3RSxlQUFlO3NCQURkLEtBQUs7Z0JBSUcscUJBQXFCO3NCQUQ3QixNQUFNO2dCQUlQLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBVXBDLEtBQUs7c0JBRFIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIGZvcndhcmRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtFTVBUWV9RVUVSWSwgdHVpSXNFbGVtZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUdWlUYWJCYXJJdGVtQ29tcG9uZW50fSBmcm9tICcuL3RhYi1iYXItaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25hdlt0dWlUYWJCYXJdJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1iYXIuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJDb21wb25lbnQge1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBUdWlUYWJCYXJJdGVtQ29tcG9uZW50KSwge3JlYWQ6IEVsZW1lbnRSZWZ9KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgdGFiczogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgQElucHV0KClcbiAgICBhY3RpdmVJdGVtSW5kZXggPSBOYU47XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBhY3RpdmVJdGVtSW5kZXhDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQudGFyZ2V0J10pXG4gICAgc2V0QWN0aXZlKHRhYjogRXZlbnRUYXJnZXQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHR1aUlzRWxlbWVudCh0YWIpKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgICAgIHRoaXMudGFicy50b0FycmF5KCkuZmluZEluZGV4KCh7bmF0aXZlRWxlbWVudH0pID0+IG5hdGl2ZUVsZW1lbnQgPT09IHRhYiksXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZScpXG4gICAgZ2V0IHN0eWxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBgLS10dWktdGFiLSR7dGhpcy5hY3RpdmVJdGVtSW5kZXggKyAxfTogdmFyKC0tdHVpLWFjdGl2ZS1jb2xvcilgO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlSW5kZXgoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleCA9IGluZGV4O1xuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleENoYW5nZS5lbWl0KGluZGV4KTtcbiAgICB9XG59XG4iXX0=
52
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyL3RhYi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvdGFiLWJhci90YWItYmFyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixZQUFZLEVBQ1osVUFBVSxFQUNWLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsV0FBVyxFQUFFLFlBQVksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV4RCxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBUWhFLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFRcUIsU0FBSSxHQUF1QyxXQUFXLENBQUM7UUFHeEUsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUdiLG9CQUFlLEdBQUcsR0FBRyxDQUFDO1FBR2IsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQW9CL0Q7SUFqQkcsU0FBUyxDQUFDLEdBQWdCO1FBQ3RCLElBQUksWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxXQUFXLENBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFDLGFBQWEsRUFBQyxFQUFFLEVBQUUsQ0FBQyxhQUFhLEtBQUssR0FBRyxDQUFDLENBQzVFLENBQUM7U0FDTDtJQUNMLENBQUM7SUFFRCxJQUNJLEtBQUs7UUFDTCxPQUFPLGFBQWEsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLDJCQUEyQixDQUFDO0lBQzVFLENBQUM7SUFFTyxXQUFXLENBQUMsS0FBYTtRQUM3QixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNDLENBQUM7O2dIQTlCUSxrQkFBa0I7b0dBQWxCLGtCQUFrQixzVkFDTyxzQkFBc0IsWUFBVSxVQUFVLDZCQ3hCaEYsMEtBT0E7NEZEZ0JhLGtCQUFrQjtrQkFOOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixXQUFXLEVBQUUseUJBQXlCO29CQUN0QyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDbkMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2xEOzhCQUdvQixJQUFJO3NCQURwQixlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBQztnQkFJN0UsUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJRyxxQkFBcUI7c0JBRDdCLE1BQU07Z0JBSVAsU0FBUztzQkFEUixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFVcEMsS0FBSztzQkFEUixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgZm9yd2FyZFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0VNUFRZX1FVRVJZLCB0dWlJc0VsZW1lbnR9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuXG5pbXBvcnQge1R1aVRhYkJhckl0ZW1Db21wb25lbnR9IGZyb20gJy4vdGFiLWJhci1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmF2W3R1aVRhYkJhcl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWItYmFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYi1iYXIuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUYWJCYXJDb21wb25lbnQge1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBUdWlUYWJCYXJJdGVtQ29tcG9uZW50KSwge3JlYWQ6IEVsZW1lbnRSZWZ9KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgdGFiczogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgQElucHV0KClcbiAgICBxdWFudGl0eSA9IDQ7XG5cbiAgICBASW5wdXQoKVxuICAgIGFjdGl2ZUl0ZW1JbmRleCA9IE5hTjtcblxuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IGFjdGl2ZUl0ZW1JbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudC50YXJnZXQnXSlcbiAgICBzZXRBY3RpdmUodGFiOiBFdmVudFRhcmdldCk6IHZvaWQge1xuICAgICAgICBpZiAodHVpSXNFbGVtZW50KHRhYikpIHtcbiAgICAgICAgICAgIHRoaXMudXBkYXRlSW5kZXgoXG4gICAgICAgICAgICAgICAgdGhpcy50YWJzLnRvQXJyYXkoKS5maW5kSW5kZXgoKHtuYXRpdmVFbGVtZW50fSkgPT4gbmF0aXZlRWxlbWVudCA9PT0gdGFiKSxcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlJylcbiAgICBnZXQgc3R5bGUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGAtLXR1aS10YWItJHt0aGlzLmFjdGl2ZUl0ZW1JbmRleCArIDF9OiB2YXIoLS10dWktYWN0aXZlLWNvbG9yKWA7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVJbmRleChpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYWN0aXZlSXRlbUluZGV4ID0gaW5kZXg7XG4gICAgICAgIHRoaXMuYWN0aXZlSXRlbUluZGV4Q2hhbmdlLmVtaXQoaW5kZXgpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJ0LXNrZWxldG9uc1wiPlxuICAgIDxkaXZcbiAgICAgICAgKnR1aVJlcGVhdFRpbWVzPVwibGV0IGluZGV4IG9mIHF1YW50aXR5XCJcbiAgICAgICAgY2xhc3M9XCJ0LXNrZWxldG9uXCJcbiAgICA+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
package/esm2015/components/tab-bar/tab-bar.module.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { CommonModule } from '@angular/common';
2
2
  import { NgModule } from '@angular/core';
3
+ import { TuiRepeatTimesModule } from '@taiga-ui/cdk';
3
4
  import { TuiSvgModule } from '@taiga-ui/core';
4
5
  import { TuiTabBarComponent } from './tab-bar.component';
5
6
  import { TuiTabBarItemComponent } from './tab-bar-item.component';
@@ -8,14 +9,14 @@ import * as i0 from "@angular/core";
8
9
  export class TuiTabBarModule {
9
10
  }
10
11
  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]] });
12
+ TuiTabBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective], imports: [CommonModule, TuiSvgModule, TuiRepeatTimesModule], exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective] });
13
+ TuiTabBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, imports: [[CommonModule, TuiSvgModule, TuiRepeatTimesModule]] });
13
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, decorators: [{
14
15
  type: NgModule,
15
16
  args: [{
16
- imports: [CommonModule, TuiSvgModule],
17
+ imports: [CommonModule, TuiSvgModule, TuiRepeatTimesModule],
17
18
  declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
18
19
  exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
19
20
  }]
20
21
  }] });
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyL3RhYi1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUU1QyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7QUFPaEUsTUFBTSxPQUFPLGVBQWU7OzZHQUFmLGVBQWU7OEdBQWYsZUFBZSxpQkFIVCxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsYUFEdkUsWUFBWSxFQUFFLFlBQVksYUFFMUIsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUsc0JBQXNCOzhHQUVuRSxlQUFlLFlBSmYsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDOzRGQUk1QixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUM7b0JBQ3JDLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHNCQUFzQixDQUFDO29CQUNsRixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztpQkFDaEYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlTdmdNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuaW1wb3J0IHtUdWlUYWJCYXJDb21wb25lbnR9IGZyb20gJy4vdGFiLWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlUYWJCYXJJdGVtQ29tcG9uZW50fSBmcm9tICcuL3RhYi1iYXItaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlUYWJCYXJJdGVtRGlyZWN0aXZlfSBmcm9tICcuL3RhYi1iYXItaXRlbS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFR1aVN2Z01vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpVGFiQmFyQ29tcG9uZW50LCBUdWlUYWJCYXJJdGVtQ29tcG9uZW50LCBUdWlUYWJCYXJJdGVtRGlyZWN0aXZlXSxcbiAgICBleHBvcnRzOiBbVHVpVGFiQmFyQ29tcG9uZW50LCBUdWlUYWJCYXJJdGVtQ29tcG9uZW50LCBUdWlUYWJCYXJJdGVtRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGFiQmFyTW9kdWxlIHt9XG4iXX0=
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy90YWItYmFyL3RhYi1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7O0FBT2hFLE1BQU0sT0FBTyxlQUFlOzs2R0FBZixlQUFlOzhHQUFmLGVBQWUsaUJBSFQsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUsc0JBQXNCLGFBRHZFLFlBQVksRUFBRSxZQUFZLEVBQUUsb0JBQW9CLGFBRWhELGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHNCQUFzQjs4R0FFbkUsZUFBZSxZQUpmLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxvQkFBb0IsQ0FBQzs0RkFJbEQsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixDQUFDO29CQUMzRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDbEYsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUsc0JBQXNCLENBQUM7aUJBQ2hGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpUmVwZWF0VGltZXNNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTdmdNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuaW1wb3J0IHtUdWlUYWJCYXJDb21wb25lbnR9IGZyb20gJy4vdGFiLWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlUYWJCYXJJdGVtQ29tcG9uZW50fSBmcm9tICcuL3RhYi1iYXItaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlUYWJCYXJJdGVtRGlyZWN0aXZlfSBmcm9tICcuL3RhYi1iYXItaXRlbS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFR1aVN2Z01vZHVsZSwgVHVpUmVwZWF0VGltZXNNb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW1R1aVRhYkJhckNvbXBvbmVudCwgVHVpVGFiQmFySXRlbUNvbXBvbmVudCwgVHVpVGFiQmFySXRlbURpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aVRhYkJhckNvbXBvbmVudCwgVHVpVGFiQmFySXRlbUNvbXBvbmVudCwgVHVpVGFiQmFySXRlbURpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRhYkJhck1vZHVsZSB7fVxuIl19
package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js CHANGED
@@ -1,12 +1,13 @@
1
1
  import * as i0 from '@angular/core';
2
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';
3
+ import * as i1$1 from '@taiga-ui/cdk';
4
+ import { EMPTY_QUERY, tuiIsElement, tuiWatch, TuiDestroyService, TuiRepeatTimesModule } from '@taiga-ui/cdk';
4
5
  import * as i1 from '@taiga-ui/core';
5
6
  import { TUI_ANIMATION_OPTIONS, tuiScaleIn, TuiRouterLinkActiveService, TuiSvgModule } from '@taiga-ui/core';
6
7
  import * as i2 from '@angular/common';
7
8
  import { CommonModule } from '@angular/common';
8
9
  import { filter, takeUntil } from 'rxjs/operators';
9
- import * as i1$1 from 'rxjs';
10
+ import * as i1$2 from 'rxjs';
10
11
 
11
12
  class TuiTabBarItemComponent {
12
13
  constructor(animation) {
@@ -41,6 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
41
42
  class TuiTabBarComponent {
42
43
  constructor() {
43
44
  this.tabs = EMPTY_QUERY;
45
+ this.quantity = 4;
44
46
  this.activeItemIndex = NaN;
45
47
  this.activeItemIndexChange = new EventEmitter();
46
48
  }
@@ -58,18 +60,20 @@ class TuiTabBarComponent {
58
60
  }
59
61
  }
60
62
  TuiTabBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
61
- 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
+ TuiTabBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTabBarComponent, selector: "nav[tuiTabBar]", inputs: { quantity: "quantity", 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>\n<div class=\"t-skeletons\">\n <div\n *tuiRepeatTimes=\"let index of quantity\"\n class=\"t-skeleton\"\n ></div>\n</div>\n", 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}.t-skeletons{display:none;height:100%;width:100%;justify-content:space-around}.t-skeletons:first-child{display:flex}.t-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:tuiSkeletonVibe ease-in-out 1s infinite alternate}.t-skeleton:before{content:\"\";width:1.375rem;height:1.375rem;margin-bottom:.5rem;border-radius:100%;background:var(--tui-clear-hover)}.t-skeleton:after{content:\"\";width:2.5rem;height:.375rem;border-radius:1rem;background:var(--tui-clear-hover)}\n"], directives: [{ type: i1$1.TuiRepeatTimesDirective, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
62
64
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarComponent, decorators: [{
63
65
  type: Component,
64
66
  args: [{
65
67
  selector: 'nav[tuiTabBar]',
66
- template: '<ng-content></ng-content>',
68
+ templateUrl: './tab-bar.template.html',
67
69
  styleUrls: ['./tab-bar.style.less'],
68
70
  changeDetection: ChangeDetectionStrategy.OnPush,
69
71
  }]
70
72
  }], propDecorators: { tabs: [{
71
73
  type: ContentChildren,
72
74
  args: [forwardRef(() => TuiTabBarItemComponent), { read: ElementRef }]
75
+ }], quantity: [{
76
+ type: Input
73
77
  }], activeItemIndex: [{
74
78
  type: Input
75
79
  }], activeItemIndexChange: [{
@@ -99,12 +103,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
99
103
  selector: '[tuiTabBarItem][routerLinkActive]',
100
104
  providers: [TuiRouterLinkActiveService, TuiDestroyService],
101
105
  }]
102
- }], ctorParameters: function () { return [{ type: i1$1.Observable, decorators: [{
106
+ }], ctorParameters: function () { return [{ type: i1$2.Observable, decorators: [{
103
107
  type: Self
104
108
  }, {
105
109
  type: Inject,
106
110
  args: [TuiDestroyService]
107
- }] }, { type: i1$1.Observable, decorators: [{
111
+ }] }, { type: i1$2.Observable, decorators: [{
108
112
  type: Inject,
109
113
  args: [TuiRouterLinkActiveService]
110
114
  }] }, { type: TuiTabBarComponent, decorators: [{
@@ -121,12 +125,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
121
125
  class TuiTabBarModule {
122
126
  }
123
127
  TuiTabBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
124
- 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] });
125
- TuiTabBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, imports: [[CommonModule, TuiSvgModule]] });
128
+ TuiTabBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective], imports: [CommonModule, TuiSvgModule, TuiRepeatTimesModule], exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective] });
129
+ TuiTabBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, imports: [[CommonModule, TuiSvgModule, TuiRepeatTimesModule]] });
126
130
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTabBarModule, decorators: [{
127
131
  type: NgModule,
128
132
  args: [{
129
- imports: [CommonModule, TuiSvgModule],
133
+ imports: [CommonModule, TuiSvgModule, TuiRepeatTimesModule],
130
134
  declarations: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
131
135
  exports: [TuiTabBarComponent, TuiTabBarItemComponent, TuiTabBarItemDirective],
132
136
  }]
package/fesm2015/taiga-ui-addon-mobile-components-tab-bar.js.map CHANGED
@@ -1 +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 constructor(@Inject(TUI_ANIMATION_OPTIONS) readonly animation: AnimationOptions) {}\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) cdr: ChangeDetectorRef,\n ) {\n active$\n .pipe(filter(Boolean), tuiWatch(cdr), 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":";;;;;;;;;;MAWa,sBAAsB,CAAA;AAO/B,IAAA,WAAA,CAAoD,SAA2B,EAAA;QAA3B,IAAS,CAAA,SAAA,GAAT,SAAS,CAAkB;QAL/E,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAGV,IAAK,CAAA,KAAA,GAAmB,IAAI,CAAC;KAEsD;AAEnF,IAAA,MAAM,CAAC,KAAa,EAAA;AAChB,QAAA,OAAO,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;KAC/C;;AAXQ,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,kBAOX,qBAAqB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAPhC,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,ECXnC,QAAA,EAAA,yCAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,uUAgBA,EDPgB,MAAA,EAAA,CAAA,w5CAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,UAAU,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FAEf,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,2BAA2B,CAAC;oBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,UAAU,EAAE,CAAC,UAAU,CAAC;AAC3B,iBAAA,CAAA;;0BAQgB,MAAM;2BAAC,qBAAqB,CAAA;4CALzC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;;;MEQG,kBAAkB,CAAA;AAN/B,IAAA,WAAA,GAAA;QAQqB,IAAI,CAAA,IAAA,GAAuC,WAAW,CAAC;QAGxE,IAAe,CAAA,eAAA,GAAG,GAAG,CAAC;AAGb,QAAA,IAAA,CAAA,qBAAqB,GAAG,IAAI,YAAY,EAAU,CAAC;AAoB/D,KAAA;AAjBG,IAAA,SAAS,CAAC,GAAgB,EAAA;AACtB,QAAA,IAAI,YAAY,CAAC,GAAG,CAAC,EAAE;YACnB,IAAI,CAAC,WAAW,CACZ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,EAAC,aAAa,EAAC,KAAK,aAAa,KAAK,GAAG,CAAC,CAC5E,CAAC;AACL,SAAA;KACJ;AAED,IAAA,IACI,KAAK,GAAA;AACL,QAAA,OAAO,aAAa,IAAI,CAAC,eAAe,GAAG,CAAC,2BAA2B,CAAC;KAC3E;AAEO,IAAA,WAAW,CAAC,KAAa,EAAA;AAC7B,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AAC7B,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1C;;gHA3BQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EACO,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,0BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,YAAA,EAAA,OAAA,sBAAsB,CAAU,EAAA,CAAA,EAAA,IAAA,EAAA,UAAU,6BALlE,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0eAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FAI5B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,2BAA2B;oBACrC,SAAS,EAAE,CAAC,sBAAsB,CAAC;oBACnC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAClD,iBAAA,CAAA;8BAGoB,IAAI,EAAA,CAAA;sBADpB,eAAe;uBAAC,UAAU,CAAC,MAAM,sBAAsB,CAAC,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAA;gBAI7E,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIG,qBAAqB,EAAA,CAAA;sBAD7B,MAAM;gBAIP,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,OAAO,EAAE,CAAC,eAAe,CAAC,CAAA;gBAUpC,KAAK,EAAA,CAAA;sBADR,WAAW;uBAAC,OAAO,CAAA;;;MC9BX,sBAAsB,CAAA;IAC/B,WACuC,CAAA,QAA6B,EAC5B,OAA4B,EACpC,IAAwB,EAChC,EAAC,aAAa,EAA0B,EACjC,GAAsB,EAAA;QAEjD,OAAO;AACF,aAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;aACzD,SAAS,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;AAClC,SAAC,CAAC,CAAC;KACV;;oHAbQ,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAEX,iBAAiB,EACzB,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,0BAA0B,aAC1B,kBAAkB,EAAA,EAAA,EAAA,KAAA,EAClB,UAAU,EAAA,EAAA,EAAA,KAAA,EACV,iBAAiB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AANpB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAFpB,QAAA,EAAA,mCAAA,EAAA,SAAA,EAAA,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAEjD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mCAAmC;AAC7C,oBAAA,SAAS,EAAE,CAAC,0BAA0B,EAAE,iBAAiB,CAAC;AAC7D,iBAAA,CAAA;;0BAGQ,IAAI;;0BAAI,MAAM;2BAAC,iBAAiB,CAAA;;0BAChC,MAAM;2BAAC,0BAA0B,CAAA;;0BACjC,MAAM;2BAAC,kBAAkB,CAAA;;0BACzB,MAAM;2BAAC,UAAU,CAAA;;0BACjB,MAAM;2BAAC,iBAAiB,CAAA;;;MCLpB,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAHT,YAAA,EAAA,CAAA,kBAAkB,EAAE,sBAAsB,EAAE,sBAAsB,CAAA,EAAA,OAAA,EAAA,CADvE,YAAY,EAAE,YAAY,CAE1B,EAAA,OAAA,EAAA,CAAA,kBAAkB,EAAE,sBAAsB,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAEnE,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAJf,OAAA,EAAA,CAAA,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;4FAI5B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACrC,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,sBAAsB,CAAC;AAClF,oBAAA,OAAO,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,sBAAsB,CAAC;AAChF,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}
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.template.html","../../../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 constructor(@Inject(TUI_ANIMATION_OPTIONS) readonly animation: AnimationOptions) {}\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 templateUrl: './tab-bar.template.html',\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 quantity = 4;\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","<ng-content></ng-content>\n<div class=\"t-skeletons\">\n <div\n *tuiRepeatTimes=\"let index of quantity\"\n class=\"t-skeleton\"\n ></div>\n</div>\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) cdr: ChangeDetectorRef,\n ) {\n active$\n .pipe(filter(Boolean), tuiWatch(cdr), takeUntil(destroy$))\n .subscribe(() => {\n tabs.setActive(nativeElement);\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\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, TuiRepeatTimesModule],\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":["i1"],"mappings":"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"}
package/package.json CHANGED
@@ -1,23 +1,23 @@
1
1
  {
2
2
  "name": "@taiga-ui/addon-mobile",
3
- "version": "3.40.0",
3
+ "version": "3.41.0",
4
4
  "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
5
5
  "keywords": [
6
6
  "angular",
7
7
  "component",
8
8
  "mobile"
9
9
  ],
10
- "homepage": "https://github.com/tinkoff/taiga-ui",
11
- "repository": "https://github.com/tinkoff/taiga-ui",
10
+ "homepage": "https://github.com/taiga-family/taiga-ui",
11
+ "repository": "https://github.com/taiga-family/taiga-ui",
12
12
  "license": "Apache-2.0",
13
13
  "peerDependencies": {
14
14
  "@angular/cdk": ">=12.0.0",
15
15
  "@angular/common": ">=12.0.0",
16
16
  "@angular/core": ">=12.0.0",
17
17
  "@ng-web-apis/common": ">=3.0.0",
18
- "@taiga-ui/cdk": ">=3.40.0",
19
- "@taiga-ui/core": ">=3.40.0",
20
- "@taiga-ui/kit": ">=3.40.0",
18
+ "@taiga-ui/cdk": ">=3.41.0",
19
+ "@taiga-ui/core": ">=3.41.0",
20
+ "@taiga-ui/kit": ">=3.41.0",
21
21
  "@tinkoff/ng-polymorpheus": ">=4.0.0",
22
22
  "rxjs": ">=6.0.0"
23
23
  },