@taiga-ui/core 2.75.0 → 2.76.0

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);

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-group.js","sources":["ng://@taiga-ui/core/components/group/group-styles.component.ts","ng://@taiga-ui/core/components/group/group.directive.ts","ng://@taiga-ui/core/components/group/group.component.ts","ng://@taiga-ui/core/components/group/group.module.ts","ng://@taiga-ui/core/components/group/taiga-ui-core-components-group.ts"],"sourcesContent":["import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: ``,\n    styleUrls: [`../../styles/markup/tui-group.less`],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiGroupStylesComponent {}\n","import {Directive, HostBinding, Inject, Input} from '@angular/core';\nimport {tuiDefaultProp, TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiOrientationT, TuiSizeL} from '@taiga-ui/core/types';\n\nimport {TuiGroupStylesComponent} from './group-styles.component';\n\n@Directive({\n    selector: `[tuiGroup]:not(ng-container)`,\n    host: {\n        class: `tui-group`,\n        role: `group`,\n    },\n})\nexport class TuiGroupDirective {\n    @Input()\n    @tuiDefaultProp()\n    orientation: TuiOrientationT = `horizontal`;\n\n    @Input()\n    @HostBinding(`class.tui-group_adaptive`)\n    @tuiDefaultProp()\n    adaptive = false;\n\n    @Input()\n    @HostBinding(`class.tui-group_collapsed`)\n    @tuiDefaultProp()\n    collapsed = false;\n\n    @Input()\n    @HostBinding(`class.tui-group_rounded`)\n    @tuiDefaultProp()\n    rounded = true;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = `m`;\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiGroupStylesComponent);\n    }\n\n    @HostBinding(`class.tui-group_orientation_horizontal`)\n    get orientationHorizontal(): boolean {\n        return this.orientation === `horizontal`;\n    }\n\n    @HostBinding(`class.tui-group_orientation_vertical`)\n    get orientationVertical(): boolean {\n        return this.orientation === `vertical`;\n    }\n\n    @HostBinding(`class.tui-group_radius_large`)\n    get sizeLarge(): boolean {\n        return this.size === `l`;\n    }\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\nimport {TuiGroupDirective} from './group.directive';\n\n/** @deprecated */\n@Component({\n    selector: `tui-group`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        <ng-content></ng-content>\n    `,\n    host: {\n        class: `tui-group`,\n        role: `group`,\n    },\n})\nexport class TuiGroupComponent extends TuiGroupDirective {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiGroupComponent} from './group.component';\nimport {TuiGroupDirective} from './group.directive';\nimport {TuiGroupStylesComponent} from './group-styles.component';\n\n@NgModule({\n    imports: [CommonModule],\n    entryComponents: [TuiGroupStylesComponent],\n    declarations: [TuiGroupComponent, TuiGroupDirective, TuiGroupStylesComponent],\n    exports: [TuiGroupComponent, TuiGroupDirective, TuiGroupStylesComponent],\n})\nexport class TuiGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;IAOA;KAAuC;IAA1B,uBAAuB;QALnC,SAAS,CAAC;YACP,QAAQ,EAAE,EAAE;YAEZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;;SACxC,CAAC;OACW,uBAAuB,CAAG;IAAD,8BAAC;CAAvC;;;IC8BI,2BACuC,eAA0C;QAtBjF,gBAAW,GAAoB,YAAY,CAAC;QAK5C,aAAQ,GAAG,KAAK,CAAC;QAKjB,cAAS,GAAG,KAAK,CAAC;QAKlB,YAAO,GAAG,IAAI,CAAC;QAIf,SAAI,GAAa,GAAG,CAAC;QAKjB,eAAe,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC;KACzD;IAGD,sBAAI,oDAAqB;aAAzB;YACI,OAAO,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;SAC5C;;;OAAA;IAGD,sBAAI,kDAAmB;aAAvB;YACI,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC;SAC1C;;;OAAA;IAGD,sBAAI,wCAAS;aAAb;YACI,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;SAC5B;;;OAAA;;gBAlBuD,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;;IAtBrC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0DAC2B;IAK5C;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,0BAA0B,CAAC;QACvC,cAAc,EAAE;uDACA;IAKjB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,2BAA2B,CAAC;QACxC,cAAc,EAAE;wDACC;IAKlB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,yBAAyB,CAAC;QACtC,cAAc,EAAE;sDACF;IAIf;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;mDACI;IASrB;QADC,WAAW,CAAC,wCAAwC,CAAC;kEAGrD;IAGD;QADC,WAAW,CAAC,sCAAsC,CAAC;gEAGnD;IAGD;QADC,WAAW,CAAC,8BAA8B,CAAC;sDAG3C;IA3CQ,iBAAiB;QAP7B,SAAS,CAAC;YACP,QAAQ,EAAE,8BAA8B;YACxC,IAAI,EAAE;gBACF,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,OAAO;aAChB;SACJ,CAAC;QA0BO,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;OAzB7B,iBAAiB,CA4C7B;IAAD,wBAAC;CA5CD;;ACTA;;IAYuC,qCAAiB;IAAxD;;KAA2D;IAA9C,iBAAiB;QAX7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,QAAQ,EAAE,2CAET;YACD,IAAI,EAAE;gBACF,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,OAAO;aAChB;SACJ,CAAC;OACW,iBAAiB,CAA6B;IAAD,wBAAC;CAAA,CAApB,iBAAiB;;;ICHxD;KAA8B;IAAjB,cAAc;QAN1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,eAAe,EAAE,CAAC,uBAAuB,CAAC;YAC1C,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC;YAC7E,OAAO,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC;SAC3E,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACbA;;;;;;"}
+{"version":3,"file":"taiga-ui-core-components-group.js","sources":["ng://@taiga-ui/core/components/group/group-styles.component.ts","ng://@taiga-ui/core/components/group/group.directive.ts","ng://@taiga-ui/core/components/group/group.component.ts","ng://@taiga-ui/core/components/group/group.module.ts","ng://@taiga-ui/core/components/group/taiga-ui-core-components-group.ts"],"sourcesContent":["import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['../../styles/markup/tui-group.less'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiGroupStylesComponent {}\n","import {Directive, HostBinding, Inject, Input} from '@angular/core';\nimport {tuiDefaultProp, TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiOrientationT, TuiSizeL} from '@taiga-ui/core/types';\n\nimport {TuiGroupStylesComponent} from './group-styles.component';\n\n@Directive({\n    selector: '[tuiGroup]:not(ng-container)',\n    host: {\n        class: 'tui-group',\n        role: 'group',\n    },\n})\nexport class TuiGroupDirective {\n    @Input()\n    @tuiDefaultProp()\n    orientation: TuiOrientationT = 'horizontal';\n\n    @Input()\n    @HostBinding('class.tui-group_adaptive')\n    @tuiDefaultProp()\n    adaptive = false;\n\n    @Input()\n    @HostBinding('class.tui-group_collapsed')\n    @tuiDefaultProp()\n    collapsed = false;\n\n    @Input()\n    @HostBinding('class.tui-group_rounded')\n    @tuiDefaultProp()\n    rounded = true;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiGroupStylesComponent);\n    }\n\n    @HostBinding('class.tui-group_orientation_horizontal')\n    get orientationHorizontal(): boolean {\n        return this.orientation === 'horizontal';\n    }\n\n    @HostBinding('class.tui-group_orientation_vertical')\n    get orientationVertical(): boolean {\n        return this.orientation === 'vertical';\n    }\n\n    @HostBinding('class.tui-group_radius_large')\n    get sizeLarge(): boolean {\n        return this.size === 'l';\n    }\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\nimport {TuiGroupDirective} from './group.directive';\n\n/** @deprecated */\n@Component({\n    selector: 'tui-group',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        <ng-content></ng-content>\n    `,\n    host: {\n        class: 'tui-group',\n        role: 'group',\n    },\n})\nexport class TuiGroupComponent extends TuiGroupDirective {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiGroupComponent} from './group.component';\nimport {TuiGroupDirective} from './group.directive';\nimport {TuiGroupStylesComponent} from './group-styles.component';\n\n@NgModule({\n    imports: [CommonModule],\n    entryComponents: [TuiGroupStylesComponent],\n    declarations: [TuiGroupComponent, TuiGroupDirective, TuiGroupStylesComponent],\n    exports: [TuiGroupComponent, TuiGroupDirective, TuiGroupStylesComponent],\n})\nexport class TuiGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;IAOA;KAAuC;IAA1B,uBAAuB;QALnC,SAAS,CAAC;YACP,QAAQ,EAAE,EAAE;YAEZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;;SACxC,CAAC;OACW,uBAAuB,CAAG;IAAD,8BAAC;CAAvC;;;IC8BI,2BACuC,eAA0C;QAtBjF,gBAAW,GAAoB,YAAY,CAAC;QAK5C,aAAQ,GAAG,KAAK,CAAC;QAKjB,cAAS,GAAG,KAAK,CAAC;QAKlB,YAAO,GAAG,IAAI,CAAC;QAIf,SAAI,GAAa,GAAG,CAAC;QAKjB,eAAe,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC;KACzD;IAGD,sBAAI,oDAAqB;aAAzB;YACI,OAAO,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;SAC5C;;;OAAA;IAGD,sBAAI,kDAAmB;aAAvB;YACI,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC;SAC1C;;;OAAA;IAGD,sBAAI,wCAAS;aAAb;YACI,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;SAC5B;;;OAAA;;gBAlBuD,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;;IAtBrC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0DAC2B;IAK5C;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,0BAA0B,CAAC;QACvC,cAAc,EAAE;uDACA;IAKjB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,2BAA2B,CAAC;QACxC,cAAc,EAAE;wDACC;IAKlB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,yBAAyB,CAAC;QACtC,cAAc,EAAE;sDACF;IAIf;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;mDACI;IASrB;QADC,WAAW,CAAC,wCAAwC,CAAC;kEAGrD;IAGD;QADC,WAAW,CAAC,sCAAsC,CAAC;gEAGnD;IAGD;QADC,WAAW,CAAC,8BAA8B,CAAC;sDAG3C;IA3CQ,iBAAiB;QAP7B,SAAS,CAAC;YACP,QAAQ,EAAE,8BAA8B;YACxC,IAAI,EAAE;gBACF,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,OAAO;aAChB;SACJ,CAAC;QA0BO,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;OAzB7B,iBAAiB,CA4C7B;IAAD,wBAAC;CA5CD;;ACTA;;IAYuC,qCAAiB;IAAxD;;KAA2D;IAA9C,iBAAiB;QAX7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,QAAQ,EAAE,2CAET;YACD,IAAI,EAAE;gBACF,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,OAAO;aAChB;SACJ,CAAC;OACW,iBAAiB,CAA6B;IAAD,wBAAC;CAAA,CAApB,iBAAiB;;;ICHxD;KAA8B;IAAjB,cAAc;QAN1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,eAAe,EAAE,CAAC,uBAAuB,CAAC;YAC1C,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC;YAC7E,OAAO,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC;SAC3E,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACbA;;;;;;"}

package/fesm5/taiga-ui-core-components-hints-host.js

@@ -32,12 +32,12 @@ var TuiHintsHostComponent = /** @class */ (function () {
     ]; };
     TuiHintsHostComponent = __decorate([
         Component({
-            selector: "tui-hints-host",
+            selector: 'tui-hints-host',
             template: "<div\n    *ngFor=\"let hint of hints$ | async\"\n    role=\"tooltip\"\n    polymorpheus-outlet\n    @tuiParentAnimation\n    [attr.id]=\"hint.id\"\n    [content]=\"hint.component || component\"\n    [context]=\"{$implicit: hint}\"\n    [tuiActiveZoneParent]=\"hint.activeZone\"\n></div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             animations: [TUI_PARENT_ANIMATION],
             host: {
-                'aria-live': "polite",
+                'aria-live': 'polite',
             },
             styles: [":host{position:fixed;bottom:0;left:0;width:100%;height:0}"]
         }),
@@ -55,24 +55,24 @@ var ARROW_SIZE = 8;
 var ARROW_OFFSET = 16;
 var ARROWHEAD_OFFSET = ARROW_OFFSET + (ARROW_SIZE * Math.sqrt(2)) / 2;
 var reverseDirectionsVertical = {
-    'top-left': "bottom-left",
-    'top-right': "bottom-right",
-    'bottom-left': "top-left",
-    'bottom-right': "top-right",
-    left: "right",
-    right: "left",
-    'top-middle': "bottom-middle",
-    'bottom-middle': "top-middle",
+    'top-left': 'bottom-left',
+    'top-right': 'bottom-right',
+    'bottom-left': 'top-left',
+    'bottom-right': 'top-right',
+    left: 'right',
+    right: 'left',
+    'top-middle': 'bottom-middle',
+    'bottom-middle': 'top-middle',
 };
 var reverseDirectionsHorizontal = {
-    'top-left': "top-right",
-    'top-right': "top-left",
-    'bottom-left': "bottom-right",
-    'bottom-right': "bottom-left",
-    left: "right",
-    right: "left",
-    'top-middle': "top-middle",
-    'bottom-middle': "bottom-middle",
+    'top-left': 'top-right',
+    'top-right': 'top-left',
+    'bottom-left': 'bottom-right',
+    'bottom-right': 'bottom-left',
+    left: 'right',
+    right: 'left',
+    'top-middle': 'top-middle',
+    'bottom-middle': 'bottom-middle',
 };
 // TODO: consider abstracting UI and move to CDK, split hint and overflow
 // Ambient type cannot be used without dynamic https://github.com/angular/angular/issues/23395
@@ -86,7 +86,7 @@ var TuiHintBoxComponent = /** @class */ (function () {
         this.media = media;
         this.hintsHost = hintsHost;
         this.context = context;
-        this.animation = __assign({ value: "" }, this.options);
+        this.animation = __assign({ value: '' }, this.options);
         animationFrame$
             .pipe(tuiZonefree(ngZone), takeUntil(destroy$))
             .subscribe(function () { return _this.calculatePosition(); });
@@ -129,7 +129,7 @@ var TuiHintBoxComponent = /** @class */ (function () {
      * Styles are set directly to avoid visual shake of element
      */
     TuiHintBoxComponent.prototype.calculatePosition = function () {
-        if (this.mode !== "overflow") {
+        if (this.mode !== 'overflow') {
             this.calculateCoordinates();
         }
         else {
@@ -148,14 +148,14 @@ var TuiHintBoxComponent = /** @class */ (function () {
         var tooltipRect = tooltip.getBoundingClientRect();
         var isHostLong = hostRect.width > ARROWHEAD_OFFSET * 2;
         var directions = [
-            "left",
-            "right",
-            "bottom-left",
-            "bottom-right",
-            "bottom-middle",
-            "top-left",
-            "top-right",
-            "top-middle",
+            'left',
+            'right',
+            'bottom-left',
+            'bottom-right',
+            'bottom-middle',
+            'top-left',
+            'top-right',
+            'top-middle',
         ];
         var top = 0;
         var left = 0;
@@ -180,35 +180,35 @@ var TuiHintBoxComponent = /** @class */ (function () {
         // eslint-disable-next-line no-constant-condition
         while (true) {
             switch (direction) {
-                case "left":
+                case 'left':
                     top = horizontalTop;
                     left = horizontalLeft;
                     break;
-                case "right":
+                case 'right':
                     top = horizontalTop;
                     left = horizontalRight;
                     break;
-                case "top-right":
+                case 'top-right':
                     top = verticalTop;
                     left = verticalRight;
                     break;
-                case "top-left":
+                case 'top-left':
                     top = verticalTop;
                     left = verticalLeft;
                     break;
-                case "bottom-right":
+                case 'bottom-right':
                     top = verticalBottom;
                     left = verticalRight;
                     break;
-                case "bottom-left":
+                case 'bottom-left':
                     top = verticalBottom;
                     left = verticalLeft;
                     break;
-                case "bottom-middle":
+                case 'bottom-middle':
                     top = verticalBottom;
                     left = verticalMiddle;
                     break;
-                case "top-middle":
+                case 'top-middle':
                     top = verticalTop;
                     left = verticalMiddle;
                     break;
@@ -229,7 +229,7 @@ var TuiHintBoxComponent = /** @class */ (function () {
         }
         style.top = px(top);
         style.left = px(left);
-        tooltip.setAttribute("data-tui-host-direction", direction);
+        tooltip.setAttribute('data-tui-host-direction', direction);
     };
     TuiHintBoxComponent.prototype.calculateMobileCoordinates = function () {
         var hostRect = this.hint.getElementClientRect();
@@ -243,21 +243,21 @@ var TuiHintBoxComponent = /** @class */ (function () {
             hostRect.top < this.windowRef.innerHeight;
         var verticalBottomFit = hostRect.bottom > 0 &&
             hostRect.bottom + 2 * SPACE + tooltipRect.height < this.windowRef.innerHeight;
-        var direction = (this.hint.direction.includes("top") && verticalTopFit) || !verticalBottomFit
-            ? "top"
-            : "bottom";
+        var direction = (this.hint.direction.includes('top') && verticalTopFit) || !verticalBottomFit
+            ? 'top'
+            : 'bottom';
         var attemptedLeft = portalRect.left + hostRect.left + hostRect.width / 2 - tooltipRect.width / 2;
         var left = Math.max(attemptedLeft + tooltipRect.width + SPACE > portalRect.right
             ? portalRect.right - SPACE - tooltipRect.width
             : attemptedLeft, SPACE * 2);
         style.left = px(left);
-        style.top = direction === "top" ? px(verticalTop) : px(verticalBottom);
+        style.top = direction === 'top' ? px(verticalTop) : px(verticalBottom);
         if (this.arrow) {
             this.arrow.nativeElement.style.left = px(hostRect.left <= SPACE * 2 && hostRect.width > ARROW_OFFSET * 2
                 ? ARROW_OFFSET
                 : hostRect.left + hostRect.width / 2 - left - ARROW_SIZE / 2);
         }
-        tooltip.setAttribute("data-tui-host-direction", direction);
+        tooltip.setAttribute('data-tui-host-direction', direction);
     };
     TuiHintBoxComponent.prototype.setOverflowStyles = function () {
         var hostRect = this.hint.getElementClientRect();
@@ -278,21 +278,21 @@ var TuiHintBoxComponent = /** @class */ (function () {
         { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] }
     ]; };
     __decorate([
-        ViewChild("arrow")
+        ViewChild('arrow')
     ], TuiHintBoxComponent.prototype, "arrow", void 0);
     __decorate([
-        HostBinding("@tuiFadeIn")
+        HostBinding('@tuiFadeIn')
     ], TuiHintBoxComponent.prototype, "animation", void 0);
     __decorate([
         tuiPure,
-        HostBinding("class._untouchable")
+        HostBinding('class._untouchable')
     ], TuiHintBoxComponent.prototype, "isUntouchable", null);
     __decorate([
-        HostBinding("attr.data-mode")
+        HostBinding('attr.data-mode')
     ], TuiHintBoxComponent.prototype, "mode", null);
     TuiHintBoxComponent = __decorate([
         Component({
-            selector: "tui-hint-box[hint]",
+            selector: 'tui-hint-box[hint]',
             template: "<!-- @bad TODO: Refactor to use this arrow in all cases -->\n<div\n    *ngIf=\"isMobile && mode !== 'overflow'\"\n    #arrow\n    class=\"t-arrow\"\n></div>\n<div\n    automation-id=\"tui-hint-box__tooltip\"\n    polymorpheus-outlet\n    class=\"t-tooltip\"\n    [content]=\"hint.content\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n>\n    <ng-template let-text>\n        <span class=\"t-text\">{{ text }}</span>\n    </ng-template>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [TuiDestroyService],