refactor(addon-doc): remove internal TuiDocExampleCapitalizePipe (#…

…6102) Co-authored-by: taiga-family-bot <[email protected]>
taiga-family · Nov 27, 2023 · d265c64 · d265c64
1 parent 2cb4e62
commit d265c64
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 26 deletions.
diff --git a/projects/addon-doc/components/example/example-capitalize.pipe.ts b/projects/addon-doc/components/example/example-capitalize.pipe.ts
diff --git a/projects/addon-doc/components/example/example.module.ts b/projects/addon-doc/components/example/example.module.ts
@@ -9,7 +9,6 @@ import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 import {TuiDocCodeModule} from '../code/code.module';
 import {TuiDocCopyModule} from '../copy/copy.module';
 import {TuiDocExampleComponent} from './example.component';
-import {TuiDocExampleCapitalizePipe} from './example-capitalize.pipe';
 import {TuiDocExampleGetTabsPipe} from './example-get-tabs.pipe';
 
 @NgModule({
@@ -24,15 +23,7 @@ import {TuiDocExampleGetTabsPipe} from './example-get-tabs.pipe';
         TuiMapperPipeModule,
         TuiLoaderModule,
     ],
-    declarations: [
-        TuiDocExampleComponent,
-        TuiDocExampleGetTabsPipe,
-        TuiDocExampleCapitalizePipe,
-    ],
-    exports: [
-        TuiDocExampleComponent,
-        TuiDocExampleGetTabsPipe,
-        TuiDocExampleCapitalizePipe,
-    ],
+    declarations: [TuiDocExampleComponent, TuiDocExampleGetTabsPipe],
+    exports: [TuiDocExampleComponent, TuiDocExampleGetTabsPipe],
 })
 export class TuiDocExampleModule {}
diff --git a/projects/addon-doc/components/example/example.style.less b/projects/addon-doc/components/example/example.style.less
@@ -26,6 +26,11 @@
     margin: 0;
 }
 
+.t-title:first-letter,
+.t-description:first-letter {
+    text-transform: capitalize;
+}
+
 .t-example {
     position: relative;
     margin-top: 1.5rem;

diff --git a/projects/addon-doc/components/example/example.template.html b/projects/addon-doc/components/example/example.template.html
@@ -3,7 +3,7 @@
     class="t-title"
 >
     <span
-        *polymorpheusOutlet="heading | tuiDocExampleCapitalize as text"
+        *polymorpheusOutlet="heading as text"
         [textContent]="text"
     ></span>
     <button
@@ -22,7 +22,7 @@
     *ngIf="description"
     class="t-description"
 >
-    <ng-container *polymorpheusOutlet="description | tuiDocExampleCapitalize as text">
+    <ng-container *polymorpheusOutlet="description as text">
         {{ text }}
     </ng-container>
 </h4>

diff --git a/projects/addon-doc/components/index.ts b/projects/addon-doc/components/index.ts
@@ -18,7 +18,6 @@ export * from './documentation/pipes/strip-optional.pipe';
 export * from './example/example.component';
 export * from './example/example.module';
 export * from './example/example.options';
-export * from './example/example-capitalize.pipe';
 export * from './example/example-get-tabs.pipe';
 export * from './internal/header/header.component';
 export * from './internal/header/header.module';

diff --git a/projects/demo/src/modules/markup/breakpoints/breakpoints.style.less b/projects/demo/src/modules/markup/breakpoints/breakpoints.style.less
@@ -5,6 +5,10 @@
     margin-bottom: 0.5rem;
 }
 
+.title::first-letter {
+    text-transform: capitalize;
+}
+
 .copy {
     .fullsize();
     .transition(opacity);

diff --git a/projects/demo/src/modules/markup/breakpoints/breakpoints.template.html b/projects/demo/src/modules/markup/breakpoints/breakpoints.template.html
@@ -16,8 +16,9 @@
                     <th
                         *ngFor="let column of columnsNames"
                         tuiTh
+                        class="title"
                     >
-                        {{ column | tuiDocExampleCapitalize }}
+                        {{ column }}
                     </th>
                 </tr>
             </thead>