From ee704c677624fcf9c15a4d128b0005fae2faefa3 Mon Sep 17 00:00:00 2001
From: Sergey Vakhramov <vakhramoff@xakep.ru>
Date: Fri, 13 Oct 2023 21:15:01 +0500
Subject: [PATCH] fix: migrate styles-components from using selectors

---
 .../directives/mobile-tabs/mobile-tabs.component.ts           | 4 +++-
 .../addon-mobile/directives/ripple/ripple-styles.component.ts | 4 +++-
 .../cdk/directives/autofilled/autofilled-style.component.ts   | 4 +++-
 projects/core/components/group/group-styles.component.ts      | 4 +++-
 projects/experimental/components/button/button.directive.ts   | 3 +++
 projects/experimental/directives/fade/fade.component.ts       | 3 +++
 .../experimental/directives/sensitive/sensitive.component.ts  | 3 +++
 projects/experimental/directives/surface/surface.component.ts | 3 +++
 8 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts b/projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts
index cbf892dee3d8..98ee04017fc3 100644
--- a/projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts
+++ b/projects/addon-mobile/directives/mobile-tabs/mobile-tabs.component.ts
@@ -1,7 +1,9 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
-    selector: 'tui-mobile-tabs',
+    host: {
+        class: 'tui-mobile-tabs-styles',
+    },
     template: '',
     styleUrls: ['./mobile-tabs.style.less'],
     encapsulation: ViewEncapsulation.None,
diff --git a/projects/addon-mobile/directives/ripple/ripple-styles.component.ts b/projects/addon-mobile/directives/ripple/ripple-styles.component.ts
index 90689693e153..30095b53ab03 100644
--- a/projects/addon-mobile/directives/ripple/ripple-styles.component.ts
+++ b/projects/addon-mobile/directives/ripple/ripple-styles.component.ts
@@ -1,7 +1,9 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
-    selector: 'tui-ripple',
+    host: {
+        class: 'tui-ripple-styles',
+    },
     template: '',
     styleUrls: ['./ripple.style.less'],
     encapsulation: ViewEncapsulation.None,
diff --git a/projects/cdk/directives/autofilled/autofilled-style.component.ts b/projects/cdk/directives/autofilled/autofilled-style.component.ts
index 94049ee642c5..80b5c167f49b 100644
--- a/projects/cdk/directives/autofilled/autofilled-style.component.ts
+++ b/projects/cdk/directives/autofilled/autofilled-style.component.ts
@@ -1,7 +1,9 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
-    selector: 'tui-autofilled-style',
+    host: {
+        class: 'tui-autofilled-styles',
+    },
     template: '',
     styleUrls: ['./autofilled.style.less'],
     encapsulation: ViewEncapsulation.None,
diff --git a/projects/core/components/group/group-styles.component.ts b/projects/core/components/group/group-styles.component.ts
index 0acfb9992cce..3dc9bbc567ac 100644
--- a/projects/core/components/group/group-styles.component.ts
+++ b/projects/core/components/group/group-styles.component.ts
@@ -1,7 +1,9 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
-    selector: 'tui-group-style',
+    host: {
+        class: 'tui-group-styles',
+    },
     template: '',
     styleUrls: ['./group.style.less'],
     encapsulation: ViewEncapsulation.None,
diff --git a/projects/experimental/components/button/button.directive.ts b/projects/experimental/components/button/button.directive.ts
index 03a4b7f23c39..403411ec9e92 100644
--- a/projects/experimental/components/button/button.directive.ts
+++ b/projects/experimental/components/button/button.directive.ts
@@ -13,6 +13,9 @@ import {Observable} from 'rxjs';
 import {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';
 
 @Component({
+    host: {
+        class: 'tui-button-styles',
+    },
     template: '',
     styleUrls: ['./button.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/projects/experimental/directives/fade/fade.component.ts b/projects/experimental/directives/fade/fade.component.ts
index 817c56d4b719..534eb0682ab7 100644
--- a/projects/experimental/directives/fade/fade.component.ts
+++ b/projects/experimental/directives/fade/fade.component.ts
@@ -1,6 +1,9 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
+    host: {
+        class: 'tui-fade-styles',
+    },
     template: '',
     styleUrls: ['./fade.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/projects/experimental/directives/sensitive/sensitive.component.ts b/projects/experimental/directives/sensitive/sensitive.component.ts
index 40d5fdf407d0..68f1d9a5215f 100644
--- a/projects/experimental/directives/sensitive/sensitive.component.ts
+++ b/projects/experimental/directives/sensitive/sensitive.component.ts
@@ -1,6 +1,9 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
+    host: {
+        class: 'tui-sensitive-styles',
+    },
     changeDetection: ChangeDetectionStrategy.OnPush,
     template: '',
     styleUrls: ['./sensitive.style.less'],
diff --git a/projects/experimental/directives/surface/surface.component.ts b/projects/experimental/directives/surface/surface.component.ts
index 937deacd5c3a..e1c365f57201 100644
--- a/projects/experimental/directives/surface/surface.component.ts
+++ b/projects/experimental/directives/surface/surface.component.ts
@@ -1,6 +1,9 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
+    host: {
+        class: 'tui-surface-styles',
+    },
     template: '',
     styleUrls: ['./surface.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,