@taiga-ui/core 2.75.0 → 2.77.0

package/fesm5/taiga-ui-core-components-dropdown-box.js

@@ -32,7 +32,7 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
          * Is previous position on top (to prevent jumping up and down on scroll)
          */
         this.prevDirectionIsTop = false;
-        merge(animationFrame$.pipe(throttleTime(POLLING_TIME)), this.directive.refresh$, fromEvent(this.windowRef, "resize"))
+        merge(animationFrame$.pipe(throttleTime(POLLING_TIME)), this.directive.refresh$, fromEvent(this.windowRef, 'resize'))
             .pipe(tuiZonefree(ngZone), takeUntil(destroy$))
             .subscribe(function () {
             _this.calculatePositionAndSize();
@@ -40,7 +40,7 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
     }
     Object.defineProperty(TuiDropdownBoxComponent.prototype, "overscroll", {
         get: function () {
-            return this.inModal ? "all" : "scroll";
+            return this.inModal ? 'all' : 'scroll';
         },
         enumerable: true,
         configurable: true
@@ -60,7 +60,7 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
     Object.defineProperty(TuiDropdownBoxComponent.prototype, "inModal", {
         get: function () {
             // @awful TODO: get rid of component tag name dependency
-            return !!this.directive.host.closest("tui-dialog-host");
+            return !!this.directive.host.closest('tui-dialog-host');
         },
         enumerable: true,
         configurable: true
@@ -68,7 +68,7 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
     Object.defineProperty(TuiDropdownBoxComponent.prototype, "inOption", {
         get: function () {
             // @awful TODO: get rid of component tag name dependency
-            return !!this.directive.host.closest("[tuiOption]");
+            return !!this.directive.host.closest('[tuiOption]');
         },
         enumerable: true,
         configurable: true
@@ -79,7 +79,7 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
         var hostRect = this.directive.fixed
             ? this.portalHost.fixedPositionOffset()
             : this.portalHost.clientRect;
-        style.position = this.directive.fixed ? "fixed" : "absolute";
+        style.position = this.directive.fixed ? 'fixed' : 'absolute';
         this.calculateVerticalPosition(style, clientRect, hostRect);
         this.calculateHorizontalPosition(style, clientRect, hostRect);
         this.calculateWidth(style, clientRect);
@@ -93,23 +93,23 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
         var isDropdownSizeActuallyFitsViewport = dropdownRect.right <= screenWidth && dropdownRect.left >= 0;
         var finalAlign = this.directive.align;
         switch (this.directive.align) {
-            case "left":
+            case 'left':
                 if (isDropdownSizeHypotheticallyFitsViewport &&
                     dropdownRect.right > screenWidth) {
-                    finalAlign = "right";
+                    finalAlign = 'right';
                 }
                 break;
-            case "right":
+            case 'right':
                 if (isDropdownSizeHypotheticallyFitsViewport && dropdownRect.left < 0) {
-                    finalAlign = "left";
+                    finalAlign = 'left';
                 }
                 break;
         }
-        if (style.right === "auto" && isDropdownSizeActuallyFitsViewport) {
-            finalAlign = "left";
+        if (style.right === 'auto' && isDropdownSizeActuallyFitsViewport) {
+            finalAlign = 'left';
         }
-        if (style.left === "auto" && isDropdownSizeActuallyFitsViewport) {
-            finalAlign = "right";
+        if (style.left === 'auto' && isDropdownSizeActuallyFitsViewport) {
+            finalAlign = 'right';
         }
         return finalAlign;
     };
@@ -128,26 +128,26 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
         var right = Math.floor(hostRect.right - directiveRect.right - offset);
         var viewportWidth = tuiGetViewportWidth(this.windowRef);
         switch (this.getFinalAlign(style, directiveRect)) {
-            case "left":
+            case 'left':
                 if (right + DEFAULT_MARGIN > viewportWidth ||
                     inRange(left + DEFAULT_MARGIN, 0, viewportWidth)) {
                     style.left = px(left);
-                    style.right = "auto";
+                    style.right = 'auto';
                 }
                 else {
-                    style.left = "auto";
+                    style.left = 'auto';
                     style.right = px(right);
                 }
                 break;
-            case "right":
+            case 'right':
                 if (inRange(right + DEFAULT_MARGIN, 0, viewportWidth) ||
                     left + DEFAULT_MARGIN > viewportWidth) {
-                    style.left = "auto";
+                    style.left = 'auto';
                     style.right = px(right);
                 }
                 else {
                     style.left = px(left);
-                    style.right = "auto";
+                    style.right = 'auto';
                 }
                 break;
         }
@@ -170,11 +170,11 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
         var bottomAvailableHeight = windowHeight - directiveRect.bottom - offset;
         var finalDirection = this.getFinalDirection(directiveRect);
         var optionOffset = this.inOption ? DEFAULT_MARGIN * 2 : 0;
-        this.prevDirectionIsTop = finalDirection === "top";
-        if (finalDirection === "top") {
+        this.prevDirectionIsTop = finalDirection === 'top';
+        if (finalDirection === 'top') {
             this.dropdownAnimation = this.animationBottom;
             style.maxHeight = px(Math.min(boxHeightLimit, topAvailableHeight));
-            style.top = "auto";
+            style.top = 'auto';
             style.bottom = px(hostRect.bottom -
                 directiveRect.top -
                 DEFAULT_MARGIN +
@@ -189,7 +189,7 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
                 DEFAULT_MARGIN +
                 offset -
                 optionOffset);
-            style.bottom = "auto";
+            style.bottom = 'auto';
         }
     };
     TuiDropdownBoxComponent.prototype.getFinalDirection = function (directiveRect) {
@@ -203,14 +203,14 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
         var finalDirection = null;
         // Given direction is applied if we can fit the box in the limits that way
         switch (this.directive.direction) {
-            case "top":
+            case 'top':
                 if (topAvailableHeight >= this.directive.minHeight) {
-                    finalDirection = "top";
+                    finalDirection = 'top';
                 }
                 break;
-            case "bottom":
+            case 'bottom':
                 if (bottomAvailableHeight >= this.directive.minHeight) {
-                    finalDirection = "bottom";
+                    finalDirection = 'bottom';
                 }
                 break;
         }
@@ -225,15 +225,15 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
             // If there is enough space to fit below without scroll,
             // choose 'bottom', unless it was previously on the top
             if (this.prevDirectionIsTop && topAvailableHeight >= visualHeight) {
-                finalDirection = "top";
+                finalDirection = 'top';
             }
             else if (bottomAvailableHeight >= visualHeight) {
-                finalDirection = "bottom";
+                finalDirection = 'bottom';
             }
             else {
                 // Corner case — select direction with more space
                 finalDirection =
-                    bottomAvailableHeight >= topAvailableHeight ? "bottom" : "top";
+                    bottomAvailableHeight >= topAvailableHeight ? 'bottom' : 'top';
             }
         }
         return finalDirection;
@@ -246,16 +246,16 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
      */
     TuiDropdownBoxComponent.prototype.calculateWidth = function (style, directiveRect) {
         style.width =
-            this.directive.limitMinWidth === "fixed" && !this.directive.sided
+            this.directive.limitMinWidth === 'fixed' && !this.directive.sided
                 ? px(directiveRect.width)
-                : "";
-        if (this.directive.limitMinWidth === "min" && !this.directive.sided) {
+                : '';
+        if (this.directive.limitMinWidth === 'min' && !this.directive.sided) {
             style.minWidth = px(directiveRect.width);
             style.maxWidth = px(DEFAULT_MAX_WIDTH);
             return;
         }
-        style.minWidth = "";
-        style.maxWidth = "";
+        style.minWidth = '';
+        style.maxWidth = '';
     };
     TuiDropdownBoxComponent.prototype.moveFocusOutside = function (previous) {
         var host = this.directive.host;
@@ -279,10 +279,10 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
         { type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] }
     ]; };
     __decorate([
-        HostBinding("@tuiDropdownAnimation")
+        HostBinding('@tuiDropdownAnimation')
     ], TuiDropdownBoxComponent.prototype, "dropdownAnimation", void 0);
     __decorate([
-        ViewChild("content", { read: ElementRef })
+        ViewChild('content', { read: ElementRef })
     ], TuiDropdownBoxComponent.prototype, "contentElementRef", void 0);
     __decorate([
         tuiPure
@@ -295,7 +295,7 @@ var TuiDropdownBoxComponent = /** @class */ (function () {
     ], TuiDropdownBoxComponent.prototype, "inOption", null);
     TuiDropdownBoxComponent = __decorate([
         Component({
-            selector: "tui-dropdown-box",
+            selector: 'tui-dropdown-box',
             template: "<div\n    #activeZone=\"tuiActiveZone\"\n    class=\"t-wrapper\"\n    [tuiOverscroll]=\"overscroll\"\n    [tuiMode]=\"null\"\n    [tuiActiveZoneParent]=\"directive.activeZone || null\"\n>\n    <tui-scrollbar class=\"t-scroll\">\n        <div\n            tabindex=\"0\"\n            (focus)=\"onTopFocus()\"\n        ></div>\n        <div\n            #content\n            polymorpheus-outlet\n            class=\"t-content\"\n            [content]=\"directive.content\"\n            [context]=\"getContext(directive.context, activeZone)\"\n        ></div>\n        <div\n            tabindex=\"0\"\n            (focus)=\"onBottomFocus()\"\n        ></div>\n    </tui-scrollbar>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.Default,
             providers: [TuiDestroyService],

package/fesm5/taiga-ui-core-components-dropdown-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-dropdown-box.js","sources":["ng://@taiga-ui/core/components/dropdown-box/dropdown-box.component.ts","ng://@taiga-ui/core/components/dropdown-box/dropdown-box.module.ts","ng://@taiga-ui/core/components/dropdown-box/taiga-ui-core-components-dropdown-box.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {\n    AfterViewChecked,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    NgZone,\n    ViewChild,\n} from '@angular/core';\nimport {ANIMATION_FRAME, WINDOW} from '@ng-web-apis/common';\nimport {\n    AbstractTuiPortalHostComponent,\n    getClosestFocusable,\n    inRange,\n    POLLING_TIME,\n    px,\n    TuiActiveZoneDirective,\n    tuiAssertIsHTMLElement,\n    TuiDestroyService,\n    TuiDropdownHostComponent,\n    TuiOverscrollModeT,\n    tuiPure,\n    tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {tuiDropdownAnimation} from '@taiga-ui/core/animations';\nimport {DEFAULT_MARGIN, DEFAULT_MAX_WIDTH} from '@taiga-ui/core/constants';\nimport {TuiDropdownAnimation} from '@taiga-ui/core/enums';\nimport {TuiAnimationOptions, TuiDropdown} from '@taiga-ui/core/interfaces';\nimport {TUI_ANIMATION_OPTIONS, TUI_DROPDOWN_DIRECTIVE} from '@taiga-ui/core/tokens';\nimport {TuiHorizontalDirection, TuiVerticalDirection} from '@taiga-ui/core/types';\nimport {getScreenWidth, tuiGetViewportWidth} from '@taiga-ui/core/utils/dom';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil, throttleTime} from 'rxjs/operators';\n\n/**\n *  This component is used to show template in a portal using default style of white rounded box with a shadow\n */\n// @bad TODO: OnPush\n// Ambient type cannot be used without dynamic https://github.com/angular/angular/issues/23395\n// @dynamic\n@Component({\n    selector: `tui-dropdown-box`,\n    templateUrl: `./dropdown-box.template.html`,\n    styleUrls: [`./dropdown-box.style.less`],\n    changeDetection: ChangeDetectionStrategy.Default,\n    providers: [TuiDestroyService],\n    animations: [tuiDropdownAnimation],\n})\nexport class TuiDropdownBoxComponent implements AfterViewChecked {\n    private readonly animationTop = {\n        value: TuiDropdownAnimation.FadeInTop,\n        ...this.options,\n    };\n\n    private readonly animationBottom = {\n        value: TuiDropdownAnimation.FadeInBottom,\n        ...this.options,\n    };\n\n    /**\n     * Is previous position on top (to prevent jumping up and down on scroll)\n     */\n    private prevDirectionIsTop = false;\n\n    @HostBinding(`@tuiDropdownAnimation`)\n    dropdownAnimation!: TuiAnimationOptions;\n\n    @ViewChild(`content`, {read: ElementRef})\n    readonly contentElementRef?: ElementRef<HTMLElement>;\n\n    constructor(\n        @Inject(TuiDestroyService)\n        destroy$: TuiDestroyService,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(TUI_DROPDOWN_DIRECTIVE) readonly directive: TuiDropdown,\n        @Inject(WINDOW) private readonly windowRef: Window,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(AbstractTuiPortalHostComponent)\n        private readonly portalHost: TuiDropdownHostComponent,\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n    ) {\n        merge(\n            animationFrame$.pipe(throttleTime(POLLING_TIME)),\n            this.directive.refresh$,\n            fromEvent(this.windowRef, `resize`),\n        )\n            .pipe(tuiZonefree(ngZone), takeUntil(destroy$))\n            .subscribe(() => {\n                this.calculatePositionAndSize();\n            });\n    }\n\n    get overscroll(): TuiOverscrollModeT {\n        return this.inModal ? `all` : `scroll`;\n    }\n\n    @tuiPure\n    getContext<T extends object>(\n        context?: T,\n        activeZone?: TuiActiveZoneDirective,\n    ):\n        | (T & {activeZone?: TuiActiveZoneDirective})\n        | {activeZone?: TuiActiveZoneDirective} {\n        return {...context, activeZone};\n    }\n\n    ngAfterViewChecked(): void {\n        this.calculatePositionAndSize();\n    }\n\n    onTopFocus(): void {\n        this.moveFocusOutside(true);\n    }\n\n    onBottomFocus(): void {\n        this.moveFocusOutside(false);\n    }\n\n    @tuiPure\n    private get inModal(): boolean {\n        // @awful TODO: get rid of component tag name dependency\n        return !!this.directive.host.closest(`tui-dialog-host`);\n    }\n\n    @tuiPure\n    private get inOption(): boolean {\n        // @awful TODO: get rid of component tag name dependency\n        return !!this.directive.host.closest(`[tuiOption]`);\n    }\n\n    private calculatePositionAndSize(): void {\n        const {clientRect} = this.directive;\n        const {style} = this.elementRef.nativeElement;\n        const hostRect = this.directive.fixed\n            ? this.portalHost.fixedPositionOffset()\n            : this.portalHost.clientRect;\n\n        style.position = this.directive.fixed ? `fixed` : `absolute`;\n\n        this.calculateVerticalPosition(style, clientRect, hostRect);\n        this.calculateHorizontalPosition(style, clientRect, hostRect);\n        this.calculateWidth(style, clientRect);\n    }\n\n    private getFinalAlign(\n        style: CSSStyleDeclaration,\n        directiveRect: ClientRect,\n    ): TuiHorizontalDirection {\n        const dropdownRect = this.elementRef.nativeElement.getBoundingClientRect();\n        const dropdownWidth = this.elementRef.nativeElement.offsetWidth;\n        const screenWidth = getScreenWidth(this.windowRef.document);\n        const isDropdownSizeHypotheticallyFitsViewport =\n            directiveRect.left + dropdownWidth < screenWidth ||\n            directiveRect.right - dropdownWidth > 0;\n        const isDropdownSizeActuallyFitsViewport =\n            dropdownRect.right <= screenWidth && dropdownRect.left >= 0;\n        let finalAlign: TuiHorizontalDirection = this.directive.align;\n\n        switch (this.directive.align) {\n            case `left`:\n                if (\n                    isDropdownSizeHypotheticallyFitsViewport &&\n                    dropdownRect.right > screenWidth\n                ) {\n                    finalAlign = `right`;\n                }\n\n                break;\n            case `right`:\n                if (isDropdownSizeHypotheticallyFitsViewport && dropdownRect.left < 0) {\n                    finalAlign = `left`;\n                }\n\n                break;\n        }\n\n        if (style.right === `auto` && isDropdownSizeActuallyFitsViewport) {\n            finalAlign = `left`;\n        }\n\n        if (style.left === `auto` && isDropdownSizeActuallyFitsViewport) {\n            finalAlign = `right`;\n        }\n\n        return finalAlign;\n    }\n\n    /**\n     * Calculates horizontal position\n     *\n     * @param style dropdownBox elementRef styles object\n     * @param directiveRect ClientRect of hosting directive\n     * @param hostRect ClientRect of  portal host\n     */\n    private calculateHorizontalPosition(\n        style: CSSStyleDeclaration,\n        directiveRect: ClientRect,\n        hostRect: ClientRect,\n    ): void {\n        const offset = this.directive.sided\n            ? this.elementRef.nativeElement.getBoundingClientRect().width + DEFAULT_MARGIN\n            : 0;\n        const left = Math.ceil(directiveRect.left - hostRect.left - offset);\n        const right = Math.floor(hostRect.right - directiveRect.right - offset);\n        const viewportWidth = tuiGetViewportWidth(this.windowRef);\n\n        switch (this.getFinalAlign(style, directiveRect)) {\n            case `left`:\n                if (\n                    right + DEFAULT_MARGIN > viewportWidth ||\n                    inRange(left + DEFAULT_MARGIN, 0, viewportWidth)\n                ) {\n                    style.left = px(left);\n                    style.right = `auto`;\n                } else {\n                    style.left = `auto`;\n                    style.right = px(right);\n                }\n\n                break;\n            case `right`:\n                if (\n                    inRange(right + DEFAULT_MARGIN, 0, viewportWidth) ||\n                    left + DEFAULT_MARGIN > viewportWidth\n                ) {\n                    style.left = `auto`;\n                    style.right = px(right);\n                } else {\n                    style.left = px(left);\n                    style.right = `auto`;\n                }\n\n                break;\n        }\n    }\n\n    /**\n     * Calculates vertical position and height\n     *\n     * @param style dropdownBox elementRef styles object\n     * @param directiveRect ClientRect of hosting directive\n     * @param hostRect ClientRect of  portal host\n     */\n    private calculateVerticalPosition(\n        style: CSSStyleDeclaration,\n        directiveRect: ClientRect,\n        hostRect: ClientRect,\n    ): void {\n        const windowHeight = this.windowRef.innerHeight;\n        // Maximum height of the box\n        const boxHeightLimit = Math.min(\n            this.directive.maxHeight,\n            windowHeight - DEFAULT_MARGIN * 2,\n        );\n        const offset = this.directive.sided\n            ? DEFAULT_MARGIN - directiveRect.height\n            : DEFAULT_MARGIN * 2;\n        const topAvailableHeight = directiveRect.top - offset;\n        const bottomAvailableHeight = windowHeight - directiveRect.bottom - offset;\n        const finalDirection = this.getFinalDirection(directiveRect);\n        const optionOffset = this.inOption ? DEFAULT_MARGIN * 2 : 0;\n\n        this.prevDirectionIsTop = finalDirection === `top`;\n\n        if (finalDirection === `top`) {\n            this.dropdownAnimation = this.animationBottom;\n\n            style.maxHeight = px(Math.min(boxHeightLimit, topAvailableHeight));\n            style.top = `auto`;\n            style.bottom = px(\n                hostRect.bottom -\n                    directiveRect.top -\n                    DEFAULT_MARGIN +\n                    offset -\n                    optionOffset,\n            );\n        } else {\n            this.dropdownAnimation = this.animationTop;\n\n            style.maxHeight = px(Math.min(boxHeightLimit, bottomAvailableHeight));\n            style.top = px(\n                directiveRect.bottom -\n                    hostRect.top -\n                    DEFAULT_MARGIN +\n                    offset -\n                    optionOffset,\n            );\n            style.bottom = `auto`;\n        }\n    }\n\n    private getFinalDirection(directiveRect: ClientRect): TuiVerticalDirection | null {\n        const windowHeight = this.windowRef.innerHeight;\n        const offset = this.directive.sided\n            ? DEFAULT_MARGIN - directiveRect.height\n            : DEFAULT_MARGIN * 2;\n\n        // Maximum space available on top and on the bottom in the viewport\n        const topAvailableHeight = directiveRect.top - offset;\n        const bottomAvailableHeight = windowHeight - directiveRect.bottom - offset;\n\n        let finalDirection: TuiVerticalDirection | null = null;\n\n        // Given direction is applied if we can fit the box in the limits that way\n        switch (this.directive.direction) {\n            case `top`:\n                if (topAvailableHeight >= this.directive.minHeight) {\n                    finalDirection = `top`;\n                }\n\n                break;\n            case `bottom`:\n                if (bottomAvailableHeight >= this.directive.minHeight) {\n                    finalDirection = `bottom`;\n                }\n\n                break;\n        }\n\n        // Maximum height of the box\n        const boxHeightLimit = Math.min(\n            this.directive.maxHeight,\n            windowHeight - DEFAULT_MARGIN * 2,\n        );\n\n        // Choose direction if given direction did not fit\n        if (finalDirection === null && this.contentElementRef) {\n            // Box height if it fits without scroll\n            const visualHeight = Math.min(\n                this.contentElementRef.nativeElement.getBoundingClientRect().height +\n                    (this.elementRef.nativeElement.offsetHeight -\n                        this.elementRef.nativeElement.clientHeight),\n                boxHeightLimit,\n            );\n\n            // If there is enough space to fit below without scroll,\n            // choose 'bottom', unless it was previously on the top\n            if (this.prevDirectionIsTop && topAvailableHeight >= visualHeight) {\n                finalDirection = `top`;\n            } else if (bottomAvailableHeight >= visualHeight) {\n                finalDirection = `bottom`;\n            } else {\n                // Corner case — select direction with more space\n                finalDirection =\n                    bottomAvailableHeight >= topAvailableHeight ? `bottom` : `top`;\n            }\n        }\n\n        return finalDirection;\n    }\n\n    /**\n     * Calculates width\n     *\n     * @param style dropdownBox elementRef styles object\n     * @param directiveRect ClientRect of hosting directive\n     */\n    private calculateWidth(style: CSSStyleDeclaration, directiveRect: ClientRect): void {\n        style.width =\n            this.directive.limitMinWidth === `fixed` && !this.directive.sided\n                ? px(directiveRect.width)\n                : ``;\n\n        if (this.directive.limitMinWidth === `min` && !this.directive.sided) {\n            style.minWidth = px(directiveRect.width);\n            style.maxWidth = px(DEFAULT_MAX_WIDTH);\n\n            return;\n        }\n\n        style.minWidth = ``;\n        style.maxWidth = ``;\n    }\n\n    private moveFocusOutside(previous: boolean): void {\n        const {host} = this.directive;\n        const {ownerDocument} = host;\n        const root = ownerDocument ? ownerDocument.body : host;\n\n        tuiAssertIsHTMLElement(host);\n\n        let focusable = getClosestFocusable(host, previous, root);\n\n        while (focusable !== null && host.contains(focusable)) {\n            focusable = getClosestFocusable(focusable, previous, root);\n        }\n\n        focusable?.focus();\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiOverscrollModule} from '@taiga-ui/cdk';\nimport {TuiScrollbarModule} from '@taiga-ui/core/components/scrollbar';\nimport {TuiModeModule} from '@taiga-ui/core/directives/mode';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDropdownBoxComponent} from './dropdown-box.component';\n\n@NgModule({\n    imports: [\n        TuiActiveZoneModule,\n        PolymorpheusModule,\n        TuiOverscrollModule,\n        TuiScrollbarModule,\n        TuiModeModule,\n    ],\n    entryComponents: [TuiDropdownBoxComponent],\n    declarations: [TuiDropdownBoxComponent],\n    exports: [TuiDropdownBoxComponent],\n})\nexport class TuiDropdownBoxModule {}\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-core-components-dropdown-box.js","sources":["ng://@taiga-ui/core/components/dropdown-box/dropdown-box.component.ts","ng://@taiga-ui/core/components/dropdown-box/dropdown-box.module.ts","ng://@taiga-ui/core/components/dropdown-box/taiga-ui-core-components-dropdown-box.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {\n    AfterViewChecked,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    NgZone,\n    ViewChild,\n} from '@angular/core';\nimport {ANIMATION_FRAME, WINDOW} from '@ng-web-apis/common';\nimport {\n    AbstractTuiPortalHostComponent,\n    getClosestFocusable,\n    inRange,\n    POLLING_TIME,\n    px,\n    TuiActiveZoneDirective,\n    tuiAssertIsHTMLElement,\n    TuiDestroyService,\n    TuiDropdownHostComponent,\n    TuiOverscrollModeT,\n    tuiPure,\n    tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {tuiDropdownAnimation} from '@taiga-ui/core/animations';\nimport {DEFAULT_MARGIN, DEFAULT_MAX_WIDTH} from '@taiga-ui/core/constants';\nimport {TuiDropdownAnimation} from '@taiga-ui/core/enums';\nimport {TuiAnimationOptions, TuiDropdown} from '@taiga-ui/core/interfaces';\nimport {TUI_ANIMATION_OPTIONS, TUI_DROPDOWN_DIRECTIVE} from '@taiga-ui/core/tokens';\nimport {TuiHorizontalDirection, TuiVerticalDirection} from '@taiga-ui/core/types';\nimport {getScreenWidth, tuiGetViewportWidth} from '@taiga-ui/core/utils/dom';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil, throttleTime} from 'rxjs/operators';\n\n/**\n *  This component is used to show template in a portal using default style of white rounded box with a shadow\n */\n// @bad TODO: OnPush\n// Ambient type cannot be used without dynamic https://github.com/angular/angular/issues/23395\n// @dynamic\n@Component({\n    selector: 'tui-dropdown-box',\n    templateUrl: './dropdown-box.template.html',\n    styleUrls: ['./dropdown-box.style.less'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    providers: [TuiDestroyService],\n    animations: [tuiDropdownAnimation],\n})\nexport class TuiDropdownBoxComponent implements AfterViewChecked {\n    private readonly animationTop = {\n        value: TuiDropdownAnimation.FadeInTop,\n        ...this.options,\n    };\n\n    private readonly animationBottom = {\n        value: TuiDropdownAnimation.FadeInBottom,\n        ...this.options,\n    };\n\n    /**\n     * Is previous position on top (to prevent jumping up and down on scroll)\n     */\n    private prevDirectionIsTop = false;\n\n    @HostBinding('@tuiDropdownAnimation')\n    dropdownAnimation!: TuiAnimationOptions;\n\n    @ViewChild('content', {read: ElementRef})\n    readonly contentElementRef?: ElementRef<HTMLElement>;\n\n    constructor(\n        @Inject(TuiDestroyService)\n        destroy$: TuiDestroyService,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(TUI_DROPDOWN_DIRECTIVE) readonly directive: TuiDropdown,\n        @Inject(WINDOW) private readonly windowRef: Window,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(AbstractTuiPortalHostComponent)\n        private readonly portalHost: TuiDropdownHostComponent,\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n    ) {\n        merge(\n            animationFrame$.pipe(throttleTime(POLLING_TIME)),\n            this.directive.refresh$,\n            fromEvent(this.windowRef, 'resize'),\n        )\n            .pipe(tuiZonefree(ngZone), takeUntil(destroy$))\n            .subscribe(() => {\n                this.calculatePositionAndSize();\n            });\n    }\n\n    get overscroll(): TuiOverscrollModeT {\n        return this.inModal ? 'all' : 'scroll';\n    }\n\n    @tuiPure\n    getContext<T extends Record<string, any>>(\n        context?: T,\n        activeZone?: TuiActiveZoneDirective,\n    ):\n        | {activeZone?: TuiActiveZoneDirective}\n        | (T & {activeZone?: TuiActiveZoneDirective}) {\n        return {...context, activeZone};\n    }\n\n    ngAfterViewChecked(): void {\n        this.calculatePositionAndSize();\n    }\n\n    onTopFocus(): void {\n        this.moveFocusOutside(true);\n    }\n\n    onBottomFocus(): void {\n        this.moveFocusOutside(false);\n    }\n\n    @tuiPure\n    private get inModal(): boolean {\n        // @awful TODO: get rid of component tag name dependency\n        return !!this.directive.host.closest('tui-dialog-host');\n    }\n\n    @tuiPure\n    private get inOption(): boolean {\n        // @awful TODO: get rid of component tag name dependency\n        return !!this.directive.host.closest('[tuiOption]');\n    }\n\n    private calculatePositionAndSize(): void {\n        const {clientRect} = this.directive;\n        const {style} = this.elementRef.nativeElement;\n        const hostRect = this.directive.fixed\n            ? this.portalHost.fixedPositionOffset()\n            : this.portalHost.clientRect;\n\n        style.position = this.directive.fixed ? 'fixed' : 'absolute';\n\n        this.calculateVerticalPosition(style, clientRect, hostRect);\n        this.calculateHorizontalPosition(style, clientRect, hostRect);\n        this.calculateWidth(style, clientRect);\n    }\n\n    private getFinalAlign(\n        style: CSSStyleDeclaration,\n        directiveRect: ClientRect,\n    ): TuiHorizontalDirection {\n        const dropdownRect = this.elementRef.nativeElement.getBoundingClientRect();\n        const dropdownWidth = this.elementRef.nativeElement.offsetWidth;\n        const screenWidth = getScreenWidth(this.windowRef.document);\n        const isDropdownSizeHypotheticallyFitsViewport =\n            directiveRect.left + dropdownWidth < screenWidth ||\n            directiveRect.right - dropdownWidth > 0;\n        const isDropdownSizeActuallyFitsViewport =\n            dropdownRect.right <= screenWidth && dropdownRect.left >= 0;\n        let finalAlign: TuiHorizontalDirection = this.directive.align;\n\n        switch (this.directive.align) {\n            case 'left':\n                if (\n                    isDropdownSizeHypotheticallyFitsViewport &&\n                    dropdownRect.right > screenWidth\n                ) {\n                    finalAlign = 'right';\n                }\n\n                break;\n            case 'right':\n                if (isDropdownSizeHypotheticallyFitsViewport && dropdownRect.left < 0) {\n                    finalAlign = 'left';\n                }\n\n                break;\n        }\n\n        if (style.right === 'auto' && isDropdownSizeActuallyFitsViewport) {\n            finalAlign = 'left';\n        }\n\n        if (style.left === 'auto' && isDropdownSizeActuallyFitsViewport) {\n            finalAlign = 'right';\n        }\n\n        return finalAlign;\n    }\n\n    /**\n     * Calculates horizontal position\n     *\n     * @param style dropdownBox elementRef styles object\n     * @param directiveRect ClientRect of hosting directive\n     * @param hostRect ClientRect of  portal host\n     */\n    private calculateHorizontalPosition(\n        style: CSSStyleDeclaration,\n        directiveRect: ClientRect,\n        hostRect: ClientRect,\n    ): void {\n        const offset = this.directive.sided\n            ? this.elementRef.nativeElement.getBoundingClientRect().width + DEFAULT_MARGIN\n            : 0;\n        const left = Math.ceil(directiveRect.left - hostRect.left - offset);\n        const right = Math.floor(hostRect.right - directiveRect.right - offset);\n        const viewportWidth = tuiGetViewportWidth(this.windowRef);\n\n        switch (this.getFinalAlign(style, directiveRect)) {\n            case 'left':\n                if (\n                    right + DEFAULT_MARGIN > viewportWidth ||\n                    inRange(left + DEFAULT_MARGIN, 0, viewportWidth)\n                ) {\n                    style.left = px(left);\n                    style.right = 'auto';\n                } else {\n                    style.left = 'auto';\n                    style.right = px(right);\n                }\n\n                break;\n            case 'right':\n                if (\n                    inRange(right + DEFAULT_MARGIN, 0, viewportWidth) ||\n                    left + DEFAULT_MARGIN > viewportWidth\n                ) {\n                    style.left = 'auto';\n                    style.right = px(right);\n                } else {\n                    style.left = px(left);\n                    style.right = 'auto';\n                }\n\n                break;\n        }\n    }\n\n    /**\n     * Calculates vertical position and height\n     *\n     * @param style dropdownBox elementRef styles object\n     * @param directiveRect ClientRect of hosting directive\n     * @param hostRect ClientRect of  portal host\n     */\n    private calculateVerticalPosition(\n        style: CSSStyleDeclaration,\n        directiveRect: ClientRect,\n        hostRect: ClientRect,\n    ): void {\n        const windowHeight = this.windowRef.innerHeight;\n        // Maximum height of the box\n        const boxHeightLimit = Math.min(\n            this.directive.maxHeight,\n            windowHeight - DEFAULT_MARGIN * 2,\n        );\n        const offset = this.directive.sided\n            ? DEFAULT_MARGIN - directiveRect.height\n            : DEFAULT_MARGIN * 2;\n        const topAvailableHeight = directiveRect.top - offset;\n        const bottomAvailableHeight = windowHeight - directiveRect.bottom - offset;\n        const finalDirection = this.getFinalDirection(directiveRect);\n        const optionOffset = this.inOption ? DEFAULT_MARGIN * 2 : 0;\n\n        this.prevDirectionIsTop = finalDirection === 'top';\n\n        if (finalDirection === 'top') {\n            this.dropdownAnimation = this.animationBottom;\n\n            style.maxHeight = px(Math.min(boxHeightLimit, topAvailableHeight));\n            style.top = 'auto';\n            style.bottom = px(\n                hostRect.bottom -\n                    directiveRect.top -\n                    DEFAULT_MARGIN +\n                    offset -\n                    optionOffset,\n            );\n        } else {\n            this.dropdownAnimation = this.animationTop;\n\n            style.maxHeight = px(Math.min(boxHeightLimit, bottomAvailableHeight));\n            style.top = px(\n                directiveRect.bottom -\n                    hostRect.top -\n                    DEFAULT_MARGIN +\n                    offset -\n                    optionOffset,\n            );\n            style.bottom = 'auto';\n        }\n    }\n\n    private getFinalDirection(directiveRect: ClientRect): TuiVerticalDirection | null {\n        const windowHeight = this.windowRef.innerHeight;\n        const offset = this.directive.sided\n            ? DEFAULT_MARGIN - directiveRect.height\n            : DEFAULT_MARGIN * 2;\n\n        // Maximum space available on top and on the bottom in the viewport\n        const topAvailableHeight = directiveRect.top - offset;\n        const bottomAvailableHeight = windowHeight - directiveRect.bottom - offset;\n\n        let finalDirection: TuiVerticalDirection | null = null;\n\n        // Given direction is applied if we can fit the box in the limits that way\n        switch (this.directive.direction) {\n            case 'top':\n                if (topAvailableHeight >= this.directive.minHeight) {\n                    finalDirection = 'top';\n                }\n\n                break;\n            case 'bottom':\n                if (bottomAvailableHeight >= this.directive.minHeight) {\n                    finalDirection = 'bottom';\n                }\n\n                break;\n        }\n\n        // Maximum height of the box\n        const boxHeightLimit = Math.min(\n            this.directive.maxHeight,\n            windowHeight - DEFAULT_MARGIN * 2,\n        );\n\n        // Choose direction if given direction did not fit\n        if (finalDirection === null && this.contentElementRef) {\n            // Box height if it fits without scroll\n            const visualHeight = Math.min(\n                this.contentElementRef.nativeElement.getBoundingClientRect().height +\n                    (this.elementRef.nativeElement.offsetHeight -\n                        this.elementRef.nativeElement.clientHeight),\n                boxHeightLimit,\n            );\n\n            // If there is enough space to fit below without scroll,\n            // choose 'bottom', unless it was previously on the top\n            if (this.prevDirectionIsTop && topAvailableHeight >= visualHeight) {\n                finalDirection = 'top';\n            } else if (bottomAvailableHeight >= visualHeight) {\n                finalDirection = 'bottom';\n            } else {\n                // Corner case — select direction with more space\n                finalDirection =\n                    bottomAvailableHeight >= topAvailableHeight ? 'bottom' : 'top';\n            }\n        }\n\n        return finalDirection;\n    }\n\n    /**\n     * Calculates width\n     *\n     * @param style dropdownBox elementRef styles object\n     * @param directiveRect ClientRect of hosting directive\n     */\n    private calculateWidth(style: CSSStyleDeclaration, directiveRect: ClientRect): void {\n        style.width =\n            this.directive.limitMinWidth === 'fixed' && !this.directive.sided\n                ? px(directiveRect.width)\n                : '';\n\n        if (this.directive.limitMinWidth === 'min' && !this.directive.sided) {\n            style.minWidth = px(directiveRect.width);\n            style.maxWidth = px(DEFAULT_MAX_WIDTH);\n\n            return;\n        }\n\n        style.minWidth = '';\n        style.maxWidth = '';\n    }\n\n    private moveFocusOutside(previous: boolean): void {\n        const {host} = this.directive;\n        const {ownerDocument} = host;\n        const root = ownerDocument ? ownerDocument.body : host;\n\n        tuiAssertIsHTMLElement(host);\n\n        let focusable = getClosestFocusable(host, previous, root);\n\n        while (focusable !== null && host.contains(focusable)) {\n            focusable = getClosestFocusable(focusable, previous, root);\n        }\n\n        focusable?.focus();\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiOverscrollModule} from '@taiga-ui/cdk';\nimport {TuiScrollbarModule} from '@taiga-ui/core/components/scrollbar';\nimport {TuiModeModule} from '@taiga-ui/core/directives/mode';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDropdownBoxComponent} from './dropdown-box.component';\n\n@NgModule({\n    imports: [\n        TuiActiveZoneModule,\n        PolymorpheusModule,\n        TuiOverscrollModule,\n        TuiScrollbarModule,\n        TuiModeModule,\n    ],\n    entryComponents: [TuiDropdownBoxComponent],\n    declarations: [TuiDropdownBoxComponent],\n    exports: [TuiDropdownBoxComponent],\n})\nexport class TuiDropdownBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-core-components-error.js

@@ -14,11 +14,11 @@ var TuiErrorComponent = /** @class */ (function () {
         this.mode$ = mode$;
         this.defaultErrorMessage$ = defaultErrorMessage$;
         this.error = null;
-        this.animation = __assign({ value: "" }, this.options);
+        this.animation = __assign({ value: '' }, this.options);
     }
     Object.defineProperty(TuiErrorComponent.prototype, "errorSetter", {
         set: function (error) {
-            this.error = typeof error === "string" ? new TuiValidationError(error) : error;
+            this.error = typeof error === 'string' ? new TuiValidationError(error) : error;
         },
         enumerable: true,
         configurable: true
@@ -29,12 +29,12 @@ var TuiErrorComponent = /** @class */ (function () {
         { type: Observable, decorators: [{ type: Inject, args: [TUI_DEFAULT_ERROR_MESSAGE,] }] }
     ]; };
     __decorate([
-        Input("error"),
+        Input('error'),
         tuiDefaultProp()
     ], TuiErrorComponent.prototype, "errorSetter", null);
     TuiErrorComponent = __decorate([
         Component({
-            selector: "tui-error",
+            selector: 'tui-error',
             template: "<div\n    *ngIf=\"error\"\n    polymorpheus-outlet\n    automation-id=\"tui-error__text\"\n    class=\"t-message-text\"\n    [@tuiHeightCollapse]=\"animation\"\n    [@tuiFadeIn]=\"animation\"\n    [class.t-message-text_light]=\"(mode$ | async) === 'onDark'\"\n    [content]=\"error.message || (defaultErrorMessage$ | async)\"\n    [context]=\"error.context || {}\"\n></div>\n",
             providers: [MODE_PROVIDER],
             changeDetection: ChangeDetectionStrategy.OnPush,

package/fesm5/taiga-ui-core-components-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-error.js","sources":["ng://@taiga-ui/core/components/error/error.component.ts","ng://@taiga-ui/core/components/error/error.module.ts","ng://@taiga-ui/core/components/error/taiga-ui-core-components-error.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {tuiDefaultProp, TuiValidationError} from '@taiga-ui/cdk';\nimport {tuiFadeIn, tuiHeightCollapse} from '@taiga-ui/core/animations';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    TUI_DEFAULT_ERROR_MESSAGE,\n    TUI_MODE,\n} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: `tui-error`,\n    templateUrl: `./error.template.html`,\n    styleUrls: [`./error.style.less`],\n    providers: [MODE_PROVIDER],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiHeightCollapse, tuiFadeIn],\n})\nexport class TuiErrorComponent {\n    @Input(`error`)\n    @tuiDefaultProp()\n    set errorSetter(error: TuiValidationError | string | null) {\n        this.error = typeof error === `string` ? new TuiValidationError(error) : error;\n    }\n\n    error: TuiValidationError | null = null;\n\n    readonly animation = {value: ``, ...this.options} as const;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_DEFAULT_ERROR_MESSAGE)\n        readonly defaultErrorMessage$: Observable<string>,\n    ) {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiErrorComponent} from './error.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule],\n    declarations: [TuiErrorComponent],\n    exports: [TuiErrorComponent],\n})\nexport class TuiErrorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;IAgCI,2BACoD,OAAyB,EAC9C,KAAuC,EAEzD,oBAAwC;QAHD,YAAO,GAAP,OAAO,CAAkB;QAC9C,UAAK,GAAL,KAAK,CAAkC;QAEzD,yBAAoB,GAApB,oBAAoB,CAAoB;QARrD,UAAK,GAA8B,IAAI,CAAC;QAE/B,cAAS,GAAG,WAAC,KAAK,EAAE,EAAE,IAAK,IAAI,CAAC,OAAO,CAAU,CAAC;KAOvD;IAbJ,sBAAI,0CAAW;aAAf,UAAgB,KAAyC;YACrD,IAAI,CAAC,KAAK,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;SAClF;;;OAAA;;gDAOI,MAAM,SAAC,qBAAqB;gBACK,UAAU,uBAA3C,MAAM,SAAC,QAAQ;gBAEe,UAAU,uBADxC,MAAM,SAAC,yBAAyB;;IAXrC;QAFC,KAAK,CAAC,OAAO,CAAC;QACd,cAAc,EAAE;wDAGhB;IALQ,iBAAiB;QAR7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,mYAAoC;YAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;YAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,UAAU,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC;;SAC7C,CAAC;QAaO,WAAA,MAAM,CAAC,qBAAqB,CAAC,CAAA;QAC7B,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;QAChB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;OAd7B,iBAAiB,CAiB7B;IAAD,wBAAC;CAjBD;;;ICVA;KAA8B;IAAjB,cAAc;QAL1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC;YAC3C,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;SAC/B,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACXA;;;;;;"}
+{"version":3,"file":"taiga-ui-core-components-error.js","sources":["ng://@taiga-ui/core/components/error/error.component.ts","ng://@taiga-ui/core/components/error/error.module.ts","ng://@taiga-ui/core/components/error/taiga-ui-core-components-error.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {tuiDefaultProp, TuiValidationError} from '@taiga-ui/cdk';\nimport {tuiFadeIn, tuiHeightCollapse} from '@taiga-ui/core/animations';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    TUI_DEFAULT_ERROR_MESSAGE,\n    TUI_MODE,\n} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: 'tui-error',\n    templateUrl: './error.template.html',\n    styleUrls: ['./error.style.less'],\n    providers: [MODE_PROVIDER],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiHeightCollapse, tuiFadeIn],\n})\nexport class TuiErrorComponent {\n    @Input('error')\n    @tuiDefaultProp()\n    set errorSetter(error: TuiValidationError | string | null) {\n        this.error = typeof error === 'string' ? new TuiValidationError(error) : error;\n    }\n\n    error: TuiValidationError | null = null;\n\n    readonly animation = {value: '', ...this.options} as const;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_DEFAULT_ERROR_MESSAGE)\n        readonly defaultErrorMessage$: Observable<string>,\n    ) {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiErrorComponent} from './error.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule],\n    declarations: [TuiErrorComponent],\n    exports: [TuiErrorComponent],\n})\nexport class TuiErrorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;IAgCI,2BACoD,OAAyB,EAC9C,KAAuC,EAEzD,oBAAwC;QAHD,YAAO,GAAP,OAAO,CAAkB;QAC9C,UAAK,GAAL,KAAK,CAAkC;QAEzD,yBAAoB,GAApB,oBAAoB,CAAoB;QARrD,UAAK,GAA8B,IAAI,CAAC;QAE/B,cAAS,GAAG,WAAC,KAAK,EAAE,EAAE,IAAK,IAAI,CAAC,OAAO,CAAU,CAAC;KAOvD;IAbJ,sBAAI,0CAAW;aAAf,UAAgB,KAAyC;YACrD,IAAI,CAAC,KAAK,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;SAClF;;;OAAA;;gDAOI,MAAM,SAAC,qBAAqB;gBACK,UAAU,uBAA3C,MAAM,SAAC,QAAQ;gBAEe,UAAU,uBADxC,MAAM,SAAC,yBAAyB;;IAXrC;QAFC,KAAK,CAAC,OAAO,CAAC;QACd,cAAc,EAAE;wDAGhB;IALQ,iBAAiB;QAR7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,mYAAoC;YAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;YAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,UAAU,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC;;SAC7C,CAAC;QAaO,WAAA,MAAM,CAAC,qBAAqB,CAAC,CAAA;QAC7B,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;QAChB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;OAd7B,iBAAiB,CAiB7B;IAAD,wBAAC;CAjBD;;;ICVA;KAA8B;IAAjB,cAAc;QAL1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC;YAC3C,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;SAC/B,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACXA;;;;;;"}

package/fesm5/taiga-ui-core-components-expand.js

@@ -11,7 +11,7 @@ var TuiExpandContentDirective = /** @class */ (function () {
     }
     TuiExpandContentDirective = __decorate([
         Directive({
-            selector: "[tuiExpandContent]",
+            selector: '[tuiExpandContent]',
         })
     ], TuiExpandContentDirective);
     return TuiExpandContentDirective;
@@ -93,7 +93,7 @@ var TuiExpandComponent = /** @class */ (function () {
     });
     TuiExpandComponent.prototype.onTransitionEnd = function (event) {
         if (isCurrentTarget(event) &&
-            event.propertyName === "opacity" &&
+            event.propertyName === 'opacity' &&
             this.state === State.Animated) {
             this.state = State.Idle;
         }
@@ -120,41 +120,41 @@ var TuiExpandComponent = /** @class */ (function () {
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
     ]; };
     __decorate([
-        ViewChild("wrapper")
+        ViewChild('wrapper')
     ], TuiExpandComponent.prototype, "contentWrapper", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
     ], TuiExpandComponent.prototype, "async", void 0);
     __decorate([
-        Input("expanded"),
+        Input('expanded'),
         tuiRequiredSetter()
     ], TuiExpandComponent.prototype, "expandedSetter", null);
     __decorate([
         ContentChild(TuiExpandContentDirective, { read: TemplateRef })
     ], TuiExpandComponent.prototype, "content", void 0);
     __decorate([
-        HostBinding("class._expanded"),
-        HostBinding("attr.aria-expanded")
+        HostBinding('class._expanded'),
+        HostBinding('attr.aria-expanded')
     ], TuiExpandComponent.prototype, "expanded", void 0);
     __decorate([
-        HostBinding("class._overflow")
+        HostBinding('class._overflow')
     ], TuiExpandComponent.prototype, "overflow", null);
     __decorate([
-        HostBinding("class._loading")
+        HostBinding('class._loading')
     ], TuiExpandComponent.prototype, "loading", null);
     __decorate([
-        HostBinding("style.height.px")
+        HostBinding('style.height.px')
     ], TuiExpandComponent.prototype, "height", null);
     __decorate([
-        HostListener("transitionend", ["$event"])
+        HostListener('transitionend', ['$event'])
     ], TuiExpandComponent.prototype, "onTransitionEnd", null);
     __decorate([
-        HostListener(TUI_EXPAND_LOADED, ["$event"])
+        HostListener(TUI_EXPAND_LOADED, ['$event'])
     ], TuiExpandComponent.prototype, "onExpandLoaded", null);
     TuiExpandComponent = __decorate([
         Component({
-            selector: "tui-expand",
+            selector: 'tui-expand',
             template: "<div\n    #wrapper\n    class=\"t-wrapper\"\n>\n    <ng-container *ngIf=\"contentVisible\">\n        <ng-content></ng-content>\n        <!-- TODO: 3.0 collision with async pipe, fix after upgrade to ng11 -->\n        <tui-loader\n            *ngIf=\"this.async; else content\"\n            size=\"l\"\n            [overlay]=\"true\"\n            [showLoader]=\"loading\"\n        >\n            <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n        </tui-loader>\n    </ng-container>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [":host{display:block;transition-property:opacity,height,visibility;transition-duration:var(--tui-duration,300ms);opacity:0}:host._overflow{overflow:hidden}:host._expanded{opacity:1;transform:translate3d(0,0,0)}:host._loading{opacity:.99}.t-wrapper:after,.t-wrapper:before{content:'';display:table}"]

package/fesm5/taiga-ui-core-components-expand.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-expand.js","sources":["ng://@taiga-ui/core/components/expand/expand-content.directive.ts","ng://@taiga-ui/core/components/expand/expand.component.ts","ng://@taiga-ui/core/components/expand/expand.module.ts","ng://@taiga-ui/core/components/expand/taiga-ui-core-components-expand.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n// @bad TODO: 3.0 Replace with PolymorpheusContent\n@Directive({\n    selector: `[tuiExpandContent]`,\n})\nexport class TuiExpandContentDirective {}\n","import {NgIfContext} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {isCurrentTarget, tuiDefaultProp, tuiRequiredSetter} from '@taiga-ui/cdk';\nimport {TUI_EXPAND_LOADED} from '@taiga-ui/core/constants';\n\nimport {TuiExpandContentDirective} from './expand-content.directive';\n\nenum State {\n    Idle,\n    Loading,\n    Prepared,\n    Animated,\n}\n\nconst LOADER_HEIGHT = 48;\n\n@Component({\n    selector: `tui-expand`,\n    templateUrl: `./expand.template.html`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    styleUrls: [`./expand.style.less`],\n})\nexport class TuiExpandComponent {\n    @ViewChild(`wrapper`)\n    private readonly contentWrapper?: ElementRef<HTMLDivElement>;\n\n    private state = State.Idle;\n\n    @Input()\n    @tuiDefaultProp()\n    async = false;\n\n    @Input(`expanded`)\n    @tuiRequiredSetter()\n    set expandedSetter(expanded: boolean | null) {\n        if (this.expanded === null) {\n            this.expanded = expanded;\n\n            return;\n        }\n\n        if (this.state !== State.Idle) {\n            this.expanded = expanded;\n            this.state = State.Animated;\n\n            return;\n        }\n\n        this.expanded = expanded;\n        this.retrigger(this.async && expanded ? State.Loading : State.Animated);\n    }\n\n    @ContentChild(TuiExpandContentDirective, {read: TemplateRef})\n    content: TemplateRef<NgIfContext<boolean>> | null = null;\n\n    @HostBinding(`class._expanded`)\n    @HostBinding(`attr.aria-expanded`)\n    expanded: boolean | null = null;\n\n    constructor(\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n    ) {}\n\n    @HostBinding(`class._overflow`)\n    get overflow(): boolean {\n        return this.state !== State.Idle;\n    }\n\n    @HostBinding(`class._loading`)\n    get loading(): boolean {\n        return !!this.expanded && this.async && this.state === State.Loading;\n    }\n\n    @HostBinding(`style.height.px`)\n    get height(): number | null {\n        const {expanded, state, contentWrapper} = this;\n\n        if (\n            (expanded && state === State.Prepared) ||\n            (!expanded && state === State.Animated)\n        ) {\n            return 0;\n        }\n\n        if (\n            contentWrapper &&\n            ((!expanded && state === State.Prepared) ||\n                (expanded && state === State.Animated))\n        ) {\n            return contentWrapper.nativeElement.offsetHeight;\n        }\n\n        if (contentWrapper && expanded && state === State.Loading) {\n            return Math.max(contentWrapper.nativeElement.offsetHeight, LOADER_HEIGHT);\n        }\n\n        return null;\n    }\n\n    get contentVisible(): boolean {\n        return this.expanded || this.state !== State.Idle;\n    }\n\n    @HostListener(`transitionend`, [`$event`])\n    onTransitionEnd(event: TransitionEvent): void {\n        if (\n            isCurrentTarget(event) &&\n            event.propertyName === `opacity` &&\n            this.state === State.Animated\n        ) {\n            this.state = State.Idle;\n        }\n    }\n\n    @HostListener(TUI_EXPAND_LOADED, [`$event`])\n    onExpandLoaded(event: Event): void {\n        event.stopPropagation();\n\n        if (this.state === State.Loading) {\n            this.retrigger(State.Animated);\n        }\n    }\n\n    private retrigger(state: State): void {\n        this.state = State.Prepared;\n\n        // We need delay to re-trigger CSS height transition from the correct number\n        setTimeout(() => {\n            if (this.state !== State.Prepared) {\n                return;\n            }\n\n            this.state = state;\n            this.changeDetectorRef.markForCheck();\n        });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLoaderModule} from '@taiga-ui/core/components/loader';\n\nimport {TuiExpandComponent} from './expand.component';\nimport {TuiExpandContentDirective} from './expand-content.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiLoaderModule],\n    declarations: [TuiExpandComponent, TuiExpandContentDirective],\n    exports: [TuiExpandComponent, TuiExpandContentDirective],\n})\nexport class TuiExpandModule {}\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-core-components-expand.js","sources":["ng://@taiga-ui/core/components/expand/expand-content.directive.ts","ng://@taiga-ui/core/components/expand/expand.component.ts","ng://@taiga-ui/core/components/expand/expand.module.ts","ng://@taiga-ui/core/components/expand/taiga-ui-core-components-expand.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n// @bad TODO: 3.0 Replace with PolymorpheusContent\n@Directive({\n    selector: '[tuiExpandContent]',\n})\nexport class TuiExpandContentDirective {}\n","import {NgIfContext} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {isCurrentTarget, tuiDefaultProp, tuiRequiredSetter} from '@taiga-ui/cdk';\nimport {TUI_EXPAND_LOADED} from '@taiga-ui/core/constants';\n\nimport {TuiExpandContentDirective} from './expand-content.directive';\n\nenum State {\n    Idle,\n    Loading,\n    Prepared,\n    Animated,\n}\n\nconst LOADER_HEIGHT = 48;\n\n@Component({\n    selector: 'tui-expand',\n    templateUrl: './expand.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    styleUrls: ['./expand.style.less'],\n})\nexport class TuiExpandComponent {\n    @ViewChild('wrapper')\n    private readonly contentWrapper?: ElementRef<HTMLDivElement>;\n\n    private state = State.Idle;\n\n    @Input()\n    @tuiDefaultProp()\n    async = false;\n\n    @Input('expanded')\n    @tuiRequiredSetter()\n    set expandedSetter(expanded: boolean | null) {\n        if (this.expanded === null) {\n            this.expanded = expanded;\n\n            return;\n        }\n\n        if (this.state !== State.Idle) {\n            this.expanded = expanded;\n            this.state = State.Animated;\n\n            return;\n        }\n\n        this.expanded = expanded;\n        this.retrigger(this.async && expanded ? State.Loading : State.Animated);\n    }\n\n    @ContentChild(TuiExpandContentDirective, {read: TemplateRef})\n    content: TemplateRef<NgIfContext<boolean>> | null = null;\n\n    @HostBinding('class._expanded')\n    @HostBinding('attr.aria-expanded')\n    expanded: boolean | null = null;\n\n    constructor(\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n    ) {}\n\n    @HostBinding('class._overflow')\n    get overflow(): boolean {\n        return this.state !== State.Idle;\n    }\n\n    @HostBinding('class._loading')\n    get loading(): boolean {\n        return !!this.expanded && this.async && this.state === State.Loading;\n    }\n\n    @HostBinding('style.height.px')\n    get height(): number | null {\n        const {expanded, state, contentWrapper} = this;\n\n        if (\n            (expanded && state === State.Prepared) ||\n            (!expanded && state === State.Animated)\n        ) {\n            return 0;\n        }\n\n        if (\n            contentWrapper &&\n            ((!expanded && state === State.Prepared) ||\n                (expanded && state === State.Animated))\n        ) {\n            return contentWrapper.nativeElement.offsetHeight;\n        }\n\n        if (contentWrapper && expanded && state === State.Loading) {\n            return Math.max(contentWrapper.nativeElement.offsetHeight, LOADER_HEIGHT);\n        }\n\n        return null;\n    }\n\n    get contentVisible(): boolean {\n        return this.expanded || this.state !== State.Idle;\n    }\n\n    @HostListener('transitionend', ['$event'])\n    onTransitionEnd(event: TransitionEvent): void {\n        if (\n            isCurrentTarget(event) &&\n            event.propertyName === 'opacity' &&\n            this.state === State.Animated\n        ) {\n            this.state = State.Idle;\n        }\n    }\n\n    @HostListener(TUI_EXPAND_LOADED, ['$event'])\n    onExpandLoaded(event: Event): void {\n        event.stopPropagation();\n\n        if (this.state === State.Loading) {\n            this.retrigger(State.Animated);\n        }\n    }\n\n    private retrigger(state: State): void {\n        this.state = State.Prepared;\n\n        // We need delay to re-trigger CSS height transition from the correct number\n        setTimeout(() => {\n            if (this.state !== State.Prepared) {\n                return;\n            }\n\n            this.state = state;\n            this.changeDetectorRef.markForCheck();\n        });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLoaderModule} from '@taiga-ui/core/components/loader';\n\nimport {TuiExpandComponent} from './expand.component';\nimport {TuiExpandContentDirective} from './expand-content.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiLoaderModule],\n    declarations: [TuiExpandComponent, TuiExpandContentDirective],\n    exports: [TuiExpandComponent, TuiExpandContentDirective],\n})\nexport class TuiExpandModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-core-components-group.js

@@ -8,7 +8,7 @@ var TuiGroupStylesComponent = /** @class */ (function () {
     }
     TuiGroupStylesComponent = __decorate([
         Component({
-            template: "",
+            template: '',
             encapsulation: ViewEncapsulation.None,
             styles: [".tui-group{position:relative;z-index:0;display:flex}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>:nth-child(n){border-radius:0}.tui-group>:not(:last-child){margin-right:.125rem}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>:not(:last-child){margin-right:-1px}.tui-group_collapsed>._disabled,.tui-group_collapsed>._disabled:hover,.tui-group_collapsed>._readonly,.tui-group_collapsed>._readonly:hover{z-index:0}.tui-group_collapsed>._hovered,.tui-group_collapsed>._pressed,.tui-group_collapsed>:hover{z-index:3}.tui-group_collapsed>._invalid{z-index:2}.tui-group_collapsed>._invalid._hovered,.tui-group_collapsed>._invalid._pressed,.tui-group_collapsed>._invalid:hover{z-index:4}.tui-group_collapsed>._focus-visible,.tui-group_collapsed>._focused.ng-touched,.tui-group_collapsed>._focused.ng-untouched,.tui-group_collapsed>._hosted_dropdown_focused{z-index:5}.tui-group_collapsed>._active,.tui-group_collapsed>[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>._focus-visible._active,.tui-group_collapsed>._focus-visible._focused,.tui-group_collapsed>._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width:47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>:last-child:not(:first-child){border-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>:last-child:not(:first-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>:not(:last-child){margin-bottom:-1px}.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}"]
         })
@@ -18,30 +18,30 @@ var TuiGroupStylesComponent = /** @class */ (function () {
 
 var TuiGroupDirective = /** @class */ (function () {
     function TuiGroupDirective(directiveStyles) {
-        this.orientation = "horizontal";
+        this.orientation = 'horizontal';
         this.adaptive = false;
         this.collapsed = false;
         this.rounded = true;
-        this.size = "m";
+        this.size = 'm';
         directiveStyles.addComponent(TuiGroupStylesComponent);
     }
     Object.defineProperty(TuiGroupDirective.prototype, "orientationHorizontal", {
         get: function () {
-            return this.orientation === "horizontal";
+            return this.orientation === 'horizontal';
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TuiGroupDirective.prototype, "orientationVertical", {
         get: function () {
-            return this.orientation === "vertical";
+            return this.orientation === 'vertical';
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TuiGroupDirective.prototype, "sizeLarge", {
         get: function () {
-            return this.size === "l";
+            return this.size === 'l';
         },
         enumerable: true,
         configurable: true
@@ -55,17 +55,17 @@ var TuiGroupDirective = /** @class */ (function () {
     ], TuiGroupDirective.prototype, "orientation", void 0);
     __decorate([
         Input(),
-        HostBinding("class.tui-group_adaptive"),
+        HostBinding('class.tui-group_adaptive'),
         tuiDefaultProp()
     ], TuiGroupDirective.prototype, "adaptive", void 0);
     __decorate([
         Input(),
-        HostBinding("class.tui-group_collapsed"),
+        HostBinding('class.tui-group_collapsed'),
         tuiDefaultProp()
     ], TuiGroupDirective.prototype, "collapsed", void 0);
     __decorate([
         Input(),
-        HostBinding("class.tui-group_rounded"),
+        HostBinding('class.tui-group_rounded'),
         tuiDefaultProp()
     ], TuiGroupDirective.prototype, "rounded", void 0);
     __decorate([
@@ -73,20 +73,20 @@ var TuiGroupDirective = /** @class */ (function () {
         tuiDefaultProp()
     ], TuiGroupDirective.prototype, "size", void 0);
     __decorate([
-        HostBinding("class.tui-group_orientation_horizontal")
+        HostBinding('class.tui-group_orientation_horizontal')
     ], TuiGroupDirective.prototype, "orientationHorizontal", null);
     __decorate([
-        HostBinding("class.tui-group_orientation_vertical")
+        HostBinding('class.tui-group_orientation_vertical')
     ], TuiGroupDirective.prototype, "orientationVertical", null);
     __decorate([
-        HostBinding("class.tui-group_radius_large")
+        HostBinding('class.tui-group_radius_large')
     ], TuiGroupDirective.prototype, "sizeLarge", null);
     TuiGroupDirective = __decorate([
         Directive({
-            selector: "[tuiGroup]:not(ng-container)",
+            selector: '[tuiGroup]:not(ng-container)',
             host: {
-                class: "tui-group",
-                role: "group",
+                class: 'tui-group',
+                role: 'group',
             },
         }),
         __param(0, Inject(TuiDirectiveStylesService))
@@ -102,12 +102,12 @@ var TuiGroupComponent = /** @class */ (function (_super) {
     }
     TuiGroupComponent = __decorate([
         Component({
-            selector: "tui-group",
+            selector: 'tui-group',
             changeDetection: ChangeDetectionStrategy.OnPush,
             template: "\n        <ng-content></ng-content>\n    ",
             host: {
-                class: "tui-group",
-                role: "group",
+                class: 'tui-group',
+                role: 'group',
             }
         })
     ], TuiGroupComponent);