npm - @taiga-ui/kit - Versions diffs - 2.55.0 → 2.58.0 - Mend

@taiga-ui/kit 2.55.0 → 2.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1092) hide show

package/fesm2015/taiga-ui-kit-components-input.js CHANGED Viewed

@@ -27,8 +27,8 @@ let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
     constructor(control, changeDetectorRef) {
         super(control, changeDetectorRef);
         this.icon = null;
-        this.iconAlign = 'left';
-        this.datalist = '';
+        this.iconAlign = `left`;
+        this.datalist = ``;
         this.open = false;
     }
     get nativeFocusableElement() {
@@ -60,7 +60,7 @@ let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
         this.open = false;
     }
     getFallbackValue() {
-        return '';
+        return ``;
     }
     focusInput(preventScroll = false) {
         if (this.nativeFocusableElement) {
@@ -96,11 +96,11 @@ __decorate([
 ], TuiInputComponent.prototype, "datalist", void 0);
 TuiInputComponent = __decorate([
     Component({
-        selector: 'tui-input',
-        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"icon\"\n        [iconAlign]=\"iconAlign\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
+        selector: `tui-input`,
+        template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"t-textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"icon\"\n        [iconAlign]=\"iconAlign\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: TUI_INPUT_PROVIDERS,
-        styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}"]
+        styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.t-hosted{display:block;border-radius:inherit}.t-textfield{border-radius:inherit;text-align:inherit}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
@@ -116,7 +116,7 @@ let TuiInputDirective = TuiInputDirective_1 = class TuiInputDirective extends Tu
 };
 TuiInputDirective = TuiInputDirective_1 = __decorate([
     Directive({
-        selector: 'tui-input',
+        selector: `tui-input`,
         providers: [
             {
                 provide: TUI_TEXTFIELD_HOST,

package/fesm2015/taiga-ui-kit-components-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-input.js","sources":["ng://@taiga-ui/kit/components/input/input.providers.ts","ng://@taiga-ui/kit/components/input/input.component.ts","ng://@taiga-ui/kit/components/input/input.directive.ts","ng://@taiga-ui/kit/components/input/input.module.ts","ng://@taiga-ui/kit/components/input/taiga-ui-kit-components-input.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core';\nimport {\n FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n TUI_VALUE_ACCESSOR_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputComponent} from './input.component';\n\nexport const TUI_INPUT_PROVIDERS = [\n TUI_VALUE_ACCESSOR_PROVIDER,\n FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiInputComponent),\n },\n {\n provide: AbstractTuiControl,\n useExisting: forwardRef(() => TuiInputComponent),\n },\n {\n provide: TUI_DATA_LIST_HOST,\n useExisting: forwardRef(() => TuiInputComponent),\n },\n];\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n Inject,\n Input,\n Optional,\n Self,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n AbstractTuiControl,\n isNativeFocused,\n setNativeFocused,\n TuiActiveZoneDirective,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n TuiDataListDirective,\n TuiDataListHost,\n TuiHorizontalDirection,\n TuiHostedDropdownComponent,\n TuiPrimitiveTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_INPUT_PROVIDERS} from './input.providers';\n\n@Component({\n selector: 'tui-input~~',\~~n templateUrl: ~~'./~~input.template.html~~',\~~n styleUrls: [~~'./~~input.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: TUI_INPUT_PROVIDERS,\n})\nexport class TuiInputComponent\n extends AbstractTuiControl<string>\n implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n @ViewChild(TuiHostedDropdownComponent)\n private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n @ViewChild(TuiPrimitiveTextfieldComponent)\n private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n @Input()\n @tuiDefaultProp()\n icon: string \| null = null;\n\n @Input()\n @tuiDefaultProp()\n iconAlign: TuiHorizontalDirection = 'left~~';\~~n\n @ContentChild(TuiDataListDirective, {read: TemplateRef})\n readonly datalist: PolymorpheusContent<\n TuiContextWithImplicit<TuiActiveZoneDirective>\n > = ~~'';\~~n\n open = false;\n\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl \| null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n ) {\n super(control, changeDetectorRef);\n }\n\n get nativeFocusableElement(): HTMLInputElement \| null {\n return this.computedDisabled \|\| !this.textfield\n ? null\n : this.textfield.nativeFocusableElement;\n }\n\n get focused(): boolean {\n return (\n isNativeFocused(this.nativeFocusableElement) \|\|\n (!!this.hostedDropdown && this.hostedDropdown.focused)\n );\n }\n\n get canOpen(): boolean {\n return this.interactive && !!this.datalist;\n }\n\n onValueChange(value: string): void {\n this.updateValue(value);\n this.open = true;\n }\n\n onHovered(hovered: boolean): void {\n this.updateHovered(hovered);\n }\n\n onActiveZone(active: boolean): void {\n this.updateFocused(active);\n }\n\n handleOption(item: unknown): void {\n this.setNativeValue(String(item));\n this.focusInput();\n this.updateValue(String(item));\n this.open = false;\n }\n\n protected getFallbackValue(): string {\n return ~~'';\~~n }\n\n private focusInput(preventScroll: boolean = false): void {\n if (this.nativeFocusableElement) {\n setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n }\n }\n\n private setNativeValue(value: string): void {\n if (this.nativeFocusableElement) {\n this.nativeFocusableElement.value = value;\n }\n }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\n\n@Directive({\n selector: 'tui-input~~',\~~n providers: [\n {\n provide: TUI_TEXTFIELD_HOST,\n useExisting: forwardRef(() => TuiInputDirective),\n },\n ],\n})\nexport class TuiInputDirective extends TuiAbstractTextfieldHost<TuiInputComponent> {\n onValueChange(value: string): void {\n this.host.onValueChange(value);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n TuiHostedDropdownModule,\n TuiPrimitiveTextfieldModule,\n TuiTextfieldComponent,\n} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\nimport {TuiInputDirective} from './input.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiActiveZoneModule,\n TuiPrimitiveTextfieldModule,\n TuiHostedDropdownModule,\n ],\n declarations: [TuiInputComponent, TuiInputDirective],\n exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],\n})\nexport class TuiInputModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MAUa,mBAAmB,GAAG;IAC/B,2BAA2B;IAC3B,kCAAkC;IAClC;QACI,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;KACnD;IACD;QACI,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;KACnD;IACD;QACI,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;KACnD;;;ICgBQ,iBAAiB,GAA9B,MAAa,iBACT,SAAQ,kBAA0B;IAwBlC,YAII,OAAyB,EACE,iBAAoC;QAE/D,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QApBtC,SAAI,GAAkB,IAAI,CAAC;QAI3B,cAAS,GAA2B,MAAM,CAAC;QAGlC,aAAQ,GAEb,EAAE,CAAC;QAEP,SAAI,GAAG,KAAK,CAAC;KAUZ;IAED,IAAI,sBAAsB;QACtB,OAAO,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,SAAS;cACzC,IAAI;cACJ,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC;KAC/C;IAED,IAAI,OAAO;QACP,QACI,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC;aAC3C,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EACxD;KACL;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;KAC9C;IAED,aAAa,CAAC,KAAa;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,YAAY,CAAC,MAAe;QACxB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;KAC9B;IAED,YAAY,CAAC,IAAa;QACtB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACrB;IAES,gBAAgB;QACtB,OAAO,EAAE,CAAC;KACb;IAEO,UAAU,CAAC,gBAAyB,KAAK;QAC7C,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;SACtE;KACJ;IAEO,cAAc,CAAC,KAAa;QAChC,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,KAAK,CAAC;SAC7C;KACJ;EACJ;;YA1DgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;;AAzB7B;IADC,SAAS,CAAC,0BAA0B,CAAC;yDACuB;AAG7D;IADC,SAAS,CAAC,8BAA8B,CAAC;oDACkB;AAI5D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+CACU;AAI3B;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDAC0B;AAG3C;IADC,YAAY,CAAC,oBAAoB,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC;mDAGjD;AArBE,iBAAiB;IAP7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,~~m9BAAoC~~;QAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,mBAAmB;;KACjC,CAAC;IA2BO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GA9BrB,iBAAiB,CAuF7B;;;ICjHY,iBAAiB,yBAA9B,MAAa,iBAAkB,SAAQ,wBAA2C;IAC9E,aAAa,CAAC,KAAa;QACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAClC;EACJ;AAJY,iBAAiB;IAT7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,MAAM,mBAAiB,CAAC;aACnD;SACJ;KACJ,CAAC;GACW,iBAAiB,CAI7B;;ICIY,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAV1B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,mBAAmB;YACnB,2BAA2B;YAC3B,uBAAuB;SAC1B;QACD,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;QACpD,OAAO,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,qBAAqB,CAAC;KACzE,CAAC;GACW,cAAc,CAAG;;ACtB9B;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-components-input.js","sources":["ng://@taiga-ui/kit/components/input/input.providers.ts","ng://@taiga-ui/kit/components/input/input.component.ts","ng://@taiga-ui/kit/components/input/input.directive.ts","ng://@taiga-ui/kit/components/input/input.module.ts","ng://@taiga-ui/kit/components/input/taiga-ui-kit-components-input.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core';\nimport {\n FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n TUI_VALUE_ACCESSOR_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputComponent} from './input.component';\n\nexport const TUI_INPUT_PROVIDERS = [\n TUI_VALUE_ACCESSOR_PROVIDER,\n FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiInputComponent),\n },\n {\n provide: AbstractTuiControl,\n useExisting: forwardRef(() => TuiInputComponent),\n },\n {\n provide: TUI_DATA_LIST_HOST,\n useExisting: forwardRef(() => TuiInputComponent),\n },\n];\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n Inject,\n Input,\n Optional,\n Self,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n AbstractTuiControl,\n isNativeFocused,\n setNativeFocused,\n TuiActiveZoneDirective,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n TuiDataListDirective,\n TuiDataListHost,\n TuiHorizontalDirection,\n TuiHostedDropdownComponent,\n TuiPrimitiveTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_INPUT_PROVIDERS} from './input.providers';\n\n@Component({\n selector: `tui-input`,\n templateUrl: `./input.template.html`,\n styleUrls: [`./input.style.less`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: TUI_INPUT_PROVIDERS,\n})\nexport class TuiInputComponent\n extends AbstractTuiControl<string>\n implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n @ViewChild(TuiHostedDropdownComponent)\n private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n @ViewChild(TuiPrimitiveTextfieldComponent)\n private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n @Input()\n @tuiDefaultProp()\n icon: string \| null = null;\n\n @Input()\n @tuiDefaultProp()\n iconAlign: TuiHorizontalDirection = `left`;\n\n @ContentChild(TuiDataListDirective, {read: TemplateRef})\n readonly datalist: PolymorpheusContent<\n TuiContextWithImplicit<TuiActiveZoneDirective>\n > = ``;\n\n open = false;\n\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl \| null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n ) {\n super(control, changeDetectorRef);\n }\n\n get nativeFocusableElement(): HTMLInputElement \| null {\n return this.computedDisabled \|\| !this.textfield\n ? null\n : this.textfield.nativeFocusableElement;\n }\n\n get focused(): boolean {\n return (\n isNativeFocused(this.nativeFocusableElement) \|\|\n (!!this.hostedDropdown && this.hostedDropdown.focused)\n );\n }\n\n get canOpen(): boolean {\n return this.interactive && !!this.datalist;\n }\n\n onValueChange(value: string): void {\n this.updateValue(value);\n this.open = true;\n }\n\n onHovered(hovered: boolean): void {\n this.updateHovered(hovered);\n }\n\n onActiveZone(active: boolean): void {\n this.updateFocused(active);\n }\n\n handleOption(item: unknown): void {\n this.setNativeValue(String(item));\n this.focusInput();\n this.updateValue(String(item));\n this.open = false;\n }\n\n protected getFallbackValue(): string {\n return ``;\n }\n\n private focusInput(preventScroll: boolean = false): void {\n if (this.nativeFocusableElement) {\n setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n }\n }\n\n private setNativeValue(value: string): void {\n if (this.nativeFocusableElement) {\n this.nativeFocusableElement.value = value;\n }\n }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\n\n@Directive({\n selector: `tui-input`,\n providers: [\n {\n provide: TUI_TEXTFIELD_HOST,\n useExisting: forwardRef(() => TuiInputDirective),\n },\n ],\n})\nexport class TuiInputDirective extends TuiAbstractTextfieldHost<TuiInputComponent> {\n onValueChange(value: string): void {\n this.host.onValueChange(value);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n TuiHostedDropdownModule,\n TuiPrimitiveTextfieldModule,\n TuiTextfieldComponent,\n} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\nimport {TuiInputDirective} from './input.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiActiveZoneModule,\n TuiPrimitiveTextfieldModule,\n TuiHostedDropdownModule,\n ],\n declarations: [TuiInputComponent, TuiInputDirective],\n exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],\n})\nexport class TuiInputModule {}\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-island.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;;;"}
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;;;;;;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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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~~,+RAAyC~~;QAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IA6BO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IACjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,MAAM,CAAC,CAAA;IACd,WAAA,MAAM,CAAC,sBAAsB,CAAC,CAAA;GAhC1B,qBAAqB,CAoGjC;;~~IC3HY~~,kBAAkB,GAA/B,MAAa,kBAAkB;EAAG;AAArB,kBAAkB;~~IAL9B~~,QAAQ,CAAC;QACN,OAAO,EAAE,~~CAAC,~~YAAY,~~EAAE,~~kBAAkB,~~EAAE,~~aAAa,~~EAAE,~~eAAe,~~CAAC~~;~~QAC3E~~,YAAY,EAAE,CAAC,qBAAqB,CAAC;QACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;KACnC,CAAC;GACW,kBAAkB,CAAG;;~~ACblC~~;;;;;;"}
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 {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 CHANGED Viewed

@@ -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,14 +32,14 @@ __decorate([
 ], TuiMarkerIconComponent.prototype, "src", void 0);
 TuiMarkerIconComponent = __decorate([
     Component({
-        selector: 'tui-marker-icon',
-        template: "<tui-svg\n    class=\"icon\"\n    [src]=\"src\"\n></tui-svg>\n",
+        selector: `tui-marker-icon`,
+        template: "<tui-svg\n    class=\"t-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)}"]
+        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)}.t-icon{width:3rem;height:3rem}:host[data-size=xs] .t-icon{transform:scale(.667)}:host[data-size='m'] .t-icon{transform:scale(1.333)}:host[data-size='l'] .t-icon{transform:scale(2)}:host[data-size=xl] .t-icon{transform:scale(2.667)}"]
     }),
     __param(0, Inject(TUI_MODE))
 ], TuiMarkerIconComponent);

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

	@@ -1 +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;;;;;;"}
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,4EAA0C;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;;;"}
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;;;;;;"}

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

@@ -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,8 +234,8 @@ __decorate([
 ], TuiMultiSelectComponent.prototype, "getContext", null);
 TuiMultiSelectComponent = TuiMultiSelectComponent_1 = __decorate([
     Component({
-        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",
+        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=\"t-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: [
             {
@@ -249,7 +249,7 @@ TuiMultiSelectComponent = TuiMultiSelectComponent_1 = __decorate([
             FIXED_DROPDOWN_CONTROLLER_PROVIDER,
             TEXTFIELD_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{position:relative;display:block;border-radius:var(--tui-radius-m)}:host._disabled{pointer-events:none}.t-hosted{display:block;border-radius:inherit}.input{border-radius:inherit}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-wrapper_disabled{opacity:var(--tui-disabled-opacity)}:host[data-size='s'] .t-wrapper{height:var(--tui-height-s)}:host[data-size='m'] .t-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-wrapper{height:var(--tui-height-l)}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:auto;margin:0 .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}"]
+        styles: [":host{position:relative;display:block;border-radius:var(--tui-radius-m)}:host._disabled{pointer-events:none}.t-hosted{display:block;border-radius:inherit}.t-input{border-radius:inherit}:host:not(._editable):not(._readonly) .t-input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-wrapper_disabled{opacity:var(--tui-disabled-opacity)}:host[data-size='s'] .t-wrapper{height:var(--tui-height-s)}:host[data-size='m'] .t-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-wrapper{height:var(--tui-height-l)}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:auto;margin:0 .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
@@ -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,