@taiga-ui/addon-mobile 3.24.0 → 3.25.0-dev.main-283f401
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/taiga-ui-addon-mobile-components-app-bar.umd.js +150 -0
- package/bundles/taiga-ui-addon-mobile-components-app-bar.umd.js.map +1 -0
- package/bundles/taiga-ui-addon-mobile-components.umd.js +10 -4
- package/bundles/taiga-ui-addon-mobile-components.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-ripple.umd.js +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-ripple.umd.js.map +1 -1
- package/components/app-bar/app-bar-back.component.d.ts +5 -0
- package/components/app-bar/app-bar.component.d.ts +11 -0
- package/components/app-bar/app-bar.directive.d.ts +6 -0
- package/components/app-bar/app-bar.module.d.ts +11 -0
- package/components/app-bar/app-bar.providers.d.ts +2 -0
- package/components/app-bar/index.d.ts +5 -0
- package/components/app-bar/package.json +10 -0
- package/components/app-bar/taiga-ui-addon-mobile-components-app-bar.d.ts +5 -0
- package/components/index.d.ts +1 -0
- package/esm2015/components/app-bar/app-bar-back.component.js +17 -0
- package/esm2015/components/app-bar/app-bar.component.js +43 -0
- package/esm2015/components/app-bar/app-bar.directive.js +18 -0
- package/esm2015/components/app-bar/app-bar.module.js +21 -0
- package/esm2015/components/app-bar/app-bar.providers.js +21 -0
- package/esm2015/components/app-bar/index.js +6 -0
- package/esm2015/components/app-bar/taiga-ui-addon-mobile-components-app-bar.js +5 -0
- package/esm2015/components/index.js +2 -1
- package/esm2015/directives/ripple/ripple.providers.js +3 -9
- package/fesm2015/taiga-ui-addon-mobile-components-app-bar.js +114 -0
- package/fesm2015/taiga-ui-addon-mobile-components-app-bar.js.map +1 -0
- package/fesm2015/taiga-ui-addon-mobile-components.js +1 -0
- package/fesm2015/taiga-ui-addon-mobile-components.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-directives-ripple.js +2 -8
- package/fesm2015/taiga-ui-addon-mobile-directives-ripple.js.map +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ng-web-apis/mutation-observer'), require('@taiga-ui/cdk'), require('rxjs'), require('rxjs/operators'), require('@taiga-ui/core'), require('@angular/common')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/addon-mobile/components/app-bar', ['exports', '@angular/core', '@ng-web-apis/mutation-observer', '@taiga-ui/cdk', 'rxjs', 'rxjs/operators', '@taiga-ui/core', '@angular/common'], 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["app-bar"] = {}), global.ng.core, global.mutationObserver, global.cdk, global.rxjs, global.rxjs.operators, global.i1, global.ng.common));
|
|
5
|
+
})(this, (function (exports, i0, mutationObserver, cdk, i2, operators, i1, 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 i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
27
|
+
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
|
|
28
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
|
|
29
|
+
|
|
30
|
+
var TUI_APP_BAR_PROVIDERS = [
|
|
31
|
+
cdk.TuiDestroyService,
|
|
32
|
+
cdk.TuiResizeService,
|
|
33
|
+
mutationObserver.MutationObserverService,
|
|
34
|
+
{
|
|
35
|
+
provide: mutationObserver.MUTATION_OBSERVER_INIT,
|
|
36
|
+
useValue: {
|
|
37
|
+
characterData: true,
|
|
38
|
+
childList: true,
|
|
39
|
+
subtree: true,
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
i1.tuiButtonOptionsProvider({
|
|
43
|
+
size: "m",
|
|
44
|
+
appearance: "",
|
|
45
|
+
}),
|
|
46
|
+
];
|
|
47
|
+
|
|
48
|
+
var TuiAppBarComponent = /** @class */ (function () {
|
|
49
|
+
function TuiAppBarComponent(resize$, mutation$) {
|
|
50
|
+
var _this = this;
|
|
51
|
+
this.resize$ = resize$;
|
|
52
|
+
this.mutation$ = mutation$;
|
|
53
|
+
this.side = cdk.EMPTY_QUERY;
|
|
54
|
+
this.width$ = i2.merge(this.resize$, this.mutation$).pipe(operators.map(function () {
|
|
55
|
+
var _a, _b;
|
|
56
|
+
return 2 *
|
|
57
|
+
Math.max((_a = _this.side.first) === null || _a === void 0 ? void 0 : _a.nativeElement.clientWidth, (_b = _this.side.last) === null || _b === void 0 ? void 0 : _b.nativeElement.clientWidth);
|
|
58
|
+
}));
|
|
59
|
+
}
|
|
60
|
+
return TuiAppBarComponent;
|
|
61
|
+
}());
|
|
62
|
+
TuiAppBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarComponent, deps: [{ token: cdk.TuiResizeService }, { token: mutationObserver.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
63
|
+
TuiAppBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarComponent, selector: "tui-app-bar", providers: TUI_APP_BAR_PROVIDERS, viewQueries: [{ propertyName: "side", predicate: ["side"], descendants: true }], ngImport: i0__namespace, template: "<div\n #side\n class=\"t-left\"\n>\n <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n class=\"t-content\"\n [style.--sides.px]=\"width$ | async\"\n>\n <ng-content></ng-content>\n</div>\n<div\n #side\n class=\"t-right\"\n>\n <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n", styles: [":host{--tui-padding: .625rem;position:relative;display:flex;height:3rem;align-items:center;justify-content:space-between;border:solid transparent;border-width:0 .375rem;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:bold;color:var(--tui-text-01);background:var(--tui-base-01)}:host ::ng-deep [tuiButton][data-size=m]{font-weight:normal}.t-content{top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;max-width:calc(100% - var(--sides, 0px));flex:1;padding:0 .375rem;box-sizing:border-box;text-align:center;color:var(--tui-text-01)}\n"], pipes: { "async": i1__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
64
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarComponent, decorators: [{
|
|
65
|
+
type: i0.Component,
|
|
66
|
+
args: [{
|
|
67
|
+
selector: 'tui-app-bar',
|
|
68
|
+
templateUrl: './app-bar.template.html',
|
|
69
|
+
styleUrls: ['./app-bar.style.less'],
|
|
70
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
71
|
+
providers: TUI_APP_BAR_PROVIDERS,
|
|
72
|
+
}]
|
|
73
|
+
}], ctorParameters: function () {
|
|
74
|
+
return [{ type: i2__namespace.Observable, decorators: [{
|
|
75
|
+
type: i0.Inject,
|
|
76
|
+
args: [cdk.TuiResizeService]
|
|
77
|
+
}] }, { type: i2__namespace.Observable, decorators: [{
|
|
78
|
+
type: i0.Inject,
|
|
79
|
+
args: [mutationObserver.MutationObserverService]
|
|
80
|
+
}] }];
|
|
81
|
+
}, propDecorators: { side: [{
|
|
82
|
+
type: i0.ViewChildren,
|
|
83
|
+
args: ['side']
|
|
84
|
+
}] } });
|
|
85
|
+
|
|
86
|
+
var TuiAppBarDirective = /** @class */ (function () {
|
|
87
|
+
function TuiAppBarDirective() {
|
|
88
|
+
this.tuiSlot = 'left';
|
|
89
|
+
}
|
|
90
|
+
return TuiAppBarDirective;
|
|
91
|
+
}());
|
|
92
|
+
TuiAppBarDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
93
|
+
TuiAppBarDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarDirective, selector: "[tuiSlot]", inputs: { tuiSlot: "tuiSlot" }, ngImport: i0__namespace });
|
|
94
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarDirective, decorators: [{
|
|
95
|
+
type: i0.Directive,
|
|
96
|
+
args: [{
|
|
97
|
+
selector: '[tuiSlot]',
|
|
98
|
+
}]
|
|
99
|
+
}], propDecorators: { tuiSlot: [{
|
|
100
|
+
type: i0.Input
|
|
101
|
+
}] } });
|
|
102
|
+
|
|
103
|
+
var TuiAppBarBackComponent = /** @class */ (function () {
|
|
104
|
+
function TuiAppBarBackComponent() {
|
|
105
|
+
}
|
|
106
|
+
return TuiAppBarBackComponent;
|
|
107
|
+
}());
|
|
108
|
+
TuiAppBarBackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarBackComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
109
|
+
TuiAppBarBackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarBackComponent, selector: "button[tuiAppBarBack], a[tuiAppBarBack]", ngImport: i0__namespace, template: '<tui-svg src="tuiIconChevronLeftLarge"></tui-svg><ng-content></ng-content>', isInline: true, styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;align-items:center;padding:0 .625rem 0 .125rem}\n"], components: [{ type: i1__namespace$1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
110
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarBackComponent, decorators: [{
|
|
111
|
+
type: i0.Component,
|
|
112
|
+
args: [{
|
|
113
|
+
selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',
|
|
114
|
+
template: '<tui-svg src="tuiIconChevronLeftLarge"></tui-svg><ng-content></ng-content>',
|
|
115
|
+
styleUrls: ['./app-bar-back.style.less'],
|
|
116
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
117
|
+
}]
|
|
118
|
+
}] });
|
|
119
|
+
|
|
120
|
+
var TuiAppBarModule = /** @class */ (function () {
|
|
121
|
+
function TuiAppBarModule() {
|
|
122
|
+
}
|
|
123
|
+
return TuiAppBarModule;
|
|
124
|
+
}());
|
|
125
|
+
TuiAppBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
126
|
+
TuiAppBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarModule, declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent], imports: [i1$1.CommonModule, i1.TuiSvgModule], exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent] });
|
|
127
|
+
TuiAppBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarModule, imports: [[i1$1.CommonModule, i1.TuiSvgModule]] });
|
|
128
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppBarModule, decorators: [{
|
|
129
|
+
type: i0.NgModule,
|
|
130
|
+
args: [{
|
|
131
|
+
imports: [i1$1.CommonModule, i1.TuiSvgModule],
|
|
132
|
+
declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
|
|
133
|
+
exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
|
|
134
|
+
}]
|
|
135
|
+
}] });
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* Generated bundle index. Do not edit.
|
|
139
|
+
*/
|
|
140
|
+
|
|
141
|
+
exports.TUI_APP_BAR_PROVIDERS = TUI_APP_BAR_PROVIDERS;
|
|
142
|
+
exports.TuiAppBarBackComponent = TuiAppBarBackComponent;
|
|
143
|
+
exports.TuiAppBarComponent = TuiAppBarComponent;
|
|
144
|
+
exports.TuiAppBarDirective = TuiAppBarDirective;
|
|
145
|
+
exports.TuiAppBarModule = TuiAppBarModule;
|
|
146
|
+
|
|
147
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
148
|
+
|
|
149
|
+
}));
|
|
150
|
+
//# sourceMappingURL=taiga-ui-addon-mobile-components-app-bar.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-components-app-bar.umd.js","sources":["../../../projects/addon-mobile/components/app-bar/app-bar.providers.ts","../../../projects/addon-mobile/components/app-bar/app-bar.component.ts","../../../projects/addon-mobile/components/app-bar/app-bar.template.html","../../../projects/addon-mobile/components/app-bar/app-bar.directive.ts","../../../projects/addon-mobile/components/app-bar/app-bar-back.component.ts","../../../projects/addon-mobile/components/app-bar/app-bar.module.ts","../../../projects/addon-mobile/components/app-bar/taiga-ui-addon-mobile-components-app-bar.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core';\n\nexport const TUI_APP_BAR_PROVIDERS: Provider[] = [\n TuiDestroyService,\n TuiResizeService,\n MutationObserverService,\n {\n provide: MUTATION_OBSERVER_INIT,\n useValue: {\n characterData: true,\n childList: true,\n subtree: true,\n },\n },\n tuiButtonOptionsProvider({\n size: `m`,\n appearance: ``,\n }),\n];\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Inject,\n QueryList,\n ViewChildren,\n} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {EMPTY_QUERY, TuiResizeService} from '@taiga-ui/cdk';\nimport {merge, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TUI_APP_BAR_PROVIDERS} from './app-bar.providers';\n\n@Component({\n selector: 'tui-app-bar',\n templateUrl: './app-bar.template.html',\n styleUrls: ['./app-bar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: TUI_APP_BAR_PROVIDERS,\n})\nexport class TuiAppBarComponent {\n @ViewChildren('side')\n private readonly side: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n readonly width$ = merge(this.resize$, this.mutation$).pipe(\n map(\n () =>\n 2 *\n Math.max(\n this.side.first?.nativeElement.clientWidth,\n this.side.last?.nativeElement.clientWidth,\n ),\n ),\n );\n\n constructor(\n @Inject(TuiResizeService) private readonly resize$: Observable<unknown>,\n @Inject(MutationObserverService) private readonly mutation$: Observable<unknown>,\n ) {}\n}\n","<div\n #side\n class=\"t-left\"\n>\n <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n class=\"t-content\"\n [style.--sides.px]=\"width$ | async\"\n>\n <ng-content></ng-content>\n</div>\n<div\n #side\n class=\"t-right\"\n>\n <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n","import {Directive, Input} from '@angular/core';\n\n@Directive({\n selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n @Input()\n tuiSlot: 'left' | 'right' = 'left';\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n template:\n '<tui-svg src=\"tuiIconChevronLeftLarge\"></tui-svg><ng-content></ng-content>',\n styleUrls: ['./app-bar-back.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAppBarBackComponent {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBackComponent} from './app-bar-back.component';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule],\n declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],\n exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],\n})\nexport class TuiAppBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TuiDestroyService","TuiResizeService","MutationObserverService","MUTATION_OBSERVER_INIT","tuiButtonOptionsProvider","EMPTY_QUERY","merge","map","i0","i1","Component","ChangeDetectionStrategy","Inject","ViewChildren","Directive","Input","CommonModule","TuiSvgModule","NgModule"],"mappings":"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"}
|
|
@@ -1,13 +1,19 @@
|
|
|
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/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';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/addon-mobile/components/app-bar'), require('@taiga-ui/addon-mobile/components/mobile-calendar'), require('@taiga-ui/addon-mobile/components/mobile-calendar-dialog'), require('@taiga-ui/addon-mobile/components/mobile-dialog'), require('@taiga-ui/addon-mobile/components/pull-to-refresh'), require('@taiga-ui/addon-mobile/components/sheet'), require('@taiga-ui/addon-mobile/components/tab-bar'), require('@taiga-ui/addon-mobile/components/theme-android'), require('@taiga-ui/addon-mobile/components/theme-ios')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/addon-mobile/components', ['exports', '@taiga-ui/addon-mobile/components/app-bar', '@taiga-ui/addon-mobile/components/mobile-calendar', '@taiga-ui/addon-mobile/components/mobile-calendar-dialog', '@taiga-ui/addon-mobile/components/mobile-dialog', '@taiga-ui/addon-mobile/components/pull-to-refresh', '@taiga-ui/addon-mobile/components/sheet', '@taiga-ui/addon-mobile/components/tab-bar', '@taiga-ui/addon-mobile/components/theme-android', '@taiga-ui/addon-mobile/components/theme-ios'], factory) :
|
|
4
|
+
(global = 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["app-bar"], global["taiga-ui"]["addon-mobile"].components["mobile-calendar"], global["taiga-ui"]["addon-mobile"].components["mobile-calendar-dialog"], global["taiga-ui"]["addon-mobile"].components["mobile-dialog"], global["taiga-ui"]["addon-mobile"].components["pull-to-refresh"], global["taiga-ui"]["addon-mobile"].components.sheet, global["taiga-ui"]["addon-mobile"].components["tab-bar"], global["taiga-ui"]["addon-mobile"].components["theme-android"], global["taiga-ui"]["addon-mobile"].components["theme-ios"]));
|
|
5
|
+
})(this, (function (exports, appBar, mobileCalendar, mobileCalendarDialog, mobileDialog, pullToRefresh, sheet, tabBar, themeAndroid, themeIos) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Generated bundle index. Do not edit.
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
+
Object.keys(appBar).forEach(function (k) {
|
|
12
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () { return appBar[k]; }
|
|
15
|
+
});
|
|
16
|
+
});
|
|
11
17
|
Object.keys(mobileCalendar).forEach(function (k) {
|
|
12
18
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
13
19
|
enumerable: true,
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
var y = clientY - top - radius;
|
|
56
56
|
var ripple = renderer.createElement("div");
|
|
57
57
|
renderer.addClass(ripple, "tui-ripple");
|
|
58
|
-
renderer.setAttribute(ripple, "style", "
|
|
58
|
+
renderer.setAttribute(ripple, "style", "width: " + i1.tuiPx(dimension) + "; height: " + i1.tuiPx(dimension) + "; left: " + i1.tuiPx(x) + "; top: " + i1.tuiPx(y) + "; animation-name: " + RIPPLE_ON + ";");
|
|
59
59
|
return ripple;
|
|
60
60
|
}));
|
|
61
61
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.umd.js","sources":["../../../projects/addon-mobile/directives/ripple/ripple.providers.ts","../../../projects/addon-mobile/directives/ripple/ripple-styles.component.ts","../../../projects/addon-mobile/directives/ripple/ripple.directive.ts","../../../projects/addon-mobile/directives/ripple/ripple.module.ts","../../../projects/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n TUI_IS_IOS,\n TUI_TOUCH_SUPPORTED,\n TuiDestroyService,\n tuiIsPresent,\n tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {filter, map, takeUntil} from 'rxjs/operators';\n\nexport const RIPPLE_ON = `tuiRippleOn`;\nexport const RIPPLE_OFF = `tuiRippleOff`;\n\n/**\n * Stream of ripple elements to add\n */\nexport const TUI_RIPPLE_START = new InjectionToken<Observable<HTMLElement>>(\n `[TUI_RIPPLE_START]`,\n);\n\n/**\n * Stream of ripple elements to remove\n */\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n `[TUI_RIPPLE_END]`,\n);\n\nexport const TUI_RIPPLE_PROVIDERS: Provider[] = [\n TuiDestroyService,\n {\n provide: TUI_RIPPLE_START,\n deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, Renderer2],\n useFactory: (\n touchSupported: boolean,\n isIOS: boolean,\n {nativeElement}: ElementRef<HTMLElement>,\n renderer: Renderer2,\n ): Observable<HTMLElement> => {\n return isIOS || !touchSupported\n ? EMPTY\n : tuiTypedFromEvent(nativeElement, `touchstart`).pipe(\n map(({touches}) => {\n const {clientX, clientY} = touches[touches.length - 1];\n const {width, height, top, left} =\n nativeElement.getBoundingClientRect();\n const radius = Math.sqrt(width * width + height * height);\n const dimension = radius * 2;\n const x = clientX - left - radius;\n const y = clientY - top - radius;\n const ripple = renderer.createElement(`div`);\n\n renderer.addClass(ripple, `tui-ripple`);\n renderer.setAttribute(\n ripple,\n `style`,\n `\n width: ${dimension}px;\n height: ${dimension}px;\n left: ${x}px;\n top: ${y}px;\n animation-name: ${RIPPLE_ON};\n `,\n );\n\n return ripple;\n }),\n );\n },\n },\n {\n provide: TUI_RIPPLE_END,\n deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n useFactory: (\n touchSupported: boolean,\n isIOS: boolean,\n {nativeElement}: ElementRef<HTMLElement>,\n destroy$: Observable<void>,\n ): Observable<EventTarget> => {\n return isIOS || !touchSupported\n ? EMPTY\n : tuiTypedFromEvent(nativeElement, `animationend`).pipe(\n filter(({animationName}) => animationName === RIPPLE_OFF),\n map(({target}) => target),\n filter(tuiIsPresent),\n takeUntil(destroy$),\n );\n },\n },\n];\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n selector: 'tui-ripple',\n template: '',\n styleUrls: ['./ripple.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiRippleStylesComponent {}\n","import {Directive, ElementRef, Inject, Input, Renderer2, Self} from '@angular/core';\nimport {\n ALWAYS_FALSE_HANDLER,\n ALWAYS_TRUE_HANDLER,\n TuiDestroyService,\n TuiDirectiveStylesService,\n tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {Observable, race, timer} from 'rxjs';\nimport {map, mergeMap, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\nimport {\n RIPPLE_OFF,\n TUI_RIPPLE_END,\n TUI_RIPPLE_PROVIDERS,\n TUI_RIPPLE_START,\n} from './ripple.providers';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\nconst TOUCH_MOVE_DELAY = 100;\n\n@Directive({\n selector: '[tuiRipple]',\n providers: TUI_RIPPLE_PROVIDERS,\n})\nexport class TuiRippleDirective {\n @Input()\n tuiRipple?: string | '';\n\n constructor(\n @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n @Inject(Renderer2) renderer: Renderer2,\n @Self() @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n @Inject(TUI_RIPPLE_START) start$: Observable<HTMLElement>,\n @Inject(TUI_RIPPLE_END) end$: Observable<EventTarget>,\n ) {\n directiveStyles.addComponent(TuiRippleStylesComponent);\n\n const touchEnd$ = tuiTypedFromEvent(nativeElement, 'touchend');\n const touchMove$ = tuiTypedFromEvent(nativeElement, 'touchmove');\n\n end$.subscribe(element => {\n renderer.removeChild(nativeElement, element);\n });\n start$\n .pipe(\n mergeMap(ripple => {\n const animationEndOn$ = tuiTypedFromEvent(ripple, 'animationend');\n\n return race(\n timer(TOUCH_MOVE_DELAY).pipe(map(ALWAYS_FALSE_HANDLER)),\n touchEnd$.pipe(map(ALWAYS_TRUE_HANDLER)),\n ).pipe(\n take(1),\n // eslint-disable-next-line rxjs/no-unsafe-takeuntil\n takeUntil(touchMove$),\n tap(() => {\n renderer.setStyle(\n ripple,\n 'background',\n this.tuiRipple || null,\n );\n renderer.appendChild(nativeElement, ripple);\n }),\n switchMap(isTap =>\n isTap\n ? animationEndOn$\n : race(\n touchEnd$.pipe(switchMap(() => animationEndOn$)),\n animationEndOn$.pipe(switchMap(() => touchEnd$)),\n ),\n ),\n map(() => ripple),\n );\n }),\n takeUntil(destroy$),\n )\n .subscribe(element => {\n renderer.setStyle(element, 'animationName', RIPPLE_OFF);\n });\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiRippleDirective} from './ripple.directive';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\n@NgModule({\n declarations: [TuiRippleDirective, TuiRippleStylesComponent],\n exports: [TuiRippleDirective],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InjectionToken","TuiDestroyService","TUI_TOUCH_SUPPORTED","TUI_IS_IOS","ElementRef","Renderer2","EMPTY","tuiTypedFromEvent","map","filter","tuiIsPresent","takeUntil","i0","Component","ViewEncapsulation","ChangeDetectionStrategy","mergeMap","race","timer","ALWAYS_FALSE_HANDLER","ALWAYS_TRUE_HANDLER","take","tap","switchMap","TuiDirectiveStylesService","Directive","Inject","Self","Input","NgModule"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.umd.js","sources":["../../../projects/addon-mobile/directives/ripple/ripple.providers.ts","../../../projects/addon-mobile/directives/ripple/ripple-styles.component.ts","../../../projects/addon-mobile/directives/ripple/ripple.directive.ts","../../../projects/addon-mobile/directives/ripple/ripple.module.ts","../../../projects/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n TUI_IS_IOS,\n TUI_TOUCH_SUPPORTED,\n TuiDestroyService,\n tuiIsPresent,\n tuiPx,\n tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {filter, map, takeUntil} from 'rxjs/operators';\n\nexport const RIPPLE_ON = `tuiRippleOn`;\nexport const RIPPLE_OFF = `tuiRippleOff`;\n\n/**\n * Stream of ripple elements to add\n */\nexport const TUI_RIPPLE_START = new InjectionToken<Observable<HTMLElement>>(\n `[TUI_RIPPLE_START]`,\n);\n\n/**\n * Stream of ripple elements to remove\n */\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n `[TUI_RIPPLE_END]`,\n);\n\nexport const TUI_RIPPLE_PROVIDERS: Provider[] = [\n TuiDestroyService,\n {\n provide: TUI_RIPPLE_START,\n deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, Renderer2],\n useFactory: (\n touchSupported: boolean,\n isIOS: boolean,\n {nativeElement}: ElementRef<HTMLElement>,\n renderer: Renderer2,\n ): Observable<HTMLElement> => {\n return isIOS || !touchSupported\n ? EMPTY\n : tuiTypedFromEvent(nativeElement, `touchstart`).pipe(\n map(({touches}) => {\n const {clientX, clientY} = touches[touches.length - 1];\n const {width, height, top, left} =\n nativeElement.getBoundingClientRect();\n const radius = Math.sqrt(width * width + height * height);\n const dimension = radius * 2;\n const x = clientX - left - radius;\n const y = clientY - top - radius;\n const ripple = renderer.createElement(`div`);\n\n renderer.addClass(ripple, `tui-ripple`);\n renderer.setAttribute(\n ripple,\n `style`,\n `width: ${tuiPx(dimension)}; height: ${tuiPx(\n dimension,\n )}; left: ${tuiPx(x)}; top: ${tuiPx(\n y,\n )}; animation-name: ${RIPPLE_ON};`,\n );\n\n return ripple;\n }),\n );\n },\n },\n {\n provide: TUI_RIPPLE_END,\n deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n useFactory: (\n touchSupported: boolean,\n isIOS: boolean,\n {nativeElement}: ElementRef<HTMLElement>,\n destroy$: Observable<void>,\n ): Observable<EventTarget> => {\n return isIOS || !touchSupported\n ? EMPTY\n : tuiTypedFromEvent(nativeElement, `animationend`).pipe(\n filter(({animationName}) => animationName === RIPPLE_OFF),\n map(({target}) => target),\n filter(tuiIsPresent),\n takeUntil(destroy$),\n );\n },\n },\n];\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n selector: 'tui-ripple',\n template: '',\n styleUrls: ['./ripple.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiRippleStylesComponent {}\n","import {Directive, ElementRef, Inject, Input, Renderer2, Self} from '@angular/core';\nimport {\n ALWAYS_FALSE_HANDLER,\n ALWAYS_TRUE_HANDLER,\n TuiDestroyService,\n TuiDirectiveStylesService,\n tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {Observable, race, timer} from 'rxjs';\nimport {map, mergeMap, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\nimport {\n RIPPLE_OFF,\n TUI_RIPPLE_END,\n TUI_RIPPLE_PROVIDERS,\n TUI_RIPPLE_START,\n} from './ripple.providers';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\nconst TOUCH_MOVE_DELAY = 100;\n\n@Directive({\n selector: '[tuiRipple]',\n providers: TUI_RIPPLE_PROVIDERS,\n})\nexport class TuiRippleDirective {\n @Input()\n tuiRipple?: string | '';\n\n constructor(\n @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n @Inject(Renderer2) renderer: Renderer2,\n @Self() @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n @Inject(TUI_RIPPLE_START) start$: Observable<HTMLElement>,\n @Inject(TUI_RIPPLE_END) end$: Observable<EventTarget>,\n ) {\n directiveStyles.addComponent(TuiRippleStylesComponent);\n\n const touchEnd$ = tuiTypedFromEvent(nativeElement, 'touchend');\n const touchMove$ = tuiTypedFromEvent(nativeElement, 'touchmove');\n\n end$.subscribe(element => {\n renderer.removeChild(nativeElement, element);\n });\n start$\n .pipe(\n mergeMap(ripple => {\n const animationEndOn$ = tuiTypedFromEvent(ripple, 'animationend');\n\n return race(\n timer(TOUCH_MOVE_DELAY).pipe(map(ALWAYS_FALSE_HANDLER)),\n touchEnd$.pipe(map(ALWAYS_TRUE_HANDLER)),\n ).pipe(\n take(1),\n // eslint-disable-next-line rxjs/no-unsafe-takeuntil\n takeUntil(touchMove$),\n tap(() => {\n renderer.setStyle(\n ripple,\n 'background',\n this.tuiRipple || null,\n );\n renderer.appendChild(nativeElement, ripple);\n }),\n switchMap(isTap =>\n isTap\n ? animationEndOn$\n : race(\n touchEnd$.pipe(switchMap(() => animationEndOn$)),\n animationEndOn$.pipe(switchMap(() => touchEnd$)),\n ),\n ),\n map(() => ripple),\n );\n }),\n takeUntil(destroy$),\n )\n .subscribe(element => {\n renderer.setStyle(element, 'animationName', RIPPLE_OFF);\n });\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiRippleDirective} from './ripple.directive';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\n@NgModule({\n declarations: [TuiRippleDirective, TuiRippleStylesComponent],\n exports: [TuiRippleDirective],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InjectionToken","TuiDestroyService","TUI_TOUCH_SUPPORTED","TUI_IS_IOS","ElementRef","Renderer2","EMPTY","tuiTypedFromEvent","map","tuiPx","filter","tuiIsPresent","takeUntil","i0","Component","ViewEncapsulation","ChangeDetectionStrategy","mergeMap","race","timer","ALWAYS_FALSE_HANDLER","ALWAYS_TRUE_HANDLER","take","tap","switchMap","TuiDirectiveStylesService","Directive","Inject","Self","Input","NgModule"],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TuiAppBarBackComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarBackComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarBackComponent, "button[tuiAppBarBack], a[tuiAppBarBack]", never, {}, {}, never, ["*"]>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TuiAppBarComponent {
|
|
4
|
+
private readonly resize$;
|
|
5
|
+
private readonly mutation$;
|
|
6
|
+
private readonly side;
|
|
7
|
+
readonly width$: Observable<number>;
|
|
8
|
+
constructor(resize$: Observable<unknown>, mutation$: Observable<unknown>);
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarComponent, "tui-app-bar", never, {}, {}, never, ["[tuiSlot='left']", "*", "[tuiSlot='right']"]>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TuiAppBarDirective {
|
|
3
|
+
tuiSlot: 'left' | 'right';
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppBarDirective, "[tuiSlot]", never, { "tuiSlot": "tuiSlot"; }, {}, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./app-bar.component";
|
|
3
|
+
import * as i2 from "./app-bar.directive";
|
|
4
|
+
import * as i3 from "./app-bar-back.component";
|
|
5
|
+
import * as i4 from "@angular/common";
|
|
6
|
+
import * as i5 from "@taiga-ui/core";
|
|
7
|
+
export declare class TuiAppBarModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAppBarModule, [typeof i1.TuiAppBarComponent, typeof i2.TuiAppBarDirective, typeof i3.TuiAppBarBackComponent], [typeof i4.CommonModule, typeof i5.TuiSvgModule], [typeof i1.TuiAppBarComponent, typeof i2.TuiAppBarDirective, typeof i3.TuiAppBarBackComponent]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TuiAppBarModule>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../../bundles/taiga-ui-addon-mobile-components-app-bar.umd.js",
|
|
3
|
+
"module": "../../fesm2015/taiga-ui-addon-mobile-components-app-bar.js",
|
|
4
|
+
"es2015": "../../fesm2015/taiga-ui-addon-mobile-components-app-bar.js",
|
|
5
|
+
"esm2015": "../../esm2015/components/app-bar/taiga-ui-addon-mobile-components-app-bar.js",
|
|
6
|
+
"fesm2015": "../../fesm2015/taiga-ui-addon-mobile-components-app-bar.js",
|
|
7
|
+
"typings": "taiga-ui-addon-mobile-components-app-bar.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@taiga-ui/addon-mobile/components/app-bar"
|
|
10
|
+
}
|
package/components/index.d.ts
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@taiga-ui/core";
|
|
4
|
+
export class TuiAppBarBackComponent {
|
|
5
|
+
}
|
|
6
|
+
TuiAppBarBackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarBackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
TuiAppBarBackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarBackComponent, selector: "button[tuiAppBarBack], a[tuiAppBarBack]", ngImport: i0, template: '<tui-svg src="tuiIconChevronLeftLarge"></tui-svg><ng-content></ng-content>', isInline: true, styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;align-items:center;padding:0 .625rem 0 .125rem}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarBackComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{
|
|
11
|
+
selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',
|
|
12
|
+
template: '<tui-svg src="tuiIconChevronLeftLarge"></tui-svg><ng-content></ng-content>',
|
|
13
|
+
styleUrls: ['./app-bar-back.style.less'],
|
|
14
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci1iYWNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL2FwcC1iYXIvYXBwLWJhci1iYWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFTakUsTUFBTSxPQUFPLHNCQUFzQjs7b0hBQXRCLHNCQUFzQjt3R0FBdEIsc0JBQXNCLCtFQUozQiw0RUFBNEU7NEZBSXZFLHNCQUFzQjtrQkFQbEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUseUNBQXlDO29CQUNuRCxRQUFRLEVBQ0osNEVBQTRFO29CQUNoRixTQUFTLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDeEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2xEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdidXR0b25bdHVpQXBwQmFyQmFja10sIGFbdHVpQXBwQmFyQmFja10nLFxuICAgIHRlbXBsYXRlOlxuICAgICAgICAnPHR1aS1zdmcgc3JjPVwidHVpSWNvbkNoZXZyb25MZWZ0TGFyZ2VcIj48L3R1aS1zdmc+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXBwLWJhci1iYWNrLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXBwQmFyQmFja0NvbXBvbmVudCB7fVxuIl19
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Inject, ViewChildren, } from '@angular/core';
|
|
2
|
+
import { MutationObserverService } from '@ng-web-apis/mutation-observer';
|
|
3
|
+
import { EMPTY_QUERY, TuiResizeService } from '@taiga-ui/cdk';
|
|
4
|
+
import { merge } from 'rxjs';
|
|
5
|
+
import { map } from 'rxjs/operators';
|
|
6
|
+
import { TUI_APP_BAR_PROVIDERS } from './app-bar.providers';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
import * as i2 from "rxjs";
|
|
10
|
+
export class TuiAppBarComponent {
|
|
11
|
+
constructor(resize$, mutation$) {
|
|
12
|
+
this.resize$ = resize$;
|
|
13
|
+
this.mutation$ = mutation$;
|
|
14
|
+
this.side = EMPTY_QUERY;
|
|
15
|
+
this.width$ = merge(this.resize$, this.mutation$).pipe(map(() => {
|
|
16
|
+
var _a, _b;
|
|
17
|
+
return 2 *
|
|
18
|
+
Math.max((_a = this.side.first) === null || _a === void 0 ? void 0 : _a.nativeElement.clientWidth, (_b = this.side.last) === null || _b === void 0 ? void 0 : _b.nativeElement.clientWidth);
|
|
19
|
+
}));
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
TuiAppBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarComponent, deps: [{ token: TuiResizeService }, { token: MutationObserverService }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
TuiAppBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarComponent, selector: "tui-app-bar", providers: TUI_APP_BAR_PROVIDERS, viewQueries: [{ propertyName: "side", predicate: ["side"], descendants: true }], ngImport: i0, template: "<div\n #side\n class=\"t-left\"\n>\n <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n class=\"t-content\"\n [style.--sides.px]=\"width$ | async\"\n>\n <ng-content></ng-content>\n</div>\n<div\n #side\n class=\"t-right\"\n>\n <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n", styles: [":host{--tui-padding: .625rem;position:relative;display:flex;height:3rem;align-items:center;justify-content:space-between;border:solid transparent;border-width:0 .375rem;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:bold;color:var(--tui-text-01);background:var(--tui-base-01)}:host ::ng-deep [tuiButton][data-size=m]{font-weight:normal}.t-content{top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;max-width:calc(100% - var(--sides, 0px));flex:1;padding:0 .375rem;box-sizing:border-box;text-align:center;color:var(--tui-text-01)}\n"], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'tui-app-bar',
|
|
28
|
+
templateUrl: './app-bar.template.html',
|
|
29
|
+
styleUrls: ['./app-bar.style.less'],
|
|
30
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
31
|
+
providers: TUI_APP_BAR_PROVIDERS,
|
|
32
|
+
}]
|
|
33
|
+
}], ctorParameters: function () { return [{ type: i2.Observable, decorators: [{
|
|
34
|
+
type: Inject,
|
|
35
|
+
args: [TuiResizeService]
|
|
36
|
+
}] }, { type: i2.Observable, decorators: [{
|
|
37
|
+
type: Inject,
|
|
38
|
+
args: [MutationObserverService]
|
|
39
|
+
}] }]; }, propDecorators: { side: [{
|
|
40
|
+
type: ViewChildren,
|
|
41
|
+
args: ['side']
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyL2FwcC1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvYXBwLWJhci9hcHAtYmFyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBRVQsTUFBTSxFQUVOLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUMsV0FBVyxFQUFFLGdCQUFnQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBQyxLQUFLLEVBQWEsTUFBTSxNQUFNLENBQUM7QUFDdkMsT0FBTyxFQUFDLEdBQUcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRW5DLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDOzs7O0FBUzFELE1BQU0sT0FBTyxrQkFBa0I7SUFlM0IsWUFDK0MsT0FBNEIsRUFDckIsU0FBOEI7UUFEckMsWUFBTyxHQUFQLE9BQU8sQ0FBcUI7UUFDckIsY0FBUyxHQUFULFNBQVMsQ0FBcUI7UUFmbkUsU0FBSSxHQUF1QyxXQUFXLENBQUM7UUFFL0QsV0FBTSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQ3RELEdBQUcsQ0FDQyxHQUFHLEVBQUU7O1lBQ0QsT0FBQSxDQUFDO2dCQUNELElBQUksQ0FBQyxHQUFHLENBQ0osTUFBQSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssMENBQUUsYUFBYSxDQUFDLFdBQVcsRUFDMUMsTUFBQSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksMENBQUUsYUFBYSxDQUFDLFdBQVcsQ0FDNUMsQ0FBQTtTQUFBLENBQ1IsQ0FDSixDQUFDO0lBS0MsQ0FBQzs7Z0hBbEJLLGtCQUFrQixrQkFnQmYsZ0JBQWdCLGFBQ2hCLHVCQUF1QjtvR0FqQjFCLGtCQUFrQixzQ0FGaEIscUJBQXFCLDJHQ3BCcEMsa1ZBa0JBOzRGRElhLGtCQUFrQjtrQkFQOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsV0FBVyxFQUFFLHlCQUF5QjtvQkFDdEMsU0FBUyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ25DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxTQUFTLEVBQUUscUJBQXFCO2lCQUNuQzs7MEJBaUJRLE1BQU07MkJBQUMsZ0JBQWdCOzswQkFDdkIsTUFBTTsyQkFBQyx1QkFBdUI7NENBZmxCLElBQUk7c0JBRHBCLFlBQVk7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSW5qZWN0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNdXRhdGlvbk9ic2VydmVyU2VydmljZX0gZnJvbSAnQG5nLXdlYi1hcGlzL211dGF0aW9uLW9ic2VydmVyJztcbmltcG9ydCB7RU1QVFlfUVVFUlksIFR1aVJlc2l6ZVNlcnZpY2V9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHttZXJnZSwgT2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge21hcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQge1RVSV9BUFBfQkFSX1BST1ZJREVSU30gZnJvbSAnLi9hcHAtYmFyLnByb3ZpZGVycyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndHVpLWFwcC1iYXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hcHAtYmFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FwcC1iYXIuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogVFVJX0FQUF9CQVJfUFJPVklERVJTLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBcHBCYXJDb21wb25lbnQge1xuICAgIEBWaWV3Q2hpbGRyZW4oJ3NpZGUnKVxuICAgIHByaXZhdGUgcmVhZG9ubHkgc2lkZTogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgcmVhZG9ubHkgd2lkdGgkID0gbWVyZ2UodGhpcy5yZXNpemUkLCB0aGlzLm11dGF0aW9uJCkucGlwZShcbiAgICAgICAgbWFwKFxuICAgICAgICAgICAgKCkgPT5cbiAgICAgICAgICAgICAgICAyICpcbiAgICAgICAgICAgICAgICBNYXRoLm1heChcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zaWRlLmZpcnN0Py5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoLFxuICAgICAgICAgICAgICAgICAgICB0aGlzLnNpZGUubGFzdD8ubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCxcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICApLFxuICAgICk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUdWlSZXNpemVTZXJ2aWNlKSBwcml2YXRlIHJlYWRvbmx5IHJlc2l6ZSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgICAgIEBJbmplY3QoTXV0YXRpb25PYnNlcnZlclNlcnZpY2UpIHByaXZhdGUgcmVhZG9ubHkgbXV0YXRpb24kOiBPYnNlcnZhYmxlPHVua25vd24+LFxuICAgICkge31cbn1cbiIsIjxkaXZcbiAgICAjc2lkZVxuICAgIGNsYXNzPVwidC1sZWZ0XCJcbj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdHVpU2xvdD0nbGVmdCddXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2XG4gICAgY2xhc3M9XCJ0LWNvbnRlbnRcIlxuICAgIFtzdHlsZS4tLXNpZGVzLnB4XT1cIndpZHRoJCB8IGFzeW5jXCJcbj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXZcbiAgICAjc2lkZVxuICAgIGNsYXNzPVwidC1yaWdodFwiXG4+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3R1aVNsb3Q9J3JpZ2h0J11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class TuiAppBarDirective {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.tuiSlot = 'left';
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
TuiAppBarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
9
|
+
TuiAppBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarDirective, selector: "[tuiSlot]", inputs: { tuiSlot: "tuiSlot" }, ngImport: i0 });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarDirective, decorators: [{
|
|
11
|
+
type: Directive,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: '[tuiSlot]',
|
|
14
|
+
}]
|
|
15
|
+
}], propDecorators: { tuiSlot: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyL2FwcC1iYXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUsvQyxNQUFNLE9BQU8sa0JBQWtCO0lBSC9CO1FBS0ksWUFBTyxHQUFxQixNQUFNLENBQUM7S0FDdEM7O2dIQUhZLGtCQUFrQjtvR0FBbEIsa0JBQWtCOzRGQUFsQixrQkFBa0I7a0JBSDlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7aUJBQ3hCOzhCQUdHLE9BQU87c0JBRE4sS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3R1aVNsb3RdJyxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXBwQmFyRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKVxuICAgIHR1aVNsb3Q6ICdsZWZ0JyB8ICdyaWdodCcgPSAnbGVmdCc7XG59XG4iXX0=
|
|
@@ -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 { TuiAppBarComponent } from './app-bar.component';
|
|
5
|
+
import { TuiAppBarDirective } from './app-bar.directive';
|
|
6
|
+
import { TuiAppBarBackComponent } from './app-bar-back.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class TuiAppBarModule {
|
|
9
|
+
}
|
|
10
|
+
TuiAppBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
TuiAppBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent], imports: [CommonModule, TuiSvgModule], exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent] });
|
|
12
|
+
TuiAppBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, imports: [[CommonModule, TuiSvgModule]] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, decorators: [{
|
|
14
|
+
type: NgModule,
|
|
15
|
+
args: [{
|
|
16
|
+
imports: [CommonModule, TuiSvgModule],
|
|
17
|
+
declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
|
|
18
|
+
exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
|
|
19
|
+
}]
|
|
20
|
+
}] });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyL2FwcC1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUU1QyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7QUFPaEUsTUFBTSxPQUFPLGVBQWU7OzZHQUFmLGVBQWU7OEdBQWYsZUFBZSxpQkFIVCxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsYUFEbkUsWUFBWSxFQUFFLFlBQVksYUFFMUIsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsc0JBQXNCOzhHQUUvRCxlQUFlLFlBSmYsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDOzRGQUk1QixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUM7b0JBQ3JDLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLHNCQUFzQixDQUFDO29CQUM5RSxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsQ0FBQztpQkFDNUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlTdmdNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuaW1wb3J0IHtUdWlBcHBCYXJDb21wb25lbnR9IGZyb20gJy4vYXBwLWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlBcHBCYXJEaXJlY3RpdmV9IGZyb20gJy4vYXBwLWJhci5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlBcHBCYXJCYWNrQ29tcG9uZW50fSBmcm9tICcuL2FwcC1iYXItYmFjay5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFR1aVN2Z01vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQXBwQmFyQ29tcG9uZW50LCBUdWlBcHBCYXJEaXJlY3RpdmUsIFR1aUFwcEJhckJhY2tDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtUdWlBcHBCYXJDb21wb25lbnQsIFR1aUFwcEJhckRpcmVjdGl2ZSwgVHVpQXBwQmFyQmFja0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUFwcEJhck1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { MUTATION_OBSERVER_INIT, MutationObserverService, } from '@ng-web-apis/mutation-observer';
|
|
2
|
+
import { TuiDestroyService, TuiResizeService } from '@taiga-ui/cdk';
|
|
3
|
+
import { tuiButtonOptionsProvider } from '@taiga-ui/core';
|
|
4
|
+
export const TUI_APP_BAR_PROVIDERS = [
|
|
5
|
+
TuiDestroyService,
|
|
6
|
+
TuiResizeService,
|
|
7
|
+
MutationObserverService,
|
|
8
|
+
{
|
|
9
|
+
provide: MUTATION_OBSERVER_INIT,
|
|
10
|
+
useValue: {
|
|
11
|
+
characterData: true,
|
|
12
|
+
childList: true,
|
|
13
|
+
subtree: true,
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
tuiButtonOptionsProvider({
|
|
17
|
+
size: `m`,
|
|
18
|
+
appearance: ``,
|
|
19
|
+
}),
|
|
20
|
+
];
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5wcm92aWRlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyL2FwcC1iYXIucHJvdmlkZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDSCxzQkFBc0IsRUFDdEIsdUJBQXVCLEdBQzFCLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEMsT0FBTyxFQUFDLGlCQUFpQixFQUFFLGdCQUFnQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2xFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRXhELE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFlO0lBQzdDLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIsdUJBQXVCO0lBQ3ZCO1FBQ0ksT0FBTyxFQUFFLHNCQUFzQjtRQUMvQixRQUFRLEVBQUU7WUFDTixhQUFhLEVBQUUsSUFBSTtZQUNuQixTQUFTLEVBQUUsSUFBSTtZQUNmLE9BQU8sRUFBRSxJQUFJO1NBQ2hCO0tBQ0o7SUFDRCx3QkFBd0IsQ0FBQztRQUNyQixJQUFJLEVBQUUsR0FBRztRQUNULFVBQVUsRUFBRSxFQUFFO0tBQ2pCLENBQUM7Q0FDTCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQcm92aWRlcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIE1VVEFUSU9OX09CU0VSVkVSX0lOSVQsXG4gICAgTXV0YXRpb25PYnNlcnZlclNlcnZpY2UsXG59IGZyb20gJ0BuZy13ZWItYXBpcy9tdXRhdGlvbi1vYnNlcnZlcic7XG5pbXBvcnQge1R1aURlc3Ryb3lTZXJ2aWNlLCBUdWlSZXNpemVTZXJ2aWNlfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7dHVpQnV0dG9uT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBUVUlfQVBQX0JBUl9QUk9WSURFUlM6IFByb3ZpZGVyW10gPSBbXG4gICAgVHVpRGVzdHJveVNlcnZpY2UsXG4gICAgVHVpUmVzaXplU2VydmljZSxcbiAgICBNdXRhdGlvbk9ic2VydmVyU2VydmljZSxcbiAgICB7XG4gICAgICAgIHByb3ZpZGU6IE1VVEFUSU9OX09CU0VSVkVSX0lOSVQsXG4gICAgICAgIHVzZVZhbHVlOiB7XG4gICAgICAgICAgICBjaGFyYWN0ZXJEYXRhOiB0cnVlLFxuICAgICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgICAgc3VidHJlZTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIHR1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcih7XG4gICAgICAgIHNpemU6IGBtYCxcbiAgICAgICAgYXBwZWFyYW5jZTogYGAsXG4gICAgfSksXG5dO1xuIl19
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './app-bar.component';
|
|
2
|
+
export * from './app-bar.directive';
|
|
3
|
+
export * from './app-bar.module';
|
|
4
|
+
export * from './app-bar.providers';
|
|
5
|
+
export * from './app-bar-back.component';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXBwLWJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9hcHAtYmFyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2FwcC1iYXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYXBwLWJhci5wcm92aWRlcnMnO1xuZXhwb3J0ICogZnJvbSAnLi9hcHAtYmFyLWJhY2suY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtYXBwLWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL2FwcC1iYXIvdGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtYXBwLWJhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from '@taiga-ui/addon-mobile/components/app-bar';
|
|
1
2
|
export * from '@taiga-ui/addon-mobile/components/mobile-calendar';
|
|
2
3
|
export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dialog';
|
|
3
4
|
export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
|
|
@@ -6,4 +7,4 @@ export * from '@taiga-ui/addon-mobile/components/sheet';
|
|
|
6
7
|
export * from '@taiga-ui/addon-mobile/components/tab-bar';
|
|
7
8
|
export * from '@taiga-ui/addon-mobile/components/theme-android';
|
|
8
9
|
export * from '@taiga-ui/addon-mobile/components/theme-ios';
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyw2Q0FBNkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9hcHAtYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9tb2JpbGUtY2FsZW5kYXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL21vYmlsZS1jYWxlbmRhci1kaWFsb2cnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL21vYmlsZS1kaWFsb2cnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3B1bGwtdG8tcmVmcmVzaCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvc2hlZXQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RhYi1iYXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RoZW1lLWFuZHJvaWQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb21wb25lbnRzL3RoZW1lLWlvcyc7XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ElementRef, InjectionToken, Renderer2 } from '@angular/core';
|
|
2
|
-
import { TUI_IS_IOS, TUI_TOUCH_SUPPORTED, TuiDestroyService, tuiIsPresent, tuiTypedFromEvent, } from '@taiga-ui/cdk';
|
|
2
|
+
import { TUI_IS_IOS, TUI_TOUCH_SUPPORTED, TuiDestroyService, tuiIsPresent, tuiPx, tuiTypedFromEvent, } from '@taiga-ui/cdk';
|
|
3
3
|
import { EMPTY } from 'rxjs';
|
|
4
4
|
import { filter, map, takeUntil } from 'rxjs/operators';
|
|
5
5
|
export const RIPPLE_ON = `tuiRippleOn`;
|
|
@@ -29,13 +29,7 @@ export const TUI_RIPPLE_PROVIDERS = [
|
|
|
29
29
|
const y = clientY - top - radius;
|
|
30
30
|
const ripple = renderer.createElement(`div`);
|
|
31
31
|
renderer.addClass(ripple, `tui-ripple`);
|
|
32
|
-
renderer.setAttribute(ripple, `style`, `
|
|
33
|
-
width: ${dimension}px;
|
|
34
|
-
height: ${dimension}px;
|
|
35
|
-
left: ${x}px;
|
|
36
|
-
top: ${y}px;
|
|
37
|
-
animation-name: ${RIPPLE_ON};
|
|
38
|
-
`);
|
|
32
|
+
renderer.setAttribute(ripple, `style`, `width: ${tuiPx(dimension)}; height: ${tuiPx(dimension)}; left: ${tuiPx(x)}; top: ${tuiPx(y)}; animation-name: ${RIPPLE_ON};`);
|
|
39
33
|
return ripple;
|
|
40
34
|
}));
|
|
41
35
|
},
|
|
@@ -50,4 +44,4 @@ export const TUI_RIPPLE_PROVIDERS = [
|
|
|
50
44
|
},
|
|
51
45
|
},
|
|
52
46
|
];
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLnByb3ZpZGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL3JpcHBsZS9yaXBwbGUucHJvdmlkZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUUsY0FBYyxFQUFZLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQ0gsVUFBVSxFQUNWLG1CQUFtQixFQUNuQixpQkFBaUIsRUFDakIsWUFBWSxFQUNaLEtBQUssRUFDTCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLEtBQUssRUFBYSxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDO0FBQ3ZDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxjQUFjLENBQUM7QUFFekM7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGNBQWMsQ0FDOUMsb0JBQW9CLENBQ3ZCLENBQUM7QUFFRjs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FDNUMsa0JBQWtCLENBQ3JCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBZTtJQUM1QyxpQkFBaUI7SUFDakI7UUFDSSxPQUFPLEVBQUUsZ0JBQWdCO1FBQ3pCLElBQUksRUFBRSxDQUFDLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsU0FBUyxDQUFDO1FBQzlELFVBQVUsRUFBRSxDQUNSLGNBQXVCLEVBQ3ZCLEtBQWMsRUFDZCxFQUFDLGFBQWEsRUFBMEIsRUFDeEMsUUFBbUIsRUFDSSxFQUFFO1lBQ3pCLE9BQU8sS0FBSyxJQUFJLENBQUMsY0FBYztnQkFDM0IsQ0FBQyxDQUFDLEtBQUs7Z0JBQ1AsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxZQUFZLENBQUMsQ0FBQyxJQUFJLENBQy9DLEdBQUcsQ0FBQyxDQUFDLEVBQUMsT0FBTyxFQUFDLEVBQUUsRUFBRTtvQkFDZCxNQUFNLEVBQUMsT0FBTyxFQUFFLE9BQU8sRUFBQyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO29CQUN2RCxNQUFNLEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFDLEdBQzVCLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO29CQUMxQyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLEdBQUcsTUFBTSxHQUFHLE1BQU0sQ0FBQyxDQUFDO29CQUMxRCxNQUFNLFNBQVMsR0FBRyxNQUFNLEdBQUcsQ0FBQyxDQUFDO29CQUM3QixNQUFNLENBQUMsR0FBRyxPQUFPLEdBQUcsSUFBSSxHQUFHLE1BQU0sQ0FBQztvQkFDbEMsTUFBTSxDQUFDLEdBQUcsT0FBTyxHQUFHLEdBQUcsR0FBRyxNQUFNLENBQUM7b0JBQ2pDLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBRTdDLFFBQVEsQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxDQUFDO29CQUN4QyxRQUFRLENBQUMsWUFBWSxDQUNqQixNQUFNLEVBQ04sT0FBTyxFQUNQLFVBQVUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxhQUFhLEtBQUssQ0FDeEMsU0FBUyxDQUNaLFdBQVcsS0FBSyxDQUFDLENBQUMsQ0FBQyxVQUFVLEtBQUssQ0FDL0IsQ0FBQyxDQUNKLHFCQUFxQixTQUFTLEdBQUcsQ0FDckMsQ0FBQztvQkFFRixPQUFPLE1BQU0sQ0FBQztnQkFDbEIsQ0FBQyxDQUFDLENBQ0wsQ0FBQztRQUNaLENBQUM7S0FDSjtJQUNEO1FBQ0ksT0FBTyxFQUFFLGNBQWM7UUFDdkIsSUFBSSxFQUFFLENBQUMsbUJBQW1CLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsQ0FBQztRQUN0RSxVQUFVLEVBQUUsQ0FDUixjQUF1QixFQUN2QixLQUFjLEVBQ2QsRUFBQyxhQUFhLEVBQTBCLEVBQ3hDLFFBQTBCLEVBQ0gsRUFBRTtZQUN6QixPQUFPLEtBQUssSUFBSSxDQUFDLGNBQWM7Z0JBQzNCLENBQUMsQ0FBQyxLQUFLO2dCQUNQLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUMsSUFBSSxDQUNqRCxNQUFNLENBQUMsQ0FBQyxFQUFDLGFBQWEsRUFBQyxFQUFFLEVBQUUsQ0FBQyxhQUFhLEtBQUssVUFBVSxDQUFDLEVBQ3pELEdBQUcsQ0FBQyxDQUFDLEVBQUMsTUFBTSxFQUFDLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN6QixNQUFNLENBQUMsWUFBWSxDQUFDLEVBQ3BCLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FDdEIsQ0FBQztRQUNaLENBQUM7S0FDSjtDQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0VsZW1lbnRSZWYsIEluamVjdGlvblRva2VuLCBQcm92aWRlciwgUmVuZGVyZXIyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgVFVJX0lTX0lPUyxcbiAgICBUVUlfVE9VQ0hfU1VQUE9SVEVELFxuICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgIHR1aUlzUHJlc2VudCxcbiAgICB0dWlQeCxcbiAgICB0dWlUeXBlZEZyb21FdmVudCxcbn0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge0VNUFRZLCBPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZmlsdGVyLCBtYXAsIHRha2VVbnRpbH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5leHBvcnQgY29uc3QgUklQUExFX09OID0gYHR1aVJpcHBsZU9uYDtcbmV4cG9ydCBjb25zdCBSSVBQTEVfT0ZGID0gYHR1aVJpcHBsZU9mZmA7XG5cbi8qKlxuICogU3RyZWFtIG9mIHJpcHBsZSBlbGVtZW50cyB0byBhZGRcbiAqL1xuZXhwb3J0IGNvbnN0IFRVSV9SSVBQTEVfU1RBUlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48T2JzZXJ2YWJsZTxIVE1MRWxlbWVudD4+KFxuICAgIGBbVFVJX1JJUFBMRV9TVEFSVF1gLFxuKTtcblxuLyoqXG4gKiBTdHJlYW0gb2YgcmlwcGxlIGVsZW1lbnRzIHRvIHJlbW92ZVxuICovXG5leHBvcnQgY29uc3QgVFVJX1JJUFBMRV9FTkQgPSBuZXcgSW5qZWN0aW9uVG9rZW48T2JzZXJ2YWJsZTxIVE1MRWxlbWVudD4+KFxuICAgIGBbVFVJX1JJUFBMRV9FTkRdYCxcbik7XG5cbmV4cG9ydCBjb25zdCBUVUlfUklQUExFX1BST1ZJREVSUzogUHJvdmlkZXJbXSA9IFtcbiAgICBUdWlEZXN0cm95U2VydmljZSxcbiAgICB7XG4gICAgICAgIHByb3ZpZGU6IFRVSV9SSVBQTEVfU1RBUlQsXG4gICAgICAgIGRlcHM6IFtUVUlfVE9VQ0hfU1VQUE9SVEVELCBUVUlfSVNfSU9TLCBFbGVtZW50UmVmLCBSZW5kZXJlcjJdLFxuICAgICAgICB1c2VGYWN0b3J5OiAoXG4gICAgICAgICAgICB0b3VjaFN1cHBvcnRlZDogYm9vbGVhbixcbiAgICAgICAgICAgIGlzSU9TOiBib29sZWFuLFxuICAgICAgICAgICAge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgICk6IE9ic2VydmFibGU8SFRNTEVsZW1lbnQ+ID0+IHtcbiAgICAgICAgICAgIHJldHVybiBpc0lPUyB8fCAhdG91Y2hTdXBwb3J0ZWRcbiAgICAgICAgICAgICAgICA/IEVNUFRZXG4gICAgICAgICAgICAgICAgOiB0dWlUeXBlZEZyb21FdmVudChuYXRpdmVFbGVtZW50LCBgdG91Y2hzdGFydGApLnBpcGUoXG4gICAgICAgICAgICAgICAgICAgICAgbWFwKCh7dG91Y2hlc30pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qge2NsaWVudFgsIGNsaWVudFl9ID0gdG91Y2hlc1t0b3VjaGVzLmxlbmd0aCAtIDFdO1xuICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCB7d2lkdGgsIGhlaWdodCwgdG9wLCBsZWZ0fSA9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCByYWRpdXMgPSBNYXRoLnNxcnQod2lkdGggKiB3aWR0aCArIGhlaWdodCAqIGhlaWdodCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGRpbWVuc2lvbiA9IHJhZGl1cyAqIDI7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHggPSBjbGllbnRYIC0gbGVmdCAtIHJhZGl1cztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgeSA9IGNsaWVudFkgLSB0b3AgLSByYWRpdXM7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHJpcHBsZSA9IHJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoYGRpdmApO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlcmVyLmFkZENsYXNzKHJpcHBsZSwgYHR1aS1yaXBwbGVgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgcmVuZGVyZXIuc2V0QXR0cmlidXRlKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmlwcGxlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYHN0eWxlYCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGB3aWR0aDogJHt0dWlQeChkaW1lbnNpb24pfTsgaGVpZ2h0OiAke3R1aVB4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpbWVuc2lvbixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9OyBsZWZ0OiAke3R1aVB4KHgpfTsgdG9wOiAke3R1aVB4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfTsgYW5pbWF0aW9uLW5hbWU6ICR7UklQUExFX09OfTtgLFxuICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiByaXBwbGU7XG4gICAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICB9LFxuICAgIH0sXG4gICAge1xuICAgICAgICBwcm92aWRlOiBUVUlfUklQUExFX0VORCxcbiAgICAgICAgZGVwczogW1RVSV9UT1VDSF9TVVBQT1JURUQsIFRVSV9JU19JT1MsIEVsZW1lbnRSZWYsIFR1aURlc3Ryb3lTZXJ2aWNlXSxcbiAgICAgICAgdXNlRmFjdG9yeTogKFxuICAgICAgICAgICAgdG91Y2hTdXBwb3J0ZWQ6IGJvb2xlYW4sXG4gICAgICAgICAgICBpc0lPUzogYm9vbGVhbixcbiAgICAgICAgICAgIHtuYXRpdmVFbGVtZW50fTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgICAgICBkZXN0cm95JDogT2JzZXJ2YWJsZTx2b2lkPixcbiAgICAgICAgKTogT2JzZXJ2YWJsZTxFdmVudFRhcmdldD4gPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGlzSU9TIHx8ICF0b3VjaFN1cHBvcnRlZFxuICAgICAgICAgICAgICAgID8gRU1QVFlcbiAgICAgICAgICAgICAgICA6IHR1aVR5cGVkRnJvbUV2ZW50KG5hdGl2ZUVsZW1lbnQsIGBhbmltYXRpb25lbmRgKS5waXBlKFxuICAgICAgICAgICAgICAgICAgICAgIGZpbHRlcigoe2FuaW1hdGlvbk5hbWV9KSA9PiBhbmltYXRpb25OYW1lID09PSBSSVBQTEVfT0ZGKSxcbiAgICAgICAgICAgICAgICAgICAgICBtYXAoKHt0YXJnZXR9KSA9PiB0YXJnZXQpLFxuICAgICAgICAgICAgICAgICAgICAgIGZpbHRlcih0dWlJc1ByZXNlbnQpLFxuICAgICAgICAgICAgICAgICAgICAgIHRha2VVbnRpbChkZXN0cm95JCksXG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICB9LFxuICAgIH0sXG5dO1xuIl19
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Inject, ViewChildren, Directive, Input, NgModule } from '@angular/core';
|
|
3
|
+
import { MutationObserverService, MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
|
|
4
|
+
import { TuiDestroyService, TuiResizeService, EMPTY_QUERY } from '@taiga-ui/cdk';
|
|
5
|
+
import * as i2 from 'rxjs';
|
|
6
|
+
import { merge } from 'rxjs';
|
|
7
|
+
import { map } from 'rxjs/operators';
|
|
8
|
+
import * as i1$1 from '@taiga-ui/core';
|
|
9
|
+
import { tuiButtonOptionsProvider, TuiSvgModule } from '@taiga-ui/core';
|
|
10
|
+
import * as i1 from '@angular/common';
|
|
11
|
+
import { CommonModule } from '@angular/common';
|
|
12
|
+
|
|
13
|
+
const TUI_APP_BAR_PROVIDERS = [
|
|
14
|
+
TuiDestroyService,
|
|
15
|
+
TuiResizeService,
|
|
16
|
+
MutationObserverService,
|
|
17
|
+
{
|
|
18
|
+
provide: MUTATION_OBSERVER_INIT,
|
|
19
|
+
useValue: {
|
|
20
|
+
characterData: true,
|
|
21
|
+
childList: true,
|
|
22
|
+
subtree: true,
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
tuiButtonOptionsProvider({
|
|
26
|
+
size: `m`,
|
|
27
|
+
appearance: ``,
|
|
28
|
+
}),
|
|
29
|
+
];
|
|
30
|
+
|
|
31
|
+
class TuiAppBarComponent {
|
|
32
|
+
constructor(resize$, mutation$) {
|
|
33
|
+
this.resize$ = resize$;
|
|
34
|
+
this.mutation$ = mutation$;
|
|
35
|
+
this.side = EMPTY_QUERY;
|
|
36
|
+
this.width$ = merge(this.resize$, this.mutation$).pipe(map(() => {
|
|
37
|
+
var _a, _b;
|
|
38
|
+
return 2 *
|
|
39
|
+
Math.max((_a = this.side.first) === null || _a === void 0 ? void 0 : _a.nativeElement.clientWidth, (_b = this.side.last) === null || _b === void 0 ? void 0 : _b.nativeElement.clientWidth);
|
|
40
|
+
}));
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
TuiAppBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarComponent, deps: [{ token: TuiResizeService }, { token: MutationObserverService }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
TuiAppBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarComponent, selector: "tui-app-bar", providers: TUI_APP_BAR_PROVIDERS, viewQueries: [{ propertyName: "side", predicate: ["side"], descendants: true }], ngImport: i0, template: "<div\n #side\n class=\"t-left\"\n>\n <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n class=\"t-content\"\n [style.--sides.px]=\"width$ | async\"\n>\n <ng-content></ng-content>\n</div>\n<div\n #side\n class=\"t-right\"\n>\n <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n", styles: [":host{--tui-padding: .625rem;position:relative;display:flex;height:3rem;align-items:center;justify-content:space-between;border:solid transparent;border-width:0 .375rem;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:bold;color:var(--tui-text-01);background:var(--tui-base-01)}:host ::ng-deep [tuiButton][data-size=m]{font-weight:normal}.t-content{top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;max-width:calc(100% - var(--sides, 0px));flex:1;padding:0 .375rem;box-sizing:border-box;text-align:center;color:var(--tui-text-01)}\n"], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarComponent, decorators: [{
|
|
46
|
+
type: Component,
|
|
47
|
+
args: [{
|
|
48
|
+
selector: 'tui-app-bar',
|
|
49
|
+
templateUrl: './app-bar.template.html',
|
|
50
|
+
styleUrls: ['./app-bar.style.less'],
|
|
51
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
52
|
+
providers: TUI_APP_BAR_PROVIDERS,
|
|
53
|
+
}]
|
|
54
|
+
}], ctorParameters: function () { return [{ type: i2.Observable, decorators: [{
|
|
55
|
+
type: Inject,
|
|
56
|
+
args: [TuiResizeService]
|
|
57
|
+
}] }, { type: i2.Observable, decorators: [{
|
|
58
|
+
type: Inject,
|
|
59
|
+
args: [MutationObserverService]
|
|
60
|
+
}] }]; }, propDecorators: { side: [{
|
|
61
|
+
type: ViewChildren,
|
|
62
|
+
args: ['side']
|
|
63
|
+
}] } });
|
|
64
|
+
|
|
65
|
+
class TuiAppBarDirective {
|
|
66
|
+
constructor() {
|
|
67
|
+
this.tuiSlot = 'left';
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
TuiAppBarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
71
|
+
TuiAppBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarDirective, selector: "[tuiSlot]", inputs: { tuiSlot: "tuiSlot" }, ngImport: i0 });
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarDirective, decorators: [{
|
|
73
|
+
type: Directive,
|
|
74
|
+
args: [{
|
|
75
|
+
selector: '[tuiSlot]',
|
|
76
|
+
}]
|
|
77
|
+
}], propDecorators: { tuiSlot: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}] } });
|
|
80
|
+
|
|
81
|
+
class TuiAppBarBackComponent {
|
|
82
|
+
}
|
|
83
|
+
TuiAppBarBackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarBackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
+
TuiAppBarBackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarBackComponent, selector: "button[tuiAppBarBack], a[tuiAppBarBack]", ngImport: i0, template: '<tui-svg src="tuiIconChevronLeftLarge"></tui-svg><ng-content></ng-content>', isInline: true, styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;align-items:center;padding:0 .625rem 0 .125rem}\n"], components: [{ type: i1$1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarBackComponent, decorators: [{
|
|
86
|
+
type: Component,
|
|
87
|
+
args: [{
|
|
88
|
+
selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',
|
|
89
|
+
template: '<tui-svg src="tuiIconChevronLeftLarge"></tui-svg><ng-content></ng-content>',
|
|
90
|
+
styleUrls: ['./app-bar-back.style.less'],
|
|
91
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
92
|
+
}]
|
|
93
|
+
}] });
|
|
94
|
+
|
|
95
|
+
class TuiAppBarModule {
|
|
96
|
+
}
|
|
97
|
+
TuiAppBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
98
|
+
TuiAppBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent], imports: [CommonModule, TuiSvgModule], exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent] });
|
|
99
|
+
TuiAppBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, imports: [[CommonModule, TuiSvgModule]] });
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, decorators: [{
|
|
101
|
+
type: NgModule,
|
|
102
|
+
args: [{
|
|
103
|
+
imports: [CommonModule, TuiSvgModule],
|
|
104
|
+
declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
|
|
105
|
+
exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
|
|
106
|
+
}]
|
|
107
|
+
}] });
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Generated bundle index. Do not edit.
|
|
111
|
+
*/
|
|
112
|
+
|
|
113
|
+
export { TUI_APP_BAR_PROVIDERS, TuiAppBarBackComponent, TuiAppBarComponent, TuiAppBarDirective, TuiAppBarModule };
|
|
114
|
+
//# sourceMappingURL=taiga-ui-addon-mobile-components-app-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-components-app-bar.js","sources":["../../../projects/addon-mobile/components/app-bar/app-bar.providers.ts","../../../projects/addon-mobile/components/app-bar/app-bar.component.ts","../../../projects/addon-mobile/components/app-bar/app-bar.template.html","../../../projects/addon-mobile/components/app-bar/app-bar.directive.ts","../../../projects/addon-mobile/components/app-bar/app-bar-back.component.ts","../../../projects/addon-mobile/components/app-bar/app-bar.module.ts","../../../projects/addon-mobile/components/app-bar/taiga-ui-addon-mobile-components-app-bar.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core';\n\nexport const TUI_APP_BAR_PROVIDERS: Provider[] = [\n TuiDestroyService,\n TuiResizeService,\n MutationObserverService,\n {\n provide: MUTATION_OBSERVER_INIT,\n useValue: {\n characterData: true,\n childList: true,\n subtree: true,\n },\n },\n tuiButtonOptionsProvider({\n size: `m`,\n appearance: ``,\n }),\n];\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Inject,\n QueryList,\n ViewChildren,\n} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {EMPTY_QUERY, TuiResizeService} from '@taiga-ui/cdk';\nimport {merge, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TUI_APP_BAR_PROVIDERS} from './app-bar.providers';\n\n@Component({\n selector: 'tui-app-bar',\n templateUrl: './app-bar.template.html',\n styleUrls: ['./app-bar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: TUI_APP_BAR_PROVIDERS,\n})\nexport class TuiAppBarComponent {\n @ViewChildren('side')\n private readonly side: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n readonly width$ = merge(this.resize$, this.mutation$).pipe(\n map(\n () =>\n 2 *\n Math.max(\n this.side.first?.nativeElement.clientWidth,\n this.side.last?.nativeElement.clientWidth,\n ),\n ),\n );\n\n constructor(\n @Inject(TuiResizeService) private readonly resize$: Observable<unknown>,\n @Inject(MutationObserverService) private readonly mutation$: Observable<unknown>,\n ) {}\n}\n","<div\n #side\n class=\"t-left\"\n>\n <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n class=\"t-content\"\n [style.--sides.px]=\"width$ | async\"\n>\n <ng-content></ng-content>\n</div>\n<div\n #side\n class=\"t-right\"\n>\n <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n","import {Directive, Input} from '@angular/core';\n\n@Directive({\n selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n @Input()\n tuiSlot: 'left' | 'right' = 'left';\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n template:\n '<tui-svg src=\"tuiIconChevronLeftLarge\"></tui-svg><ng-content></ng-content>',\n styleUrls: ['./app-bar-back.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAppBarBackComponent {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBackComponent} from './app-bar-back.component';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule],\n declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],\n exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],\n})\nexport class TuiAppBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -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":"
|
|
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,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { InjectionToken, ElementRef, Renderer2, Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Inject, Self, Input, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@taiga-ui/cdk';
|
|
4
|
-
import { TuiDestroyService, TUI_TOUCH_SUPPORTED, TUI_IS_IOS, tuiTypedFromEvent, tuiIsPresent, ALWAYS_FALSE_HANDLER, ALWAYS_TRUE_HANDLER, TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
4
|
+
import { TuiDestroyService, TUI_TOUCH_SUPPORTED, TUI_IS_IOS, tuiTypedFromEvent, tuiPx, tuiIsPresent, ALWAYS_FALSE_HANDLER, ALWAYS_TRUE_HANDLER, TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
5
5
|
import * as i2 from 'rxjs';
|
|
6
6
|
import { EMPTY, race, timer } from 'rxjs';
|
|
7
7
|
import { map, filter, takeUntil, mergeMap, take, tap, switchMap } from 'rxjs/operators';
|
|
@@ -33,13 +33,7 @@ const TUI_RIPPLE_PROVIDERS = [
|
|
|
33
33
|
const y = clientY - top - radius;
|
|
34
34
|
const ripple = renderer.createElement(`div`);
|
|
35
35
|
renderer.addClass(ripple, `tui-ripple`);
|
|
36
|
-
renderer.setAttribute(ripple, `style`, `
|
|
37
|
-
width: ${dimension}px;
|
|
38
|
-
height: ${dimension}px;
|
|
39
|
-
left: ${x}px;
|
|
40
|
-
top: ${y}px;
|
|
41
|
-
animation-name: ${RIPPLE_ON};
|
|
42
|
-
`);
|
|
36
|
+
renderer.setAttribute(ripple, `style`, `width: ${tuiPx(dimension)}; height: ${tuiPx(dimension)}; left: ${tuiPx(x)}; top: ${tuiPx(y)}; animation-name: ${RIPPLE_ON};`);
|
|
43
37
|
return ripple;
|
|
44
38
|
}));
|
|
45
39
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.js","sources":["../../../projects/addon-mobile/directives/ripple/ripple.providers.ts","../../../projects/addon-mobile/directives/ripple/ripple-styles.component.ts","../../../projects/addon-mobile/directives/ripple/ripple.directive.ts","../../../projects/addon-mobile/directives/ripple/ripple.module.ts","../../../projects/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n TUI_IS_IOS,\n TUI_TOUCH_SUPPORTED,\n TuiDestroyService,\n tuiIsPresent,\n tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {filter, map, takeUntil} from 'rxjs/operators';\n\nexport const RIPPLE_ON = `tuiRippleOn`;\nexport const RIPPLE_OFF = `tuiRippleOff`;\n\n/**\n * Stream of ripple elements to add\n */\nexport const TUI_RIPPLE_START = new InjectionToken<Observable<HTMLElement>>(\n `[TUI_RIPPLE_START]`,\n);\n\n/**\n * Stream of ripple elements to remove\n */\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n `[TUI_RIPPLE_END]`,\n);\n\nexport const TUI_RIPPLE_PROVIDERS: Provider[] = [\n TuiDestroyService,\n {\n provide: TUI_RIPPLE_START,\n deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, Renderer2],\n useFactory: (\n touchSupported: boolean,\n isIOS: boolean,\n {nativeElement}: ElementRef<HTMLElement>,\n renderer: Renderer2,\n ): Observable<HTMLElement> => {\n return isIOS || !touchSupported\n ? EMPTY\n : tuiTypedFromEvent(nativeElement, `touchstart`).pipe(\n map(({touches}) => {\n const {clientX, clientY} = touches[touches.length - 1];\n const {width, height, top, left} =\n nativeElement.getBoundingClientRect();\n const radius = Math.sqrt(width * width + height * height);\n const dimension = radius * 2;\n const x = clientX - left - radius;\n const y = clientY - top - radius;\n const ripple = renderer.createElement(`div`);\n\n renderer.addClass(ripple, `tui-ripple`);\n renderer.setAttribute(\n ripple,\n `style`,\n `\n width: ${dimension}px;\n height: ${dimension}px;\n left: ${x}px;\n top: ${y}px;\n animation-name: ${RIPPLE_ON};\n `,\n );\n\n return ripple;\n }),\n );\n },\n },\n {\n provide: TUI_RIPPLE_END,\n deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n useFactory: (\n touchSupported: boolean,\n isIOS: boolean,\n {nativeElement}: ElementRef<HTMLElement>,\n destroy$: Observable<void>,\n ): Observable<EventTarget> => {\n return isIOS || !touchSupported\n ? EMPTY\n : tuiTypedFromEvent(nativeElement, `animationend`).pipe(\n filter(({animationName}) => animationName === RIPPLE_OFF),\n map(({target}) => target),\n filter(tuiIsPresent),\n takeUntil(destroy$),\n );\n },\n },\n];\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n selector: 'tui-ripple',\n template: '',\n styleUrls: ['./ripple.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiRippleStylesComponent {}\n","import {Directive, ElementRef, Inject, Input, Renderer2, Self} from '@angular/core';\nimport {\n ALWAYS_FALSE_HANDLER,\n ALWAYS_TRUE_HANDLER,\n TuiDestroyService,\n TuiDirectiveStylesService,\n tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {Observable, race, timer} from 'rxjs';\nimport {map, mergeMap, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\nimport {\n RIPPLE_OFF,\n TUI_RIPPLE_END,\n TUI_RIPPLE_PROVIDERS,\n TUI_RIPPLE_START,\n} from './ripple.providers';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\nconst TOUCH_MOVE_DELAY = 100;\n\n@Directive({\n selector: '[tuiRipple]',\n providers: TUI_RIPPLE_PROVIDERS,\n})\nexport class TuiRippleDirective {\n @Input()\n tuiRipple?: string | '';\n\n constructor(\n @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n @Inject(Renderer2) renderer: Renderer2,\n @Self() @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n @Inject(TUI_RIPPLE_START) start$: Observable<HTMLElement>,\n @Inject(TUI_RIPPLE_END) end$: Observable<EventTarget>,\n ) {\n directiveStyles.addComponent(TuiRippleStylesComponent);\n\n const touchEnd$ = tuiTypedFromEvent(nativeElement, 'touchend');\n const touchMove$ = tuiTypedFromEvent(nativeElement, 'touchmove');\n\n end$.subscribe(element => {\n renderer.removeChild(nativeElement, element);\n });\n start$\n .pipe(\n mergeMap(ripple => {\n const animationEndOn$ = tuiTypedFromEvent(ripple, 'animationend');\n\n return race(\n timer(TOUCH_MOVE_DELAY).pipe(map(ALWAYS_FALSE_HANDLER)),\n touchEnd$.pipe(map(ALWAYS_TRUE_HANDLER)),\n ).pipe(\n take(1),\n // eslint-disable-next-line rxjs/no-unsafe-takeuntil\n takeUntil(touchMove$),\n tap(() => {\n renderer.setStyle(\n ripple,\n 'background',\n this.tuiRipple || null,\n );\n renderer.appendChild(nativeElement, ripple);\n }),\n switchMap(isTap =>\n isTap\n ? animationEndOn$\n : race(\n touchEnd$.pipe(switchMap(() => animationEndOn$)),\n animationEndOn$.pipe(switchMap(() => touchEnd$)),\n ),\n ),\n map(() => ripple),\n );\n }),\n takeUntil(destroy$),\n )\n .subscribe(element => {\n renderer.setStyle(element, 'animationName', RIPPLE_OFF);\n });\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiRippleDirective} from './ripple.directive';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\n@NgModule({\n declarations: [TuiRippleDirective, TuiRippleStylesComponent],\n exports: [TuiRippleDirective],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.js","sources":["../../../projects/addon-mobile/directives/ripple/ripple.providers.ts","../../../projects/addon-mobile/directives/ripple/ripple-styles.component.ts","../../../projects/addon-mobile/directives/ripple/ripple.directive.ts","../../../projects/addon-mobile/directives/ripple/ripple.module.ts","../../../projects/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n TUI_IS_IOS,\n TUI_TOUCH_SUPPORTED,\n TuiDestroyService,\n tuiIsPresent,\n tuiPx,\n tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {filter, map, takeUntil} from 'rxjs/operators';\n\nexport const RIPPLE_ON = `tuiRippleOn`;\nexport const RIPPLE_OFF = `tuiRippleOff`;\n\n/**\n * Stream of ripple elements to add\n */\nexport const TUI_RIPPLE_START = new InjectionToken<Observable<HTMLElement>>(\n `[TUI_RIPPLE_START]`,\n);\n\n/**\n * Stream of ripple elements to remove\n */\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n `[TUI_RIPPLE_END]`,\n);\n\nexport const TUI_RIPPLE_PROVIDERS: Provider[] = [\n TuiDestroyService,\n {\n provide: TUI_RIPPLE_START,\n deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, Renderer2],\n useFactory: (\n touchSupported: boolean,\n isIOS: boolean,\n {nativeElement}: ElementRef<HTMLElement>,\n renderer: Renderer2,\n ): Observable<HTMLElement> => {\n return isIOS || !touchSupported\n ? EMPTY\n : tuiTypedFromEvent(nativeElement, `touchstart`).pipe(\n map(({touches}) => {\n const {clientX, clientY} = touches[touches.length - 1];\n const {width, height, top, left} =\n nativeElement.getBoundingClientRect();\n const radius = Math.sqrt(width * width + height * height);\n const dimension = radius * 2;\n const x = clientX - left - radius;\n const y = clientY - top - radius;\n const ripple = renderer.createElement(`div`);\n\n renderer.addClass(ripple, `tui-ripple`);\n renderer.setAttribute(\n ripple,\n `style`,\n `width: ${tuiPx(dimension)}; height: ${tuiPx(\n dimension,\n )}; left: ${tuiPx(x)}; top: ${tuiPx(\n y,\n )}; animation-name: ${RIPPLE_ON};`,\n );\n\n return ripple;\n }),\n );\n },\n },\n {\n provide: TUI_RIPPLE_END,\n deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n useFactory: (\n touchSupported: boolean,\n isIOS: boolean,\n {nativeElement}: ElementRef<HTMLElement>,\n destroy$: Observable<void>,\n ): Observable<EventTarget> => {\n return isIOS || !touchSupported\n ? EMPTY\n : tuiTypedFromEvent(nativeElement, `animationend`).pipe(\n filter(({animationName}) => animationName === RIPPLE_OFF),\n map(({target}) => target),\n filter(tuiIsPresent),\n takeUntil(destroy$),\n );\n },\n },\n];\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n selector: 'tui-ripple',\n template: '',\n styleUrls: ['./ripple.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiRippleStylesComponent {}\n","import {Directive, ElementRef, Inject, Input, Renderer2, Self} from '@angular/core';\nimport {\n ALWAYS_FALSE_HANDLER,\n ALWAYS_TRUE_HANDLER,\n TuiDestroyService,\n TuiDirectiveStylesService,\n tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {Observable, race, timer} from 'rxjs';\nimport {map, mergeMap, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\nimport {\n RIPPLE_OFF,\n TUI_RIPPLE_END,\n TUI_RIPPLE_PROVIDERS,\n TUI_RIPPLE_START,\n} from './ripple.providers';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\nconst TOUCH_MOVE_DELAY = 100;\n\n@Directive({\n selector: '[tuiRipple]',\n providers: TUI_RIPPLE_PROVIDERS,\n})\nexport class TuiRippleDirective {\n @Input()\n tuiRipple?: string | '';\n\n constructor(\n @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n @Inject(Renderer2) renderer: Renderer2,\n @Self() @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n @Inject(TUI_RIPPLE_START) start$: Observable<HTMLElement>,\n @Inject(TUI_RIPPLE_END) end$: Observable<EventTarget>,\n ) {\n directiveStyles.addComponent(TuiRippleStylesComponent);\n\n const touchEnd$ = tuiTypedFromEvent(nativeElement, 'touchend');\n const touchMove$ = tuiTypedFromEvent(nativeElement, 'touchmove');\n\n end$.subscribe(element => {\n renderer.removeChild(nativeElement, element);\n });\n start$\n .pipe(\n mergeMap(ripple => {\n const animationEndOn$ = tuiTypedFromEvent(ripple, 'animationend');\n\n return race(\n timer(TOUCH_MOVE_DELAY).pipe(map(ALWAYS_FALSE_HANDLER)),\n touchEnd$.pipe(map(ALWAYS_TRUE_HANDLER)),\n ).pipe(\n take(1),\n // eslint-disable-next-line rxjs/no-unsafe-takeuntil\n takeUntil(touchMove$),\n tap(() => {\n renderer.setStyle(\n ripple,\n 'background',\n this.tuiRipple || null,\n );\n renderer.appendChild(nativeElement, ripple);\n }),\n switchMap(isTap =>\n isTap\n ? animationEndOn$\n : race(\n touchEnd$.pipe(switchMap(() => animationEndOn$)),\n animationEndOn$.pipe(switchMap(() => touchEnd$)),\n ),\n ),\n map(() => ripple),\n );\n }),\n takeUntil(destroy$),\n )\n .subscribe(element => {\n renderer.setStyle(element, 'animationName', RIPPLE_OFF);\n });\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiRippleDirective} from './ripple.directive';\nimport {TuiRippleStylesComponent} from './ripple-styles.component';\n\n@NgModule({\n declarations: [TuiRippleDirective, TuiRippleStylesComponent],\n exports: [TuiRippleDirective],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/addon-mobile",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.25.0-dev.main-283f401",
|
|
4
4
|
"description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"@angular/common": ">=12.0.0",
|
|
16
16
|
"@angular/core": ">=12.0.0",
|
|
17
17
|
"@ng-web-apis/common": ">=2.0.0",
|
|
18
|
-
"@taiga-ui/cdk": ">=3.
|
|
19
|
-
"@taiga-ui/core": ">=3.
|
|
20
|
-
"@taiga-ui/kit": ">=3.
|
|
18
|
+
"@taiga-ui/cdk": ">=3.25.0",
|
|
19
|
+
"@taiga-ui/core": ">=3.25.0",
|
|
20
|
+
"@taiga-ui/kit": ">=3.25.0",
|
|
21
21
|
"@tinkoff/ng-polymorpheus": ">=4.0.0",
|
|
22
22
|
"rxjs": ">=6.0.0"
|
|
23
23
|
},
|