@taiga-ui/addon-mobile 2.74.0 → 2.76.0

package/fesm5/taiga-ui-addon-mobile-directives-ripple.js

@@ -59,7 +59,7 @@ var TuiRippleStylesComponent = /** @class */ (function () {
     }
     TuiRippleStylesComponent = __decorate([
         Component({
-            template: "",
+            template: '',
             encapsulation: ViewEncapsulation.None,
             styles: ["@keyframes tuiRippleOn{from{transform:scale(0);opacity:.12}to{transform:none;opacity:.12}}@keyframes tuiRippleOff{from{transform:none;opacity:.12}to{transform:none;opacity:0}}[tuiRipple]{position:relative;overflow:hidden}.tui-ripple{position:absolute;z-index:100;border-radius:100%;background:currentColor;transform:scale(0);animation-duration:450ms;animation-fill-mode:forwards;pointer-events:none}"]
         })
@@ -73,18 +73,18 @@ var TuiRippleDirective = /** @class */ (function () {
         var _this = this;
         var nativeElement = _a.nativeElement;
         directiveStyles.addComponent(TuiRippleStylesComponent);
-        var touchEnd$ = typedFromEvent(nativeElement, "touchend");
-        var touchMove$ = typedFromEvent(nativeElement, "touchmove");
+        var touchEnd$ = typedFromEvent(nativeElement, 'touchend');
+        var touchMove$ = typedFromEvent(nativeElement, 'touchmove');
         end$.subscribe(function (element) {
             renderer.removeChild(nativeElement, element);
         });
         start$
             .pipe(mergeMap(function (ripple) {
-            var animationEndOn$ = typedFromEvent(ripple, "animationend");
+            var animationEndOn$ = typedFromEvent(ripple, 'animationend');
             return race(timer(TOUCH_MOVE_DELAY).pipe(mapTo(false)), touchEnd$.pipe(mapTo(true))).pipe(take(1), 
             // eslint-disable-next-line rxjs/no-unsafe-takeuntil
             takeUntil(touchMove$), tap(function () {
-                renderer.setStyle(ripple, "background", _this.tuiRipple || null);
+                renderer.setStyle(ripple, 'background', _this.tuiRipple || null);
                 renderer.appendChild(nativeElement, ripple);
             }), switchMap(function (isTap) {
                 return isTap
@@ -93,7 +93,7 @@ var TuiRippleDirective = /** @class */ (function () {
             }), mapTo(ripple));
         }), takeUntil(destroy$))
             .subscribe(function (element) {
-            renderer.setStyle(element, "animationName", RIPPLE_OFF);
+            renderer.setStyle(element, 'animationName', RIPPLE_OFF);
         });
     }
     TuiRippleDirective.ctorParameters = function () { return [
@@ -109,7 +109,7 @@ var TuiRippleDirective = /** @class */ (function () {
     ], TuiRippleDirective.prototype, "tuiRipple", void 0);
     TuiRippleDirective = __decorate([
         Directive({
-            selector: "[tuiRipple]",
+            selector: '[tuiRipple]',
             providers: TUI_RIPPLE_PROVIDERS,
         }),
         __param(0, Inject(ElementRef)),

package/fesm5/taiga-ui-addon-mobile-directives-ripple.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.js","sources":["ng://@taiga-ui/addon-mobile/directives/ripple/ripple.providers.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple-styles.component.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple.directive.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple.module.ts","ng://@taiga-ui/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n    isPresent,\n    TUI_IS_IOS,\n    TUI_TOUCH_SUPPORTED,\n    TuiDestroyService,\n    typedFromEvent,\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`;\nexport const TUI_RIPPLE_START = new InjectionToken<Observable<HTMLElement>>(\n    `Stream of ripple elements to add`,\n);\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n    `Stream of ripple elements to remove`,\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: rippleStartFactory,\n    },\n    {\n        provide: TUI_RIPPLE_END,\n        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n        useFactory: rippleEndFactory,\n    },\n];\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function rippleStartFactory(\n    touchSupported: boolean,\n    isIOS: boolean,\n    {nativeElement}: ElementRef<HTMLElement>,\n    renderer: Renderer2,\n): Observable<HTMLElement> {\n    return isIOS || !touchSupported\n        ? EMPTY\n        : typedFromEvent(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// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function rippleEndFactory(\n    touchSupported: boolean,\n    isIOS: boolean,\n    {nativeElement}: ElementRef<HTMLElement>,\n    destroy$: Observable<void>,\n): Observable<EventTarget> {\n    return isIOS || !touchSupported\n        ? EMPTY\n        : typedFromEvent(nativeElement, `animationend`).pipe(\n              filter(({animationName}) => animationName === RIPPLE_OFF),\n              map(({target}) => target),\n              filter(isPresent),\n              takeUntil(destroy$),\n          );\n}\n","import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: ``,\n    styleUrls: [`./ripple.style.less`],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiRippleStylesComponent {}\n","import {Directive, ElementRef, Inject, Input, Renderer2} from '@angular/core';\nimport {\n    TuiDestroyService,\n    TuiDirectiveStylesService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {Observable, race, timer} from 'rxjs';\nimport {\n    mapTo,\n    mergeMap,\n    switchMap,\n    switchMapTo,\n    take,\n    takeUntil,\n    tap,\n} 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        @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$ = typedFromEvent(nativeElement, `touchend`);\n        const touchMove$ = typedFromEvent(nativeElement, `touchmove`);\n\n        end$.subscribe(element => {\n            renderer.removeChild(nativeElement, element);\n        });\n        start$\n            .pipe(\n                mergeMap(ripple => {\n                    const animationEndOn$ = typedFromEvent(ripple, `animationend`);\n\n                    return race(\n                        timer(TOUCH_MOVE_DELAY).pipe(mapTo(false)),\n                        touchEnd$.pipe(mapTo(true)),\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<unknown>(\n                                      touchEnd$.pipe(switchMapTo(animationEndOn$)),\n                                      animationEndOn$.pipe(switchMapTo(touchEnd$)),\n                                  ),\n                        ),\n                        mapTo(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    entryComponents: [TuiRippleStylesComponent],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TuiRippleStylesComponent as ɵa} from './ripple-styles.component';"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.js","sources":["ng://@taiga-ui/addon-mobile/directives/ripple/ripple.providers.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple-styles.component.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple.directive.ts","ng://@taiga-ui/addon-mobile/directives/ripple/ripple.module.ts","ng://@taiga-ui/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {ElementRef, InjectionToken, Provider, Renderer2} from '@angular/core';\nimport {\n    isPresent,\n    TUI_IS_IOS,\n    TUI_TOUCH_SUPPORTED,\n    TuiDestroyService,\n    typedFromEvent,\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`;\nexport const TUI_RIPPLE_START = new InjectionToken<Observable<HTMLElement>>(\n    `Stream of ripple elements to add`,\n);\nexport const TUI_RIPPLE_END = new InjectionToken<Observable<HTMLElement>>(\n    `Stream of ripple elements to remove`,\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: rippleStartFactory,\n    },\n    {\n        provide: TUI_RIPPLE_END,\n        deps: [TUI_TOUCH_SUPPORTED, TUI_IS_IOS, ElementRef, TuiDestroyService],\n        useFactory: rippleEndFactory,\n    },\n];\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function rippleStartFactory(\n    touchSupported: boolean,\n    isIOS: boolean,\n    {nativeElement}: ElementRef<HTMLElement>,\n    renderer: Renderer2,\n): Observable<HTMLElement> {\n    return isIOS || !touchSupported\n        ? EMPTY\n        : typedFromEvent(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// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function rippleEndFactory(\n    touchSupported: boolean,\n    isIOS: boolean,\n    {nativeElement}: ElementRef<HTMLElement>,\n    destroy$: Observable<void>,\n): Observable<EventTarget> {\n    return isIOS || !touchSupported\n        ? EMPTY\n        : typedFromEvent(nativeElement, `animationend`).pipe(\n              filter(({animationName}) => animationName === RIPPLE_OFF),\n              map(({target}) => target),\n              filter(isPresent),\n              takeUntil(destroy$),\n          );\n}\n","import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./ripple.style.less'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiRippleStylesComponent {}\n","import {Directive, ElementRef, Inject, Input, Renderer2} from '@angular/core';\nimport {\n    TuiDestroyService,\n    TuiDirectiveStylesService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {Observable, race, timer} from 'rxjs';\nimport {\n    mapTo,\n    mergeMap,\n    switchMap,\n    switchMapTo,\n    take,\n    takeUntil,\n    tap,\n} 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        @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$ = typedFromEvent(nativeElement, 'touchend');\n        const touchMove$ = typedFromEvent(nativeElement, 'touchmove');\n\n        end$.subscribe(element => {\n            renderer.removeChild(nativeElement, element);\n        });\n        start$\n            .pipe(\n                mergeMap(ripple => {\n                    const animationEndOn$ = typedFromEvent(ripple, 'animationend');\n\n                    return race(\n                        timer(TOUCH_MOVE_DELAY).pipe(mapTo(false)),\n                        touchEnd$.pipe(mapTo(true)),\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<unknown>(\n                                      touchEnd$.pipe(switchMapTo(animationEndOn$)),\n                                      animationEndOn$.pipe(switchMapTo(touchEnd$)),\n                                  ),\n                        ),\n                        mapTo(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    entryComponents: [TuiRippleStylesComponent],\n})\nexport class TuiRippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TuiRippleStylesComponent as ɵa} from './ripple-styles.component';"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-addon-mobile-directives-sidebar.js

@@ -13,7 +13,7 @@ var TuiSidebarDirective = /** @class */ (function (_super) {
         _this.componentFactoryResolver = componentFactoryResolver;
         _this.portalService = portalService;
         _this.sidebarRef = null;
-        _this.direction = "left";
+        _this.direction = 'left';
         _this.autoWidth = false;
         return _this;
     }
@@ -55,17 +55,17 @@ var TuiSidebarDirective = /** @class */ (function (_super) {
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
     ]; };
     __decorate([
-        Input("tuiSidebarDirection")
+        Input('tuiSidebarDirection')
     ], TuiSidebarDirective.prototype, "direction", void 0);
     __decorate([
-        Input("tuiSidebarAutoWidth")
+        Input('tuiSidebarAutoWidth')
     ], TuiSidebarDirective.prototype, "autoWidth", void 0);
     __decorate([
         Input()
     ], TuiSidebarDirective.prototype, "tuiSidebar", null);
     TuiSidebarDirective = __decorate([
         Directive({
-            selector: "[tuiSidebar]",
+            selector: '[tuiSidebar]',
         }),
         __param(0, Inject(TemplateRef)),
         __param(1, Inject(Injector)),
@@ -81,12 +81,12 @@ var TuiSidebarComponent = /** @class */ (function () {
     function TuiSidebarComponent(options, directive) {
         this.options = options;
         this.directive = directive;
-        this.left = __assign({ value: "left" }, this.options);
-        this.right = __assign({ value: "right" }, this.options);
+        this.left = __assign({ value: 'left' }, this.options);
+        this.right = __assign({ value: 'right' }, this.options);
     }
     Object.defineProperty(TuiSidebarComponent.prototype, "animation", {
         get: function () {
-            return this.direction === "left" ? this.left : this.right;
+            return this.direction === 'left' ? this.left : this.right;
         },
         enumerable: true,
         configurable: true
@@ -127,14 +127,14 @@ var TuiSidebarComponent = /** @class */ (function () {
         { type: TuiSidebarDirective, decorators: [{ type: Inject, args: [TuiSidebarDirective,] }] }
     ]; };
     __decorate([
-        HostBinding("@tuiSlideIn")
+        HostBinding('@tuiSlideIn')
     ], TuiSidebarComponent.prototype, "animation", null);
     __decorate([
-        HostBinding("class")
+        HostBinding('class')
     ], TuiSidebarComponent.prototype, "directionHostClass", null);
     TuiSidebarComponent = __decorate([
         Component({
-            selector: "aside[tuiSidebar]",
+            selector: 'aside[tuiSidebar]',
             template: "<div\n    polymorpheus-outlet\n    tuiActiveZone\n    class=\"t-wrapper\"\n    [content]=\"content\"\n    [class.t-wrapper_auto-width]=\"autoWidth\"\n></div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             animations: [tuiSlideIn],

package/fesm5/taiga-ui-addon-mobile-directives-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-sidebar.js","sources":["ng://@taiga-ui/addon-mobile/directives/sidebar/sidebar.directive.ts","ng://@taiga-ui/addon-mobile/directives/sidebar/sidebar.component.ts","ng://@taiga-ui/addon-mobile/directives/sidebar/sidebar.module.ts","ng://@taiga-ui/addon-mobile/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.ts"],"sourcesContent":["import {\n    ChangeDetectorRef,\n    ComponentFactoryResolver,\n    ComponentRef,\n    Directive,\n    Inject,\n    Injector,\n    Input,\n    OnDestroy,\n    TemplateRef,\n} from '@angular/core';\nimport {TuiPortalService} from '@taiga-ui/cdk';\nimport {TuiHorizontalDirection} from '@taiga-ui/core';\nimport {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSidebarComponent} from './sidebar.component';\n\n@Directive({\n    selector: `[tuiSidebar]`,\n})\nexport class TuiSidebarDirective<T = Record<string, unknown>>\n    extends PolymorpheusTemplate<T>\n    implements OnDestroy\n{\n    private sidebarRef: ComponentRef<TuiSidebarComponent> | null = null;\n\n    @Input(`tuiSidebarDirection`)\n    direction: TuiHorizontalDirection = `left`;\n\n    @Input(`tuiSidebarAutoWidth`)\n    autoWidth = false;\n\n    @Input()\n    set tuiSidebar(open: boolean) {\n        if (open) {\n            this.show();\n        } else {\n            this.hide();\n        }\n    }\n\n    constructor(\n        @Inject(TemplateRef) readonly content: TemplateRef<T>,\n        @Inject(Injector) private readonly injector: Injector,\n        @Inject(ComponentFactoryResolver)\n        private readonly componentFactoryResolver: ComponentFactoryResolver,\n        @Inject(TuiPortalService)\n        private readonly portalService: TuiPortalService,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(content, changeDetectorRef);\n    }\n\n    ngOnDestroy(): void {\n        this.hide();\n    }\n\n    private show(): void {\n        if (this.sidebarRef !== null) {\n            return;\n        }\n\n        const componentFactory =\n            this.componentFactoryResolver.resolveComponentFactory(TuiSidebarComponent);\n\n        this.sidebarRef = this.portalService.add(componentFactory, this.injector);\n        this.sidebarRef.changeDetectorRef.detectChanges();\n    }\n\n    private hide(): void {\n        if (this.sidebarRef === null) {\n            return;\n        }\n\n        this.portalService.remove(this.sidebarRef);\n        this.sidebarRef = null;\n    }\n}\n","import {AnimationOptions} from '@angular/animations';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    DoCheck,\n    HostBinding,\n    Inject,\n} from '@angular/core';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    TuiAnimationOptions,\n    TuiHorizontalDirection,\n    tuiSlideIn,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSidebarDirective} from './sidebar.directive';\n\n// @dynamic\n@Component({\n    selector: `aside[tuiSidebar]`,\n    templateUrl: `./sidebar.template.html`,\n    styleUrls: [`./sidebar.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiSlideIn],\n})\nexport class TuiSidebarComponent implements DoCheck {\n    private readonly left = {\n        value: `left`,\n        ...this.options,\n    } as const;\n\n    private readonly right = {\n        value: `right`,\n        ...this.options,\n    } as const;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(TuiSidebarDirective) private readonly directive: TuiSidebarDirective,\n    ) {}\n\n    @HostBinding(`@tuiSlideIn`)\n    get animation(): TuiAnimationOptions {\n        return this.direction === `left` ? this.left : this.right;\n    }\n\n    @HostBinding(`class`)\n    get directionHostClass(): string {\n        return `t-${this.directive.direction}`;\n    }\n\n    get direction(): TuiHorizontalDirection {\n        return this.directive.direction;\n    }\n\n    get content(): PolymorpheusContent {\n        return this.directive.content;\n    }\n\n    get autoWidth(): boolean {\n        return this.directive.autoWidth;\n    }\n\n    ngDoCheck(): void {\n        this.directive.check();\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSidebarComponent} from './sidebar.component';\nimport {TuiSidebarDirective} from './sidebar.directive';\n\n@NgModule({\n    imports: [TuiActiveZoneModule, PolymorpheusModule],\n    declarations: [TuiSidebarDirective, TuiSidebarComponent],\n    entryComponents: [TuiSidebarComponent],\n    exports: [TuiSidebarDirective],\n})\nexport class TuiSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-mobile-directives-sidebar.js","sources":["ng://@taiga-ui/addon-mobile/directives/sidebar/sidebar.directive.ts","ng://@taiga-ui/addon-mobile/directives/sidebar/sidebar.component.ts","ng://@taiga-ui/addon-mobile/directives/sidebar/sidebar.module.ts","ng://@taiga-ui/addon-mobile/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.ts"],"sourcesContent":["import {\n    ChangeDetectorRef,\n    ComponentFactoryResolver,\n    ComponentRef,\n    Directive,\n    Inject,\n    Injector,\n    Input,\n    OnDestroy,\n    TemplateRef,\n} from '@angular/core';\nimport {TuiPortalService} from '@taiga-ui/cdk';\nimport {TuiHorizontalDirection} from '@taiga-ui/core';\nimport {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSidebarComponent} from './sidebar.component';\n\n@Directive({\n    selector: '[tuiSidebar]',\n})\nexport class TuiSidebarDirective<T = Record<string, unknown>>\n    extends PolymorpheusTemplate<T>\n    implements OnDestroy\n{\n    private sidebarRef: ComponentRef<TuiSidebarComponent> | null = null;\n\n    @Input('tuiSidebarDirection')\n    direction: TuiHorizontalDirection = 'left';\n\n    @Input('tuiSidebarAutoWidth')\n    autoWidth = false;\n\n    @Input()\n    set tuiSidebar(open: boolean) {\n        if (open) {\n            this.show();\n        } else {\n            this.hide();\n        }\n    }\n\n    constructor(\n        @Inject(TemplateRef) readonly content: TemplateRef<T>,\n        @Inject(Injector) private readonly injector: Injector,\n        @Inject(ComponentFactoryResolver)\n        private readonly componentFactoryResolver: ComponentFactoryResolver,\n        @Inject(TuiPortalService)\n        private readonly portalService: TuiPortalService,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(content, changeDetectorRef);\n    }\n\n    ngOnDestroy(): void {\n        this.hide();\n    }\n\n    private show(): void {\n        if (this.sidebarRef !== null) {\n            return;\n        }\n\n        const componentFactory =\n            this.componentFactoryResolver.resolveComponentFactory(TuiSidebarComponent);\n\n        this.sidebarRef = this.portalService.add(componentFactory, this.injector);\n        this.sidebarRef.changeDetectorRef.detectChanges();\n    }\n\n    private hide(): void {\n        if (this.sidebarRef === null) {\n            return;\n        }\n\n        this.portalService.remove(this.sidebarRef);\n        this.sidebarRef = null;\n    }\n}\n","import {AnimationOptions} from '@angular/animations';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    DoCheck,\n    HostBinding,\n    Inject,\n} from '@angular/core';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    TuiAnimationOptions,\n    TuiHorizontalDirection,\n    tuiSlideIn,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSidebarDirective} from './sidebar.directive';\n\n// @dynamic\n@Component({\n    selector: 'aside[tuiSidebar]',\n    templateUrl: './sidebar.template.html',\n    styleUrls: ['./sidebar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiSlideIn],\n})\nexport class TuiSidebarComponent implements DoCheck {\n    private readonly left = {\n        value: 'left',\n        ...this.options,\n    } as const;\n\n    private readonly right = {\n        value: 'right',\n        ...this.options,\n    } as const;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(TuiSidebarDirective) private readonly directive: TuiSidebarDirective,\n    ) {}\n\n    @HostBinding('@tuiSlideIn')\n    get animation(): TuiAnimationOptions {\n        return this.direction === 'left' ? this.left : this.right;\n    }\n\n    @HostBinding('class')\n    get directionHostClass(): string {\n        return `t-${this.directive.direction}`;\n    }\n\n    get direction(): TuiHorizontalDirection {\n        return this.directive.direction;\n    }\n\n    get content(): PolymorpheusContent {\n        return this.directive.content;\n    }\n\n    get autoWidth(): boolean {\n        return this.directive.autoWidth;\n    }\n\n    ngDoCheck(): void {\n        this.directive.check();\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSidebarComponent} from './sidebar.component';\nimport {TuiSidebarDirective} from './sidebar.directive';\n\n@NgModule({\n    imports: [TuiActiveZoneModule, PolymorpheusModule],\n    declarations: [TuiSidebarDirective, TuiSidebarComponent],\n    entryComponents: [TuiSidebarComponent],\n    exports: [TuiSidebarDirective],\n})\nexport class TuiSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-addon-mobile-directives-touchable.js

@@ -7,40 +7,40 @@ import { race } from 'rxjs';
 import { tap, map, switchMap, filter, take, takeUntil } from 'rxjs/operators';
 
 var STYLE = {
-    transform: "scale(0.95)",
-    opacity: "0.6",
-    background: "rgba(146, 153, 162, 0.12)",
+    transform: 'scale(0.95)',
+    opacity: '0.6',
+    background: 'rgba(146, 153, 162, 0.12)',
 };
 var TuiTouchableDirective = /** @class */ (function () {
     function TuiTouchableDirective(elementRef, isIos, _a, renderer, destroy$) {
         var _this = this;
         var nativeElement = _a.nativeElement;
-        this.tuiTouchable = "";
+        this.tuiTouchable = '';
         if (!isIos) {
             return;
         }
         var element = elementRef ? elementRef.nativeElement : nativeElement;
-        typedFromEvent(element, "touchstart", { passive: true })
+        typedFromEvent(element, 'touchstart', { passive: true })
             .pipe(tap(function () {
             _this.onTouchStart(renderer, element);
         }), map(function (_a) {
             var touches = _a.touches;
             return touches[touches.length - 1].identifier;
         }), switchMap(function (identifier) {
-            return race(typedFromEvent(element, "touchmove", { passive: true }).pipe(filter(function (_a) {
+            return race(typedFromEvent(element, 'touchmove', { passive: true }).pipe(filter(function (_a) {
                 var touches = _a.touches;
                 return _this.hasTouchLeft(element, touches, identifier);
-            })), typedFromEvent(element, "touchend")).pipe(take(1));
+            })), typedFromEvent(element, 'touchend')).pipe(take(1));
         }), takeUntil(destroy$))
             .subscribe(function () {
-            renderer.removeStyle(element, "transform");
-            renderer.removeStyle(element, "opacity");
-            renderer.removeStyle(element, "background");
+            renderer.removeStyle(element, 'transform');
+            renderer.removeStyle(element, 'opacity');
+            renderer.removeStyle(element, 'background');
         });
     }
     Object.defineProperty(TuiTouchableDirective.prototype, "style", {
         get: function () {
-            return this.tuiTouchable || "transform";
+            return this.tuiTouchable || 'transform';
         },
         enumerable: true,
         configurable: true
@@ -55,11 +55,11 @@ var TuiTouchableDirective = /** @class */ (function () {
         return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));
     };
     TuiTouchableDirective.prototype.onTouchStart = function (renderer, element) {
-        if (this.style !== "transform") {
-            renderer.removeStyle(element, "transition");
+        if (this.style !== 'transform') {
+            renderer.removeStyle(element, 'transition');
         }
         else {
-            renderer.setStyle(element, "transition", "transform 0.2s");
+            renderer.setStyle(element, 'transition', 'transform 0.2s');
         }
         renderer.setStyle(element, this.style, STYLE[this.style]);
     };
@@ -76,7 +76,7 @@ var TuiTouchableDirective = /** @class */ (function () {
     ], TuiTouchableDirective.prototype, "tuiTouchable", void 0);
     TuiTouchableDirective = __decorate([
         Directive({
-            selector: "[tuiTouchable]",
+            selector: '[tuiTouchable]',
             providers: [TuiDestroyService],
         }),
         __param(0, Optional()), __param(0, Inject(TUI_ELEMENT_REF)),

package/fesm5/taiga-ui-addon-mobile-directives-touchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-touchable.js","sources":["ng://@taiga-ui/addon-mobile/directives/touchable/touchable.directive.ts","ng://@taiga-ui/addon-mobile/directives/touchable/touchable.module.ts","ng://@taiga-ui/addon-mobile/directives/touchable/taiga-ui-addon-mobile-directives-touchable.ts"],"sourcesContent":["import {Directive, ElementRef, Inject, Input, Optional, Renderer2} from '@angular/core';\nimport {TuiTouchModeT} from '@taiga-ui/addon-mobile/types';\nimport {findTouchIndex} from '@taiga-ui/addon-mobile/utils';\nimport {\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    TuiDestroyService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\nimport {race} from 'rxjs';\nimport {filter, map, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\nconst STYLE = {\n    transform: `scale(0.95)`,\n    opacity: `0.6`,\n    background: `rgba(146, 153, 162, 0.12)`,\n} as const;\n\n@Directive({\n    selector: `[tuiTouchable]`,\n    providers: [TuiDestroyService],\n})\nexport class TuiTouchableDirective {\n    @Input()\n    @tuiDefaultProp()\n    tuiTouchable: TuiTouchModeT | '' = ``;\n\n    constructor(\n        @Optional() @Inject(TUI_ELEMENT_REF) elementRef: ElementRef<HTMLElement> | null,\n        @Inject(TUI_IS_IOS) isIos: boolean,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n    ) {\n        if (!isIos) {\n            return;\n        }\n\n        const element = elementRef ? elementRef.nativeElement : nativeElement;\n\n        typedFromEvent(element, `touchstart`, {passive: true})\n            .pipe(\n                tap(() => {\n                    this.onTouchStart(renderer, element);\n                }),\n                map(({touches}) => touches[touches.length - 1].identifier),\n                switchMap(identifier =>\n                    race(\n                        typedFromEvent(element, `touchmove`, {passive: true}).pipe(\n                            filter(({touches}) =>\n                                this.hasTouchLeft(element, touches, identifier),\n                            ),\n                        ),\n                        typedFromEvent(element, `touchend`),\n                    ).pipe(take(1)),\n                ),\n                takeUntil(destroy$),\n            )\n            .subscribe(() => {\n                renderer.removeStyle(element, `transform`);\n                renderer.removeStyle(element, `opacity`);\n                renderer.removeStyle(element, `background`);\n            });\n    }\n\n    get style(): TuiTouchModeT {\n        return this.tuiTouchable || `transform`;\n    }\n\n    private hasTouchLeft(\n        element: HTMLElement,\n        touches: TouchList,\n        identifier: number,\n    ): boolean {\n        const {ownerDocument} = element;\n        const id = findTouchIndex(touches, identifier);\n\n        if (!ownerDocument || id === -1) {\n            return true;\n        }\n\n        const {clientX, clientY} = touches[id];\n\n        return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));\n    }\n\n    private onTouchStart(renderer: Renderer2, element: HTMLElement): void {\n        if (this.style !== `transform`) {\n            renderer.removeStyle(element, `transition`);\n        } else {\n            renderer.setStyle(element, `transition`, `transform 0.2s`);\n        }\n\n        renderer.setStyle(element, this.style, STYLE[this.style]);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiTouchableDirective} from './touchable.directive';\n\n@NgModule({\n    declarations: [TuiTouchableDirective],\n    exports: [TuiTouchableDirective],\n})\nexport class TuiTouchableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-mobile-directives-touchable.js","sources":["ng://@taiga-ui/addon-mobile/directives/touchable/touchable.directive.ts","ng://@taiga-ui/addon-mobile/directives/touchable/touchable.module.ts","ng://@taiga-ui/addon-mobile/directives/touchable/taiga-ui-addon-mobile-directives-touchable.ts"],"sourcesContent":["import {Directive, ElementRef, Inject, Input, Optional, Renderer2} from '@angular/core';\nimport {TuiTouchModeT} from '@taiga-ui/addon-mobile/types';\nimport {findTouchIndex} from '@taiga-ui/addon-mobile/utils';\nimport {\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    TuiDestroyService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\nimport {race} from 'rxjs';\nimport {filter, map, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\nconst STYLE = {\n    transform: 'scale(0.95)',\n    opacity: '0.6',\n    background: 'rgba(146, 153, 162, 0.12)',\n} as const;\n\n@Directive({\n    selector: '[tuiTouchable]',\n    providers: [TuiDestroyService],\n})\nexport class TuiTouchableDirective {\n    @Input()\n    @tuiDefaultProp()\n    tuiTouchable: TuiTouchModeT | '' = '';\n\n    constructor(\n        @Optional() @Inject(TUI_ELEMENT_REF) elementRef: ElementRef<HTMLElement> | null,\n        @Inject(TUI_IS_IOS) isIos: boolean,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n    ) {\n        if (!isIos) {\n            return;\n        }\n\n        const element = elementRef ? elementRef.nativeElement : nativeElement;\n\n        typedFromEvent(element, 'touchstart', {passive: true})\n            .pipe(\n                tap(() => {\n                    this.onTouchStart(renderer, element);\n                }),\n                map(({touches}) => touches[touches.length - 1].identifier),\n                switchMap(identifier =>\n                    race(\n                        typedFromEvent(element, 'touchmove', {passive: true}).pipe(\n                            filter(({touches}) =>\n                                this.hasTouchLeft(element, touches, identifier),\n                            ),\n                        ),\n                        typedFromEvent(element, 'touchend'),\n                    ).pipe(take(1)),\n                ),\n                takeUntil(destroy$),\n            )\n            .subscribe(() => {\n                renderer.removeStyle(element, 'transform');\n                renderer.removeStyle(element, 'opacity');\n                renderer.removeStyle(element, 'background');\n            });\n    }\n\n    get style(): TuiTouchModeT {\n        return this.tuiTouchable || 'transform';\n    }\n\n    private hasTouchLeft(\n        element: HTMLElement,\n        touches: TouchList,\n        identifier: number,\n    ): boolean {\n        const {ownerDocument} = element;\n        const id = findTouchIndex(touches, identifier);\n\n        if (!ownerDocument || id === -1) {\n            return true;\n        }\n\n        const {clientX, clientY} = touches[id];\n\n        return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));\n    }\n\n    private onTouchStart(renderer: Renderer2, element: HTMLElement): void {\n        if (this.style !== 'transform') {\n            renderer.removeStyle(element, 'transition');\n        } else {\n            renderer.setStyle(element, 'transition', 'transform 0.2s');\n        }\n\n        renderer.setStyle(element, this.style, STYLE[this.style]);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiTouchableDirective} from './touchable.directive';\n\n@NgModule({\n    declarations: [TuiTouchableDirective],\n    exports: [TuiTouchableDirective],\n})\nexport class TuiTouchableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.js

@@ -22,11 +22,11 @@ var TuiPrimitiveCalendarMobileComponent = /** @class */ (function (_super) {
     ]; };
     TuiPrimitiveCalendarMobileComponent = __decorate([
         Component({
-            selector: "tui-primitive-calendar-mobile",
+            selector: 'tui-primitive-calendar-mobile',
             template: "<ng-container *tuiLet=\"month | tuiCalendarSheet as sheet\">\n    <div\n        *tuiRepeatTimes=\"let rowIndex of sheet.length\"\n        automation-id=\"tui-primitive-calendar-mobile__row\"\n        class=\"t-row\"\n    >\n        <div\n            *tuiRepeatTimes=\"let colIndex of sheet[rowIndex].length\"\n            automation-id=\"tui-primitive-calendar-mobile__cell\"\n            tuiRipple\n            class=\"t-cell\"\n            [class.t-cell_today]=\"itemIsToday(sheet[rowIndex][colIndex])\"\n            [class.t-cell_interval]=\"itemIsInterval(sheet[rowIndex][colIndex])\"\n            [attr.data-state]=\"getItemState(sheet[rowIndex][colIndex])\"\n            [attr.data-range]=\"getItemRange(sheet[rowIndex][colIndex])\"\n            (click)=\"onItemClick(sheet[rowIndex][colIndex])\"\n        >\n            {{ sheet[rowIndex][colIndex].day }}\n        </div>\n    </div>\n</ng-container>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             host: {
-                '[class._ios]': "isIOS",
+                '[class._ios]': 'isIOS',
             },
             styles: [":host{display:block;font:var(--tui-font-text-m)}.t-row{position:relative;z-index:0;display:flex;justify-content:space-between}.t-item{position:relative;flex:1;line-height:2rem;border-radius:var(--tui-radius-m)}.t-item:after,.t-item:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-cell{position:relative;display:flex;align-items:center;justify-content:center;width:2.75rem;text-align:center;outline:0;cursor:pointer;background-clip:content-box;box-sizing:border-box;border:2px solid transparent}.t-cell:before{content:'';position:absolute;top:0;left:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-cell_today:after{position:absolute;left:50%;transform:translate(-50%,0);content:'';bottom:.3125rem;border-radius:.375rem;background-color:var(--tui-text-02)}.t-cell_interval:before{background:var(--tui-base-02)}:host._single .t-cell_interval:before{background:var(--tui-secondary-hover)}.t-cell_interval:not(:last-child):before{right:-2.75rem}.t-cell_interval:first-child>.t-item{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.t-cell_interval:last-child>.t-item{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.t-cell_interval>.t-item{border-radius:0}.t-cell[data-range]:after{background-color:var(--tui-primary-text)}.t-cell[data-range]>.t-item{color:var(--tui-primary-text)}.t-cell[data-range]>.t-item:after,.t-cell[data-range]>.t-item:before{background-color:var(--tui-primary)}.t-cell[data-range][data-state=hovered]>.t-item:after,.t-cell[data-range][data-state=hovered]>.t-item:before{background-color:var(--tui-primary-hover)}.t-cell[data-range][data-state=pressed]>.t-item:after,.t-cell[data-range][data-state=pressed]>.t-item:before{background-color:var(--tui-primary-active)}.t-cell[data-range=end]>.t-item:before{left:.25rem}.t-cell[data-range=end]>.t-item:after{left:-2rem;right:100%;transform:translateX(1.4375rem) scaleY(.6) scaleX(.4) rotate(45deg)}.t-cell[data-range=start]>.t-item:before{right:.25rem}.t-cell[data-range=start]>.t-item:after{left:100%;right:-2rem;transform:translateX(-1.4375rem) scaleY(.6) scaleX(.4) rotate(45deg)}.t-cell[data-state=disabled]{pointer-events:none;opacity:var(--tui-disabled-opacity)}.t-cell[data-state=disabled]>.t-item{opacity:.36}.t-cell[data-state=hovered]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-hover)}.t-cell[data-state=pressed]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-active)}:host{width:20.75rem;max-width:100vw}:host._ios{width:22.625rem}.t-row{height:3rem;justify-content:flex-start}.t-row:first-child{justify-content:flex-end}:host._ios .t-row{height:3.125rem}.t-cell{height:2.75rem;border-radius:100%;margin-right:.25rem}.t-cell:last-child,:host._ios .t-cell:last-child{margin-right:0}.t-cell:before{right:-100vw}.t-cell:first-child:before{left:-100vw}.t-cell_today:after{height:.375rem;width:.375rem;background-color:var(--tui-link)}.t-cell_interval:before{background-color:var(--tui-base-02)}.t-cell_interval:last-child:first-child:before{right:-100vw}.t-cell[data-range=end],.t-cell[data-range=single],.t-cell[data-range=start]{border-radius:100%;background-color:var(--tui-link);color:var(--tui-accent-text);font-weight:500}.t-cell[data-range=end]:after,.t-cell[data-range=single]:after,.t-cell[data-range=start]:after{background-color:var(--tui-base-01)}:host._ios .t-cell[data-range=end],:host._ios .t-cell[data-range=single],:host._ios .t-cell[data-range=start]{font-weight:600}.t-cell[data-range=start]:before{left:50%;border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]:not(:first-child):before{left:50%;background:var(--tui-base-01);border-radius:0}.t-cell[data-range=end]:first-child:before{right:50%;background-color:var(--tui-base-02)}:host._ios .t-cell{margin-right:.5625rem}:host._ios .t-cell:before{border-radius:.5rem}@media screen and (max-width:22.4375rem){.t-cell,:host._ios .t-cell{margin-right:.125rem}.t-cell:last-child,:host._ios .t-cell:last-child{margin-right:0}}"]
         }),

package/fesm5/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-internal-primitive-calendar-mobile.js","sources":["ng://@taiga-ui/addon-mobile/internal/primitive-calendar-mobile/primitive-calendar-mobile.component.ts","ng://@taiga-ui/addon-mobile/internal/primitive-calendar-mobile/primitive-calendar-mobile.module.ts","ng://@taiga-ui/addon-mobile/internal/primitive-calendar-mobile/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {TUI_IS_IOS} from '@taiga-ui/cdk';\nimport {TUI_ORDERED_SHORT_WEEK_DAYS, TuiPrimitiveCalendarComponent} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\n/**\n * @internal\n * @dynamic\n */\n@Component({\n    selector: `tui-primitive-calendar-mobile`,\n    templateUrl: `./primitive-calendar-mobile.template.html`,\n    styleUrls: [`./primitive-calendar-mobile.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class._ios]': `isIOS`,\n    },\n})\nexport class TuiPrimitiveCalendarMobileComponent extends TuiPrimitiveCalendarComponent {\n    constructor(\n        @Inject(TUI_IS_IOS) readonly isIOS: boolean,\n        @Inject(TUI_ORDERED_SHORT_WEEK_DAYS)\n        weekDays$: Observable<[string, string, string, string, string, string, string]>,\n    ) {\n        super(weekDays$);\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiRippleModule} from '@taiga-ui/addon-mobile/directives/ripple';\nimport {TuiLetModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiCalendarSheetPipeModule} from '@taiga-ui/core';\n\nimport {TuiPrimitiveCalendarMobileComponent} from './primitive-calendar-mobile.component';\n\n/**\n * @internal\n */\n@NgModule({\n    imports: [\n        TuiRepeatTimesModule,\n        TuiCalendarSheetPipeModule,\n        TuiRippleModule,\n        TuiLetModule,\n    ],\n    declarations: [TuiPrimitiveCalendarMobileComponent],\n    exports: [TuiPrimitiveCalendarMobileComponent],\n})\nexport class TuiPrimitiveCalendarMobileModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAKA;;;;;IAayD,uDAA6B;IAClF,6CACiC,KAAc,EAE3C,SAA+E;QAHnF,YAKI,kBAAM,SAAS,CAAC,SACnB;QALgC,WAAK,GAAL,KAAK,CAAS;;KAK9C;;8CALI,MAAM,SAAC,UAAU;gBAEP,UAAU,uBADpB,MAAM,SAAC,2BAA2B;;IAH9B,mCAAmC;QAT/C,SAAS,CAAC;YACP,QAAQ,EAAE,+BAA+B;YACzC,y5BAAwD;YAExD,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,IAAI,EAAE;gBACF,cAAc,EAAE,OAAO;aAC1B;;SACJ,CAAC;QAGO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAClB,WAAA,MAAM,CAAC,2BAA2B,CAAC,CAAA;OAH/B,mCAAmC,CAQ/C;IAAD,0CAAC;CAAA,CARwD,6BAA6B;;ACXtF;;;;IAaA;KAAgD;IAAnC,gCAAgC;QAV5C,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,oBAAoB;gBACpB,0BAA0B;gBAC1B,eAAe;gBACf,YAAY;aACf;YACD,YAAY,EAAE,CAAC,mCAAmC,CAAC;YACnD,OAAO,EAAE,CAAC,mCAAmC,CAAC;SACjD,CAAC;OACW,gCAAgC,CAAG;IAAD,uCAAC;CAAhD;;ACpBA;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-mobile-internal-primitive-calendar-mobile.js","sources":["ng://@taiga-ui/addon-mobile/internal/primitive-calendar-mobile/primitive-calendar-mobile.component.ts","ng://@taiga-ui/addon-mobile/internal/primitive-calendar-mobile/primitive-calendar-mobile.module.ts","ng://@taiga-ui/addon-mobile/internal/primitive-calendar-mobile/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {TUI_IS_IOS} from '@taiga-ui/cdk';\nimport {TUI_ORDERED_SHORT_WEEK_DAYS, TuiPrimitiveCalendarComponent} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\n/**\n * @internal\n * @dynamic\n */\n@Component({\n    selector: 'tui-primitive-calendar-mobile',\n    templateUrl: './primitive-calendar-mobile.template.html',\n    styleUrls: ['./primitive-calendar-mobile.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class._ios]': 'isIOS',\n    },\n})\nexport class TuiPrimitiveCalendarMobileComponent extends TuiPrimitiveCalendarComponent {\n    constructor(\n        @Inject(TUI_IS_IOS) readonly isIOS: boolean,\n        @Inject(TUI_ORDERED_SHORT_WEEK_DAYS)\n        weekDays$: Observable<[string, string, string, string, string, string, string]>,\n    ) {\n        super(weekDays$);\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiRippleModule} from '@taiga-ui/addon-mobile/directives/ripple';\nimport {TuiLetModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiCalendarSheetPipeModule} from '@taiga-ui/core';\n\nimport {TuiPrimitiveCalendarMobileComponent} from './primitive-calendar-mobile.component';\n\n/**\n * @internal\n */\n@NgModule({\n    imports: [\n        TuiRepeatTimesModule,\n        TuiCalendarSheetPipeModule,\n        TuiRippleModule,\n        TuiLetModule,\n    ],\n    declarations: [TuiPrimitiveCalendarMobileComponent],\n    exports: [TuiPrimitiveCalendarMobileComponent],\n})\nexport class TuiPrimitiveCalendarMobileModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAKA;;;;;IAayD,uDAA6B;IAClF,6CACiC,KAAc,EAE3C,SAA+E;QAHnF,YAKI,kBAAM,SAAS,CAAC,SACnB;QALgC,WAAK,GAAL,KAAK,CAAS;;KAK9C;;8CALI,MAAM,SAAC,UAAU;gBAEP,UAAU,uBADpB,MAAM,SAAC,2BAA2B;;IAH9B,mCAAmC;QAT/C,SAAS,CAAC;YACP,QAAQ,EAAE,+BAA+B;YACzC,y5BAAwD;YAExD,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,IAAI,EAAE;gBACF,cAAc,EAAE,OAAO;aAC1B;;SACJ,CAAC;QAGO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAClB,WAAA,MAAM,CAAC,2BAA2B,CAAC,CAAA;OAH/B,mCAAmC,CAQ/C;IAAD,0CAAC;CAAA,CARwD,6BAA6B;;ACXtF;;;;IAaA;KAAgD;IAAnC,gCAAgC;QAV5C,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,oBAAoB;gBACpB,0BAA0B;gBAC1B,eAAe;gBACf,YAAY;aACf;YACD,YAAY,EAAE,CAAC,mCAAmC,CAAC;YACnD,OAAO,EAAE,CAAC,mCAAmC,CAAC;SACjD,CAAC;OACW,gCAAgC,CAAG;IAAD,uCAAC;CAAhD;;ACpBA;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-mobile",
-  "version": "2.74.0",
+  "version": "2.76.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.74.0",
-    "@taiga-ui/core": ">=2.74.0",
-    "@taiga-ui/kit": ">=2.74.0",
+    "@taiga-ui/cdk": ">=2.76.0",
+    "@taiga-ui/core": ">=2.76.0",
+    "@taiga-ui/kit": ">=2.76.0",
     "@tinkoff/ng-polymorpheus": ">=3.1.12 < 4",
     "rxjs": ">=6.0.0"
   },

package/types/touch-mode.d.ts

@@ -1 +1 @@
-export declare type TuiTouchModeT = 'transform' | 'opacity' | 'background';
+export declare type TuiTouchModeT = 'background' | 'opacity' | 'transform';