@taiga-ui/core 2.75.0 → 2.76.0

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

@@ -14,10 +14,10 @@ let TuiErrorComponent = class TuiErrorComponent {
         this.mode$ = mode$;
         this.defaultErrorMessage$ = defaultErrorMessage$;
         this.error = null;
-        this.animation = Object.assign({ value: `` }, this.options);
+        this.animation = Object.assign({ value: '' }, this.options);
     }
     set errorSetter(error) {
-        this.error = typeof error === `string` ? new TuiValidationError(error) : error;
+        this.error = typeof error === 'string' ? new TuiValidationError(error) : error;
     }
 };
 TuiErrorComponent.ctorParameters = () => [
@@ -26,12 +26,12 @@ TuiErrorComponent.ctorParameters = () => [
     { 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/fesm2015/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":";;;;;;;;;;IAqBa,iBAAiB,GAA9B,MAAa,iBAAiB;IAW1B,YACoD,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,gBAAC,KAAK,EAAE,EAAE,IAAK,IAAI,CAAC,OAAO,CAAU,CAAC;KAOvD;IAbJ,IAAI,WAAW,CAAC,KAAyC;QACrD,IAAI,CAAC,KAAK,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;KAClF;EAYJ;;4CALQ,MAAM,SAAC,qBAAqB;YACK,UAAU,uBAA3C,MAAM,SAAC,QAAQ;YAEe,UAAU,uBADxC,MAAM,SAAC,yBAAyB;;AAXrC;IAFC,KAAK,CAAC,OAAO,CAAC;IACd,cAAc,EAAE;oDAGhB;AALQ,iBAAiB;IAR7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,mYAAoC;QAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;QAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,UAAU,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC;;KAC7C,CAAC;IAaO,WAAA,MAAM,CAAC,qBAAqB,CAAC,CAAA;IAC7B,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;GAd7B,iBAAiB,CAiB7B;;IC3BY,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAL1B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC;QAC3C,YAAY,EAAE,CAAC,iBAAiB,CAAC;QACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;KAC/B,CAAC;GACW,cAAc,CAAG;;ACX9B;;;;;;"}
+{"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":";;;;;;;;;;IAqBa,iBAAiB,GAA9B,MAAa,iBAAiB;IAW1B,YACoD,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,gBAAC,KAAK,EAAE,EAAE,IAAK,IAAI,CAAC,OAAO,CAAU,CAAC;KAOvD;IAbJ,IAAI,WAAW,CAAC,KAAyC;QACrD,IAAI,CAAC,KAAK,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;KAClF;EAYJ;;4CALQ,MAAM,SAAC,qBAAqB;YACK,UAAU,uBAA3C,MAAM,SAAC,QAAQ;YAEe,UAAU,uBADxC,MAAM,SAAC,yBAAyB;;AAXrC;IAFC,KAAK,CAAC,OAAO,CAAC;IACd,cAAc,EAAE;oDAGhB;AALQ,iBAAiB;IAR7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,mYAAoC;QAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;QAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,UAAU,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC;;KAC7C,CAAC;IAaO,WAAA,MAAM,CAAC,qBAAqB,CAAC,CAAA;IAC7B,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;GAd7B,iBAAiB,CAiB7B;;IC3BY,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAL1B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC;QAC3C,YAAY,EAAE,CAAC,iBAAiB,CAAC;QACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;KAC/B,CAAC;GACW,cAAc,CAAG;;ACX9B;;;;;;"}

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

@@ -10,7 +10,7 @@ let TuiExpandContentDirective = class TuiExpandContentDirective {
 };
 TuiExpandContentDirective = __decorate([
     Directive({
-        selector: `[tuiExpandContent]`,
+        selector: '[tuiExpandContent]',
     })
 ], TuiExpandContentDirective);
 
@@ -70,7 +70,7 @@ let TuiExpandComponent = class TuiExpandComponent {
     }
     onTransitionEnd(event) {
         if (isCurrentTarget(event) &&
-            event.propertyName === `opacity` &&
+            event.propertyName === 'opacity' &&
             this.state === State.Animated) {
             this.state = State.Idle;
         }
@@ -97,41 +97,41 @@ TuiExpandComponent.ctorParameters = () => [
     { 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/fesm2015/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/fesm2015/taiga-ui-core-components-group.js

@@ -7,7 +7,7 @@ let TuiGroupStylesComponent = class TuiGroupStylesComponent {
 };
 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}"]
     })
@@ -15,21 +15,21 @@ TuiGroupStylesComponent = __decorate([
 
 let TuiGroupDirective = class TuiGroupDirective {
     constructor(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);
     }
     get orientationHorizontal() {
-        return this.orientation === `horizontal`;
+        return this.orientation === 'horizontal';
     }
     get orientationVertical() {
-        return this.orientation === `vertical`;
+        return this.orientation === 'vertical';
     }
     get sizeLarge() {
-        return this.size === `l`;
+        return this.size === 'l';
     }
 };
 TuiGroupDirective.ctorParameters = () => [
@@ -41,17 +41,17 @@ __decorate([
 ], 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([
@@ -59,20 +59,20 @@ __decorate([
     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))
@@ -83,14 +83,14 @@ let TuiGroupComponent = class TuiGroupComponent extends TuiGroupDirective {
 };
 TuiGroupComponent = __decorate([
     Component({
-        selector: `tui-group`,
+        selector: 'tui-group',
         changeDetection: ChangeDetectionStrategy.OnPush,
         template: `
         <ng-content></ng-content>
     `,
         host: {
-            class: `tui-group`,
-            role: `group`,
+            class: 'tui-group',
+            role: 'group',
         }
     })
 ], TuiGroupComponent);

package/fesm2015/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,uBAAuB,GAApC,MAAa,uBAAuB;EAAG;AAA1B,uBAAuB;IALnC,SAAS,CAAC;QACP,QAAQ,EAAE,EAAE;QAEZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;;KACxC,CAAC;GACW,uBAAuB,CAAG;;ICM1B,iBAAiB,GAA9B,MAAa,iBAAiB;IAwB1B,YACuC,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,IAAI,qBAAqB;QACrB,OAAO,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;KAC5C;IAGD,IAAI,mBAAmB;QACnB,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC;KAC1C;IAGD,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;EACJ;;YAnB2D,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;;AAtBrC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDAC2B;AAK5C;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,0BAA0B,CAAC;IACvC,cAAc,EAAE;mDACA;AAKjB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,2BAA2B,CAAC;IACxC,cAAc,EAAE;oDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;kDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+CACI;AASrB;IADC,WAAW,CAAC,wCAAwC,CAAC;8DAGrD;AAGD;IADC,WAAW,CAAC,sCAAsC,CAAC;4DAGnD;AAGD;IADC,WAAW,CAAC,8BAA8B,CAAC;kDAG3C;AA3CQ,iBAAiB;IAP7B,SAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;QACxC,IAAI,EAAE;YACF,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;IA0BO,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;GAzB7B,iBAAiB,CA4C7B;;ACrDD;IAYa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,iBAAiB;EAAG;AAA9C,iBAAiB;IAX7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,QAAQ,EAAE;;KAET;QACD,IAAI,EAAE;YACF,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;GACW,iBAAiB,CAA6B;;ICH9C,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAN1B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,eAAe,EAAE,CAAC,uBAAuB,CAAC;QAC1C,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC;QAC7E,OAAO,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC;KAC3E,CAAC;GACW,cAAc,CAAG;;ACb9B;;;;;;"}
+{"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,uBAAuB,GAApC,MAAa,uBAAuB;EAAG;AAA1B,uBAAuB;IALnC,SAAS,CAAC;QACP,QAAQ,EAAE,EAAE;QAEZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;;KACxC,CAAC;GACW,uBAAuB,CAAG;;ICM1B,iBAAiB,GAA9B,MAAa,iBAAiB;IAwB1B,YACuC,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,IAAI,qBAAqB;QACrB,OAAO,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;KAC5C;IAGD,IAAI,mBAAmB;QACnB,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC;KAC1C;IAGD,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;EACJ;;YAnB2D,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;;AAtBrC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDAC2B;AAK5C;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,0BAA0B,CAAC;IACvC,cAAc,EAAE;mDACA;AAKjB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,2BAA2B,CAAC;IACxC,cAAc,EAAE;oDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;kDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+CACI;AASrB;IADC,WAAW,CAAC,wCAAwC,CAAC;8DAGrD;AAGD;IADC,WAAW,CAAC,sCAAsC,CAAC;4DAGnD;AAGD;IADC,WAAW,CAAC,8BAA8B,CAAC;kDAG3C;AA3CQ,iBAAiB;IAP7B,SAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;QACxC,IAAI,EAAE;YACF,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;IA0BO,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;GAzB7B,iBAAiB,CA4C7B;;ACrDD;IAYa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,iBAAiB;EAAG;AAA9C,iBAAiB;IAX7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,QAAQ,EAAE;;KAET;QACD,IAAI,EAAE;YACF,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;GACW,iBAAiB,CAA6B;;ICH9C,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAN1B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,eAAe,EAAE,CAAC,uBAAuB,CAAC;QAC1C,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC;QAC7E,OAAO,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC;KAC3E,CAAC;GACW,cAAc,CAAG;;ACb9B;;;;;;"}

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

@@ -29,12 +29,12 @@ TuiHintsHostComponent.ctorParameters = () => [
 ];
 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}"]
     }),
@@ -50,24 +50,24 @@ const ARROW_SIZE = 8;
 const ARROW_OFFSET = 16;
 const ARROWHEAD_OFFSET = ARROW_OFFSET + (ARROW_SIZE * Math.sqrt(2)) / 2;
 const 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',
 };
 const 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
@@ -80,7 +80,7 @@ let TuiHintBoxComponent = class TuiHintBoxComponent {
         this.media = media;
         this.hintsHost = hintsHost;
         this.context = context;
-        this.animation = Object.assign({ value: `` }, this.options);
+        this.animation = Object.assign({ value: '' }, this.options);
         animationFrame$
             .pipe(tuiZonefree(ngZone), takeUntil(destroy$))
             .subscribe(() => this.calculatePosition());
@@ -107,7 +107,7 @@ let TuiHintBoxComponent = class TuiHintBoxComponent {
      * Styles are set directly to avoid visual shake of element
      */
     calculatePosition() {
-        if (this.mode !== `overflow`) {
+        if (this.mode !== 'overflow') {
             this.calculateCoordinates();
         }
         else {
@@ -126,14 +126,14 @@ let TuiHintBoxComponent = class TuiHintBoxComponent {
         const tooltipRect = tooltip.getBoundingClientRect();
         const isHostLong = hostRect.width > ARROWHEAD_OFFSET * 2;
         const 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',
         ];
         let top = 0;
         let left = 0;
@@ -158,35 +158,35 @@ let TuiHintBoxComponent = class TuiHintBoxComponent {
         // 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;
@@ -207,7 +207,7 @@ let TuiHintBoxComponent = class TuiHintBoxComponent {
         }
         style.top = px(top);
         style.left = px(left);
-        tooltip.setAttribute(`data-tui-host-direction`, direction);
+        tooltip.setAttribute('data-tui-host-direction', direction);
     }
     calculateMobileCoordinates() {
         const hostRect = this.hint.getElementClientRect();
@@ -221,21 +221,21 @@ let TuiHintBoxComponent = class TuiHintBoxComponent {
             hostRect.top < this.windowRef.innerHeight;
         const verticalBottomFit = hostRect.bottom > 0 &&
             hostRect.bottom + 2 * SPACE + tooltipRect.height < this.windowRef.innerHeight;
-        const direction = (this.hint.direction.includes(`top`) && verticalTopFit) || !verticalBottomFit
-            ? `top`
-            : `bottom`;
+        const direction = (this.hint.direction.includes('top') && verticalTopFit) || !verticalBottomFit
+            ? 'top'
+            : 'bottom';
         const attemptedLeft = portalRect.left + hostRect.left + hostRect.width / 2 - tooltipRect.width / 2;
         const 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);
     }
     setOverflowStyles() {
         const hostRect = this.hint.getElementClientRect();
@@ -257,21 +257,21 @@ TuiHintBoxComponent.ctorParameters = () => [
     { 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],