@taiga-ui/kit 2.54.1 → 2.57.0

package/fesm2015/taiga-ui-kit-components-island.js

@@ -5,28 +5,28 @@ import { CommonModule } from '@angular/common';
 
 let TuiIslandComponent = class TuiIslandComponent {
     constructor() {
-        this.size = 'm';
-        this.textAlign = 'left';
+        this.size = `m`;
+        this.textAlign = `left`;
         this.hoverable = false;
         this.transparent = false;
     }
     get sizeS() {
-        return this.size === 's';
+        return this.size === `s`;
     }
     get sizeM() {
-        return this.size === 'm';
+        return this.size === `m`;
     }
     get sizeL() {
-        return this.size === 'l';
+        return this.size === `l`;
     }
     get textAlignLeft() {
-        return this.textAlign === 'left';
+        return this.textAlign === `left`;
     }
     get textAlignCenter() {
-        return this.textAlign === 'center';
+        return this.textAlign === `center`;
     }
     get textAlignRight() {
-        return this.textAlign === 'right';
+        return this.textAlign === `right`;
     }
 };
 __decorate([
@@ -39,39 +39,39 @@ __decorate([
 ], TuiIslandComponent.prototype, "textAlign", void 0);
 __decorate([
     Input(),
-    HostBinding('class.tui-island_hoverable'),
+    HostBinding(`class.tui-island_hoverable`),
     tuiDefaultProp()
 ], TuiIslandComponent.prototype, "hoverable", void 0);
 __decorate([
     Input(),
-    HostBinding('class.tui-island_transparent'),
+    HostBinding(`class.tui-island_transparent`),
     tuiDefaultProp()
 ], TuiIslandComponent.prototype, "transparent", void 0);
 __decorate([
-    HostBinding('class.tui-island_size_s')
+    HostBinding(`class.tui-island_size_s`)
 ], TuiIslandComponent.prototype, "sizeS", null);
 __decorate([
-    HostBinding('class.tui-island_size_m')
+    HostBinding(`class.tui-island_size_m`)
 ], TuiIslandComponent.prototype, "sizeM", null);
 __decorate([
-    HostBinding('class.tui-island_size_l')
+    HostBinding(`class.tui-island_size_l`)
 ], TuiIslandComponent.prototype, "sizeL", null);
 __decorate([
-    HostBinding('class.tui-island_text-align_left')
+    HostBinding(`class.tui-island_text-align_left`)
 ], TuiIslandComponent.prototype, "textAlignLeft", null);
 __decorate([
-    HostBinding('class.tui-island_text-align_center')
+    HostBinding(`class.tui-island_text-align_center`)
 ], TuiIslandComponent.prototype, "textAlignCenter", null);
 __decorate([
-    HostBinding('class.tui-island_text-align_right')
+    HostBinding(`class.tui-island_text-align_right`)
 ], TuiIslandComponent.prototype, "textAlignRight", null);
 TuiIslandComponent = __decorate([
     Component({
-        selector: 'tui-island, a[tuiIsland]',
+        selector: `tui-island, a[tuiIsland]`,
         changeDetection: ChangeDetectionStrategy.OnPush,
         template: "<ng-content></ng-content>\n",
         host: {
-            class: 'tui-island',
+            class: `tui-island`,
         },
         styles: [":host{display:block}"]
     })

package/fesm2015/taiga-ui-kit-components-island.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-island.js","sources":["ng://@taiga-ui/kit/components/island/island.component.ts","ng://@taiga-ui/kit/components/island/island.module.ts","ng://@taiga-ui/kit/components/island/taiga-ui-kit-components-island.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-island, a[tuiIsland]',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './island.template.html',\n    styleUrls: ['./island.style.less'],\n    host: {\n        class: 'tui-island',\n    },\n})\nexport class TuiIslandComponent {\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    textAlign: 'left' | 'right' | 'center' = 'left';\n\n    @Input()\n    @HostBinding('class.tui-island_hoverable')\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @HostBinding('class.tui-island_transparent')\n    @tuiDefaultProp()\n    transparent = false;\n\n    @HostBinding('class.tui-island_size_s')\n    get sizeS(): boolean {\n        return this.size === 's';\n    }\n\n    @HostBinding('class.tui-island_size_m')\n    get sizeM(): boolean {\n        return this.size === 'm';\n    }\n\n    @HostBinding('class.tui-island_size_l')\n    get sizeL(): boolean {\n        return this.size === 'l';\n    }\n\n    @HostBinding('class.tui-island_text-align_left')\n    get textAlignLeft(): boolean {\n        return this.textAlign === 'left';\n    }\n\n    @HostBinding('class.tui-island_text-align_center')\n    get textAlignCenter(): boolean {\n        return this.textAlign === 'center';\n    }\n\n    @HostBinding('class.tui-island_text-align_right')\n    get textAlignRight(): boolean {\n        return this.textAlign === 'right';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiIslandComponent} from './island.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiIslandComponent],\n    exports: [TuiIslandComponent],\n})\nexport class TuiIslandModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAaa,kBAAkB,GAA/B,MAAa,kBAAkB;IAA/B;QAGI,SAAI,GAAwB,GAAG,CAAC;QAIhC,cAAS,GAAgC,MAAM,CAAC;QAKhD,cAAS,GAAG,KAAK,CAAC;QAKlB,gBAAW,GAAG,KAAK,CAAC;KA+BvB;IA5BG,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;KACpC;IAGD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;KACtC;IAGD,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC;KACrC;EACJ;AA7CG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDAC+B;AAKhD;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,4BAA4B,CAAC;IACzC,cAAc,EAAE;qDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,8BAA8B,CAAC;IAC3C,cAAc,EAAE;uDACG;AAGpB;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,kCAAkC,CAAC;uDAG/C;AAGD;IADC,WAAW,CAAC,oCAAoC,CAAC;yDAGjD;AAGD;IADC,WAAW,CAAC,mCAAmC,CAAC;wDAGhD;AA/CQ,kBAAkB;IAT9B,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,uCAAqC;QAErC,IAAI,EAAE;YACF,KAAK,EAAE,YAAY;SACtB;;KACJ,CAAC;GACW,kBAAkB,CAgD9B;;ICnDY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAL3B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACV/B;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-island.js","sources":["ng://@taiga-ui/kit/components/island/island.component.ts","ng://@taiga-ui/kit/components/island/island.module.ts","ng://@taiga-ui/kit/components/island/taiga-ui-kit-components-island.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: `tui-island, a[tuiIsland]`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./island.template.html`,\n    styleUrls: [`./island.style.less`],\n    host: {\n        class: `tui-island`,\n    },\n})\nexport class TuiIslandComponent {\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL | TuiSizeS = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    textAlign: 'left' | 'right' | 'center' = `left`;\n\n    @Input()\n    @HostBinding(`class.tui-island_hoverable`)\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @HostBinding(`class.tui-island_transparent`)\n    @tuiDefaultProp()\n    transparent = false;\n\n    @HostBinding(`class.tui-island_size_s`)\n    get sizeS(): boolean {\n        return this.size === `s`;\n    }\n\n    @HostBinding(`class.tui-island_size_m`)\n    get sizeM(): boolean {\n        return this.size === `m`;\n    }\n\n    @HostBinding(`class.tui-island_size_l`)\n    get sizeL(): boolean {\n        return this.size === `l`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_left`)\n    get textAlignLeft(): boolean {\n        return this.textAlign === `left`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_center`)\n    get textAlignCenter(): boolean {\n        return this.textAlign === `center`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_right`)\n    get textAlignRight(): boolean {\n        return this.textAlign === `right`;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiIslandComponent} from './island.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiIslandComponent],\n    exports: [TuiIslandComponent],\n})\nexport class TuiIslandModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAaa,kBAAkB,GAA/B,MAAa,kBAAkB;IAA/B;QAGI,SAAI,GAAwB,GAAG,CAAC;QAIhC,cAAS,GAAgC,MAAM,CAAC;QAKhD,cAAS,GAAG,KAAK,CAAC;QAKlB,gBAAW,GAAG,KAAK,CAAC;KA+BvB;IA5BG,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;KACpC;IAGD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;KACtC;IAGD,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC;KACrC;EACJ;AA7CG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDAC+B;AAKhD;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,4BAA4B,CAAC;IACzC,cAAc,EAAE;qDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,8BAA8B,CAAC;IAC3C,cAAc,EAAE;uDACG;AAGpB;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,kCAAkC,CAAC;uDAG/C;AAGD;IADC,WAAW,CAAC,oCAAoC,CAAC;yDAGjD;AAGD;IADC,WAAW,CAAC,mCAAmC,CAAC;wDAGhD;AA/CQ,kBAAkB;IAT9B,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,uCAAqC;QAErC,IAAI,EAAE;YACF,KAAK,EAAE,YAAY;SACtB;;KACJ,CAAC;GACW,kBAAkB,CAgD9B;;ICnDY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAL3B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACV/B;;;;;;"}

package/fesm2015/taiga-ui-kit-components-line-clamp.js

@@ -1,6 +1,6 @@
 import { __decorate, __param } from 'tslib';
 import { InjectionToken, ElementRef, Inject, Renderer2, ChangeDetectorRef, NgZone, ViewChild, Input, Output, HostBinding, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { typedFromEvent, isCurrentTarget, tuiDefaultProp, tuiPure, TuiResizeModule } from '@taiga-ui/cdk';
+import { typedFromEvent, isCurrentTarget, tuiDefaultProp, tuiPure, TuiResizeModule, TuiLetModule } from '@taiga-ui/cdk';
 import { PolymorpheusOutletComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { BehaviorSubject, Subject, of } from 'rxjs';
 import { distinctUntilChanged, startWith, pairwise, switchMap, filter, mapTo } from 'rxjs/operators';
@@ -10,7 +10,7 @@ import { TuiHintModule } from '@taiga-ui/core';
 const TUI_LINE_CLAMP_DEFAULT_OPTIONS = {
     showHint: true,
 };
-const TUI_LINE_CLAMP_OPTIONS = new InjectionToken('Default parameters for line-clamp component', {
+const TUI_LINE_CLAMP_OPTIONS = new InjectionToken(`Default parameters for line-clamp component`, {
     factory: () => TUI_LINE_CLAMP_DEFAULT_OPTIONS,
 });
 const tuiLineClampOptionsProvider = (options) => ({
@@ -29,7 +29,7 @@ let TuiLineClampComponent = class TuiLineClampComponent {
         this.isOverflown$ = new Subject();
         this.initialized = false;
         this.lineHeight = 24;
-        this.content = '';
+        this.content = ``;
         this.overflownChange = this.isOverflown$.pipe(distinctUntilChanged());
         this.skipInitialTransition();
     }
@@ -39,7 +39,7 @@ let TuiLineClampComponent = class TuiLineClampComponent {
     get lineClamp$() {
         return this.linesLimit$.pipe(startWith(1), pairwise(), switchMap(([prev, next]) => next >= prev
             ? of(next)
-            : typedFromEvent(this.elementRef.nativeElement, 'transitionend').pipe(filter(isCurrentTarget), mapTo(next))));
+            : typedFromEvent(this.elementRef.nativeElement, `transitionend`).pipe(filter(isCurrentTarget), mapTo(next))));
     }
     get overflown() {
         if (!this.outlet) {
@@ -51,7 +51,7 @@ let TuiLineClampComponent = class TuiLineClampComponent {
         return scrollHeight - clientHeight > 4 || scrollWidth - clientWidth > 0;
     }
     get computedContent() {
-        return this.options.showHint && this.overflown ? this.content : '';
+        return this.options.showHint && this.overflown ? this.content : ``;
     }
     get maxHeight() {
         return this.initialized ? this.lineHeight * this.linesLimit$.value : null;
@@ -71,7 +71,7 @@ let TuiLineClampComponent = class TuiLineClampComponent {
     skipInitialTransition() {
         this.ngZone.runOutsideAngular(() => {
             setTimeout(() => {
-                this.renderer.addClass(this.elementRef.nativeElement, '_initialized');
+                this.renderer.addClass(this.elementRef.nativeElement, `_initialized`);
                 this.cd.detectChanges();
             });
         });
@@ -106,20 +106,20 @@ __decorate([
     tuiPure
 ], TuiLineClampComponent.prototype, "lineClamp$", null);
 __decorate([
-    HostBinding('style.maxHeight.px')
+    HostBinding(`style.maxHeight.px`)
 ], TuiLineClampComponent.prototype, "maxHeight", null);
 __decorate([
-    HostBinding('style.height.px')
+    HostBinding(`style.height.px`)
 ], TuiLineClampComponent.prototype, "height", null);
 __decorate([
-    HostListener('transitionend')
+    HostListener(`transitionend`)
 ], TuiLineClampComponent.prototype, "updateView", null);
 TuiLineClampComponent = __decorate([
     Component({
-        selector: 'tui-line-clamp',
-        template: "<div\n    polymorpheus-outlet\n    tuiHintId=\"unnecessary\"\n    tuiHintMode=\"overflow\"\n    class=\"wrapper\"\n    [tuiHint]=\"computedContent\"\n    [style.-webkit-line-clamp]=\"lineClamp$ | async\"\n    [content]=\"content\"\n    (tuiResize)=\"updateView()\"\n></div>\n",
+        selector: `tui-line-clamp`,
+        template: "<div\n    *tuiLet=\"lineClamp$ | async as lineClamp\"\n    polymorpheus-outlet\n    tuiHintId=\"unnecessary\"\n    tuiHintMode=\"overflow\"\n    class=\"t-wrapper\"\n    [tuiHint]=\"computedContent\"\n    [content]=\"content\"\n    [style.-webkit-line-clamp]=\"lineClamp\"\n    [style.word-break]=\"lineClamp > 1 ? 'break-word' : 'break-all'\"\n    (tuiResize)=\"updateView()\"\n></div>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{position:relative;display:block;overflow:hidden}:host._initialized{transition-property:max-height;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.wrapper{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}"]
+        styles: [":host{position:relative;display:block;overflow:hidden}:host._initialized{transition-property:max-height;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-wrapper{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}"]
     }),
     __param(0, Inject(ElementRef)),
     __param(1, Inject(Renderer2)),
@@ -132,7 +132,13 @@ let TuiLineClampModule = class TuiLineClampModule {
 };
 TuiLineClampModule = __decorate([
     NgModule({
-        imports: [CommonModule, PolymorpheusModule, TuiHintModule, TuiResizeModule],
+        imports: [
+            CommonModule,
+            PolymorpheusModule,
+            TuiHintModule,
+            TuiResizeModule,
+            TuiLetModule,
+        ],
         declarations: [TuiLineClampComponent],
         exports: [TuiLineClampComponent],
     })

package/fesm2015/taiga-ui-kit-components-line-clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-line-clamp.js","sources":["ng://@taiga-ui/kit/components/line-clamp/line-clamp-options.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.component.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.module.ts","ng://@taiga-ui/kit/components/line-clamp/taiga-ui-kit-components-line-clamp.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\n\nexport interface TuiLineClampOptions {\n    readonly showHint: boolean;\n}\n\nexport const TUI_LINE_CLAMP_DEFAULT_OPTIONS: TuiLineClampOptions = {\n    showHint: true,\n};\n\nexport const TUI_LINE_CLAMP_OPTIONS = new InjectionToken<TuiLineClampOptions>(\n    'Default parameters for line-clamp component',\n    {\n        factory: () => TUI_LINE_CLAMP_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiLineClampOptionsProvider: (\n    options: Partial<TuiLineClampOptions>,\n) => ValueProvider = (options: Partial<TuiLineClampOptions>) => ({\n    provide: TUI_LINE_CLAMP_OPTIONS,\n    useValue: {...TUI_LINE_CLAMP_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    NgZone,\n    Output,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {isCurrentTarget, tuiDefaultProp, tuiPure, typedFromEvent} from '@taiga-ui/cdk';\nimport {PolymorpheusContent, PolymorpheusOutletComponent} from '@tinkoff/ng-polymorpheus';\nimport {BehaviorSubject, Observable, of, Subject} from 'rxjs';\nimport {\n    distinctUntilChanged,\n    filter,\n    mapTo,\n    pairwise,\n    startWith,\n    switchMap,\n} from 'rxjs/operators';\n\nimport {TUI_LINE_CLAMP_OPTIONS, TuiLineClampOptions} from './line-clamp-options';\n\n@Component({\n    selector: 'tui-line-clamp',\n    templateUrl: './line-clamp.template.html',\n    styleUrls: ['./line-clamp.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLineClampComponent implements AfterViewInit, DoCheck {\n    @ViewChild(PolymorpheusOutletComponent, {read: ElementRef})\n    private readonly outlet?: ElementRef<HTMLElement>;\n\n    private readonly linesLimit$ = new BehaviorSubject(1);\n    private readonly isOverflown$ = new Subject<boolean>();\n    private initialized = false;\n\n    @Input()\n    @tuiDefaultProp()\n    set linesLimit(linesLimit: number) {\n        this.linesLimit$.next(linesLimit);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    lineHeight = 24;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent = '';\n\n    @Output()\n    readonly overflownChange: Observable<boolean> = this.isOverflown$.pipe(\n        distinctUntilChanged(),\n    );\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(ChangeDetectorRef) private readonly cd: ChangeDetectorRef,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n        @Inject(TUI_LINE_CLAMP_OPTIONS) private readonly options: TuiLineClampOptions,\n    ) {\n        this.skipInitialTransition();\n    }\n\n    @tuiPure\n    get lineClamp$(): Observable<number> {\n        return this.linesLimit$.pipe(\n            startWith(1),\n            pairwise(),\n            switchMap(([prev, next]) =>\n                next >= prev\n                    ? of(next)\n                    : typedFromEvent(this.elementRef.nativeElement, 'transitionend').pipe(\n                          filter(isCurrentTarget),\n                          mapTo(next),\n                      ),\n            ),\n        );\n    }\n\n    get overflown(): boolean {\n        if (!this.outlet) {\n            return false;\n        }\n\n        const {scrollHeight, scrollWidth} = this.outlet.nativeElement;\n        const {clientHeight, clientWidth} = this.elementRef.nativeElement;\n\n        // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n        return scrollHeight - clientHeight > 4 || scrollWidth - clientWidth > 0;\n    }\n\n    get computedContent(): PolymorpheusContent {\n        return this.options.showHint && this.overflown ? this.content : '';\n    }\n\n    @HostBinding('style.maxHeight.px')\n    get maxHeight(): number | null {\n        return this.initialized ? this.lineHeight * this.linesLimit$.value : null;\n    }\n\n    @HostBinding('style.height.px')\n    get height(): number | null {\n        return !this.outlet ? 0 : this.outlet.nativeElement.scrollHeight + 4 || null;\n    }\n\n    @HostListener('transitionend')\n    updateView(): void {\n        this.cd.detectChanges();\n    }\n\n    ngAfterViewInit(): void {\n        this.initialized = true;\n    }\n\n    ngDoCheck(): void {\n        this.isOverflown$.next(this.overflown);\n    }\n\n    private skipInitialTransition(): void {\n        this.ngZone.runOutsideAngular(() => {\n            setTimeout(() => {\n                this.renderer.addClass(this.elementRef.nativeElement, '_initialized');\n                this.cd.detectChanges();\n            });\n        });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\nimport {TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiHintModule, TuiResizeModule],\n    declarations: [TuiLineClampComponent],\n    exports: [TuiLineClampComponent],\n})\nexport class TuiLineClampModule {}\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-kit-components-line-clamp.js","sources":["ng://@taiga-ui/kit/components/line-clamp/line-clamp-options.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.component.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.module.ts","ng://@taiga-ui/kit/components/line-clamp/taiga-ui-kit-components-line-clamp.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\n\nexport interface TuiLineClampOptions {\n    readonly showHint: boolean;\n}\n\nexport const TUI_LINE_CLAMP_DEFAULT_OPTIONS: TuiLineClampOptions = {\n    showHint: true,\n};\n\nexport const TUI_LINE_CLAMP_OPTIONS = new InjectionToken<TuiLineClampOptions>(\n    `Default parameters for line-clamp component`,\n    {\n        factory: () => TUI_LINE_CLAMP_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiLineClampOptionsProvider: (\n    options: Partial<TuiLineClampOptions>,\n) => ValueProvider = (options: Partial<TuiLineClampOptions>) => ({\n    provide: TUI_LINE_CLAMP_OPTIONS,\n    useValue: {...TUI_LINE_CLAMP_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    NgZone,\n    Output,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {isCurrentTarget, tuiDefaultProp, tuiPure, typedFromEvent} from '@taiga-ui/cdk';\nimport {PolymorpheusContent, PolymorpheusOutletComponent} from '@tinkoff/ng-polymorpheus';\nimport {BehaviorSubject, Observable, of, Subject} from 'rxjs';\nimport {\n    distinctUntilChanged,\n    filter,\n    mapTo,\n    pairwise,\n    startWith,\n    switchMap,\n} from 'rxjs/operators';\n\nimport {TUI_LINE_CLAMP_OPTIONS, TuiLineClampOptions} from './line-clamp-options';\n\n@Component({\n    selector: `tui-line-clamp`,\n    templateUrl: `./line-clamp.template.html`,\n    styleUrls: [`./line-clamp.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLineClampComponent implements AfterViewInit, DoCheck {\n    @ViewChild(PolymorpheusOutletComponent, {read: ElementRef})\n    private readonly outlet?: ElementRef<HTMLElement>;\n\n    private readonly linesLimit$ = new BehaviorSubject(1);\n    private readonly isOverflown$ = new Subject<boolean>();\n    private initialized = false;\n\n    @Input()\n    @tuiDefaultProp()\n    set linesLimit(linesLimit: number) {\n        this.linesLimit$.next(linesLimit);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    lineHeight = 24;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent = ``;\n\n    @Output()\n    readonly overflownChange: Observable<boolean> = this.isOverflown$.pipe(\n        distinctUntilChanged(),\n    );\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(ChangeDetectorRef) private readonly cd: ChangeDetectorRef,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n        @Inject(TUI_LINE_CLAMP_OPTIONS) private readonly options: TuiLineClampOptions,\n    ) {\n        this.skipInitialTransition();\n    }\n\n    @tuiPure\n    get lineClamp$(): Observable<number> {\n        return this.linesLimit$.pipe(\n            startWith(1),\n            pairwise(),\n            switchMap(([prev, next]) =>\n                next >= prev\n                    ? of(next)\n                    : typedFromEvent(this.elementRef.nativeElement, `transitionend`).pipe(\n                          filter(isCurrentTarget),\n                          mapTo(next),\n                      ),\n            ),\n        );\n    }\n\n    get overflown(): boolean {\n        if (!this.outlet) {\n            return false;\n        }\n\n        const {scrollHeight, scrollWidth} = this.outlet.nativeElement;\n        const {clientHeight, clientWidth} = this.elementRef.nativeElement;\n\n        // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n        return scrollHeight - clientHeight > 4 || scrollWidth - clientWidth > 0;\n    }\n\n    get computedContent(): PolymorpheusContent {\n        return this.options.showHint && this.overflown ? this.content : ``;\n    }\n\n    @HostBinding(`style.maxHeight.px`)\n    get maxHeight(): number | null {\n        return this.initialized ? this.lineHeight * this.linesLimit$.value : null;\n    }\n\n    @HostBinding(`style.height.px`)\n    get height(): number | null {\n        return !this.outlet ? 0 : this.outlet.nativeElement.scrollHeight + 4 || null;\n    }\n\n    @HostListener(`transitionend`)\n    updateView(): void {\n        this.cd.detectChanges();\n    }\n\n    ngAfterViewInit(): void {\n        this.initialized = true;\n    }\n\n    ngDoCheck(): void {\n        this.isOverflown$.next(this.overflown);\n    }\n\n    private skipInitialTransition(): void {\n        this.ngZone.runOutsideAngular(() => {\n            setTimeout(() => {\n                this.renderer.addClass(this.elementRef.nativeElement, `_initialized`);\n                this.cd.detectChanges();\n            });\n        });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLetModule, TuiResizeModule} from '@taiga-ui/cdk';\nimport {TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiHintModule,\n        TuiResizeModule,\n        TuiLetModule,\n    ],\n    declarations: [TuiLineClampComponent],\n    exports: [TuiLineClampComponent],\n})\nexport class TuiLineClampModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-marker-icon.js

@@ -9,8 +9,8 @@ let TuiMarkerIconComponent = class TuiMarkerIconComponent {
     constructor(mode$) {
         this.mode$ = mode$;
         this.mode = null;
-        this.size = 'm';
-        this.src = '';
+        this.size = `m`;
+        this.src = ``;
     }
 };
 TuiMarkerIconComponent.ctorParameters = () => [
@@ -18,12 +18,12 @@ TuiMarkerIconComponent.ctorParameters = () => [
 ];
 __decorate([
     Input(),
-    HostBinding('attr.data-marker-mode'),
+    HostBinding(`attr.data-marker-mode`),
     tuiDefaultProp()
 ], TuiMarkerIconComponent.prototype, "mode", void 0);
 __decorate([
     Input(),
-    HostBinding('attr.data-size'),
+    HostBinding(`attr.data-size`),
     tuiDefaultProp()
 ], TuiMarkerIconComponent.prototype, "size", void 0);
 __decorate([
@@ -32,12 +32,12 @@ __decorate([
 ], TuiMarkerIconComponent.prototype, "src", void 0);
 TuiMarkerIconComponent = __decorate([
     Component({
-        selector: 'tui-marker-icon',
+        selector: `tui-marker-icon`,
         template: "<tui-svg\n    class=\"icon\"\n    [src]=\"src\"\n></tui-svg>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [TuiDestroyService, MODE_PROVIDER],
         host: {
-            '($.data-mode.attr)': 'mode$',
+            '($.data-mode.attr)': `mode$`,
         },
         styles: [":host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}:host[data-size=xs]{width:2rem;height:2rem}:host[data-size='s']{width:3rem;height:3rem}:host[data-size='m']{width:4rem;height:4rem}:host[data-size='l']{width:6rem;height:6rem}:host[data-size=xl]{width:8rem;height:8rem}:host[data-mode=onDark]:not([data-marker-mode]){color:var(--tui-base-01);background-color:var(--tui-clear-inverse)}:host[data-marker-mode=primary]{color:var(--tui-primary-text);background-color:var(--tui-primary)}:host[data-marker-mode=white]{color:var(--tui-text-03);background-color:var(--tui-base-01)}:host[data-marker-mode=warning]{color:var(--tui-warning-fill);background-color:var(--tui-warning-bg)}:host[data-marker-mode=secondary]{color:var(--tui-base-01);background-color:var(--tui-info-fill)}:host[data-marker-mode=error]{color:var(--tui-error-fill);background-color:var(--tui-error-bg)}:host[data-marker-mode=success]{color:var(--tui-success-fill);background-color:var(--tui-success-bg)}:host[data-marker-mode=link]{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;color:var(--tui-link);background-color:var(--tui-secondary)}:host[data-marker-mode=link]:hover{color:var(--tui-link-hover);background-color:var(--tui-secondary-hover)}:host[data-marker-mode=link]:active{color:var(--tui-link-hover);background-color:var(--tui-secondary-active)}.icon{width:3rem;height:3rem}:host[data-size=xs] .icon{transform:scale(.667)}:host[data-size='m'] .icon{transform:scale(1.333)}:host[data-size='l'] .icon{transform:scale(2)}:host[data-size=xl] .icon{transform:scale(2.667)}"]
     }),

package/fesm2015/taiga-ui-kit-components-marker-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-marker-icon.js","sources":["ng://@taiga-ui/kit/components/marker-icon/marker-icon.component.ts","ng://@taiga-ui/kit/components/marker-icon/marker-icon.module.ts","ng://@taiga-ui/kit/components/marker-icon/taiga-ui-kit-components-marker-icon.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiDestroyService} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeXL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiMarkerIconModeT} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: 'tui-marker-icon',\n    templateUrl: './marker-icon.template.html',\n    styleUrls: ['./marker-icon.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService, MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiMarkerIconComponent {\n    @Input()\n    @HostBinding('attr.data-marker-mode')\n    @tuiDefaultProp()\n    mode: TuiMarkerIconModeT | null = null;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    src = '';\n\n    constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiMarkerIconComponent} from './marker-icon.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiMarkerIconComponent],\n    exports: [TuiMarkerIconComponent],\n})\nexport class TuiMarkerIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IA4Ba,sBAAsB,GAAnC,MAAa,sBAAsB;IAe/B,YAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAX9E,SAAI,GAA8B,IAAI,CAAC;QAKvC,SAAI,GAA0B,GAAG,CAAC;QAIlC,QAAG,GAAG,EAAE,CAAC;KAEyE;EACrF;;YADiD,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;AAX5B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,uBAAuB,CAAC;IACpC,cAAc,EAAE;oDACsB;AAKvC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;oDACiB;AAIlC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACR;AAbA,sBAAsB;IAVlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,0EAA0C;QAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC;QAC7C,IAAI,EAAE;YACF,oBAAoB,EAAE,OAAO;SAChC;;KACJ,CAAC;IAgBe,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;GAfpB,sBAAsB,CAgBlC;;ICjCY,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAL/B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACrC,YAAY,EAAE,CAAC,sBAAsB,CAAC;QACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;KACpC,CAAC;GACW,mBAAmB,CAAG;;ACXnC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-marker-icon.js","sources":["ng://@taiga-ui/kit/components/marker-icon/marker-icon.component.ts","ng://@taiga-ui/kit/components/marker-icon/marker-icon.module.ts","ng://@taiga-ui/kit/components/marker-icon/taiga-ui-kit-components-marker-icon.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiDestroyService} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeXL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiMarkerIconModeT} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: `tui-marker-icon`,\n    templateUrl: `./marker-icon.template.html`,\n    styleUrls: [`./marker-icon.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService, MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': `mode$`,\n    },\n})\nexport class TuiMarkerIconComponent {\n    @Input()\n    @HostBinding(`attr.data-marker-mode`)\n    @tuiDefaultProp()\n    mode: TuiMarkerIconModeT | null = null;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    src = ``;\n\n    constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiMarkerIconComponent} from './marker-icon.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiMarkerIconComponent],\n    exports: [TuiMarkerIconComponent],\n})\nexport class TuiMarkerIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IA4Ba,sBAAsB,GAAnC,MAAa,sBAAsB;IAe/B,YAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAX9E,SAAI,GAA8B,IAAI,CAAC;QAKvC,SAAI,GAA0B,GAAG,CAAC;QAIlC,QAAG,GAAG,EAAE,CAAC;KAEyE;EACrF;;YADiD,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;AAX5B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,uBAAuB,CAAC;IACpC,cAAc,EAAE;oDACsB;AAKvC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;oDACiB;AAIlC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACR;AAbA,sBAAsB;IAVlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,0EAA0C;QAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC;QAC7C,IAAI,EAAE;YACF,oBAAoB,EAAE,OAAO;SAChC;;KACJ,CAAC;IAgBe,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;GAfpB,sBAAsB,CAgBlC;;ICjCY,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAL/B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACrC,YAAY,EAAE,CAAC,sBAAsB,CAAC;QACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;KACpC,CAAC;GACW,mBAAmB,CAAG;;ACXnC;;;;;;"}

package/fesm2015/taiga-ui-kit-components-multi-select-option.js

@@ -7,7 +7,7 @@ import { CommonModule } from '@angular/common';
 
 let TuiMultiSelectOptionComponent = class TuiMultiSelectOptionComponent extends TuiSelectOptionComponent {
     get size() {
-        return sizeBigger(this.option.size) ? 'l' : 'm';
+        return sizeBigger(this.option.size) ? `l` : `m`;
     }
     get selected() {
         return (isPresent(this.option.value) &&
@@ -17,7 +17,7 @@ let TuiMultiSelectOptionComponent = class TuiMultiSelectOptionComponent extends
 };
 TuiMultiSelectOptionComponent = __decorate([
     Component({
-        selector: 'tui-multi-select-option',
+        selector: `tui-multi-select-option`,
         template: "<tui-primitive-checkbox\n    class=\"t-checkbox\"\n    [size]=\"size\"\n    [value]=\"selected$ | async\"\n></tui-primitive-checkbox>\n<ng-container [ngTemplateOutlet]=\"context.$implicit\"></ng-container>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         styles: ["@-webkit-keyframes retrigger{from{left:1px}to{left:2px}}@keyframes retrigger{from{left:1px}to{left:2px}}:host{display:flex;flex:1;align-items:center;overflow:hidden;-webkit-animation:1s retrigger;animation:1s retrigger}.t-checkbox{margin-right:.75rem}"]

package/fesm2015/taiga-ui-kit-components-multi-select-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-multi-select-option.js","sources":["ng://@taiga-ui/kit/components/multi-select-option/multi-select-option.component.ts","ng://@taiga-ui/kit/components/multi-select-option/multi-select-option.module.ts","ng://@taiga-ui/kit/components/multi-select-option/taiga-ui-kit-components-multi-select-option.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {isPresent} from '@taiga-ui/cdk';\nimport {sizeBigger, TuiSizeL} from '@taiga-ui/core';\nimport {TuiSelectOptionComponent} from '@taiga-ui/kit/components/select-option';\n\n@Component({\n    selector: 'tui-multi-select-option',\n    templateUrl: './multi-select-option.template.html',\n    styleUrls: ['./multi-select-option.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMultiSelectOptionComponent<T> extends TuiSelectOptionComponent<T> {\n    get size(): TuiSizeL {\n        return sizeBigger(this.option.size) ? 'l' : 'm';\n    }\n\n    protected get selected(): boolean {\n        return (\n            isPresent(this.option.value) &&\n            isPresent(this.control.value) &&\n            !!this.control.value.find((item: T) => this.matcher(item, this.option.value!))\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPrimitiveCheckboxModule} from '@taiga-ui/core';\n\nimport {TuiMultiSelectOptionComponent} from './multi-select-option.component';\n\n@NgModule({\n    imports: [CommonModule, TuiPrimitiveCheckboxModule],\n    declarations: [TuiMultiSelectOptionComponent],\n    exports: [TuiMultiSelectOptionComponent],\n    entryComponents: [TuiMultiSelectOptionComponent],\n})\nexport class TuiMultiSelectOptionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAWa,6BAA6B,GAA1C,MAAa,6BAAiC,SAAQ,wBAA2B;IAC7E,IAAI,IAAI;QACJ,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;KACnD;IAED,IAAc,QAAQ;QAClB,QACI,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAO,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAM,CAAC,CAAC,EAChF;KACL;EACJ;AAZY,6BAA6B;IANzC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,2NAAkD;QAElD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,6BAA6B,CAYzC;;ICXY,0BAA0B,GAAvC,MAAa,0BAA0B;EAAG;AAA7B,0BAA0B;IANtC,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,0BAA0B,CAAC;QACnD,YAAY,EAAE,CAAC,6BAA6B,CAAC;QAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;QACxC,eAAe,EAAE,CAAC,6BAA6B,CAAC;KACnD,CAAC;GACW,0BAA0B,CAAG;;ACZ1C;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-multi-select-option.js","sources":["ng://@taiga-ui/kit/components/multi-select-option/multi-select-option.component.ts","ng://@taiga-ui/kit/components/multi-select-option/multi-select-option.module.ts","ng://@taiga-ui/kit/components/multi-select-option/taiga-ui-kit-components-multi-select-option.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {isPresent} from '@taiga-ui/cdk';\nimport {sizeBigger, TuiSizeL} from '@taiga-ui/core';\nimport {TuiSelectOptionComponent} from '@taiga-ui/kit/components/select-option';\n\n@Component({\n    selector: `tui-multi-select-option`,\n    templateUrl: `./multi-select-option.template.html`,\n    styleUrls: [`./multi-select-option.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMultiSelectOptionComponent<T> extends TuiSelectOptionComponent<T> {\n    get size(): TuiSizeL {\n        return sizeBigger(this.option.size) ? `l` : `m`;\n    }\n\n    protected get selected(): boolean {\n        return (\n            isPresent(this.option.value) &&\n            isPresent(this.control.value) &&\n            !!this.control.value.find((item: T) => this.matcher(item, this.option.value!))\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPrimitiveCheckboxModule} from '@taiga-ui/core';\n\nimport {TuiMultiSelectOptionComponent} from './multi-select-option.component';\n\n@NgModule({\n    imports: [CommonModule, TuiPrimitiveCheckboxModule],\n    declarations: [TuiMultiSelectOptionComponent],\n    exports: [TuiMultiSelectOptionComponent],\n    entryComponents: [TuiMultiSelectOptionComponent],\n})\nexport class TuiMultiSelectOptionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAWa,6BAA6B,GAA1C,MAAa,6BAAiC,SAAQ,wBAA2B;IAC7E,IAAI,IAAI;QACJ,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;KACnD;IAED,IAAc,QAAQ;QAClB,QACI,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAO,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAM,CAAC,CAAC,EAChF;KACL;EACJ;AAZY,6BAA6B;IANzC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,2NAAkD;QAElD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,6BAA6B,CAYzC;;ICXY,0BAA0B,GAAvC,MAAa,0BAA0B;EAAG;AAA7B,0BAA0B;IANtC,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,0BAA0B,CAAC;QACnD,YAAY,EAAE,CAAC,6BAA6B,CAAC;QAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;QACxC,eAAe,EAAE,CAAC,6BAA6B,CAAC;KACnD,CAAC;GACW,0BAA0B,CAAG;;ACZ1C;;;;;;"}

package/fesm2015/taiga-ui-kit-components-multi-select.js

@@ -18,9 +18,9 @@ import { map } from 'rxjs/operators';
 
 const TUI_MULTI_SELECT_DEFAULT_OPTIONS = {
     expandable: true,
-    valueContent: '',
+    valueContent: ``,
 };
-const TUI_MULTI_SELECT_OPTIONS = new InjectionToken('Default parameters for multi select component', {
+const TUI_MULTI_SELECT_OPTIONS = new InjectionToken(`Default parameters for multi select component`, {
     factory: () => TUI_MULTI_SELECT_DEFAULT_OPTIONS,
 });
 const tuiMultiSelectOptionsProvider = (options) => ({
@@ -39,17 +39,17 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
         this.stringify = this.itemsHandlers.stringify;
         this.identityMatcher = this.itemsHandlers.identityMatcher;
         this.expandable = this.options.expandable;
-        this.search = '';
+        this.search = ``;
         this.editable = true;
         this.disabledItemHandler = this.itemsHandlers.disabledItemHandler;
         this.valueContent = this.options.valueContent;
         this.searchChange = new EventEmitter();
-        this.datalist = '';
+        this.datalist = ``;
         this.open = false;
         this.valueMapper = (value, stringify, group) => group
             ? EMPTY_ARRAY
             : value.map(item => new TuiStringifiableItem(item, stringify));
-        this.disabledItemHandlerWrapper = handler => stringifiable => typeof stringifiable === 'string' || handler(stringifiable.item);
+        this.disabledItemHandlerWrapper = handler => stringifiable => typeof stringifiable === `string` || handler(stringifiable.item);
         svgService.define({ iconBlank });
     }
     get size() {
@@ -70,17 +70,17 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
     }
     // @bad TODO: think of a better way
     get searchOrSpace() {
-        return this.computedGroup ? ' ' : this.searchString;
+        return this.computedGroup ? ` ` : this.searchString;
     }
     get searchString() {
-        return this.search === null ? '' : this.search;
+        return this.search === null ? `` : this.search;
     }
     /**
      * Pass empty icon to InputTag (inside this component)
      * to prevent overflow of arrow icon by many tags
      */
     get tagIcon() {
-        return this.interactive ? 'iconBlank' : '';
+        return this.interactive ? `iconBlank` : ``;
     }
     get inputHidden() {
         return !this.editable && !this.computedGroup;
@@ -206,7 +206,7 @@ __decorate([
 ], TuiMultiSelectComponent.prototype, "search", void 0);
 __decorate([
     Input(),
-    HostBinding('class._editable'),
+    HostBinding(`class._editable`),
     tuiDefaultProp()
 ], TuiMultiSelectComponent.prototype, "editable", void 0);
 __decorate([
@@ -224,7 +224,7 @@ __decorate([
     ContentChild(TuiDataListDirective, { read: TemplateRef })
 ], TuiMultiSelectComponent.prototype, "datalist", void 0);
 __decorate([
-    HostBinding('attr.data-size')
+    HostBinding(`attr.data-size`)
 ], TuiMultiSelectComponent.prototype, "size", null);
 __decorate([
     tuiPure
@@ -234,7 +234,7 @@ __decorate([
 ], TuiMultiSelectComponent.prototype, "getContext", null);
 TuiMultiSelectComponent = TuiMultiSelectComponent_1 = __decorate([
     Component({
-        selector: 'tui-multi-select',
+        selector: `tui-multi-select`,
         template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiHoveredChange)=\"onHoveredChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-input-tag\n        #inputTag\n        tuiHostedDropdownHost\n        automation-id=\"tui-multi-select__input\"\n        class=\"input\"\n        [nativeId]=\"nativeId\"\n        [icon]=\"tagIcon\"\n        [disabled]=\"disabled\"\n        [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerWrapper\"\n        [readOnly]=\"readOnly\"\n        [inputHidden]=\"!editable\"\n        [pseudoHovered]=\"computedHovered\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [editable]=\"false\"\n        [expandable]=\"expandable\"\n        [search]=\"searchOrSpace\"\n        [ngModel]=\"computedValue | tuiMapper: valueMapper:stringify\"\n        (ngModelChange)=\"onInput($event)\"\n        (searchChange)=\"onSearch($event)\"\n        (keydown.space)=\"onSpace($event)\"\n        (keydown.enter)=\"onEnter($event)\"\n        (click.prevent)=\"onClick(inputTag)\"\n    >\n        <ng-content></ng-content>\n    </tui-input-tag>\n    <div\n        class=\"t-wrapper\"\n        [class.t-wrapper_disabled]=\"disabled\"\n    >\n        <div\n            *ngIf=\"computedGroup\"\n            polymorpheus-outlet\n            class=\"t-group\"\n            [class.t-group_fullsize]=\"inputTag.labelOutside\"\n            [context]=\"context\"\n            [content]=\"valueContent\"\n        ></div>\n\n        <div\n            *ngIf=\"arrow\"\n            polymorpheus-outlet\n            automation-id=\"tui-multi-select__arrow\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"t-arrow\"\n            [content]=\"arrow\"\n            (click.prevent)=\"onArrowClick()\"\n        ></div>\n    </div>\n</tui-hosted-dropdown>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
@@ -293,7 +293,7 @@ __decorate([
 ], TuiHideSelectedPipe.prototype, "filter", null);
 TuiHideSelectedPipe = __decorate([
     Pipe({
-        name: 'tuiHideSelected',
+        name: `tuiHideSelected`,
         pure: false,
     }),
     __param(0, Inject(TuiMultiSelectComponent))
@@ -304,14 +304,14 @@ let TuiMultiSelectGroupComponent = class TuiMultiSelectGroupComponent {
         this.host = host;
         this.control = control;
         this.options = EMPTY_QUERY;
-        this.label = '';
+        this.label = ``;
     }
     get size() {
         var _a;
-        return ((_a = this.options.first) === null || _a === void 0 ? void 0 : _a.size) || 'm';
+        return ((_a = this.options.first) === null || _a === void 0 ? void 0 : _a.size) || `m`;
     }
     get checkboxSize() {
-        return this.options.first && sizeBigger(this.options.first.size) ? 'l' : 'm';
+        return this.options.first && sizeBigger(this.options.first.size) ? `l` : `m`;
     }
     get empty$() {
         return itemsQueryListObservable(this.options).pipe(map(({ length }) => !length));
@@ -388,7 +388,7 @@ __decorate([
 ], TuiMultiSelectGroupComponent.prototype, "filter", null);
 TuiMultiSelectGroupComponent = __decorate([
     Component({
-        selector: 'tui-opt-group[tuiMultiSelectGroup]',
+        selector: `tui-opt-group[tuiMultiSelectGroup]`,
         template: "<ng-container *tuiLet=\"value$ | async as value\">\n    <button\n        *ngIf=\"label && !(empty$ | async)\"\n        tuiOption\n        [size]=\"size\"\n        [disabled]=\"!!(disabled$ | async)\"\n        (click)=\"onClick(value)\"\n    >\n        <tui-primitive-checkbox\n            class=\"t-checkbox\"\n            [size]=\"checkboxSize\"\n            [value]=\"value\"\n        ></tui-primitive-checkbox>\n        <span class=\"t-label\">{{ label }}</span>\n    </button>\n</ng-container>\n<ng-content></ng-content>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         viewProviders: [
@@ -429,7 +429,7 @@ let TuiMultiSelectGroupDirective = class TuiMultiSelectGroupDirective {
 };
 TuiMultiSelectGroupDirective = __decorate([
     Directive({
-        selector: '[tuiMultiSelectGroup]',
+        selector: `[tuiMultiSelectGroup]`,
         providers: [
             {
                 provide: TUI_OPTION_CONTENT,