@taiga-ui/addon-mobile 2.84.0 → 2.85.0

package/fesm5/taiga-ui-addon-mobile-components-app-bar.js

@@ -0,0 +1,115 @@
+import { __assign, __decorate, __param } from 'tslib';
+import { Inject, ViewChildren, Component, ChangeDetectionStrategy, Input, Directive, NgModule } from '@angular/core';
+import { MUTATION_OBSERVER_INIT, MutationObserverService } from '@ng-web-apis/mutation-observer';
+import { EMPTY_QUERY, TuiResizeService, TuiDestroyService } from '@taiga-ui/cdk';
+import { TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiSvgModule } from '@taiga-ui/core';
+import { merge, Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+
+// note: fix problem for strange behavior in viewEngine with export { ɵ_0, ɵ_1 };
+function tuiProvideMutationOptionsForAppBar() {
+    return {
+        provide: TUI_BUTTON_OPTIONS,
+        useValue: {
+            characterData: true,
+            childList: true,
+            subtree: true,
+        },
+    };
+}
+// note: fix problem for strange behavior in viewEngine with export { ɵ_0, ɵ_1 };
+function tuiProvideButtonOptionsForAppBar() {
+    return {
+        provide: MUTATION_OBSERVER_INIT,
+        useValue: __assign(__assign({}, TUI_BUTTON_DEFAULT_OPTIONS), { size: 'm', appearance: '' }),
+    };
+}
+// @dynamic
+var TuiAppBarComponent = /** @class */ (function () {
+    function TuiAppBarComponent(resize$, mutation$) {
+        var _this = this;
+        this.resize$ = resize$;
+        this.mutation$ = mutation$;
+        this.side = EMPTY_QUERY;
+        this.width$ = merge(this.resize$, this.mutation$).pipe(map(function () {
+            var _a, _b;
+            return 2 *
+                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);
+        }));
+    }
+    TuiAppBarComponent.ctorParameters = function () { return [
+        { type: Observable, decorators: [{ type: Inject, args: [TuiResizeService,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [MutationObserverService,] }] }
+    ]; };
+    __decorate([
+        ViewChildren('sideLeft, sideRight')
+    ], TuiAppBarComponent.prototype, "side", void 0);
+    TuiAppBarComponent = __decorate([
+        Component({
+            selector: 'tui-app-bar',
+            template: "<div\n    #sideLeft\n    class=\"t-left\"\n>\n    <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n    class=\"t-content\"\n    [style.--sides.px]=\"width$ | async\"\n>\n    <ng-content></ng-content>\n</div>\n<div\n    #sideRight\n    class=\"t-right\"\n>\n    <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            providers: [
+                TuiDestroyService,
+                TuiResizeService,
+                MutationObserverService,
+                tuiProvideMutationOptionsForAppBar(),
+                tuiProvideButtonOptionsForAppBar(),
+            ],
+            styles: [":host{--tui-padding:0.625rem;position:relative;display:flex;height:3rem;align-items:center;justify-content:space-between;border:solid transparent;border-width:0 .375rem;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-01);background:var(--tui-base-01)}:host ::ng-deep [tuiButton][data-size='m']{font-weight:400}.t-content{top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;max-width:calc(100% - var(--sides,0px));flex:1;padding:0 .375rem;box-sizing:border-box;text-align:center;color:var(--tui-text-01)}"]
+        }),
+        __param(0, Inject(TuiResizeService)),
+        __param(1, Inject(MutationObserverService))
+    ], TuiAppBarComponent);
+    return TuiAppBarComponent;
+}());
+
+var TuiAppBarDirective = /** @class */ (function () {
+    function TuiAppBarDirective() {
+        this.tuiSlot = 'left';
+    }
+    __decorate([
+        Input()
+    ], TuiAppBarDirective.prototype, "tuiSlot", void 0);
+    TuiAppBarDirective = __decorate([
+        Directive({
+            selector: '[tuiSlot]',
+        })
+    ], TuiAppBarDirective);
+    return TuiAppBarDirective;
+}());
+
+var TuiAppBarBackComponent = /** @class */ (function () {
+    function TuiAppBarBackComponent() {
+    }
+    TuiAppBarBackComponent = __decorate([
+        Component({
+            selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',
+            template: '<tui-svg src="tuiIconChevronLeftLarge"></tui-svg><ng-content></ng-content>',
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .625rem 0 .125rem;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;align-items:center}"]
+        })
+    ], TuiAppBarBackComponent);
+    return TuiAppBarBackComponent;
+}());
+
+var TuiAppBarModule = /** @class */ (function () {
+    function TuiAppBarModule() {
+    }
+    TuiAppBarModule = __decorate([
+        NgModule({
+            imports: [CommonModule, TuiSvgModule],
+            declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
+            exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
+        })
+    ], TuiAppBarModule);
+    return TuiAppBarModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiAppBarBackComponent, TuiAppBarComponent, TuiAppBarDirective, TuiAppBarModule, tuiProvideButtonOptionsForAppBar, tuiProvideMutationOptionsForAppBar };
+//# sourceMappingURL=taiga-ui-addon-mobile-components-app-bar.js.map

package/fesm5/taiga-ui-addon-mobile-components-app-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-addon-mobile-components-app-bar.js","sources":["ng://@taiga-ui/addon-mobile/components/app-bar/app-bar.component.ts","ng://@taiga-ui/addon-mobile/components/app-bar/app-bar.directive.ts","ng://@taiga-ui/addon-mobile/components/app-bar/app-bar-back.component.ts","ng://@taiga-ui/addon-mobile/components/app-bar/app-bar.module.ts","ng://@taiga-ui/addon-mobile/components/app-bar/taiga-ui-addon-mobile-components-app-bar.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    Inject,\n    Provider,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {EMPTY_QUERY, TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';\nimport {TUI_BUTTON_DEFAULT_OPTIONS, TUI_BUTTON_OPTIONS} from '@taiga-ui/core';\nimport {merge, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\n// note: fix problem for strange behavior in viewEngine with export { ɵ_0, ɵ_1 };\nexport function tuiProvideMutationOptionsForAppBar(): Provider {\n    return {\n        provide: TUI_BUTTON_OPTIONS,\n        useValue: {\n            characterData: true,\n            childList: true,\n            subtree: true,\n        },\n    };\n}\n\n// note: fix problem for strange behavior in viewEngine with export { ɵ_0, ɵ_1 };\nexport function tuiProvideButtonOptionsForAppBar(): Provider {\n    return {\n        provide: MUTATION_OBSERVER_INIT,\n        useValue: {\n            ...TUI_BUTTON_DEFAULT_OPTIONS,\n            size: 'm',\n            appearance: '',\n        },\n    };\n}\n\n// @dynamic\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: [\n        TuiDestroyService,\n        TuiResizeService,\n        MutationObserverService,\n        tuiProvideMutationOptionsForAppBar(),\n        tuiProvideButtonOptionsForAppBar(),\n    ],\n})\nexport class TuiAppBarComponent {\n    @ViewChildren('sideLeft, sideRight')\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","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":[],"mappings":";;;;;;;;;AAkBA;SACgB,kCAAkC;IAC9C,OAAO;QACH,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE;YACN,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SAChB;KACJ,CAAC;AACN,CAAC;AAED;SACgB,gCAAgC;IAC5C,OAAO;QACH,OAAO,EAAE,sBAAsB;QAC/B,QAAQ,wBACD,0BAA0B,KAC7B,IAAI,EAAE,GAAG,EACT,UAAU,EAAE,EAAE,GACjB;KACJ,CAAC;AACN,CAAC;AAED;;IA6BI,4BAC+C,OAA4B,EACrB,SAA8B;QAFpF,iBAGI;QAF2C,YAAO,GAAP,OAAO,CAAqB;QACrB,cAAS,GAAT,SAAS,CAAqB;QAfnE,SAAI,GAAuC,WAAW,CAAC;QAE/D,WAAM,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CACtD,GAAG,CACC;;YACI,OAAA,CAAC;gBACD,IAAI,CAAC,GAAG,OACJ,KAAI,CAAC,IAAI,CAAC,KAAK,0CAAE,aAAa,CAAC,WAAW,QAC1C,KAAI,CAAC,IAAI,CAAC,IAAI,0CAAE,aAAa,CAAC,WAAW,CAC5C,CAAA;SAAA,CACR,CACJ,CAAC;KAKE;;gBAFoD,UAAU,uBAA7D,MAAM,SAAC,gBAAgB;gBACqC,UAAU,uBAAtE,MAAM,SAAC,uBAAuB;;IAfnC;QADC,YAAY,CAAC,qBAAqB,CAAC;oDACoC;IAF/D,kBAAkB;QAb9B,SAAS,CAAC;YACP,QAAQ,EAAE,aAAa;YACvB,qWAAsC;YAEtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACP,iBAAiB;gBACjB,gBAAgB;gBAChB,uBAAuB;gBACvB,kCAAkC,EAAE;gBACpC,gCAAgC,EAAE;aACrC;;SACJ,CAAC;QAiBO,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;QACxB,WAAA,MAAM,CAAC,uBAAuB,CAAC,CAAA;OAjB3B,kBAAkB,CAmB9B;IAAD,yBAAC;CAnBD;;;ICnDA;QAEI,YAAO,GAAqB,MAAM,CAAC;KACtC;IADG;QADC,KAAK,EAAE;uDAC2B;IAF1B,kBAAkB;QAH9B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;SACxB,CAAC;OACW,kBAAkB,CAG9B;IAAD,yBAAC;CAHD;;;ICIA;KAAsC;IAAzB,sBAAsB;QAPlC,SAAS,CAAC;YACP,QAAQ,EAAE,yCAAyC;YACnD,QAAQ,EACJ,4EAA4E;YAEhF,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;OACW,sBAAsB,CAAG;IAAD,6BAAC;CAAtC;;;ICIA;KAA+B;IAAlB,eAAe;QAL3B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,YAAY,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,EAAE,sBAAsB,CAAC;YAC9E,OAAO,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,EAAE,sBAAsB,CAAC;SAC5E,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACbA;;;;;;"}

package/fesm5/taiga-ui-addon-mobile-components.js

@@ -1,3 +1,4 @@
+export * from '@taiga-ui/addon-mobile/components/app-bar';
 export * from '@taiga-ui/addon-mobile/components/mobile-calendar';
 export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dialog';
 export * from '@taiga-ui/addon-mobile/components/mobile-dialog';

package/fesm5/taiga-ui-addon-mobile-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-components.js","sources":["ng://@taiga-ui/addon-mobile/components/taiga-ui-addon-mobile-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;"}
+{"version":3,"file":"taiga-ui-addon-mobile-components.js","sources":["ng://@taiga-ui/addon-mobile/components/taiga-ui-addon-mobile-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-mobile",
-  "version": "2.84.0",
+  "version": "2.85.0",
   "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
   "keywords": [
     "angular",
@@ -15,9 +15,9 @@
     "@angular/common": ">=9.0.0",
     "@angular/core": ">=9.0.0",
     "@ng-web-apis/common": ">=1.12.1 < 2",
-    "@taiga-ui/cdk": ">=2.84.0",
-    "@taiga-ui/core": ">=2.84.0",
-    "@taiga-ui/kit": ">=2.84.0",
+    "@taiga-ui/cdk": ">=2.85.0",
+    "@taiga-ui/core": ">=2.85.0",
+    "@taiga-ui/kit": ">=2.85.0",
     "@tinkoff/ng-polymorpheus": ">=3.1.12 < 4",
     "rxjs": ">=6.0.0"
   },